body {
    position: relative;
    color:#5e5e5e;
}
@media print {
  .noPrint {display: none}
}
ul.select2-selection__rendered {
    padding-right: 30px !important;
}
ul.select2-selection__rendered:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    border-top: 5px solid #333;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
.nav>li>a {padding: 4px 15px;}
.infowindow h3 {font-size:22px;margin-top:0;margin-bottom: 5px;margin-top:0;}
.infowindow hr {margin-bottom: 10px;margin-top: 10px}
.clear {clear:both;}
.select-checkbox {cursor: pointer}
table.dataTable tbody td.select-checkbox:before, table.dataTable tbody td.select-checkbox:after, table.dataTable tbody th.select-checkbox:before, table.dataTable tbody th.select-checkbox:after {
  position:relative;top:inherit;
}
table.dataTable tbody td.select-checkbox:before, table.dataTable tbody th.select-checkbox:before {
  margin-top:0;
}
table.dataTable tr.selected td.select-checkbox:after, table.dataTable tr.selected th.select-checkbox:after {
  margin-top:-13px;
}
.sidebar .logo .simple-text, .off-canvas-sidebar .logo .simple-text {white-space:normal;}
.sidebar .logo .simple-text.logo-mini {display:none;}
.sidebar .logo {max-height:200px;height:200px;text-align: center;white-space:normal;}
.sidebar .logo img {white-space:normal;line-height: inherit;vertical-align:inherit;}
.sidebar-mini .sidebar .logo {height:75px;white-space:nowrap;}
.sidebar-mini .sidebar .logo .simple-text.logo-mini {display: inline-block}
.sidebar .logo .simple-text, .off-canvas-sidebar .logo .simple-text {font-size:10px;}

.login-logo {text-align: center}
.user .info {text-align: center;color:white;}
select.form-control {padding:5px 17px;}
div.dataTables_wrapper div.dataTables_length select {width:91px;text-align: center}
.clickable {cursor: pointer}
.login-page .card {margin-bottom: 0}
.login-page > .content, .lock-page > .content {padding-top:5vh;}
#comm {cursor:pointer;}
.no-results{
    cursor: pointer;
}

.sidebar .sidebar-wrapper > .nav li > a, .off-canvas-sidebar .sidebar-wrapper > .nav li > a {margin:0;}
.verticalalign {margin-top:10%;}
#showfilter {left:20px;margin-top:15px;position:absolute;z-index:5000;}
#filtermap {left:20px;margin-top:50px;display:none;position:absolute;z-index:5000;background:#FFFFFF;padding:10px;}

