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

#container {
	min-height: 100%;
	margin-bottom: -20px;
	/*background-color:#CFCFCF;*/
}

#content {
    /*width:1020px;*/
    margin: 0 auto;
	/*background-color:white;*/
}

.contentTable { margin-left:14%!important; }
h1{
	display: none;
	clear: both;
	margin: 0;
	padding: 0.5em 0 0.2em 0;
	font-size: 1.8em;
	color: #85641D;
}
h2{
	margin: 0;
	padding: 1.5em 0 0.5em 0;
	font-size: 1.4em;
	color: #85641D;
}
h3{
	margin: 1em 0 0 0;
	padding: 0;
	font-size: 13pt;
	color: #5F8FC2;
	font-weight: normal;
}
.INSh3 {
	margin-bottom:10px;
	font-family: syresFutura;
    font-size: 16px;
    text-transform: uppercase;
}
.DFh2 {
	margin-top:0px;
	margin-bottom:10px;
	font-family: syresFutura;
    font-size: 16px;
	font-weight:bold;
	color: #0c3966;
    text-transform: uppercase;
}
.DFh3 {
	margin-top:0px;
	margin-bottom:10px;
	font-family: syresFutura;
    font-size: 16px;
    text-transform: uppercase;
}
.DFh4 {
	margin-top:10px;
	margin-bottom:5px;
	margin-left:10px;
	font-family: syresFutura;
    font-size: 14px;
    text-transform: uppercase;
	color: #5F8FC2;
}
.DFh5 {
	margin-top:10px;
	margin-bottom:5px;
	margin-left:20px;
	font-family: syresFutura;
    font-size: 12px;
    text-transform: uppercase;
	color: #5F8FC2;
}
.menubarSubCat {
	font-weight:bold;
	text-decoration:underline;
	font-style:italic;
}
.scrollable { overflow-y:auto; }
h4{
	font-size: 1em;
	color: #A2823D;
}
h5{
	margin: 0;
	font-size: 1em;
	font-style: italic;
	font-weight: normal;
}
.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);*/
}

.aybRow { border-bottom: 1px solid black; }
.aybRow, .aybTotalRow { padding-top:5px; }
.budgetRow { border-bottom: 1px solid black; }
.budgetRow td { padding-top:5px; }



.formDiv {
	width:1170px;
	margin: 0 auto;
}
.totalDiv {
	font-size:0.9em;
}

.anouncement {
	width:80%;
	margin-left:5%;
}

