.field-iconpass {
  float: right;
  margin-left: -25px;
  margin-top: -25px;
  position: relative;
  z-index: 2;
}

.containerpass{
  padding-top:50px;
  margin: auto;
}
html {
    position: relative;
    min-height: 100%;
}
.footernew{background-color:#232d4b;
  position: absolute;
    bottom: 0;
    width: 100%;
    height: 130px;
    padding-top:30px;
    color: #FFFFFF;


}
span.bandeau-info {
  margin-right: 3rem;
  background-color: #232d4b;
  padding: 1px;
  color: white;
  cursor: pointer;
}
/* Texte défilant */
.messagedefilant {
  display: block;
  margin: 20px auto;
  padding: 0;
  overflow: hidden;
  position: relative;
  width: 80%;
  max-width: 640px;
  height: 30px;
}
th.sortable {
    position: relative;
    cursor: pointer
}

th.sortable:hover {
    color: #303f48
}
.OptFiltre {
    width: 15px;
    padding: 0
}

.filtreDeroulant {
    border: 1px #aaaaaa solid;
    background-color: #aaaaaa;
    border-radius: 5px;
    position: relative;
    vertical-align: middle;
    top: -2px;
    margin-left: 10px
}

.filtreDeroulant:hover {
    background-color: white
}

th.sortable .filtre {
    
    background-color: #eee;
    border: 1px solid #303f48;
    z-index: 500;
    position: absolute;
    padding: 15px;
    text-align: left;
    margin: 5px auto 0;
    font-size: 14px;
    top: 98% !important;
    color: #57646d
}

th.sortable .filtre li:hover {
    color: #F39500
}

th.navTab {
    color: white; padding: 5px
}

th.sorted-desc {
    color: #303f48;
    resize: none
}

th.sorted-asc {
    color: white;
    resize: none
}
.lien {
  color:#f04641;
}
a.lien {
  color:#f04641;
}
a {color:#f04641;
}

a:link {color:#f04641;
}

a:visited {color:#f04641;
}

a:focus {color:#f04641;
}

a:hover {color:#f04641;
}