.borderleft {border-left:1px solid #CECECE;padding:25px 25px 0 25px;}

.mentionslegales p {color:#000000;Font-size:14px !important;}

@media (max-height: 600px) {
    .login-page > .content, .lock-page > .content {padding-top:1vh;}
}
.navbar-brand .miniLogo {display:none;}
@media (max-width: 996px) {
    .navbar-brand .miniLogo {display:inline-block;}
}
.easy-autocomplete {width:100% !important;}
.easy-autocomplete-container {z-index: 9999}
#message.alert-success span {font-weight: bold;font-size:19px;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  background-color:#ffed00;
}
.fa.fa-calendar {cursor:pointer;}
a.navbar-brand {cursor: default;}
.cboth {clear:both;}
.firstLine {margin-bottom: 15px}
.delLine {color:red;cursor:pointer;}
.bootstrap-select .btn {border-radius: 4px;border-color:#e8e7e3 !important;}
.has-error .input-group-addon {color:red;border-color:red;}
.form-control {background-color:#fbfbfb;}
.error.help-block {color:#a94442;}
.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #92887c;
}
.form-control::-moz-placeholder { /* Firefox 19+ */
  color: #92887c;
}
.form-control:-ms-input-placeholder { /* IE 10+ */
  color: #92887c;
}
.form-control:-moz-placeholder { /* Firefox 18- */
  color: #92887c;
}
.has-error .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #FFF;
}
.has-error .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #FFF;
}
.has-error .form-control:-ms-input-placeholder { /* IE 10+ */
  color: #FFF;
}
.has-error .form-control:-moz-placeholder { /* Firefox 18- */
  color: #FFF;
}
.form-control.iptGroup{padding-left:2px;padding-right:2px;}
.bigIcon {font-size:30px;}
.checkbox.row input[type="text"].form-control {height:22px;padding:2px;font-size:12px;}
.has-error .form-control.ignore, .form-control.error.ignore {    background-color: #F9F9F9;color: #66615b;border: 1px solid #e8e7e3;}
form .form-group label.control-label {text-align: left}
form .form-group label.control-label.iconR {text-align:right}
form h4 {color:#f27500;border-bottom:1px solid;padding-bottom:15px;}
form h4.first {background:#66615b;color:white;}
form h4 span {color:red;font-weight: normal;font-size: 15px;color:#ef6868;font-style:italic;float:right;margin-right:5px;}
form .form-group.col-lg-6 .control-label.col-lg-4 {padding-left:0;}
form input[type="text"]:focus {background-color:#FAFFBD;}
.noPadding {padding-right:5px;}
.noPadding .input-group select.form-control:not(:first-child):not(:last-child) {border-right: 1px solid #e8e7e3;}
.statistique .label-bg1 {background-color:#68B3C8;}
.statistique .label-bg2 {background-color:#FFF319;}
.statistique .label-bg3 {background-color:#EB5E28;}
.statistique .label-bg4 {background-color:#7AC29A;}
.statistique .label-bg5 {background-color:#7A9E9F;}
.statistique .label-bg6 {background-color:rgb(106, 106, 230);}
.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut {stroke:rgb(106, 106, 230);}
.ct-series-f .ct-slice-pie, .ct-series-f .ct-area {fill:rgb(106, 106, 230);}
.infowindow {font-size:20px;}
.dissocier {cursor: pointer;color:red;}
table.dataTable tbody>tr.selected.firstSelected, table.dataTable tbody>tr>.selected.firstSelected {
  background:#532b06;
}
div .yadcf-filter-wrapper {display:block;width:120px;}
div .yadcf-filter-wrapper select {width:150px;max-width: 90%;display: inline-block;}
div#page-2 .yadcf-filter-wrapper select {width:100px;}
div div .yadcf-filter-reset-button {    position: absolute;
    left: 0;
}
div .yadcf-filter-wrapper .yadcf-filter-range-number {width:80px;}
div .yadcf-filter-range-number-seperator {margin-right:5px;}
div .yadcf-filter-range-number-seperator {margin-left:5px;}
div .yadcf-filter-reset-button {
  background:none;
  border:none;
  padding:3px;
  color:red;
  cursor:pointer;
  font-weight: bold;
}
table.dataTable thead tr th .yadcf-filter,
table.dataTable thead tr th .yadcf-filter-range,
table.dataTable thead tr th .yadcf-filter-date   {
  border:none;
  border-radius: 3px;
  padding:5px 5px 10px 5px;
}
table.dataTable thead tr th .yadcf-filter-wrapper {text-align: left;font-size:14px;font-weight: normal;color:black;float:left;
    clear: both;
    width: 80%;}
.yadcf-filter.inuse {background: #8bbef0 !important;}
.yadcf-filter.inuse.select2-container {background: transparent !important;}
.yadcf-filter.inuse .select2-choices {background: #8bbef0 !important;}
table.table-bordered.dataTable th {background:#F3F2EE;}
.yadcf-filter-wrapper-inner {border:none;}
div .yadcf-filter-wrapper input {
    width: 150px;
    max-width: 90%;
    display: inline-block;
}
div#page-2 .yadcf-filter-wrapper input {
  width:100px;
}
div .yadcf-filter-wrapper input.yadcf-filter-range {
    width: 70px;
    max-width: 40%;
}
div#page-2 .yadcf-filter-wrapper input.yadcf-filter-range {width:70px;}
span.thHead {
  display: inline-block;
    width: 90%;
}
.float-left{float:left;}
.totalLigne, .isEtudiant, .isColasAximum {
    margin-left: 15px;
    height: 31px;
    line-height: 31px;
    margin-bottom: 0;
    padding-top: 0;
    margin-top: 0;
    background: #F3F2EE;
    color: white;
    padding: 0 10px;
    color:rgb(92, 54, 19);
}
.isColasAximum {background:white;border:1px solid #000000;}
.overAuto {overflow:auto;}
/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}

.scroll-element_arrows_visible {
    position: relative;
}
.scroll-element_arrows_visible .scroll-element_track:before,
.scroll-element_arrows_visible .scroll-element_track:after {
    color:white;
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    background:#f27500;
    border:0;
    display: block;
    width:24px;
    height:24px;
    line-height: 24px;
    text-align:center;
}
.scroll-element_arrows_visible .scroll-bar {
    z-index:9998;
}
.scroll-scrollx_visible.scroll-scrolly_visible.scroll-element_arrows_visible.scroll-x .scroll-element_track:before {
    content: "\e64a";
    float:left;
    margin-left:25px;
    margin-top:1px;
}
.scroll-scrollx_visible.scroll-element_arrows_visible.scroll-x .scroll-element_track:before {
    content: "\e64a";
    float:left;
    margin-left:0;
    margin-top:1px;
}
.scroll-element_arrows_visible.scroll-x .scroll-element_track:after {
    content: "\e649";
    float:right;
    margin-right:5px;
    margin-top:1px;
}
.scroll-element_arrows_visible.scroll-y .scroll-element_track:before {
    content: "\e648";
    margin-top:25px;
    margin-left:1px;
}
.scroll-element_arrows_visible.scroll-y .scroll-element_track:after {
    content: "\e64b";
    bottom: 0;
    margin-left:1px;
    position: absolute;
}
.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}
.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}
.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}
/*************** SCROLLBAR RAIL ***************/
div .dataTables_scrollBody > .scroll-element,
div .dataTables_scrollBody > .scroll-element div
{
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}
div .dataTables_scrollBody > .scroll-element {
    background-color: #ffffff;
}
div .dataTables_scrollBody > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
div .dataTables_scrollBody > .scroll-element .scroll-element_size {
    background-color: #999;
    background-color: rgba(0, 0, 0, 0.3);
}
div .dataTables_scrollBody > .scroll-element .scroll-element_outer:hover .scroll-element_size {
    background-color: #666;
    background-color: rgba(0, 0, 0, 0.5);
}
div .dataTables_scrollBody > .scroll-element.scroll-x {
    bottom: 0;
    height: 20px;
    left: 0;
    min-width: 100%;
    padding: 3px 0 2px;
    width: 100%;
}
div .dataTables_scrollBody > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    padding: 0 2px 0 3px;
    right: 0;
    top: 0;
    width: 20px;
}
div .dataTables_scrollBody > .scroll-element .scroll-bar {
    background-color: #0a4866;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
div .dataTables_scrollBody > .scroll-element .scroll-element_outer:hover .scroll-bar {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}
/* scrollbar height/width & offset from container borders */
div .dataTables_scrollBody > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }
div .dataTables_scrollBody > .scroll-content.scroll-scrollx_visible { margin-top: 17px; top: -17px; }
div .dataTables_scrollBody > .scroll-element.scroll-x .scroll-bar { height: 30px; min-width: 10px; top: 1px; }
div .dataTables_scrollBody > .scroll-element.scroll-y .scroll-bar { left: 1px; min-height: 10px; width: 30px; }
div .dataTables_scrollBody > .scroll-element.scroll-x .scroll-element_outer { height: 30px; left: 5px; }
div .dataTables_scrollBody > .scroll-element.scroll-x .scroll-element_size { height: 2px; left: -10px; top: 12px; }
div .dataTables_scrollBody > .scroll-element.scroll-y .scroll-element_outer { top: 5px; width: 30px; }
div .dataTables_scrollBody > .scroll-element.scroll-y .scroll-element_size { left: 12px; top: -10px; width: 2px; }
/* update scrollbar offset if both scrolls are visible */
div .dataTables_scrollBody > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -25px; }
div .dataTables_scrollBody > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -25px; }
div .dataTables_scrollBody > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -25px; }
div .dataTables_scrollBody > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -25px; }
.footer .copyright {margin-bottom: 0}
div.tableScroll .dataTables_scrollBody {
    max-height: calc(100vh - 520px);
}
.admin.user div.tableScroll .dataTables_scrollBody {
    max-height: calc(100vh - 220px);
}
.statistique.deplacements  div.tableScroll .dataTables_scrollBody {
    max-height: calc(100vh - 380px);
}
div.tableScroll div.dataTables_scrollBody .yadcf-filter-reset-button {
    display: none;
}
@media (max-width: 980px) {
    div.tableScroll .dataTables_scrollBody {
        max-height: 300px;
    }
}
.hrButton {margin-bottom:5px;border-bottom:1px solid #5a3412;padding-bottom:5px;}

/*
.zoomed2x {
    zoom: 50%;
    -moz-transform: scale(0.5);
}
body.zoomed2x .wrapper {
    min-height: 200vh;
}
*/
div .main-panel > .content {
    padding: 30px 15px 0 15px;
    min-height: calc(100vh - 55px - 284px);
}

.problematique.liste div .main-panel > .content {
    padding: 10px 10px 0 10px;
    min-height:100vh;
}
.problematique.liste div.tableScroll .dataTables_scrollBody {
    max-height: calc(100vh - 200px);
}
@media (max-width: 991px) {
    div .main-panel > .content {
        padding: 30px 15px 0 15px;
        min-height: calc(100vh - 55px - 75px);
    }
    .navbar-header .navbar-toggle {
        margin-right:0;

    }
    .container-fluid>.navbar-header {
        margin-right: 0;
    }
}
/*
body.zoomed2x .main-panel > .content {
    min-height: calc(200vh - 75px);
}
body.zoomed2x div.tableScroll .dataTables_scrollBody {
    max-height: calc(200vh - 520px);
}
body.zoomed2x .sidebar[data-background-color="brown"] .nav li > a > p{
    font-size:10px;
    font-weight: normal;
    letter-spacing: inherit;
}
*/
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    position: absolute;top:5px;right:5px;
}


.wizard .nav-pills > li > a {background:transparent !important;color:#dbd9d1;}
.wizard .nav-pills>li.active>a,
.wizard .nav-pills>li.active>a:hover,
.wizard .nav-pills>li.active>a:focus {color:#0a4866 !important;cursor: default;}
.wizard .nav-pills>li>a {border:0;text-align: center;}
.wizard .nav-pills>li {background: url("../img/bgstepmid.gif") repeat-x 50% 40%;}
.wizard .nav-pills li:first-child {background: url("../img/bgstep1.gif") no-repeat 50% 40%;}
.wizard .nav-pills li:last-child{background: url("../img/bgstep2.gif") no-repeat 50% 40%;}
.wizard .nav-pills > li > a > .circle-number {border: 1px solid;padding: 10px 15px;margin: 10px;display: inline-block;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #F4F4F4;}
.wizard .nav-pills > li.active > a > .circle-number {background:#0a4866;color:#FFFFFF;}
.wizard .nav-pills > li.success > a  {color:#000;cursor: default;}

.wizard .nav-pills > li.success > a > .circle-number {color:#000;}
.wizard .nav-pills > li.success > a > .circle-number {color:#000;}
.wizard .nav-pills > li.success > a > .circle-number {color:#000;}
.wizard .nav-pills > li.success > a > .circle-number {color:#000;}
.wizard .nav-pills > li.success > a > strong {color:#FF0000;}

.separator {clear:both;font-size:0;height:0;}

.nav-mobile-menu .hidden-menu {display: none}


.navbar-brand {
    height: 75px;
}
.navbar-default {
    background-color: #000000;
    border-bottom: 0;
}
.navbar.navbar-default .container-fluid {
    margin: 0 0 0px 0;
    padding:0 0 0 0;
}
.navbar .navbar-brand {
    font-weight: 600;
    margin: 0 0;
    padding: 15px 15px;
    font-size: 20px;
}
@media (max-width: 991px) {
    .navbar .navbar-brand {
        padding: 0 15px;
    }
}
.submenu {
    width: 100%
}
.submenu,
.submenu .nav {
    width:100%;
    background:#0a4866;
}

.submenu .nav ul li a {
    color:white;
}

.navbar .submenu .navbar-nav > li > a {
    margin: 8px 0;
}
.submenu  br {display: none;}

.sidebar[data-background-color="brown"]:after, .sidebar[data-background-color="brown"]:before, .off-canvas-sidebar[data-background-color="brown"]:after, .off-canvas-sidebar[data-background-color="brown"]:before,
.sidebar, .off-canvas-sidebar,
.sidebar-wrapper {
    background:#000000;
}
.navbar-default .navbar-nav > li > a:not(.btn) {
    color:white;
}

.submenu .nav> li > a:not(.btn) {
    color:white;
}
.logoCover {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    background:#000000;
    width:240px;
    padding:24px 0;
    float:left;
}
.logoCover h1 {
    margin-top:5px;
    font-size:22px;
    color:white;
    font-weight: bold;
}

.backgroundCover {
    width: calc(100vw - 240px);
    height:147px;
    float: right;
    background:url("/public/img/background/bg-header.jpg?new") no-repeat center center;background-size: cover;
}
.navbar .submenu .navbar-nav > li.active > a , .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:not(.btn):hover, .navbar-default .navbar-nav > .active > a:not(.btn):focus, .navbar-default .navbar-nav > li > a:not(.btn):hover, .navbar-default .navbar-nav > li > a:not(.btn):focus {
    color:#ffed00;
}

.navbar-collapse:after, .navbar-header:after {
    clear:none;
    display: none;
}


.colorTaupe {color:#000000 !important;}
.colorJaune {color:#ffed00 !important;}
.colorOrange {color:#f27500 !important;}
.backgroundTaupe {background-color:#000000 !important;border-color:#000000 !important;}
.backgroundJaune {background-color:#ffed00 !important;border-color:#ffed00 !important;}
.backgroundOrange {background-color:#f27500 !important;border-color:#f27500 !important;}
.backgroundBlack {background-color:#212121 !important;border-color:#212121 !important;}

h2 {color:white;background:#f27500;font-size:20px;font-weight: bold;padding:5px;}
h3 {color:#000000;font-weight: bold;padding:5px 0;}
.pourQui p {font-size:18px;}
.index.index .lastChallenges {border-left:1px solid #000000;}
.lastChallenges .card a.active {color:#f27500;}
.lastChallenges .card a.color-red {color:red;}
.lastChallenges .card .withBackground {background-repeat: no-repeat;background-position: center top;background-size: 100% auto;padding-top:150px; }

.sidebar, .off-canvas-sidebar {
    top: 0;
    right: 0;
    left: auto;
}
.navbar-default .navbar-toggle .icon-bar {background-color: white}

.card .withImage {text-align: center}
.card .withImage img {max-height: 200px;width:auto;}


.lastChallenges .alert {text-align:center;position: absolute;opacity: 0.9;width:94%;margin: 25px 3%;font-weight: bold;-webkit-box-shadow: 0px 0px 14px 6px rgba(0,0,0,0.12);
-moz-box-shadow: 0px 0px 14px 6px rgba(0,0,0,0.12);
box-shadow: 0px 0px 14px 6px rgba(0,0,0,0.12);}



.card-user.card-menu {background-color:#000000}
.card-user.card-menu .image img {
    width: 100%;
    height: 110px;
    margin-top:0;
}
.card-user.card-menu ul li {color:white}
.card-user.card-menu ul li.active {color:#ffed00;}
.card-user.card-menu ul li a {color:white;font-weight: bold;font-size:18px;}
.card-user.card-menu ul li.active a {color:#ffed00;}
.card-user.card-menu .card-content {
    min-height:inherit;
}
.card-user.card-menu .author {
      margin-top:-160px;
}
.card-user.card-menu .author .card-title {
      color:white;
}
.swal2-modal h2.swal2-title {color:#f27500;background:none;font-size:26px;font-weight: bold;padding:5px;padding-bottom:15px;}
.card a.MultiFile-remove,
.card a.delFile,
.a.delFile,
.MultiFile-remove {color:red;}

.backgroundTaupe,
.backgroundTaupe a {color:white;}
button.backgroundTaupe:hover,
a.backgroundTaupe:hover{ background:#f27500 !important;border-color:#f27500 !important;    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;}
@media (max-width: 630px) {
    .card-user .avatar {width:50px;height:50px;}

}


table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected {
    background-color:#ffed00 !important;
    color:black !important;
}
table.dataTable tbody>tr.selected a, table.dataTable tbody>tr>.selected a {
    color:black !important;
}

table.dataTable tbody>tr.selected a.btn.btn-fill, table.dataTable tbody>tr>.selected a.btn.btn-fill {
    color:white !important;
}

.bootstrap-select .dropdown-header {background:#000000;}
.bootstrap-select .dropdown-header .text {font-weight: bold;color:white;}
.bootstrap-select [data-original-index="0"]:before {font-size: 12px;padding: 10px 15px;content:"Résultat de recherche";background:#000000;display:block;color:white;font-weight: bold}
.bootstrap-select .selected,
.bootstrap-select .selected.active a {background:#ffed00;color:#f27500;}


.multipleSel .bootstrap-select a:before {font: normal normal normal 14px/1 FontAwesome;content:"\f067";padding-right:5px;}

.groupe.form .select2-results li.select2-results__option.select2-results__message{display: none}
.groupe.form .select2-results li.select2-results__option.select2-results__option--highlighted{display: inherit}
.groupe.form .select2-results li.select2-results__option:before {font: normal normal normal 14px/1 FontAwesome;content:"\f067";padding-right:5px;}
.groupe.form .select2-results li.select2-results__option[id]:not([id=""]) {display: inherit}
.groupe.form .select2-results li.select2-results__option[id]:not([id=""]):before  {content:"\f00d";}

.multipleSel .bootstrap-select .selected a:before {content:"\f00d";}
.bootstrap-select.btn-group .dropdown-menu li.selected.active a small.text-muted {color:black;}


.bootstrap-select .selected[data-original-index="0"]:before {display:none;}

.allEcoles .bootstrap-select .selected[data-original-index="0"]:before,
.allEcoles .bootstrap-select [data-original-index="0"]:before {content:"Liste" !important;display:block !important;}

.bootstrap-select .status {
    background: #f0f0f0;
    clear: both;
    color: #999;
    font-size: 11px;
    font-style: italic;
    font-weight: 500;
    line-height: 1;
    margin-bottom: -5px;
    padding: 10px 20px;
}


form a.btn.disabled,
form button.btn.disabled{
    font-size:0px;
}

form a.btn.disabled:after,
form button.btn.disabled:after{
    content: " Envoi en cours...";
    font-size:14px;
}

form a.btn.disabled .fa:before,
form button.btn.disabled .fa:before {
    content:"\f110" !important;
    font-size:14px !important;
}



.etape1,.challenge.encours .etape-lancement {background-color:#faffca  !important;}
.etape2,.challenge.encours .etape-choix-idee {background-color:#f27500 !important;}
.etape3,.challenge.encours .etape-approfondissement {background-color:#ccc !important;}
.etape4,.challenge.encours .etape-rendu-final {background-color:#ffed00 !important;}
.text-accueil p {font-size:20px;margin-bottom: 20px;}

.index.index h3.text-center {    font-size: 22px;}
.lastChallenges .card {border-radius: 0;border:1px solid #000000;}
.lastChallenges .card .image {border-radius: 0;}


.lastChallenges .card-user .image {
    height:200px;
}

.lastChallenges .card-user .image .bg {
    height:200px;
    background-size: cover;
    background-position: 50%;
    border-radius: 3px 3px 0 0;
    z-index: 0;
}


.lastChallenges.allGroupes .nbParticipant {
    font-size:18px;
    color:#f27500;
    font-style: italic;
}

.lastChallenges.allGroupes .nbParticipant .fa {
    font-size:40px;
}


.card-timeline .timeline.timeline-simple > li > .timeline-badge {
    font-size:10px;
}





.horizontalScroll ol {
    white-space: nowrap;
}

.horizontalScroll ol li {
    display: inline-block;
    float:none;
    vertical-align: text-top;
}



.scrollbarZ
{
    height: 300px;
    overflow-y: scroll;
}

#style-3::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar
{
    width: 6px;
    background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar-thumb
{
    background-color: #f27500;
}


/* COULEUR PAR DEFAUT (non connecté) */
div .dataTables_scrollBody > .scroll-element .scroll-bar,
.submenu .nav,
.wizard .nav-pills > li.active > a > .circle-number,
.scroll-element_arrows_visible .scroll-element_track:before,
.scroll-element_arrows_visible .scroll-element_track:after,
h2,
.backgroundOrange,
a.backgroundTaupe:hover,
#style-3::-webkit-scrollbar-thumb,
.sidebar-wrapper { background-color: #0a4866 !important;}

form h4,
.bootstrap-select .selected.active a,
.colorOrange,
.lastChallenges .card a.active,
.swal2-modal h2.swal2-title,
.lastChallenges.allGroupes .nbParticipant
.wizard .nav-pills>li.active>a:focus {color:#0a4866 !important;}

.backgroundOrange,
a.backgroundTaupe:hover {
 border-color:#0a4866 !important;
}

/* COULEUR ADMIN */
body.is-admin div .dataTables_scrollBody > .scroll-element .scroll-bar,
body.is-admin .submenu .nav,
body.is-admin .wizard .nav-pills > li.active > a > .circle-number,
body.is-admin .scroll-element_arrows_visible .scroll-element_track:before,
body.is-admin .scroll-element_arrows_visible .scroll-element_track:after,
body.is-admin h2,
body.is-admin .backgroundOrange,
body.is-admin a.backgroundTaupe:hover,
body.is-admin #style-3::-webkit-scrollbar-thumb,
body.is-admin .sidebar-wrapper { background-color: #01b1c0 !important;}
.sidebar[data-background-color="brown"] .nav li:not(.active) > a { opacity: 1;}

body.is-admin div h2.swal2-title {color:white !important;}

body.is-admin form h4,
body.is-admin .bootstrap-select .selected.active a,
body.is-admin .colorOrange,
body.is-admin .lastChallenges .card a.active,
body.is-admin .lastChallenges.allGroupes .nbParticipant
body.is-admin .wizard .nav-pills>li.active>a:focus {color:#01b1c0 !important;}

body.is-admin .backgroundOrange,
body.is-admin a.backgroundTaupe:hover {
 border-color:#01b1c0 !important;
}

/* COULEUR JURY */
body.is-jury div .dataTables_scrollBody > .scroll-element .scroll-bar,
body.is-jury .submenu .nav,
body.is-jury .wizard .nav-pills > li.active > a > .circle-number,
body.is-jury .scroll-element_arrows_visible .scroll-element_track:before,
body.is-jury .scroll-element_arrows_visible .scroll-element_track:after,
body.is-jury h2,
body.is-jury .backgroundOrange,
body.is-jury a.backgroundTaupe:hover,
body.is-jury #style-3::-webkit-scrollbar-thumb,
body.is-jury .sidebar-wrapper { background-color: #6b4a75 !important;}

body.is-jury form h4,
body.is-jury .bootstrap-select .selected.active a,
body.is-jury .colorOrange,
body.is-jury .lastChallenges .card a.active,
body.is-jury .swal2-modal h2.swal2-title,
body.is-jury .lastChallenges.allGroupes .nbParticipant
body.is-jury .wizard .nav-pills>li.active>a:focus {color:#6b4a75 !important;}

body.is-jury .backgroundOrange,
body.is-jury a.backgroundTaupe:hover {
 border-color:#6b4a75 !important;
}

/* COULEUR ETUDIANT */
body.is-etudiant div .dataTables_scrollBody > .scroll-element .scroll-bar,
body.is-etudiant .submenu .nav,
body.is-etudiant .wizard .nav-pills > li.active > a > .circle-number,
body.is-etudiant .scroll-element_arrows_visible .scroll-element_track:before,
body.is-etudiant .scroll-element_arrows_visible .scroll-element_track:after,
body.is-etudiant h2,
body.is-etudiant .backgroundOrange,
body.is-etudiant a.backgroundTaupe:hover,
body.is-etudiant #style-3::-webkit-scrollbar-thumb,
body.is-etudiant .sidebar-wrapper { background-color: #ed7401 !important;}

body.is-etudiant form h4,
body.is-etudiant .bootstrap-select .selected.active a,
body.is-etudiant .colorOrange,
body.is-etudiant .lastChallenges .card a.active,
body.is-etudiant .swal2-modal h2.swal2-title,
body.is-etudiant .lastChallenges.allGroupes .nbParticipant
body.is-etudiant .wizard .nav-pills>li.active>a:focus {color:#ed7401 !important;}

body.is-etudiant .backgroundOrange,
body.is-etudiant a.backgroundTaupe:hover {
 border-color:#ed7401 !important;
}
body.admin .pagination {margin-top: 10px !important;}