@media print{
   .noprint, .inputButton{
       display:none;
   }
}

body{
	font-family: Barlow Semi Condensed;
	color: #333333;
	font-size: 15px;
	line-height: 18px;
	margin:0;
}

textarea, input {
	font-family: Barlow Semi Condensed;
	font-size: 15px;
}

input, select, textarea {
	background: #FFFFFF;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	border:none;
}

button, input[type=button] {
	cursor: pointer;
	background:#0096D3;
	color:#ffffff;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	border: none;
}
button:hover, button.selected, input[type="submit"]:hover, input.selected[type="submit"]:hover, input[type="button"]:hover, input.selected[type="button"]:hover {
    background-color: #004580;
}
.hidden { display: none !important; }

.athenaHeader {
	width:100%;
	height: 40px;
	background: #333333;
	display:flex;
	justify-content: space-between;
}
.headerName, .clientHeaderName {
	font-family: Barlow Semi Condensed;
	width:35%;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	display: flex;
	text-transform: uppercase;
	color: #FFFFFF;
	align-items: center;
	margin-left:20%;
	//margin-left: auto;
	margin-right:2%;
	justify-content: space-between;
}
.clientHeaderName { justify-content: flex-end; }
//.clientHeaderName { margin-left:0% !important; }
.headerName a, .clientHeaderName a { color: #FFFFFF; }
.headerLanguage {
	display: flex;
	align-items: center;
}
.left2 {margin-left:2%; }

.indent {
	padding-left:2%;
}

.consentTitle {
	font-weight:bold;
}

.bordered, .bordered td, .bordered th { border: 1px solid black; }

.athenaSideMenu {
	float:left;
	width:18%;
	height:100%;
}

.sideMenuBlock {
	width:100%;
	height:60px;
	display: flex;
	align-items: center;
	border-top: 1px solid deepskyblue;
	cursor:pointer;
}

.sideMenuSelected { background: radial-gradient(150.16% 150.16% at 50.73% 50%, #FFFFFF 0%, rgba(255, 255, 255, 0.0001) 100%), #CCCCCC; }

.rightArrow {
	margin-right:25px;
}

.sideMenuText {
	padding:20px;
	flex-grow: 1;
}

.sideArrow { background: #0096D3; }

.clickable { cursor: pointer; }

.paddedDiv { padding:10px; }
.covidRisk_RED { background-color:#ffb3b3;}
.covidRisk_BLUE { background-color:#ccccff;}
.covidRisk_YELLOW { background-color:#ffff99;}
.covidRisk_GREEN { background-color:#99ff99;}

/* Groupes -  Budgets */
.topAlign { vertical-align: top; }
.agreementTable input, .agreementTable select, .budgetBottomMarge { margin-bottom: 6px; }
.double { text-align: right; }
.shorterInput { width: 65px !important; }
.shortInput { width: 100px !important; }
.medInput { width: 140px !important; }
.medRelInput { width: 45% !important; }
.oddSection { border:1px solid #b3b3b3; padding:10px; }
.paddedTen { padding:10px; }
.SGAGInput { width:350px !important;}
.bold { font-weight:bold; }
.insTableWrapper{
	border: 1px solid #F0F0F0;
	background-color: white;
	padding:30px;
}
.insTableWrapper >table {
	border: 1px solid #E6E6E6;
	background: radial-gradient(150.16% 150.16% at 50.73% 50%, #FFFFFF 0%, rgba(255, 255, 255, 0.0001) 100%), #CCCCCC;
	border-spacing: 0;
	border-collapse: collapse;
}
.insTableWrapper >table th {
	border: 1px solid #E6E6E6;
	//background: radial-gradient(150.16% 150.16% at 50.73% 50%, #FFFFFF 0%, rgba(255, 255, 255, 0.0001) 100%), #CCCCCC;
	padding:5px;
	font-weight:bold;
}
.insTableWrapper >table td {
	border: 1px solid #E6E6E6;
	//background: radial-gradient(150.16% 150.16% at 50.73% 50%, #FFFFFF 0%, rgba(255, 255, 255, 0.0001) 100%), #CCCCCC;
	padding:5px;
}

.budgetTitle {
	font-weight:bold;
	font-size:1.2em;
	color:rgb(0, 153, 203);
}
.budgetTitle2 {
	font-weight:bold;
	font-size:1.4em;
	color:rgb(0, 153, 203);
}
.budgetSubTitle {
	font-weight:bold;
	font-size:1.1em;
	//color:rgb(0, 153, 203);
}

.budgetRow { border-bottom: 1px solid #b3b3b3; }
.budgetRow td { padding-top:5px; }
/* Fin budget */

.athenaFullContent {
	height:auto;
	min-height:860px;
	padding-left:3%;
	padding-right:3%;
	background: radial-gradient(150.16% 150.16% at 50.73% 50%, #FFFFFF 0%, rgba(255, 255, 255, 0.0001) 100%), #CCCCCC;
}

.athenaBg { background: radial-gradient(150.16% 150.16% at 50.73% 50%, #FFFFFF 0%, rgba(255, 255, 255, 0.0001) 100%), #CCCCCC; }
.athenaContent {
	margin-left:18%;
	width:76%;
	height:auto;
	min-height:1040px;
	padding-left:3%;
	padding-right:3%;
	background: radial-gradient(150.16% 150.16% at 50.73% 50%, #FFFFFF 0%, rgba(255, 255, 255, 0.0001) 100%), #CCCCCC;
}

.athenaCenterContent {
	display:inline-block;
	margin-left:4%;
	width:45%;
	height:auto;
}
#activityFeed{
	display:block;
	width:100%;
	min-height:1200px;
}

.viewedButton { background-color: #004580; }
.viewed { color: #004580 !important; }
.viewedText { color: #737373 !important; }


.athenaRightContent {
	float:right;
	width:37%;
	height:100%;
	margin-top:20px;
}
.rightBlock {
	width:100%;
	height:125px;
	margin-top:10px;
}
.rightBlockTitle {
	width:100%;
	font-weight: 600;
	font-size: 20px;
	line-height: 40px;
	padding:10px;
	background-color: #d9d9d9;
}
.rightBlockText{
	width:100%;
	background: #ffffff;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
}

.noWrap {white-space:nowrap;display: inline-block;}

.titleContent {
	font-family: Barlow Semi Condensed;
	font-style: normal;
	font-weight: 300;
	font-size: 30px;
	line-height: 35px;
	display: flex;
	align-items: center;
	letter-spacing: -0.5px;
	color: #333333;
	margin-bottom:20px;
	padding-left: 10px;
	padding-top: 40px;
	padding-bottom: 10px;
	text-transform: uppercase;
}

.loginMain{
	height:65%;
	text-align:center;
	background: radial-gradient(150.16% 150.16% at 50.73% 50%, #FFFFFF 0%, rgba(255, 255, 255, 0.0001) 100%), #CCCCCC;
}

.loginBox {
	margin:auto;
	padding-top:50px;
	text-align:left;
	height:30%;
	width:25%;
}


.twoFAMain{
	height:85%;
	text-align:center;
	background: radial-gradient(150.16% 150.16% at 50.73% 50%, #FFFFFF 0%, rgba(255, 255, 255, 0.0001) 100%), #CCCCCC;
}
.twoFABox {
	margin:auto;
	padding-top:20px;
	text-align:left;
	height:30%;
	width:65%;
}

.forgottenLogin {
	font-style: italic;
	text-decoration-line: underline;
}

.connectButton{float:right;}

.rightForm { text-align:right;}

.languageLink {
	font-family: Open Sans;
	font-weight: bold;
	font-size: 15px;
	line-height: 20px;
	text-transform: uppercase;
	color:#ffffff;
}

.largeNumber_Funder {
	font-weight: 300;
	font-size: 25px;
	line-height: 30px;
	/*letter-spacing: -1px;*/
}
.rightBoxSpan_FunderTitle {
	font-size: 16px;
	font-weight:bold;
	line-height: 18px;
	/*letter-spacing: -0.416667px;*/
}
.rightBoxSpan_Funder {
	font-size: 12px;
	line-height: 18px;
	/*letter-spacing: -0.416667px;*/
}
.largeNumber{
	font-weight: 300;
	font-size: 60px;
	line-height: 60px;
	letter-spacing: -1px;
}
.rightBoxSpan {
	font-size: 20px;
	line-height: 35px;
	letter-spacing: -0.416667px;
}
.rightBoxSmallerSpan {
	font-size: 20px;
	line-height: 35px;
	letter-spacing: -0.416667px;
}

.docBlock {
	background-color: #ffffff;
	height: 285px;
	display:inline-block;
	vertical-align: top;
	width: 26%;
	padding:20px;
	padding-bottom:0px;
	margin-left: 3%;
	margin-bottom: 20px;
}
.docHeader {
	display:block;
	height:35%;
	overflow-wrap: break-word;
}
.docTitle {
	display:block;
	font-family: Barlow;
	font-weight: 600;
	font-size: 16px;
	line-height: 25px;
}
.docCreation {
	display:block;
	height:7%;
	font-family: Barlow Semi Condensed;
	font-weight: bold;
	font-size: 12px;
	line-height: 25px;
	letter-spacing: 0.4px;
	text-transform: uppercase;
	color: #0196D3;
}
.docMod {
	display:block;
	height:7%;
	font-family: Barlow Semi Condensed;
	font-style: italic;
	font-weight: bold;
	font-size: 12px;
	line-height: 25px;
	letter-spacing: 0.4px;
	text-transform: uppercase;
	margin-bottom:6%;
}
.docNote{
	display:block;
	height:30%;
	font-family: Barlow;
	font-size: 17px;
	letter-spacing: -0.425px;
}
.docLongNote{
	display:block;
	height:50%;
	font-family: Barlow;
	font-size: 17px;
	letter-spacing: -0.425px;
}

.docDl{
	display:block;
	height:15%;
}

.spaceFiller {
	display:block;
	height:500px;
}

h3{
	text-transform: uppercase;
	color: #004580;
}
.INSh3 {
	font-weight: 600;
	font-size: 24px;
	line-height: 33px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #004580;
}

.paddedImg {
	border: 1px solid #d0d0d0;
	padding: 3px;
}
.clickableImg {
	cursor: pointer;
	margin-bottom:0px !important;
	vertical-align: bottom;
}
.red { color:#ff0000; }
.cremLogo {
	float:right;
	height:60px;
	width:auto;
	margin-right:10px;
}

#athleteInscriptionForm input, #athleteInscriptionForm select, #athleteInscriptionForm textarea {
	margin-bottom:10px;
}
#athleteInscriptionForm input[type=text], #athleteInscriptionForm input[type=email],
#athleteInscriptionForm input[type=number], #athleteInscriptionForm select {
	height:30px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.labelCell{
  max-width:250px;
  padding-bottom:5px;
}
.INSh3{
  margin-top:30px;
  margin-bottom:5px;
}
input[type="text"],input[type="email"], input[type="number"],  select,textarea{
  width:100% !important;
}

.fromAthleteForm{
  background-color:#EBEBE4;
  border:1px solid #ABADB3;
}
input[disabled], textarea[disabled] {
  background-color:#EBEBE4 !important;
  border:1px solid #ABADB3;padding:2px 1px;
}
select[disabled] {
    background-color: #EBEBE4;
}

/* Firefox */
.readonly { background-color:#EBEBE4; }
input[type=number] {
  -moz-appearance: textfield;
}
input[type=radio].error, input[type=checkbox].error {
	outline: 2px solid red;
}
input[type=text].error, input[type=password].error, textarea.error, select.error,
input[type=text]:focus.error, input[type=password]:focus.error, textarea:focus.error, select:focus.error {
    outline: 1px solid red;
}
label.error {
    color: red;
    display: block;
}
.error {
    font-weight: bold;
    color: red;
}
 /* Validation */
input.submitted:invalid,
textarea.submitted:invalid,
select.submitted:invalid {
   border:1px solid red !important;
}
input.submitted[type=radio]:invalid{
    outline: 1px solid red;
}


.athenaConsentWarning{
	font-tyle:italic;
	color:#ff3333;
}

.radioLeftMargin{ margin-left:15px; }
.largeLeftMargin{ margin-left:30px; }
.blockDiv { display:block; }
.adminTextarea { width:100%; }
.dynamicRow { margin-bottom:5px; }
.bottomMarginSelect { margin-bottom:4px; }

#loading {
	background-image: url("images/loading.gif");
	background-position: center;
    background-repeat: no-repeat;
	width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: fixed;
   display: block;
   opacity: 0.7;
   background-color: #fff;
   z-index: 99;
   text-align: center;
}

/*Image modale */
#show_image_popup{
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1000;
  transform: translate(-50%, -50%); /*  make center   */

  display: none;
}
#show_image_popup img{
  max-width: 90%;
  height: auto;
}

#modalCover {
    position:fixed;
    top:0;
    left:0;
    background:rgba(0,0,0,0.6);
    z-index:9997;
    width:100%;
    height:100%;
    display:none;
}

body.open #modalCover {
    display:block;
}

#modalPhoto {
    position:fixed;
    z-index:9998;
    width:680px;
    height:550px;
    background:#fff;
    text-align:center;
    box-shadow:0 0 15px -5px rgba(0,0,0,0.8);
    top:50%;
    margin-top:-1500px;
    left:50%;
    margin-left:-350px;
    -webkit-transition:800ms margin-top ease-in-out;
    transition:400ms margin-top ease-in-out;
    overflow:auto;
    border:10px solid #fff;
}

body.open #modalPhoto {
    margin-top:-285px;
}
/* Fin modales */

/* Datatables */
table.dataTable thead th {
	font-weight:normal;
	color:white;
	background: #004580 !important; /*//Bleu plus navy*/
	/*background: #0096D3 !important; /*//Bleu pale bouton*/
}
/* Fin datatables */

#push {
	height:20px;
	clear:both;
}
#footer {
    width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-size: cover;
	background: #222629;
	padding-top: 20px;
	padding-bottom: 20px;
	color:white;
}