.fixInputLabel {
	display: inline-block;
    vertical-align: top;
}
.SGAGInput { width:500px !important;}
.fullInput{ width:100% !important; }
.leftInput{ width:90% !important; }
.whiteReadonly{ background-color:white !important; }
.input-disabled{background-color:#EBEBE4;border:1px solid #ABADB3;padding:2px 1px;}
.readonly { background-color:#EBEBE4;border:1px solid #ABADB3; }
.infoOption {
	padding-left: 50px;
	font-style:italic;
}

.linkTableSpan { padding:5px; }
.selectedSpan, .selectedQSpan, .selectedRow > td {
	/*color:white;
	background-color:#0099cb;*/
	background-color:#cce5ff;

}

.modPostProcessRow > td {
	background-color:#ffffcc;
}

.agCostSpan { margin-left:10%; }

.CLTable td, .CLTable tH { padding:5px; }
.CLImport_addToList > td { background-color:#ccffcc; }
.CLImport_exists > td { background-color:#ffffcc; }
.CLImport_multiple_exists > td { background-color:#e6e6e6; }
.CLImport_new > td { background-color:#ffd6cc; }
.CLImport_unknown > td { background-color:#cce6ff; }
.CLImport_illegal > td { background-color:#f2e6ff; }

/*.CLImport_addToList,  { border: 1px solid black; }*/

.forceShowFlex {
    display:flex !important;
}
.forceShow {
    display:block !important;
}
.noWrap {white-space:nowrap;display: inline-block;}

.budgetBottomMarge { margin-bottom: 6px; }
.mobileCB { padding-bottom: 1%; }
.bs-linebreak { height:10px; }

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

.linkDiv {
	height:450px;
	border:1px solid black;
	width:525px;
	overflow-y:auto;
	overflow-x:auto;
	flex: 1;
}
.linkHeader {
	/*display:inline-block;
	height:`20px;*/
	font-size: 1.2em;
	color: #5F8FC2;
	font-weight: bold;
}

input[type='checkbox'][readonly]{
	opacity:0.4;
    pointer-events: none !important;
}
select[readonly] option, select[readonly] optgroup {
    display: none;
}

.largerFont { font-size:1.2em; }
.budgetSpanVAlign { position:relative; top:-5px; }
.clickable { cursor: pointer; }
.clickableImg { cursor: pointer; margin-bottom:0px !important; }
.hidden { display: none !important; }
.right { float: right; }
.rightText { text-align:right; }
.topAlign { vertical-align:top; }
.centered { text-align: center; }
.marginCentered { margin: 0 auto; }
.flexCentered {
	text-align: center;
	justify-content: center;
	align-items: center;
}
.success { color:green; }
.white { color:white !important;}
.fullWidth { width:100%; }

/*
.disabledBg{
  background:rgba(55,55,55,1);
  /*opacity:0.5;*/
}
.enabledBg{
  background:rgba(255,255,255,1) !important;
  opacity:1 !important;
}
*/
.alignCenter {
    margin-left: auto;
    margin-right: auto;
}

#actualheaderTable a:hover{
    color: #0099CB !important;
}
#topmenu {
    width: 100%;
    height: 32px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
	margin-top: 5px;
    margin-left: -5px;
    padding-right: 10px;

	background:linear-gradient(#EF7516, #BF5E12);
}
#topmenu ul {
    margin:0px;
    padding:0px;
}
#topmenu ul li {
    height:32px;
    float:left;
    border-left: 1px dotted #ccc;
    list-style-type: none;
}
#topmenu a {
    color: #fff;
    text-decoration:none;
    padding: 5px 5px;
}
#topmenu ul li:hover { background-color: #404040; }

.smallInput { width:100px !important; }

.invalidReclass { background-color:#ffcccc !important; }

.noSpacingTable{ border-spacing:0; }
.sdEditTable{ margin-top:10px; margin-bottom:10px; }
.sdInfo{ padding-left:2px;}

.sortable {
	border-left:none;
	border-right:none;
	/*table-layout:fixed;
	width:98% !important;*/
}

.leftPadded { padding-left:20px; }

/*Inputs */
.invertedButton { background-color: #e2193d !important; }
.invertedButton:hover { background-color: #0099cb !important; }

.greyButton { background-color: #737373 !important; }
.greyButton:hover { background-color: #e2193d !important; }

.sdLogTable th { text-align:left; }

.numbers { text-align:right; }
.shortestInput { width: 50px !important; }
.shortererInput { width: 60px !important; }
.shorterInput { width: 80px !important; }
.shortInput { width: 100px !important; }
input[type=text], input[type=number], input[type=password], textarea, select, input[type=email] {
    border-color: #929292 #D5D5D5 #D5D5D5 #929292;
    border-style: solid;
    border-width: 1px;
    border-radius:5px;
    box-shadow: 1px 1px #DFDFDF inset;
    padding: 1px;
    display:inline-block;
    zoom:1;
}
input[type=text]:hover, input[type=password]:hover, textarea:hover, select:hover {
    border-color: #6baecb #A2C8D8 #A2C8D8 #6baecb;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
    border-color: #5ba9cb;
}
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,
input[type=text].permaError, input[type=text]:focus.permaError
{
    outline: 1px solid red;
}
label.error {
    color: red;
    display: block;
}
input[type="text"] { width: 200px; }
.text_filter { width : 95px !important; }
#table-tr .text_filter { width : 60px !important; }
.error {
    font-weight: bold;
    color: red;
}
input[disabled], textarea[disabled], select[disabled] {
	background-color:#EBEBE4;border:1px solid #ABADB3;padding:2px 1px;
}
.double { text-align: right; }

.headerSpan { margin-right:5px;}

.disabledButton {
	background: rgba(150, 150, 150, 0.5) !important;
}

 /* Validation */
input[type='number'] {
    -moz-appearance:textfield;
}

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

.smaller, .smallerRow > th {
	font-size:0.85em !important;
}

.notBold { font-weight:normal; }

#groupListDiv {
	width:80%;
	margin-left:5%;
}

.lastUpdateSpan {
	color:red;
	font-style:italic;
}
.lastSpan { font-style:italic; }

.indent {
	padding-left:2%;
}

.paddedTen { min-width:80%; padding:10px; }
.oddSection, .evenSection { min-width:80%; border:1px solid black; padding:10px; }
/*.oddSD, .evenSD { border:1px solid black; padding:2px; }*/
.oddSection, .oddSD{
	background-color:#f2f2f2;
}

.oddRow td {
	background-color:#e6e6e6 !important;
}
.evenRow td {
	background-color:#ffffff !important;
}
.pastOddRow td {
	background-color:#b3c6ff !important;
}
.pastEvenRow td {
	background-color:#ccd6ff !important;
}

#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;
}

.tdAlert {
	border: 5px solid red;
	//color:Red;
	//background-color:red;
	font-weight:bold;
}
.alertTR, .alertTR td{
	background-color:#ffb3b3 !important;
	font-weight:bold !important;
}

.potentialRisk td {
	background-color:#ffffcc !important;
}
.seriousRisk td {
	background-color:#ffcccc !important;
}
.acceptedRisk td {
	background-color:#d9f2d9 !important;
}
.blueRisk td {
	background-color:#b3d9ff !important;
}
.purpleRisk td {
	background-color:#e0b3ff !important;
}
.ogRisk td {
	/*background-color:#ffd1b3 !important; //Orange */
	background-color:#b3d9ff !important; //Bleu
}

.greenBG, .greenBG td { background-color:#b3ffb3 !important; }
.tealBG, .tealBG td { background-color:#adebeb !important; }
.gTealBG, .gTealBG td { background-color:#b4e4cd !important; }
.blueBG, .blueBG td { background-color:#b3c6ff !important; }
.yellowBG, .yellowBG td { background-color:#ffffb3 !important; }
.orangeBG, .orangeBG td { background-color:#ffd1b3 !important; }
.redBG, .redBG td { background-color:#ffb3b3 !important; }
.purpleBG, .purpleBG td { background-color:#e6ccff !important; }
.greyBG, .greyBG td { background-color:#d9d9d9 !important; }
.whiteBG, .whiteBG td { background-color:#ffffff !important; }

.duplicateActiveFunder, .duplicateActiveFunder div{
    background-color:#ffb3b3 !important;
}

/* Couleurs activités ponctuelles */
.blueAct_BG, .blueAct_BG td { background-color:#87CEF9 !important; }
.yellowAct_BG, .yellowAct_BG td { background-color:#EFE59F !important; }
.redAct_BG, .redAct_BG td { background-color:#F6A59C !important; }
.greenAct_BG, .greenAct_BG td { background-color:#9CD799 !important; }
.purpleAct_BG, .purpleAct_BG td { background-color:#C59DF1 !important; }
.orangeAct_BG, .orangeAct_BG td { background-color:#F8AD74 !important; }


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

#consentConsent {
	margin-right:5%;
	width:95%;
}

.consentList {
	margin-left:5%;
	width:80%;
}

.consentTitle {
	font-weight:bold;
	font-size:1.2em;
}

.consentDetails { font-style:italic; }
.consentAlert { color: red; }


.bordered, .bordered > td, .bordered > th { border: 1px solid black; }
.padded { padding:20px; }

.lightInjury { background-color:#b3ffb3 !important; } /* GREEN */
.moderateInjury { background-color:#b3c6ff !important; } /* BLUE */
.majorInjury { background-color:#ffffb3 !important; } /* YELLOW */
.severeInjury { background-color:#ffb3b3 !important; } /* RED */

.dfCentered {
	max-width:1000px;
	margin: 0 auto;
	padding-left:1%;
}

.dynamicSectionRow, .dynamicSubSectionRow, .dynamicQuestionRow {
	display: flex;
    justify-content: space-between;
	padding:5px;
	border-bottom:1px solid black;
}
.dynamicSectionRowSelectable, .dynamicSubSectionRowSelectable, .dynamicQuestionRowSelectable {
	width:100%;
}
.topBorder {
	padding-top:2px;
	border-top:1px solid black;
}
/*.sectionRowsIconSpan { float:right; }*/
.dynamicQuestionRow {
	//width:100%;
}
.questionRowsIconSpan { float:right; }
.leftTitle{
	float:left;
	width:25%;
	text-align:center;
}
.leftMenu{
    /*display:inline-block;*/
    float:left;
    width:25%;
    margin-right:1%;
    height:400px;
	padding:20px;
}
.leftStatsContent {
    display:inline-block;
    width:20%;
    margin-right:1%;
    min-height:400px;
	padding:20px;
	border: 1px solid black;
}
#rightStatsContent {
	vertical-align:top;
	display:inline-block;
    width:70%;
    min-height:400px;
	padding:20px;
}
.statsSpan {
	display:block;
	padding:5px;
}
.athleteStatsOuterGraph {
	min-height: 320px;
}
.athleteStatsGraph {
	height: 300px;
}

.centerTitle{
	float:left;
	width:25%;
	text-align:center;
}
.centerContent{
    /*display:inline-block;*/
    float:left;
    width:25%;
    margin-right:1%;
    height:400px;
	padding:20px;
}
.rightTitle{
	float:left;
	width:48%;
	text-align:center;
}
.rightContent{
    float:left;
    width:48%;
    padding:20px;
    background-color:white;
    height:400px;
}

/* NewsFeed GDG */
#activityFeed, #activityDetail{
	display:block;
	width:90%;
	margin: 0 auto;
}
.activityBlock { margin-top:30px; }
.viewedButton { background-color: #004580; }
.viewed { color: #004580 !important; }
.viewedText { color: #737373 !important; }
.activityTitle {
	display: inline-block;
	margin-top:30px;
	font-weight: bold;
	font-size: 20px;
	line-height: 40px;
	letter-spacing: -0.25px;
	text-transform: uppercase;
	color: #333333;
}
.activitySubTitle {
	color:#0096D3;
	font-weight:bold;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	display: block;
	margin-bottom:15px;
}
.activityText {
	font-size: 20px;
	line-height: 25px;
	letter-spacing: -0.5px;
	color: #333333;
}
.activityButton{
	margin-top:15px;
	margin-bottom:30px;
}

/*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;
}
#modalGraph {
    position:fixed;
    z-index:9998;
    width:86%;
    height:80%;
	display:none;
    background:#fff;
    text-align:center;
    box-shadow:0 0 15px -5px rgba(0,0,0,0.8);
    top:10%;
    left:7%;
    -webkit-transition:800ms margin-top ease-in-out;
    transition:400ms margin-top ease-in-out;
    //overflow:auto;
    border:10px solid #fff;
}
#modalContainer {
    position:fixed;
    z-index:9998;
    width:35%;
    height:80%;
	display:none;
    background:#fff;
    /*text-align:center;*/
    box-shadow:0 0 15px -5px rgba(0,0,0,0.8);
    top:5%;
    left:30%;
    -webkit-transition:800ms margin-top ease-in-out;
    transition:400ms margin-top ease-in-out;
    overflow:auto;
    border:10px solid #fff;
	padding:2%;
}
.widerModal{
    width:80% !important;
    left:7% !important;
}

body.open #modalPhoto {
    margin-top:-285px;
}
body.open #modalGraph {
    //margin-top:-10%;
	display:block;
}
body.open #modalContainer {
    //margin-top:-10%;
	display:block;
}

.greenTxt { color : green; }

.grid-container-element {
    display: grid;
    grid-template-columns: 1fr 10fr;
    width: 100%;
	grid-gap: 5px;
}

/* Trucs flex */
.bcHeaderRow{
	color: black;
	padding:10px;
	border:1px solid black;
	text-align:center;
}

.block { display:block;}

.flexContainer{
	width: 100%;
    //margin: 0 auto;
	display: -webkit-flex; /* Safari */
    display: flex;
	//border:solid black 1px;
}
.flexColumn{
	padding: 10px;
	padding-left: 0px;
    -webkit-flex: 1; /* Safari */
    -ms-flex: 1; /* IE 10 */
    flex: 1; /* Standard syntax */
}
.flexSmallColumn{ flex-basis: 40%; }
.flexLargeColumn{ flex-basis: 60%; }

.leftMarginFlex{ margin-left:50px; }
.leftMargin { margin-left:10px; }