a:active {color:#f04641;
}
a.btn-EASFV:visited {color: #ffffff;}
a.btn-EASFV:link {color: #ffffff;}
a.btn-EASFV:hover {color: #ffffff;}
a.btn-EASFV:active {color: #ffffff;}
 
.messagedefilant div {
  position: absolute;
  min-width: 100%; /* au minimum la largeur du conteneur */
}
 
.messagedefilant div span, 
.messagedefilant div:after {
  position: relative;
  display: inline-block;
  font-size: 2rem;
  white-space: nowrap;
  top:0;
}
 
.messagedefilant div span {
  animation: defilement 10s infinite linear;
  background: #005573;
}
 
.messagedefilant div:after {
  position: absolute;
  top:0; left:0;
  content:attr(data-text);
  animation: defilement2 10s infinite linear;
  background: #005573;
}
 
@keyframes defilement {
  0% { margin-left: 0; }
  100% { margin-left: -100%; }
}
 
@keyframes defilement2 {
  0% { margin-left: 100%; }
  100% { margin-left: 0%; }
}
#map{height:250px;width:100%}
.header1{width:100%;margin:0;padding:0;background-color:#FFFFFF}
.header2{width:100%;margin:0;padding:0;background-color:#232d4b}
.header3{width:100%;margin:0;padding:0;background-color:#005573}
.header4{width:100%;margin:0;padding:0;background-color:#005573}
.footer1{width:100%;margin:0;padding:0;background-color:#232d4b;


}
.footer2{width:100%;height:0px;margin:0;padding:0;background-color:#005573}.contenu-blanc-avec-scroll{overflow:auto;height:100px;border:dotted 1px #fff;background-color:#666;padding:2px;color:#FFF}
.TR{text-align:right}
.TL{text-align:left}
.TC{text-align:center}.P0{padding:0}.P10{padding:10px}.P5{padding:5px}.P20{padding:20px}.PTB5{padding:5px 0}.PT15{padding:5px 0}.PL1REM{padding-left:1rem}.PB15{padding-bottom:15px}.PTB15{padding:15px 0}
.TWTE{color:#fff}.PR0{padding-right:0}.PLR20{padding:0 20px}.LH18{line-height:18px}.PT8{padding-top:8px}.PT20{padding-top:20px}.PR10{padding-right:10px}.PTRB10{padding:10px 10px 10px 0}.PLR10-100{padding-left:10%;padding-right:10%}.M0{margin:0}.MLR5{margin:0 5px}.M40{margin:40px}@media (max-width:416px){.M40{margin:0 0 15px}}.MT40B15{margin:40px 0 15px}.PL20{padding-left:20px}.ML40{margin-left:40px}.MTRL40{margin:40px 40px 0}@media (max-width:416px){.ML40{margin-left:0}}.MTRL40{margin:40px 40px 0}@media (max-width:416px){.MTRL40{margin:40px 5px 0}}.MT30R20L15{margin:30px 20px 0 15px}.MT15{margin-top:15px}.MT40{margin-top:40px}.UPPER{text-transform:uppercase}.FS1{font-size:1.2rem}.FS09{font-size:.9rem}.FLPR8{float:left;padding-right:8px;padding-bottom:5px}.BBD{border-bottom:1px dotted #5e5d5d}.CB{clear:both}
.jumbotronspec{padding:1.6rem;margin-bottom:2rem;background-color:#eceeef;border-radius:.3rem}.jumbotronspecright{padding:1.6rem 1.3rem .1rem;margin-bottom:2rem;background-color:#f6f7f7;border-radius:.3rem;border:1px solid #e1e8e8}
.jumbotronsinscr{padding:1.6rem 1.3rem .1rem;margin-bottom:2rem;background-color:#9c3;border-radius:.3rem;border:1px solid #e1e8e8}
.jumbotronwteright{padding:1rem 1.3rem;margin:.7rem;background-color:#fff;border:1px solid #b7d9e4;border-radius:.3rem;font-size:1.2rem}
a.btn-EASFV:visited {color: #ffffff;}
.btn-EASFV{color:#ffffff;background-color:#f04641;border-color:#f04641}.btn-EASFV:hover{color:#fffff;background-color:#f04641;border-color:#f04641}
.btn-annule{color:#fff;background-color:#00aa9b;border-color:#00aa9b}.btn-annule:hover{color:#fff;background-color:#00aa9b;border-color:#00aa9b}
a.btn-annule:visited {color: #ffffff;}
a.btn-annule:link {color: #ffffff;}
a.btn-annule:hover {color: #ffffff;}
a.btn-annule:active {color: #ffffff;}
.btn-pink{background-color:#e05363;border-color:#d44859;box-shadow:0 12px 4px -12px rgba(0,0,0,0.3);color:#fff;text-shadow:none}.btn-pink:hover{border-color:#e05363}.btn-yellow{background-color:#faaf40;border-color:#eda53a;box-shadow:0 12px 4px -12px rgba(0,0,0,0.3);color:#fff;text-shadow:none}.btn-yellow:hover{border-color:#faaf40}.btn-dark-blue{background-color:#5d828d;border-color:#527884;box-shadow:0 12px 4px -12px rgba(0,0,0,0.3);color:#fff}.btn-dark-blue:hover{border-color:#0d3541}.fdcolorvert{background-color:#9FE855}.fdcolorblanc{background-color:#fff}
.navbar-custom{background-color:#e1e1e1}
.navbar-custom .navbar-brand,.navbar-custom .navbar-text{color:rgba(94,93,93,1)}
.navbar-custom .navbar-nav .nav-link{color:rgba(94,93,93,1)}
.navbar-custom .nav-item.active .nav-link,.navbar-custom .nav-item:hover .nav-link{color:#5e5d5d}
.navbar-custom .dropdown-menu{background-color:#fff}.navbar-custom .dropdown-item{color:#5e5d5d}
.navbar-custom .dropdown-item:hover,.navbar-custom .dropdown-item:focus{color:#333;background-color:rgba(94,93,93,1)}
.custom-toggler.navbar-toggler{border-color:#5e5d5d}
.custom-toggler .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(94,93,93,0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")}
.TL1{width:100%;height:40px;line-height:40px;font-size:18px;border-bottom:1px solid #494a4a}a.LTWTE{color:#fff}.PT40{padding-top:40px}.MT15B15{margin:15px 0}.W100{width:100%}@media (min-width:768px){
	.navbar-nav.navbar-center{position:relative;left:50%;transform:translatex(-50%)}}.MTR40L20B20{margin:40px 40px 20px 20px}.FLPL20{float:right;padding-left:20px;padding-bottom:20px}@media (max-width:416px){.FLPL20{float:right;padding-left:0;padding-bottom:20px}}.MT20{margin-top:20px}.MT10{margin-top:10px}.MT30{margin-top:30px}.MB5{margin-bottom:5px}.LINE{height:30px;line-height:30px;text-transform:uppercase;font-size:2rem;border-bottom:1px solid #494a4a}.IMGPROD-MW{max-width:250px}.IMGTPAD{padding:5px 3px}.IMGFLOT{padding-left:10px;float:right;max-width:250px}[data-tooltip]{display:inline-block;position:relative;cursor:help;padding:4px}[data-tooltip]:before{content:attr(data-tooltip);display:none;position:absolute;background:#000;color:#fff;padding:4px 8px;font-size:14px;line-height:1.4;min-width:100px;text-align:center;border-radius:4px}[data-tooltip-position="top"]:before,[data-tooltip-position="bottom"]:before{left:50%;-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}[data-tooltip-position="right"]:before,[data-tooltip-position="left"]:before{top:50%;-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}[data-tooltip-position="top"]:before{bottom:100%;margin-bottom:6px}[data-tooltip-position="right"]:before{left:100%;margin-left:6px}[data-tooltip-position="bottom"]:before{top:100%;margin-top:6px}[data-tooltip-position="left"]:before{right:100%;margin-right:6px}[data-tooltip]:after{content:'';display:none;position:absolute;width:0;height:0;border-color:transparent;border-style:solid}[data-tooltip-position="top"]:after,[data-tooltip-position="bottom"]:after{left:50%;margin-left:-6px}[data-tooltip-position="right"]:after,[data-tooltip-position="left"]:after{top:50%;margin-top:-6px}[data-tooltip-position="top"]:after{bottom:100%;border-width:6px 6px 0;border-top-color:#000}[data-tooltip-position="right"]:after{left:100%;border-width:6px 6px 6px 0;border-right-color:#000}[data-tooltip-position="bottom"]:after{top:100%;border-width:0 6px 6px;border-bottom-color:#000}[data-tooltip-position="left"]:after{right:100%;border-width:6px 0 6px 6px;border-left-color:#000}[data-tooltip]:hover:before,[data-tooltip]:hover:after{display:block;z-index:50}.BLU{background-color:#e0eaea;padding:20px;border-bottom:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;border-radius:0 0 4px 4px}.nav-tabs-ann{border-bottom:1px solid #ddd}.nav-tabs-ann > li{float:left;margin-bottom:-3px}.nav-tabs-ann > li > a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs-ann > li > a:hover{border-color:#eee #eee #ddd}.nav-tabs-ann > li.active > a,.nav-tabs-ann > li.active > a:hover,.nav-tabs-ann > li.active > a:focus{color:#555;cursor:default;background-color:#e0eaea;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs-ann{width:100%;border-bottom:0}.nav-tabs-ann> li{float:none}.nav-tabs-ann > li > a{margin-bottom:5px;text-align:center}.nav-tabs-ann{top:auto;left:auto}@media (min-width:768px){.nav-tabs-ann > li{display:table-cell;width:1%}.nav-tabs-ann > li > a{margin-bottom:0}}.nav-tabs-ann > li > a{margin-right:0;border-radius:4px}.nav-tabs-ann > .active > a,.nav-tabs-ann > .active > a:hover,.nav-tabs-ann > .active > a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-ann > li > a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-ann > .active > a,.nav-tabs-ann > .active > a:hover,.nav-tabs-ann > .active > a:focus{border-bottom-color:#fff}}ul.gallery{margin-left:3vw;margin-right:3vw}.zoom{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.zoom:hover,.zoom:active,.zoom:focus{-ms-transform:scale(2.5);-moz-transform:scale(2.5);-webkit-transform:scale(2.5);-o-transform:scale(2.5);transform:scale(2.5);position:relative;z-index:100}@media only screen and (max-width:768px){ul.gallery{margin-left:15vw;margin-right:15vw}.DivName{cursor:pointer}}.MT5{margin-top:5px}.SBT{max-height:25px;font-size:12px;background-color:#09c;border:1px solid #09c;padding-top:3px;min-width:145px;width:90%}.SBT2{max-height:25px;font-size:12px;background-color:#9c3;border:1px solid #fff;padding-top:3px;min-width:145px;width:90%}.RRorL{float:right;margin-right:5px}.MT40-R{margin-top:40px}@media (max-width:1024px){.ALR{text-align:left;padding-left:30px}.MT40-R{margin-top:5px;margin-bottom:10px}.RRorL{float:left}}.modalDialog2{position:fixed;font-family:Poppins;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.8);z-index:99999;opacity:0;-webkit-transition:opacity 400ms ease-in;-moz-transition:opacity 400ms ease-in;transition:opacity 400ms ease-in;pointer-events:none}.modalDialog2:target{opacity:1;pointer-events:auto}.modalDialog2 > div{width:50%;position:relative;margin:10% auto;padding:5px 20px 13px;border-radius:10px;background:#9c3;background:-moz-linear-gradient(#9c3,#9c3);background:-webkit-linear-gradient(#9c3,#9c3);background:-o-linear-gradient(#9c3,#9c3);color:#fff}.closef{background:#000;color:#FFF;line-height:25px;text-align:center;float:right;text-decoration:none;font-weight:700;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;-moz-box-shadow:1px 1px 3px #000;-webkit-box-shadow:1px 1px 3px #000;box-shadow:1px 1px 3px #000}.closef:hover{background:#9c3}
.jumbotronblue{padding:1.6rem 1rem;margin-bottom:2rem;background-color:#f1f5ff;border:1px solid #b7d9e4;border-radius:.3rem}
.btfg{padding:10px;margin:10px;}
.BdBlue {border : 10px solid #00a1f2 ; }
@media (max-width: 416px) {
  .BdBlue {border : 4px solid #00a1f2 ; }
  }
h1{color:#00aa9b;font-weight: 800;height: 6px;padding-bottom:30px;}
h2{color:#00aa9b;font-weight: 200;height: 3px;padding-bottom:30px;}
.ML20 {margin-left : 20px ;}
.MB20 {margin-bottom : 20px ;}
.MR20 {margin-right : 20px ;}
.MB40 {margin-bottom : 40px ;}


.PB10 {padding-bottom : 10px ;}

.ItGris {font-style : italic; color : #8e9091 ; font-size : 12px ;}

.MTR40L20B20-2 {margin : 40px 40px 20px 20px ;}
@media (max-width: 375px) {
  .MTR40L20B20-2 {margin : 10px 10px 10px 10px ;}
  }
  
.MTR20L20B20-2 {margin : 20px 40px 20px 20px ;}
.FDQ {background-color:#e1e1e1 ; }
	.BQ {
		font-size : 3em ;
		font-weight : bold ;
		color : #454e57 ; 
	}
	.MW400 {max-width : 400px ;}
	.PT60 {padding-top : 60px ;}
	.FDB {background-color:#0099cc ; }
	.WTE {color:#fff ;}
	.fdwte {
		background-color:#fff ;
		border-radius : 6px ;
		padding : 15px ;
		margin-bottom : 30px ;
		margin-top : 15px ;
	}
	.MB30 {margin-bottom : 30px ;}
  .TL1-2 {
height : 40px ;
line-height : 40px ;
font-size : 18px ;
border-bottom : 1px solid #494a4a ;
padding : 0px ;
}

.centree {
 margin: 0 auto;
}

.MW850 {max-width : 850px ; margin : 0 auto ;}

.header_M {
background-color : #99cc33 ;
border-radius : 5px ;
}
 
.btn-pink {
background-color : #fb2fac ;
color : #fff ;
font-weight : bold ;
text-align : center ;
border : 0px ;
}
 
.PT10 {padding-top : 10px ;}
.PB20 {padding-bottom : 20px ;}
.PL40 {padding-left : 40px ;}
 
.MB40 {margin-bottom : 40px ;}
 
.TBR {border-right : 1px solid #000 ;}

.cdr-gris {
	border : 1px solid #dad9d9 ;
	border-radius : 6px ;
	color:#000;
	background-color:#ebebeb;
	}
	.cdr-bleu {
	border : 2px solid #60aac6 ;
	border-radius : 6px ;
	color:#000;
	background-color:#fff;
	}
	
.labl {
    display : block;
}
.labl > input{ /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
}
.labl > input + div{ /* DIV STYLES */
    cursor:pointer;
    border : 1px solid #dad9d9 ;
	border-radius : 6px ;
	color:#000;
	background-color:#ebebeb;
	background-image:url(/_image/radio-nc.png);
	background-repeat:no-repeat; 
	background-position:left center;
}
.labl:hover > input + div { /* DIV STYLES */
    cursor:pointer;
    border : 1px solid #60aac6 ;
	border-radius : 6px ;
	color:#000;
	background-color:#ebebeb;
	background-image:url(/_image/radio-nc1.png);
	background-repeat:no-repeat; 
	background-position:left center;
}
.labl > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
    border : 2px solid #60aac6 ;
	border-radius : 6px ;
	color:#000;
	background-color:#fff;
	background-image:url(/_image/radio-nc2.png);
	background-repeat:no-repeat; 
	background-position:left center;
}


.pay {
    display : block;
	width : 88px ;
}
.pay > input{ /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
}
.pay > input + div{ /* DIV STYLES */
    cursor:pointer;
	color:#000;
	background-color:#ebebeb;
	background-image:url(/_image/fd-btn-pay-nc.gif);
	background-repeat:no-repeat; 
	background-position:left center;
	height : 58px ;
}
.pay:hover > input + div { /* DIV STYLES */
    cursor:pointer;
	color:#000;
	background-color:#ebebeb;
	background-image:url(/_image/fd-btn-pay.gif);
	background-repeat:no-repeat; 
	background-position:left center;
	height : 58px ;
}
.pay > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
	color:#000;
	background-color:#fff;
	background-image:url(/_image/fd-btn-pay-c.gif);
	background-repeat:no-repeat; 
	background-position:left center;
	height : 58px ;
}	
.fd-green {
	background-color : #99cc33 ; 
	margin : 0px ;
	text-right ;
}
.fdfleche {
	
	background-image:url(/_image/fl2.gif);
	background-repeat:no-repeat; 
	background-position:left left;
	
}
a.L-wte {
	color : #fff ;
}
@keyframes popIn {
  0% {
    transform: scale(1, 1); }
  25% {
    transform: scale(1.2, 1); }
  50% {
    transform: scale(1.4, 1); }
  100% {
    transform: scale(1, 1); } }

@keyframes popOut {
  0% {
    transform: scale(1, 1); }
  25% {
    transform: scale(1.2, 1); }
  50% {
    transform: scale(1.4, 1); }
  100% {
    transform: scale(1, 1); } }

@keyframes splashIn {
  0% {
    transform: scale(1);
    opacity: 1; }
  25% {
    transform: scale(1.1);
    opacity: .8; }
  50% {
    transform: scale(1.1);
    opacity: .9; }
  100% {
    transform: scale(1);
    opacity: 1; } }

@keyframes splashOut {
  0% {
    transform: scale(1);
    opacity: 1; }
  25% {
    transform: scale(1);
    opacity: .8; }
  50% {
    transform: scale(1);
    opacity: .9; }
  100% {
    transform: scale(0.5);
    opacity: 1; } }

/*******************************************************
Main Slider basics
*******************************************************/
.checkbox-slider, .checkbox-slider--default, .checkbox-slider--a-rounded, .checkbox-slider--a, .checkbox-slider--b, .checkbox-slider--b-flat, .checkbox-slider--c, .checkbox-slider--c-weight,
.checkbox-toggle {
  position: relative; }
  .checkbox-slider input[type="checkbox"], .checkbox-slider--default input[type="checkbox"], .checkbox-slider--a-rounded input[type="checkbox"], .checkbox-slider--a input[type="checkbox"], .checkbox-slider--b input[type="checkbox"], .checkbox-slider--b-flat input[type="checkbox"], .checkbox-slider--c input[type="checkbox"], .checkbox-slider--c-weight input[type="checkbox"],
  .checkbox-toggle input[type="checkbox"] {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 0%;
    margin: 0 0;
    cursor: pointer;
    opacity: 0; }
    .checkbox-slider input[type="checkbox"]:focus + *:before, .checkbox-slider--default input[type="checkbox"]:focus + *:before, .checkbox-slider--a-rounded input[type="checkbox"]:focus + *:before, .checkbox-slider--a input[type="checkbox"]:focus + *:before, .checkbox-slider--b input[type="checkbox"]:focus + *:before, .checkbox-slider--b-flat input[type="checkbox"]:focus + *:before, .checkbox-slider--c input[type="checkbox"]:focus + *:before, .checkbox-slider--c-weight input[type="checkbox"]:focus + *:before,
    .checkbox-toggle input[type="checkbox"]:focus + *:before {
      outline: solid #80bdff 0px; }
  .checkbox-slider input + span, .checkbox-slider--default input + span, .checkbox-slider--a-rounded input + span, .checkbox-slider--a input + span, .checkbox-slider--b input + span, .checkbox-slider--b-flat input + span, .checkbox-slider--c input + span, .checkbox-slider--c-weight input + span,
  .checkbox-toggle input + span {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .checkbox-slider input + span:before, .checkbox-slider--default input + span:before, .checkbox-slider--a-rounded input + span:before, .checkbox-slider--a input + span:before, .checkbox-slider--b input + span:before, .checkbox-slider--b-flat input + span:before, .checkbox-slider--c input + span:before, .checkbox-slider--c-weight input + span:before,
    .checkbox-toggle input + span:before {
      position: absolute;
      left: 0px;
      display: inline-block; }
    .checkbox-slider input + span > h4, .checkbox-slider--default input + span > h4, .checkbox-slider--a-rounded input + span > h4, .checkbox-slider--a input + span > h4, .checkbox-slider--b input + span > h4, .checkbox-slider--b-flat input + span > h4, .checkbox-slider--c input + span > h4, .checkbox-slider--c-weight input + span > h4,
    .checkbox-toggle input + span > h4 {
      display: inline; }

.form-horizontal [class^='checkbox'] input + span:after {
  top: 7px; }

/*******************************************************
Main Slider
*******************************************************/
.checkbox-slider input + span, .checkbox-slider--default input + span, .checkbox-slider--a-rounded input + span, .checkbox-slider--a input + span, .checkbox-slider--b input + span, .checkbox-slider--b-flat input + span, .checkbox-slider--c input + span, .checkbox-slider--c-weight input + span {
  padding-left: 40px; }
  .checkbox-slider input + span:before, .checkbox-slider--default input + span:before, .checkbox-slider--a-rounded input + span:before, .checkbox-slider--a input + span:before, .checkbox-slider--b input + span:before, .checkbox-slider--b-flat input + span:before, .checkbox-slider--c input + span:before, .checkbox-slider--c-weight input + span:before {
    content: "";
    height: 20px;
    width: 40px;
    background: rgba(100, 100, 100, 0.2);
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
    transition: background .2s ease-out; }
  .checkbox-slider input + span:after, .checkbox-slider--default input + span:after, .checkbox-slider--a-rounded input + span:after, .checkbox-slider--a input + span:after, .checkbox-slider--b input + span:after, .checkbox-slider--b-flat input + span:after, .checkbox-slider--c input + span:after, .checkbox-slider--c-weight input + span:after {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0px;
    top: 0;
    display: block;
    background: #FFF;
    transition: margin-left 0.1s ease-in-out;
    text-align: center;
    font-weight: bold;
    content: ""; }

.checkbox-slider input:checked + span:after, .checkbox-slider--default input:checked + span:after, .checkbox-slider--a-rounded input:checked + span:after, .checkbox-slider--a input:checked + span:after, .checkbox-slider--b input:checked + span:after, .checkbox-slider--b-flat input:checked + span:after, .checkbox-slider--c input:checked + span:after, .checkbox-slider--c-weight input:checked + span:after {
  margin-left: 20px;
  content: ""; }

.checkbox-slider input:checked + span:before, .checkbox-slider--default input:checked + span:before, .checkbox-slider--a-rounded input:checked + span:before, .checkbox-slider--a input:checked + span:before, .checkbox-slider--b input:checked + span:before, .checkbox-slider--b-flat input:checked + span:before, .checkbox-slider--c input:checked + span:before, .checkbox-slider--c-weight input:checked + span:before {
  transition: background .2s ease-in; }

/*******************************************************
Slider default
*******************************************************/
.checkbox-slider--default input + span:after, .checkbox-slider--a-rounded input + span:after {
  background: #FFF;
  border: solid transparent 1px;
  background-clip: content-box; }

.checkbox-slider--default input:checked + span:after, .checkbox-slider--a-rounded input:checked + span:after {
  background: #28a745;
  border: solid transparent 1px;
  background-clip: content-box; }

/*******************************************************
Slider default rounded
*******************************************************/
.checkbox-slider--a-rounded input + span:after,
.checkbox-slider--a-rounded input + span:before {
  border-radius: 0.25rem; }

.checkbox-slider--a-rounded input + span:after,
.checkbox-slider--a-rounded input:checked + span:after {
  border: solid transparent 2px;
  background-clip: content-box; }

/*******************************************************
Slider default rounded Sizes
*******************************************************/
.checkbox-slider--a-rounded.checkbox-slider-sm input + span:before,
.checkbox-slider--a-rounded.checkbox-slider-sm input + span:after {
  border-radius: 0.2rem; }

.checkbox-slider--a-rounded.checkbox-slider-md input + span:before,
.checkbox-slider--a-rounded.checkbox-slider-md input + span:after {
  border-radius: 0.25rem; }

.checkbox-slider--a-rounded.checkbox-slider-lg input + span:before,
.checkbox-slider--a-rounded.checkbox-slider-lg input + span:after {
  border-radius: 0.3rem; }

/*******************************************************
Slider A
*******************************************************/
.checkbox-slider--a input + span {
  padding-left: 60px; }

.checkbox-slider--a input + span:before {
  content: "";
  width: 60px; }

.checkbox-slider--a input + span:after {
  width: 40px;
  font-size: 10px;
  color: #000;
  content: "Off";
  border: solid transparent 1px;
  background-clip: content-box; }

.checkbox-slider--a input:checked + span:after {
  content: "On";
  color: #fff;
  background: #28a745;
  border: solid transparent 1px;
  background-clip: content-box; }

/*******************************************************
Slider A SIZES
*******************************************************/
.checkbox-slider--a.checkbox-slider-sm input + span {
  padding-left: 30px; }

.checkbox-slider--a.checkbox-slider-sm input + span:before {
  width: 30px; }

.checkbox-slider--a.checkbox-slider-sm input + span:after {
  width: 20px;
  font-size: 5px; }

.checkbox-slider--a.checkbox-slider-sm input:checked + span:after {
  margin-left: 10px; }

.checkbox-slider--a.checkbox-slider-md input + span {
  padding-left: 90px; }

.checkbox-slider--a.checkbox-slider-md input + span:before {
  width: 90px; }

.checkbox-slider--a.checkbox-slider-md input + span:after {
  width: 60px;
  font-size: 15px; }

.checkbox-slider--a.checkbox-slider-md input:checked + span:after {
  margin-left: 30px; }

.checkbox-slider--a.checkbox-slider-lg input + span {
  padding-left: 120px; }

.checkbox-slider--a.checkbox-slider-lg input + span:before {
  width: 120px; }

.checkbox-slider--a.checkbox-slider-lg input + span:after {
  width: 80px;
  font-size: 20px; }

.checkbox-slider--a.checkbox-slider-lg input:checked + span:after {
  margin-left: 40px; }

/*******************************************************
Slider B
*******************************************************/
.checkbox-slider--b input + span, .checkbox-slider--b-flat input + span {
  padding-left: 40px; }

.checkbox-slider--b input + span:before, .checkbox-slider--b-flat input + span:before {
  border-radius: 20px;
  width: 40px; }

.checkbox-slider--b input + span:after, .checkbox-slider--b-flat input + span:after {
  background: #FFF;
  content: "";
  width: 20px;
  border: solid transparent 2px;
  background-clip: padding-box;
  border-radius: 20px; }

.checkbox-slider--b input:not(:checked) + span:after, .checkbox-slider--b-flat input:not(:checked) + span:after {
  animation: popOut ease-in .3s normal; }

.checkbox-slider--b input:checked + span:after, .checkbox-slider--b-flat input:checked + span:after {
  content: "";
  margin-left: 20px;
  border: solid transparent 2px;
  background-clip: padding-box;
  animation: popIn ease-in .3s normal; }

.checkbox-slider--b input:checked + span:before, .checkbox-slider--b-flat input:checked + span:before {
  background: #28a745; }

/*******************************************************
Slider B Sizes
*******************************************************/
.checkbox-slider--b.checkbox-slider-md input + span:before {
  border-radius: 30px; }

.checkbox-slider--b.checkbox-slider-md input + span:after {
  border-radius: 30px; }

.checkbox-slider--b.checkbox-slider-lg input + span:before {
  border-radius: 40px; }

.checkbox-slider--b.checkbox-slider-lg input + span:after {
  border-radius: 40px; }

/*******************************************************
Slider B-flat
*******************************************************/
.checkbox-slider--b-flat input + span:before {
  box-shadow: none; }

/*******************************************************
Slider C
*******************************************************/
.checkbox-slider--c input + span, .checkbox-slider--c-weight input + span {
  padding-left: 40px; }

.checkbox-slider--c input + span:before, .checkbox-slider--c-weight input + span:before {
  height: 2px !important;
  top: 10px;
  box-shadow: none;
  width: 40px;
  background: #adb5bd; }

.checkbox-slider--c input + span:after, .checkbox-slider--c-weight input + span:after {
  box-shadow: none;
  width: 20px;
  border: solid #adb5bd 2px;
  border-radius: 20px; }

.checkbox-slider--c input:checked + span:after, .checkbox-slider--c-weight input:checked + span:after {
  background: #28a745;
  margin-left: 20px;
  border: solid #28a745 2px;
  animation: splashIn ease-in .3s normal; }

.checkbox-slider--c input:checked + span:before, .checkbox-slider--c-weight input:checked + span:before {
  background: #28a745; }

/*******************************************************
Slider C Sizes
*******************************************************/
.checkbox-slider--c.checkbox-slider-sm input + span:before {
  top: 4px; }

.checkbox-slider--c.checkbox-slider-md input + span:before {
  top: 14px; }

.checkbox-slider--c.checkbox-slider-md input + span:after {
  width: 30px;
  border-radius: 30px; }

.checkbox-slider--c.checkbox-slider-lg input + span:before {
  top: 19px; }

.checkbox-slider--c.checkbox-slider-lg input + span:after {
  width: 40px;
  border-radius: 40px; }

.form-horizontal [class*='checkbox-slider--c'].checkbox-slider-sm input + span:before {
  top: 10px; }

.form-horizontal [class*='checkbox-slider--c'].checkbox-slider-md input + span:before {
  top: 20px; }

.form-horizontal [class*='checkbox-slider--c'].checkbox-slider-lg input + span:before {
  top: 25px; }

/*******************************************************
Slider C-weight
*******************************************************/
.checkbox-slider--c-weight input + span:before {
  height: 1px !important; }

.checkbox-slider--c-weight input:checked + span:before {
  height: 2px !important; }

.checkbox-slider--c-weight input:not(:checked) + span:after {
  transform: scale(0.7);
  left: -6px; }

.checkbox-slider--c-weight.checkbox-slider-sm input + span:before {
  top: 5px; }

.checkbox-slider--c-weight.checkbox-slider-md input + span:before {
  top: 15px; }

.checkbox-slider--c-weight.checkbox-slider-lg input + span:before {
  top: 20px; }

/******************************************************
State Disabled
*******************************************************/
.checkbox-slider--default input:disabled + span:after {
  background: #adb5bd; }

.checkbox-slider--default input:disabled + span:before {
  box-shadow: 0 0 0 black; }

.checkbox-slider--default input:disabled + span {
  color: #adb5bd; }

.checkbox-slider--a-rounded input:disabled + span:after,
.checkbox-slider--a input:disabled + span:after {
  background: #adb5bd;
  color: #FFF; }

.checkbox-slider--a-rounded input:disabled + span:before,
.checkbox-slider--a input:disabled + span:before {
  box-shadow: 0 0 0 black; }

.checkbox-slider--a-rounded input:disabled + span,
.checkbox-slider--a input:disabled + span {
  color: #adb5bd; }

.checkbox-slider--b-flat input:disabled + span:after,
.checkbox-slider--b input:disabled + span:after {
  border: solid transparent 2px;
  border-radius: 40px; }

.checkbox-slider--b-flat input:disabled + span:before,
.checkbox-slider--b input:disabled + span:before {
  box-shadow: 0 0 0 black; }

.checkbox-slider--b-flat input:disabled + span,
.checkbox-slider--b input:disabled + span {
  color: #adb5bd; }

.checkbox-slider--b-flat input:disabled:checked + span:before,
.checkbox-slider--b input:disabled:checked + span:before {
  background: #adb5bd; }

.checkbox-slider--c-weight input:disabled:checked + span:after,
.checkbox-slider--c input:disabled:checked + span:after {
  background: #adb5bd; }

.checkbox-slider--c-weight input:disabled + span:after,
.checkbox-slider--c input:disabled + span:after {
  border-color: #adb5bd; }

.checkbox-slider--c-weight input:disabled + span:before,
.checkbox-slider--c input:disabled + span:before {
  background: #adb5bd; }

.checkbox-slider--c-weight input:disabled + span,
.checkbox-slider--c input:disabled + span {
  color: #adb5bd; }

/*******************************************************
Indicators
*******************************************************/
input:checked + .indicator-primary {
  color: #007bff; }

input:checked + .indicator-success {
  color: #28a745; }

input:checked + .indicator-info {
  color: #17a2b8; }

input:checked + .indicator-warning {
  color: #ffc107; }

input:checked + .indicator-danger {
  color: #dc3545; }

/*******************************************************
Sizes
*******************************************************/
.checkbox-slider-sm {
  line-height: 10px; }
  .checkbox-slider-sm input + span {
    padding-left: 20px; }
  .checkbox-slider-sm input + span:before {
    width: 20px; }
  .checkbox-slider-sm input + span:after,
  .checkbox-slider-sm input + span:before {
    height: 10px;
    line-height: 10px; }
  .checkbox-slider-sm input + span:after {
    width: 10px;
    vertical-align: middle; }
  .checkbox-slider-sm input:checked + span:after {
    margin-left: 10px; }

.checkbox-slider-md {
  line-height: 30px; }
  .checkbox-slider-md input + span {
    padding-left: 60px; }
  .checkbox-slider-md input + span:before {
    width: 60px; }
  .checkbox-slider-md input + span:after,
  .checkbox-slider-md input + span:before {
    height: 30px;
    line-height: 30px; }
  .checkbox-slider-md input + span:after {
    width: 30px;
    vertical-align: middle; }
  .checkbox-slider-md input:checked + span:after {
    margin-left: 30px; }

.checkbox-slider-lg {
  line-height: 40px; }
  .checkbox-slider-lg input + span {
    padding-left: 80px; }
  .checkbox-slider-lg input + span:before {
    width: 80px; }
  .checkbox-slider-lg input + span:after,
  .checkbox-slider-lg input + span:before {
    height: 40px;
    line-height: 40px; }
  .checkbox-slider-lg input + span:after {
    width: 40px;
    vertical-align: middle; }
  .checkbox-slider-lg input:checked + span:after {
    margin-left: 40px; }

/*******************************************************
Variations
*******************************************************/
.checkbox-slider-primary.checkbox-slider--default input:checked + span:after, .checkbox-slider-primary.checkbox-slider--a input:checked + span:after, .checkbox-slider-primary.checkbox-slider--a-rounded input:checked + span:after, .checkbox-slider-primary.checkbox-slider--c input:checked + span:after, .checkbox-slider-primary.checkbox-slider--c-weight input:checked + span:after {
  background: #007bff;
  background-clip: content-box; }

.checkbox-slider-primary.checkbox-slider--c input:checked + span:after, .checkbox-slider-primary.checkbox-slider--c-weight input:checked + span:after {
  border-color: #007bff; }

.checkbox-slider-primary.checkbox-slider--b input:checked + span:before, .checkbox-slider-primary.checkbox-slider--b-flat input:checked + span:before, .checkbox-slider-primary.checkbox-slider--c input:checked + span:before, .checkbox-slider-primary.checkbox-slider--c-weight input:checked + span:before {
  background: #007bff; }

.checkbox-slider-info.checkbox-slider--default input:checked + span:after, .checkbox-slider-info.checkbox-slider--a input:checked + span:after, .checkbox-slider-info.checkbox-slider--a-rounded input:checked + span:after, .checkbox-slider-info.checkbox-slider--c input:checked + span:after, .checkbox-slider-info.checkbox-slider--c-weight input:checked + span:after {
  background: #17a2b8;
  background-clip: content-box; }

.checkbox-slider-info.checkbox-slider--c input:checked + span:after, .checkbox-slider-info.checkbox-slider--c-weight input:checked + span:after {
  border-color: #17a2b8; }

.checkbox-slider-info.checkbox-slider--b input:checked + span:before, .checkbox-slider-info.checkbox-slider--b-flat input:checked + span:before, .checkbox-slider-info.checkbox-slider--c input:checked + span:before, .checkbox-slider-info.checkbox-slider--c-weight input:checked + span:before {
  background: #17a2b8; }

.checkbox-slider-warning.checkbox-slider--default input:checked + span:after, .checkbox-slider-warning.checkbox-slider--a input:checked + span:after, .checkbox-slider-warning.checkbox-slider--a-rounded input:checked + span:after, .checkbox-slider-warning.checkbox-slider--c input:checked + span:after, .checkbox-slider-warning.checkbox-slider--c-weight input:checked + span:after {
  background: #ffc107;
  background-clip: content-box; }

.checkbox-slider-warning.checkbox-slider--c input:checked + span:after, .checkbox-slider-warning.checkbox-slider--c-weight input:checked + span:after {
  border-color: #ffc107; }

.checkbox-slider-warning.checkbox-slider--b input:checked + span:before, .checkbox-slider-warning.checkbox-slider--b-flat input:checked + span:before, .checkbox-slider-warning.checkbox-slider--c input:checked + span:before, .checkbox-slider-warning.checkbox-slider--c-weight input:checked + span:before {
  background: #ffc107; }

.checkbox-slider-danger.checkbox-slider--default input:checked + span:after, .checkbox-slider-danger.checkbox-slider--a input:checked + span:after, .checkbox-slider-danger.checkbox-slider--a-rounded input:checked + span:after, .checkbox-slider-danger.checkbox-slider--c input:checked + span:after, .checkbox-slider-danger.checkbox-slider--c-weight input:checked + span:after {
  background: #dc3545;
  background-clip: content-box; }

.checkbox-slider-danger.checkbox-slider--c input:checked + span:after, .checkbox-slider-danger.checkbox-slider--c-weight input:checked + span:after {
  border-color: #dc3545; }

.checkbox-slider-danger.checkbox-slider--b input:checked + span:before, .checkbox-slider-danger.checkbox-slider--b-flat input:checked + span:before, .checkbox-slider-danger.checkbox-slider--c input:checked + span:before, .checkbox-slider-danger.checkbox-slider--c-weight input:checked + span:before {
  background: #dc3545; }




.checkbox.checbox-switch {
    padding-left: 0;
}

.checkbox.checbox-switch label,
.checkbox-inline.checbox-switch {
    display: inline-block;
    position: relative;
    padding-left: 0;
}
.checkbox.checbox-switch label input,
.checkbox-inline.checbox-switch input {
    display: none;
}
.checkbox.checbox-switch label span,
.checkbox-inline.checbox-switch span {
    width: 35px;
    border-radius: 20px;
    height: 18px;
    border: 1px solid #dbdbdb;
    background-color: rgb(255, 255, 255);
    border-color: rgb(223, 223, 223);
    box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.checkbox.checbox-switch label span:before,
.checkbox-inline.checbox-switch span:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgb(255,255,255);
    content: " ";
    top: 0;
    position: relative;
    left: 0;
    transition: all 0.3s ease;
    box-shadow: 0 1px 4px rgba(0,0,0,0.4);
}
.checkbox.checbox-switch label > input:checked + span:before,
.checkbox-inline.checbox-switch > input:checked + span:before {
    left: 17px;
}


/* Switch Default */
.checkbox.checbox-switch label > input:checked + span,
.checkbox-inline.checbox-switch > input:checked + span {
    background-color: rgb(180, 182, 183);
    border-color: rgb(180, 182, 183);
    box-shadow: rgb(180, 182, 183) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch label > input:checked:disabled + span,
.checkbox-inline.checbox-switch > input:checked:disabled + span {
    background-color: rgb(220, 220, 220);
    border-color: rgb(220, 220, 220);
    box-shadow: rgb(220, 220, 220) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch label > input:disabled + span,
.checkbox-inline.checbox-switch > input:disabled + span {
    background-color: rgb(232,235,238);
    border-color: rgb(255,255,255);
}
.checkbox.checbox-switch label > input:disabled + span:before,
.checkbox-inline.checbox-switch > input:disabled + span:before {
    background-color: rgb(248,249,250);
    border-color: rgb(243, 243, 243);
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}

/* Switch Light */
.checkbox.checbox-switch.switch-light label > input:checked + span,
.checkbox-inline.checbox-switch.switch-light > input:checked + span {
    background-color: rgb(248,249,250);
    border-color: rgb(248,249,250);
    box-shadow: rgb(248,249,250) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Dark */
.checkbox.checbox-switch.switch-dark label > input:checked + span,
.checkbox-inline.checbox-switch.switch-dark > input:checked + span {
    background-color: rgb(52,58,64);
    border-color: rgb(52,58,64);
    box-shadow: rgb(52,58,64) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-dark label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-dark > input:checked:disabled + span {
    background-color: rgb(100, 102, 104);
    border-color: rgb(100, 102, 104);
    box-shadow: rgb(100, 102, 104) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Success */
.checkbox.checbox-switch.switch-success label > input:checked + span,
.checkbox-inline.checbox-switch.switch-success > input:checked + span {
    background-color: rgb(40, 167, 69);
    border-color: rgb(40, 167, 69);
    box-shadow: rgb(40, 167, 69) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-success label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-success > input:checked:disabled + span {
    background-color: rgb(153, 217, 168);
    border-color: rgb(153, 217, 168);
    box-shadow: rgb(153, 217, 168) 0px 0px 0px 8px inset;
}

/* Switch Danger */
.checkbox.checbox-switch.switch-danger label > input:checked + span,
.checkbox-inline.checbox-switch.switch-danger > input:checked + span {
    background-color: rgb(200, 35, 51);
    border-color: rgb(200, 35, 51);
    box-shadow: rgb(200, 35, 51) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-danger label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-danger > input:checked:disabled + span {
    background-color: rgb(216, 119, 129);
    border-color: rgb(216, 119, 129);
    box-shadow: rgb(216, 119, 129) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Primary */
.checkbox.checbox-switch.switch-primary label > input:checked + span,
.checkbox-inline.checbox-switch.switch-primary > input:checked + span {
    background-color: rgb(0, 105, 217);
    border-color: rgb(0, 105, 217);
    box-shadow: rgb(0, 105, 217) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-primary label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-primary > input:checked:disabled + span {
    background-color: rgb(109, 163, 221);
    border-color: rgb(109, 163, 221);
    box-shadow: rgb(109, 163, 221) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Info */
.checkbox.checbox-switch.switch-info label > input:checked + span,
.checkbox-inline.checbox-switch.switch-info > input:checked + span {
    background-color: rgb(23, 162, 184);
    border-color: rgb(23, 162, 184);
    box-shadow: rgb(23, 162, 184) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-info label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-info > input:checked:disabled + span {
    background-color: rgb(102, 192, 206);
    border-color: rgb(102, 192, 206);
    box-shadow: rgb(102, 192, 206) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Warning */
.checkbox.checbox-switch.switch-warning label > input:checked + span,
.checkbox-inline.checbox-switch.switch-warning > input:checked + span {
    background-color: rgb(255, 193, 7);
    border-color: rgb(255, 193, 7);
    box-shadow: rgb(255, 193, 7) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-warning label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-warning > input:checked:disabled + span {
    background-color: rgb(226, 195, 102);
    border-color: rgb(226, 195, 102);
    box-shadow: rgb(226, 195, 102) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
/* Classe principale de la barre de navigation */
.navbar-default {
 /* Couleur de fond de la barre de navigation */
 background-color: #232d4b;
 
}
/* Couleur des titres affichés dans la barre */
.navbar-default .navbar-brand {
 color: #ffffff;
}
/* Couleur utilisée lors du passage de la souris sur un titre de la barre */
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
 color: #5E5E5E;
}
/* Couleur utilisée pour les liens */
.navbar-default .navbar-nav > li > a {
 color: #fff;
 border-radius: 50px;
 
}
/* Couleur utilisée pour les liens lorsque la souris passe dessus */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
 color: #ffffff;
  background-color: #005573;
}
/* Couleur utilisée pour le lien actif (celui qui est affiché sur la page) */
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
 color: #ffffff;
 background-color: #005573;
}
/* Couleur utilisée pour un menu dépliant lorsqu'il est ouvert */
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
 color: #555;
 background-color: #ffffff;
}
/* Caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
 border-top-color: #777;
 border-bottom-color: #777;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
 border-top-color: #333;
 border-bottom-color: #333;
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
 border-top-color: #555;
 border-bottom-color: #555;
}
/* Version mobile, le menu devient une icône qui déroule une liste avec le menu en vertical */
.navbar-default .navbar-toggle {
 border-color: #DDD;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
 background-color: #DDD;
}
.navbar-default .navbar-toggle .icon-bar {
 background-color: #CCC;
}
@media (max-width: 767px) {
 .navbar-default .navbar-nav .open .dropdown-menu > li > a {
 color: #777;
 }
 .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
 .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
 color: #333;
 }
}
a:link {
  color: #f04641;
;
}
body {
    background-color: #005573; /* Le fond de la page sera noir */
    color: white; /* Le texte de la page sera blanc */
}
input, button, select, textarea {
  border: 1px solid #b0b0b0;
  padding: 3px 5px 4px;
  color: #979797;
  
  border-radius: 9px;
}

 /* Customize the label (the container) */
.Btoption {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


.Btoption input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}


.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}


.Btoption:hover input ~ .checkmark {
  background-color: #ccc;
}


.Btoption input:checked ~ .checkmark {
  background-color: #f04641;
}


.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}


.Btoption input:checked ~ .checkmark:after {
  display: block;
}

.Btoption .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
} 
.ui-datepicker {
    background: #999;
   border: 1px solid #555;
   color: #EEE;
}

#drop_file_zone {
    background-color: #EEE;
    border: #999 5px dashed;
    width: 290px;
    height: 200px;
    padding: 8px;
    font-size: 18px;
}
#drag_upload_file {
  width:50%;
  margin:0 auto;
}
#drag_upload_file p {
  text-align: center;
}
#drag_upload_file #selectfile {
  display: none;
}









.container {
    
    width:95%;
    margin:0px auto;

}
.contr {
    background-color: #212121;
    color: #FFFFFF;
    padding: 10px 0;
    text-align: center;

    border-radius:10px 10px 0 0;
    -moz-border-radius:10px 10px 0 0;
    -webkit-border-radius:10px 10px 0 0;
}
.upload_form_cont {
    background: -moz-linear-gradient(#ffffff, #f2f2f2);
    background: -ms-linear-gradient(#ffffff, #f2f2f2);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
    background: -webkit-linear-gradient(#ffffff, #f2f2f2);
    background: -o-linear-gradient(#ffffff, #f2f2f2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2')";
    background: linear-gradient(#ffffff, #f2f2f2);

    color: #000;
    overflow: hidden;
}
.info {
    background-color: #EEEEEE;
    border: 1px solid #DDDDDD;
    float: left;
    font-weight: bold;
    height: 100px;
    margin: 20px;
    position: relative;
    width: 100px;
}
.info > div {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 15px 5px;
}
.info > h2 {
    padding: 0 15px;
}
.info > canvas {
    margin-left: 15px;
    margin-bottom: 10px;
}
.info #url {
    width: 400px;
}
#dropArea {
    background-color: #DDDDDD;
    border: 3px dashed #000000;
    float: left;
    font-size: 25px;
    font-weight: bold;
    height: 100px;
    line-height: 100px;
    margin: 20px;
    position: relative;
    text-align: center;
    width: 500px;
}
#dropArea.hover {
    background-color: #CCCCCC;
}
#dropArea.uploading {
    background: #EEEEEE url(images/loading.gif) center 30% no-repeat;
}
#result .s, #result .f {
    font-size: 12px;
    margin-bottom: 10px;
    padding: 10px;

}
#result .s {
    background-color: #ffffff;
}
#result .f {
    background-color: #ffffff;
}