@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css");
:root{
	--cna-note-bg:#d9e7e7;
	--cna-note-color:#000000;
	--cna-note-href:#0d5e5e;
	--bullet-color:#0d5e5e;
}

div.field div.form-group div{
	width:unset;
}
div.field div.form-group div.fixwidth{
	width:68%;
}

#singleTab .row>.col-sm-3{
	position: sticky;
    top: 112px;	
}
html {
	padding-top: 100px;
}
a,
a:active,
a.active,
a:visited {
	color: #0d5e5e;
	text-decoration: none;
}
a:hover,
a:focus {
	color:#0d5e5e;
	text-decoration: underline;
}

#submitPay,
#paybtn{
    text-transform: uppercase;
    margin: 5px;
    border: 1px solid #108aa5;
    color: #108aa5;
    background: transparent;
    border-radius: 0px;
    display: inline-block;
    font-weight:500;	
}

#submitPay:hover,
#submitPay:Focus,
#paybtn:hover,
#paybtn:focus{
	background: #108aa5;
    border-color: #108aa5;
    color: #fff;

}

#register,
#returning,
#button input,
.btn-primary,
#addAdt,
#paybtn,
#regList,
#submitPay,
#paybtn{
	padding: 15px 20px !important;
	font-size:1.1rem !important;
	transition: all 0.3s ease !important;
	transform:scale(1) !important;
	box-shadow:0px 0px 3px rgba(00,00,00,0.01);
}
#register:hover,
#returning:hover,
#button input:hover,
.btn-primary:hover,
#addAdt:hover,
#paybtn:hover,
#regList:hover,
#submitPay:hover,
#paybtn:hover,
#register:focus,
#returning:focus,
#button input:focus,
.btn-primary:focus,
#addAdt:focus,
#paybtn:focus,
#regList:focus,
#submitPay:focus,
#paybtn:focus{
	transition: all 0.3s ease !important;
	transform:scale(1.1) !important;
	box-shadow:0px 3px 10px rgba(00,00,00,0.2) !important;
}
div[data-group="note"]{
	overflow:visible;	
}
div[data-group="textarea_field"] {
	border-top: 1px solid rgba(00, 00, 00, 0.1);
	margin-top: 19px !important;
	padding-top: 25px !important;
}
div[data-group="textarea_field"] p{
	display:none;
}
div[data-group="textarea_field"] p.body-note {
	display: block;
	clear: both;
	margin: 20px !important;
	line-height: 1.8rem;
	margin-left: 44px !important;
}
div[data-group="textarea_field"] div div.txtwrapper {
	padding: 15px 22px;
	width: 100% !important;
}
div[data-group="textarea_field"] label {
	font-weight: bold !important;
	width: 100% !important;
}
div[data-group="textarea_field"] textarea{
	padding: 15px 22px;
	width: 96% !important;
	min-height: 220px;
	margin: 0 auto;
}
h2{
	font-size: 1.5rem;
	border-bottom: 1px solid rgba(13, 94, 94, 0.8);
	margin-bottom: 10px;
	color: #ffffff;
	font-weight: bold;
	background: #0d5e5e;
	line-height: normal;
	padding: 15px 22px;
	border-radius: 33px;
}
h2:before {
	color: #0d5e5e;
	background: #0d5e5e;
	display:none;
}
.alert-info {
	color: #333333;
	background-color: rgba(00, 00, 00, 0.1);
	border-color: rgba(00, 00, 00, 0.1);
}
nav.navbar:before {
	background: url('https://mycs-cdn.myconferencesuite.com/other/Project/3448/c8/b6/Academy-logo-2024.png') no-repeat 24px center / contain;
}
html[lang="fr"] nav.navbar:before {
	background: url('https://mycs-cdn.myconferencesuite.com/other/Project/3448/b2/17/Academy-logo-FR-2024.png') no-repeat 24px center / contain;
}
#footer .footer:after {
	background: url('https://mycs-cdn.myconferencesuite.com/other/Project/3448/05/e6/footer-logoGreen.png') no-repeat center center / contain;
	background-color: #f0f5f8 !important;
}
[type="radio"]+label:before, [type="checkbox"]+label:before,
[type="radio"]:checked+label:before, [type="checkbox"]:checked+label:before{
	border: 2px solid rgba(00, 00, 00, 0.8);	
}
input[type="submit"],
#register,
a[id="next"],
.review .btn-primary,
.btn-primary,
#returning {
	border: 1px solid #0d5e5e !important;
	color: #0d5e5e !important;
}
input[type="submit"]:hover,
input[type="submit"]:focus,
#register:hover,
#register:focus,
a[id="next"]:hover,
a[id="next"]:focus,
.review .btn-primary:hover,
.review .btn-primary:focus,
.btn-primary:hover,
.btn-primary:focus,
#returning:hover,
#returning:focus{
	background: #0d5e5e !important;
	border-color: #0d5e5e !important;
	color: #fff !important;
}
div.language-toggle a{
	padding: 15px 20px !important;
	text-transform: none !important;
	margin: 5px !important;
	background: transparent !important;
	border-radius: 0px !important;
	display: inline-block !important;
	transition: all 94ms ease !important;
	border: 1px solid #333333 !important;
	color: #333333 !important;
}
div.language-toggle a:hover,
div.language-toggle a:focus{
	background: rgba(13,94,94,1.0) !important;
	border-color: rgba(13,94,94,1.0) !important;
	color: #fff !important;
}
ul li:before{
	background: var(--bullet-color);	
}
legend.left {
	font-weight: normal;
}
#month,
#year {
	width: initial !important;
}
#bs-example-navbar-collapse-1{
	height: 100% !important;
	overflow: hidden !important;
	min-height: 98px;	
}
nav .collapse.navbar-collapse:before {
	content: "2025 Fellowship Application" !important;
	color: #333333;
	display: block;
	float: none;
	position: relative;
	top: 25px;
	right: 1%;
	font-size: 1.5rem;
	line-height: normal;
	text-align: right;
}
html[lang="fr"] nav .collapse.navbar-collapse:before{
	content:"Candidature de bourse 2025" !important;
}
nav .collapse.navbar-collapse:after{
	content: "Deadline: March 24, 2025";
	position: relative;
	top: 17px;
	right: 11px;
	font-size: 1.3rem;
	line-height: 2.5rem;
	color: #0d5e5e;
}
html[lang="fr"] nav .collapse.navbar-collapse:after{
	content: "Date limite : 24 mars 2025";
}
div.field {
	border-bottom: none;
	margin: 6px 0px;
	padding: 0px;
}
p.footNote {
	float: right;
	background: #efefef;
	border: 1px solid rgba(00, 00, 00, 0.1);
	padding: 9px;
	font-size: 0.8rem;
	width: 68%;
	text-align: center;
	border-radius: 4px;
	margin: 6px 22px;
}
div[data-group="yesno"] fieldset legend {
	border: none;
	float: left;
	width: 75%;
	padding-left: 4px;
}
div[data-group="yesno"] fieldset div.de_fieldset {
	width: 23%;
	float: left;
	padding-left: 0px;
	margin-left: 0px;
}
div[data-group="yesno"] fieldset div.de_fieldset .de_cols_1 {
	width: 44%;
	float: left;
	display: inline-block;
	clear: none;
}
div[data-group="yesno"] fieldset div.de_fieldset .de_cols_1 label {
	padding-left: 35% !important;
}
div[data-group="file"] div.form-group fieldset legend {
	padding-left: 4px;
}
div[data-group="file"] p {
	display: none;
}
div[data-group="file"] p.foot {
	display: block !important;
	width: 69%;
	float: right;
	padding: 8px 15px;
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
	border-radius: 4px;
	margin: 0px;
	font-size: 0.9rem;
	text-align: center;
}

