/******************************************************************************/    
/*   LFBS Specifics                                                          */    
/******************************************************************************/   

/** Colors ********************************************************************/
:root {
  --cWater: #40A1C9;
  --cWaterM1: #55ABCF;
  --cWaterM2: #6AB5D5;
  --cWaterM3: #7FC0DB;
  --cWaterM4: #94CAE1;
  --cWaterM5: #AAD5E7;
  --cWaterM6: #BFDFED;
  --cWaterM7: #D4EAF3;
  --cWaterM8: #E9F4F9;
  --cWaterP1: #388FC2;
  --cWaterP2: #317DBB;
  --cWaterP3: #2A6BB4;
  --cWaterP8: #071191;
  /**/
  --cFormation: #B92025;
  --cFormationB: #910000;
  /**/
  --cSport: #F4EE43;
  --cSportB: #EAE439;
  /**/
  --cSport:#F4EE43;
  /**/
  --cHMenu: var(--cWater);
  --cHMenuT: #102933;
  --ollThead: var(--cFormation);
  /**/
  --cDefaultBg: #C8CFD9;
}

/** Page Structure ************************************************************/
.block .mainHeadTabsContent 
    {background-color: var(--cDefaultBg);padding: 15px 15px 0 15px;}
.oltContent
    {padding: 15px;}  
.block > .nav-tabs.mainHeadTabsList > li.active > a 
    {background-color: var(--cHMenu);color: var(--cHMenuT);}    
.block > .nav-tabs.mainSubHeadTabsList 
    {background-color: var(--cHMenu);}
    
/** Olls ******************************************************************/
.ollTable tr.ollayout0 th 
    {background-color: var(--ollThead) !important;color: white !important;}
    
        
/** Generic *******************************************************************/
.zi-1
    {z-index:1;}
    
/** Fonts *********************************************************************/
.fOpenSansCondensed
    {font-family: 'Open Sans Condensed', sans-serif;}
.fLato
    {font-family: 'Lato', sans-serif;}
    
/** Backgrounds ***************************************************************/
.bg-default
    {background:var(--cDefaultBg);color:grey;}
.bg-yellow-light
    {background:#FFFFC8;}
.bg-primary 
    {background-color: #5c90d2 !important;color: #fff;}
.bg-info 
    {background-color: #70b9eb !important;color: #fff;}
.bg-primary-light 
    {background-color: #98b9e3 !important;color: #fff;}
.bg-city 
    {background-color: #ff6b6b !important;color: #fff;}
.bg-modern-dark 
    {background-color: #3e4d52 !important;color: #fff;}
.bg-warning 
    {background-color: #f3b760 !important;color: #fff;}
.bg-smooth 
    {background-color: #ff6c9d !important;color: #fff;}

/** Colors ********************************************************************/    
.txt-white
    {color:white;}
.txt-water
    {color:#40A1C9 !important;}
.txt-formation
    {color:#B92025 !important;}
.txt-sport
    {color:#F4EE43 !important;}
.txt-black    
    {color:black;}
.text-grey    
    {color:#777;}
.badge-default.text-default
    {color:#777;}
.badge-warning-severe {
    background-color: #60269e;
}    
    
/** Font Sizes ****************************************************************/    
.fs-15
    {font-size:15px;}
.fs-20
    {font-size:20px;}
.fs-22
    {font-size:22px;}
.fs-30
    {font-size:30px;}
.fs-40
    {font-size:40px;}
.fv-sc
    {font-variant: small-caps;}
    
/** Margins *******************************************************************/    
.remove-margin 
    {margin: 0 !important;}
.push-50-t 
    {margin-top: 50px !important;}
.mt-6
    {margin-top: 6rem!important;}
    
/** Buttons *******************************************************************/
.btn-water
    {background: #40A1C9;border:1px solid #1879A1;color:white}
.btn-water:hover
    {background: #1879A1;border:1px solid #40A1C9;color:white}
.bg-water
    {background: #40A1C9;}
.border-water
    {border:1px solid #1879A1;font-weight: normal;font-size:14px;}    

.btn-waterM2
    {background: var(--cWaterM2);border:1px solid var(--cWaterM1);color:white}
.btn-waterM2:hover
    {background: var(--cWaterM1);border:1px solid var(--cWaterM2);color:white}
.bg-waterM2
    {background: var(--cWaterM2);}
.border-waterM2
    {border:1px solid var(--cWaterM1);font-weight: normal;font-size:14px;}    

.btn-waterM3
    {background: var(--cWaterM3);border:1px solid var(--cWaterM2);color:white}
.btn-waterM3:hover
    {background: var(--cWaterM2);border:1px solid var(--cWaterM3);color:white}
.bg-waterM3
    {background: var(--cWaterM3);}
.border-waterM3
    {border:1px solid var(--cWaterM2);font-weight: normal;font-size:14px;}    

.btn-waterM8
    {background: var(--cWaterM8);border:1px solid var(--cWaterM7);color:var(--cWaterM3)}
.btn-waterM8:hover
    {background: var(--cWaterM4);border:1px solid var(--cWaterM5);color:white}
.bg-waterM8
    {background: var(--cWaterM8);}
.border-waterM8
    {border:1px solid var(--cWaterM7);font-weight: normal;font-size:14px;}    

.btn-sport
    {background: #F4EE43;border:1px solid #EAE439;color:black}
.btn-sport:hover
    {background: #FFFF93;border:1px solid #F4EE43;color:#0E6F97;}
.bg-sport
    {background: #F4EE43;}
.border-sport
    {border:1px solid #EAE439;font-weight: normal;font-size:14px;}    

.btn-formation
    {background: #B92025;border:1px solid #910000;color:white;cursor:auto}
.btn-formation:hover
    {background: #910000;border:1px solid #B92025;;cursor:auto}
.bg-formation
    {background: #B92025;color:white;}
.border-formation
    {border:1px solid #910000;font-weight: normal;font-size:14px;}   
    
.btn-default 
    {color: #545454;background-color: #f5f5f5;border-color: #e9e9e9;}
.btn-default:hover
    {color: #545454;background-color: #e1e1e1;border-color: #cacaca;}
    
.border-tb-formation
    {border-top: 1px solid #B92025;border-bottom: 1px solid #B92025;}
    

/** Specific ******************************************************************/
.lfbsHR
    {height: 5px;width: 40px;}
.custom-logo-image 
    {display: block;margin: auto;width: 150px;margin-top: 15px;}
.oblique-up-to-right 
    {-webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);}
.oblique-right
    {-webkit-clip-path: polygon(18% 100%, 0 0, 0 100%);clip-path: polygon(18% 100%, 0 0, 0 100%);}
.justify-content-center 
    {display:flex;-webkit-box-pack: center!important;-ms-flex-pack: center!important;justify-content: center!important;}
.custom-rounded 
    {border-radius: 4px !important;}
.js-validation-login input 
    {color: black !important;}


    
/** olt in view/edit **********************************************************/
.form-material 
    {margin:0 0 21px 0;}    
.form-material > label 
    {top: 5px;color: grey;}   
/*.form-control 
    {height: 23px;padding: 15px;}*/
.oltBox.edit .block-content.block-content-full 
    {padding-top: 30px;padding-bottom: 0px;}
.oltBox.edit .block-content.block-content-full .input-group-addon
    {padding: 0px;}
.oltBox.view .form-group
    {min-height: 44px;}

/** Doodle ********************************************************************/
.olollFormationAgendaDoodles th
    {min-width:60px;}
.gDoodle.olIn,.gDoodle.olChooseForm
    {cursor:pointer;font-size:16px;}
.gDoodle.olChooseForm
    {margin-left:7px;color:lightgray;}
.gDoodle.olChooseForm:hover
    {color:green;}
.gDoodle.olIn .fa-minus-circle
    {color:red;}
.gDoodle.olIn .fa-check-circle
    {color:green;}
.gDoodle.olIn .fa-question
    {color:gray;}   

/** lres1sFormateurs **********************************************************/
.olollFormateurs th
    {min-width:50px;}
td.inEdit .lres1sFormateurs.olIn,.gDoodle.olChooseForm
    {cursor:pointer;font-size:15px;}
.lres1sFormateurs.olChooseForm
    {margin-left:7px;color:lightgray;}
.lres1sFormateurs.olChooseForm:hover
    {color:green;}
.lres1sFormateurs.olIn .fa-minus-circle
    {color:red;}
.lres1sFormateurs.olIn .fa-check-circle
    {color:green;}
.tdDisabled .lres1sFormateurs.olIn
    {opacity:0.3;}


    
/** Signature *****************************************************************/
#sigDropzone .divSig.olOver 
    {border: 2px dashed #000;}
 
/** Formations ****************************************************************/
.formationBlock .block-content
    {padding-top:12px;}
 
/** External Layout ***********************************************************/
body.externalLayout .page-heading
    {margin-left: 60px;}
body.externalLayout .block > .nav-tabs.mainHeadTabsList 
    {background-color: #B92025;} 
body.externalLayout .block > .nav-tabs.mainHeadTabsList > li.empty, 
body.externalLayout .block > .nav-tabs.mainSubHeadTabsList > li.empty 
    {min-width: 100px;}    
    
/** External Layout ***********************************************************/
.loginBanner .form-material > label 
    {top: 6px;color:#3675c5;}   
.loginBanner .loginCol
    {padding:50px 0;}
.loginBanner .loginBox
    {background:rgba(255,255,255,0.7);padding:50px 50px 0 50px;}
.loginBanner .caALogo
    {position: absolute;left: 2%;top: 20px;}
.loginBanner .caTitle
    {position: absolute;right: 2%;top: 35px;text-transform: uppercase;font-size: large;color: white;}
.loginBanner .caTitle.formt 
    {top: 20px;text-align: right;width: 277px;font-size: 14px;}
.loginBanner .forgotPsswd a
    {color: black;}
.loginBanner .forgotPsswd a:hover
    {font-weight: bold;}
.loginBanner .loginCrAccount
    {width:100%;}

/** Actions */
.olListInlineFilters 
    {border-bottom: 7px solid var(--cDefaultBg)!important;}

.olollFormationDayTypes td.webFormat
    {cursor:pointer;font-weight:bold;}
    
.olollSportMembers.table-striped tr.olLRow.olPair.clsSecretaire,
.olollSportMembers.table-striped tr.olLRow.olImpair.clsSecretaire 
    {background-color: #FB800066;}
    
    
/** Generalzable ??? *********************************************************/
.oltContent
    {padding-top:0px;}
.oltBox
    {margin-bottom: 4em;}