#header{
	border-top:none;
}

#header .language-toggle{
	display:none;
}
#header div.container{
	width:100%;
	display:block !important;
}
#header .container .event-title h3{
	margin-top:0px;
}
div.event-title h3 {
	color: #333333;
	font-size: 1.5rem;
	font-weight: 400 !important;
	/* line-height: 1rem; */
	margin: 15px 0px !important;
	padding: 5px 0px 0px 0px;
}
div.event-title h3 span{
	font-size: 1.3rem;
	line-height: 2.5rem;
	color: #0d5e5e;
}
#header div.header-logo img{
	height: 100px !important;
}
#menu{
	display:none !important;
}


@media (min-width: 240px) and (max-width: 1000px) {
	/*
	nav.navbar .container-fluid:after {
	right: 0;
	top: inherit;
	font-size: 1rem;
	bottom: 0px;
	width: 100%;
	text-align: center;
	padding: 5px;
}
	#header div.container .event-title:after{
	content:"2025 Fellowship Application | Deadline: March 24, 2025";
}
	html[lang="fr"] #header div.container .event-title:after{
	content:"Candidature de bourse 2025 | Date limite : 24 mars 2025";
}
	nav.navbar .container-fluid {
	background: url('https://mycs-cdn.myconferencesuite.com/other/Project/3448/c8/b6/Academy-logo-2024.png') no-repeat center center / contain;
	padding: 36px;
}
	html[lang="fr"] nav.navbar .container-fluid {
	background: url('https://mycs-cdn.myconferencesuite.com/other/Project/3448/b2/17/Academy-logo-FR-2024.png') no-repeat 24px center / contain;
	padding: 36px;
}
	.event-title{
	display:none;
}	
	#menu .navbar .container-fluid:after{
	content: "2025 Fellowship Application | Deadline: March 24, 2025";
	position: absolute;
	font-size: 3.5vw;
}
	html[lang="fr"] nav.navbar .container-fluid:after{
	content:"Candidature de bourse 2025 | Date limite : 24 mars 2025" !important;
	position: absolute;
	font-size: 2.5vw;
}
	*/
	p.footNote{
		margin: 6px auto;
		width: 97%;
		float: none;
	}
	div[data-group="note"] .text-editable .alert.alert-info{
		width: 100% !important;
		text-align: center;
		margin: 0px;
		font-size: 0.8rem;
	}
	div[data-group="file"] div.form-group fieldset div{
		width: 100% !important;
	}
	#header div.container .event-title:after{
		display:none !important;
	}
	#header div.container .header-logo{
		display: block !important;
	}
	#header {
		height: auto;
		position: fixed;
		border: none;
	}
	#header div.header-logo img{
		height: 74px !important;
	}
	div.event-title {
		position: relative !important;
		text-align: center !important;
		padding: 0px !important;
		width: 100% !important;
	}
	#header .container .event-title h3{
		font-size: 1.4rem;
		margin: 0px !important;
		padding-top: 0px !important;
	}
	div.event-title h3 span{
		font-size: 1rem;
		line-height: inherit;
		color: #0d5e5e;
	}
	#header .language-toggle {
		display: block;
		position:absolute;
		right: 0;
		top: 0;
		z-index: 9;
	}
	#header .language-toggle a {
		border: none !important;
		padding: 0px !important;
	}
	#header .language-toggle a:hover,
	#header .language-toggle a:focus{
		background:transparent !important;
		border:none !important;
		color:#0d5e5e !important;
	}
	.tab-content{
		padding: 25px 10px 10px 10px;
	}
}
div[data-group="file"] .form-group fieldset div:before{
	background: rgba(13,94,94,1.0);
}
div[data-group="file"] .form-group fieldset div:hover:before {
	background: rgba(13,94,94,0.9);
}
#rhome{
	padding: 15px 20px !important;
	text-transform: none !important;
	margin: 5px !important;
	background: transparent !important;
	border-radius: 0px !important;
	display: inline-block !important;
	transition: all 94ms ease !important;
	border: 1px solid #333333 !important;
	color: #333333 !important;	
}
#rhome:hover,
#rhome:focus{
	background: rgba(13,94,94,1.0) !important;
	border-color: rgba(13,94,94,1.0) !important;
	color: #fff !important;
}
div[data-group="file"] div.form-group fieldset div{
	width: 65% ;	
}
div[data-group="file"] div.form-group fieldset legend{
	width: 33%;	
}
div[data-group="textarea_field"]:first-of-type,
div[data-id="126854"]{
	border:none !important
}
div[data-id="126854"] {
	margin-top: 0px !important;
	padding-top: 5px !important;
}
div[data-id="126842"] p.footNote{
	background: #d9edf7 !important;
	border-color:#bce8f1 !important;
	color: #31708f !important;
}

form[name="returningRegForm"],
form[name="returningRegForm"] div.form-group.row{
	background:transparent;	
}
form[name="returningRegForm"] #returning{
	margin: 25px 15px 15px 15px;	
}


#finalProcessButton{
	padding: 18px 18px 18px 21px !important;
    border: 1px solid rgba(13,94,94,1) !important;
    color: rgba(13,94,94,1) !important;
    background: transparent;
    font-weight: 700 !important;
    font-size: 1rem;
}
#finalProcessButton:hover,
#finalProcessButton:focus{
	background: rgba(13,94,94,0.9) !important;
	border-color: rgba(13,94,94,1) !important;
	color: #fff !important;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12), 0px 4px 14px rgba(0, 0, 0, 0.1) !important;
}
div[data-group="note"] .form-group{
	overflow:visible;	
}
.alert ul li, .alert ol li{
	list-style:none;
}

.alert-cna-note{
    background: var(--cna-note-bg);
    color: var(--cna-note-color);
    font-weight: bold;
    border-radius: 25px;
    margin: 15px 0 !important;
    box-shadow: 0px 3px 10px rgba(00, 00, 00, 0.1);
    border-color: rgba(13, 94, 94, 0.1);
}
.alert-cna-note a{
	color:var(--cna-note-href);	
}


div[data-group="textarea_field"]{
    margin-bottom: 30px;
}

div[data-group="textarea_field"] textarea.de_field_small {
    width: 100%;
    height: 120px;
    padding: 10px;
    font-size: 16px;
    border-radius: 8px;
    border: 1px solid #ccc;
    resize: vertical;
    outline: none;
    transition: border-color .25s ease;
}

div[data-group="textarea_field"] textarea.de_field_small:focus {
    border-color: #777;
}

/* Word feedback container */
div[data-group="textarea_field"] .word-feedback {
    margin-top: 6px;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: #666;
    transition: color .25s ease;
    position: relative;
}

/* Progress bar wrapper */
div[data-group="textarea_field"] .progress-wrap {
    width: 100% !important;
    height: 8px;
    background: #ddd;
    border-radius: 8px;
    margin-top: 6px;
    overflow: hidden;
}

/* Progress bar fill */
div[data-group="textarea_field"] .progress-bar {
    width: 0%;
    height: 100%;
    background: #4a9eff; /* blue by default */
    border-radius: 8px;
    transition: width .25s ease, background-color .25s ease, box-shadow .25s ease;
}

/* Shake animation */
@keyframes shake {
    0% { transform: translateX(0); }
    25% { transform: translateX(-4px); }
    50% { transform: translateX(4px); }
    75% { transform: translateX(-4px); }
    100% { transform: translateX(0); }
}
div[data-group="textarea_field"] .shake {
    animation: shake .3s ease;
}