.back-img{
    position: absolute;
    top: 50px;
    right: 0;
    opacity: 0.3;
    width: 100px;
}

.panel-title * .fa.arrow:before, .well .opened .fa.arrow:before {
    content: "\f107";
}

.panel-title .collapsed .fa.arrow:before {
    content: "\f105";
}

.well h4 .fa.arrow:before{
    content: "\f104";
}

.bold{
    font-weight: bold;
}

.pipe{
    color: #aaa;
}

.grey{
    color: #999;
}

.blue{
    color: #2e7caf;
}

hr.red{
    border-top: 1px solid #d9534f;
    margin-top: 10px;
    margin-bottom: 10px;
}

.light-blue{
    color: #5bc0de;
}

.red{
    color: #d9534f;
}

.dark-red{
    color: #a94442;
}

.yellow{
    color: #f0ad4e;
}

.green{
    color: #5cb85c;
}

.dark-green{
    color: #3d8b3d;
}

.big {
    font-size: 36px;
}

.right{
    float: right;
}

.btn-link:hover{
    text-decoration: none;
}

.align-right{
    text-align: right;
}

.point{
    cursor: pointer;
}

.italic{
    font-style: italic;
}

.hover-underline:hover{
    text-decoration: underline;
}

.noneDisplay{
    display: none;
}

.bigger{
    font-size: 14pt;
}

i.bigger-help{
    font-size: 20pt;
    vertical-align: middle;
}

.inline-block{
    display: inline-block;
}

.no-margin{
    margin: 0;
}

.no-padding{
    padding: 0;
}

.margin-top{
    margin-top: 10px;
}

#menuValidProgress{
    position: relative;
}

#menuValidBarDate{
    position: absolute;
    right: 5px;
    font-weight: bold;
}

#help-button{
    width: 100%;
    overflow: hidden;
}

#help-mark{
    font-size: 15pt;
    display: inline-block;
    transition: .5s;
    /*width: 0;
    margin-left: 15%;*/
}
#help-mark2{
    font-size: 12pt;
    display: inline-block;
    transition: .5s;
    width: 0;
    margin-left: 15%;
}

#help-span{
    /*width: 100%;*/
    display: inline-block;
    color: transparent;
    transition: .5s;
}

#help-button:hover span{
    color: white;
}

#help-button:hover i{
    margin-left: 15%;
}
#help-button:hover #help-mark2{
    color: transparent;
}

.back-help{
    background-color: #31b0d5;
    color: white;
}

.modal-content{
    overflow: hidden;
}

#helpDiv{
    transition: 0.5s;
}

#helpDiv > * > .modal-header{
    cursor: move;
}

#helpDiv > .modal-content{
    box-shadow: none;
}

footer{
    padding: 10px 0;
    margin: 0;
    background-color: #337ab7;/*#eee;*/
    border-top: 1px solid #5B616A;
    color: #fff;
}
footer a {
    color: #fff;
    text-decoration: underline;
}
footer p{
    margin: 0;
}

.not-active {
    pointer-events: none;
    cursor: none;
}

.totalView{
    background-color: #5bc0de;
}

.totalAll{
    background-color: #5cb85c;
}

.form-control.input-sm[type="search"]{
    width: auto;
}
#tableSaisie .form-control[type="checkbox"], #tableContrat .form-control[type="checkbox"], #tableCamp .form-control[type="checkbox"]{
    width: 20% !important;
    margin-left: 40%;
}
.dataTables_scrollBody table{
    overflow: hidden;
}
.DTFC_LeftBodyLiner{
    overflow: hidden !important;
}
.dataTables_scrollBody thead tr, .DTFC_LeftBodyLiner .dataTable thead{
    visibility: collapse;
}

tr.group,
tr.group:hover {
    background-color: #ddd !important;
    cursor: pointer;
}

#wait{
    display: block;
}

.wait-dialog{
    width: 220px;
}

.wait-content{
    text-align: center;
    padding: 10px;
    font-size: 20pt;
}

.wait-body{
    font-size: 50pt;
}

.waitImg{
    -webkit-animation: mymove 0.8s steps(8) infinite; /* Chrome, Safari, Opera */
    animation: mymove 0.8s steps(8) infinite;
}

@-webkit-keyframes mymove {
    100% {-webkit-transform: rotate(360deg);}
}

/* Standard syntax */
@keyframes mymove {
    100% {transform: rotate(360deg);}
}

.legend{
    text-align: center;
}

.legend > span {
    display: inline-block;
    margin-right: 25px;
    margin-bottom: 10px;
    font-size: 13px;
}
.legend > span:last-child {
    margin-right: 0;
}
.legend > span > i, .info-color {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 7px;
    margin-top: -3px;
    vertical-align: middle;
    border-radius: 1px;
}

.form-stat{
    width: 90%;
    margin: 10px;
}

td.max{
    color: #5cb85c;
}

td.min{
    color: #a94442;
}

td.min.max{
    color: black;
}

.panel-special{
    border-color: #5cb85c;
}

.panel-special > .panel-heading{
    color: #fff;
    background-color:#6dccb9;
    /*background-image:linear-gradient(60deg, #31b0d5, #5cb85c);
    background-image:-webkit-linear-gradient(60deg, #31b0d5, #5cb85c);
    background-image:-o-linear-gradient(60deg, #31b0d5, #5cb85c);
    background-image:-moz-linear-gradient(60deg, #31b0d5, #5cb85c);*/
    transition: 0.3s;
}
.panel-special:hover > .panel-heading{
    opacity:0.5;
}
.panel-special > a{
    color: #5cb85c;
}

.unreadMenu > a{
    color: #d9534f;
    transition: 0.3s;
}

.unreadMenu > a:hover{
    color: #a94442;
}

.notif{
    padding: 5px;
}

#menuNotif ul li.unread{
    background-color: #bce8f1;
    cursor: pointer;
}

#menuNotif ul li.unread:hover{
    transition: 0.3s;
    background-color: #f5f5f5;
}
.row-margin{
    margin-top:20px;
}
.row {
    padding: 20px;
}
.rowblock {
    display: block;
}
.form-radio{
    display: inline-block;
    width: 15px;
    height: 15px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    vertical-align:center;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    margin-right:15px!important;
    margin-left:10px!important;
}
.form-radio:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
/*.col-lg-12{
    overflow-y:hidden;
}*/
@media print{
 
.noprint{display:none!important;}
  a[href]:after {
        content: none !important;
    }
::-webkit-input-placeholder { /* WebKit browsers */
      color: transparent;
  text-shadow:none;
  }
  :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
      color: transparent;
  text-shadow:none;
  }
  ::-moz-placeholder { /* Mozilla Firefox 19+ */
      color: transparent;
  text-shadow:none;
  }
  :-ms-input-placeholder { /* Internet Explorer 10+ */
      color: transparent;
  text-shadow:none;
  }
  ::placeholder {
    opacity: 0;
  }
    body {-webkit-print-color-adjust: exact;}
}
.zui-table {
    border: none;
    border-collapse: separate;
    border-spacing: 0;
}
.zui-table thead th {
    border: none;
    padding: 10px;
    white-space: nowrap;
}
.zui-table tbody td {
    padding: 10px;
}
.zui-wrapper {
    position: relative;
}
.zui-scroller {
    /*margin-left: 489px;
    overflow-x: scroll;*/
    overflow-y: visible;
    padding-bottom: 5px;
}
.zui-scroller1 {
    /*margin-left: 67px;
    overflow-x: scroll;*/
    overflow-y: visible;
    padding-bottom: 5px;
}
.zui-scroller2 {
    /*margin-left: 430px;
    overflow-x: scroll;*/
    overflow-y: visible;
    padding-bottom: 5px;
}
.zui-scroller4 {
    /*margin-left: 654px;
    overflow-x: scroll;*/
    overflow-y: visible;
    padding-bottom: 5px;
}
.zui-scrollerposte2 {
    /*margin-left: 500px;
    overflow-x: scroll;*/
    overflow-y: visible;
    padding-bottom: 5px;
}
.zui-scroller3 {
    /*margin-left: 0px;
    overflow-x: scroll;*/
    overflow-y: visible;
    padding-bottom: 5px;
}
.zui-scroller5 {
    /*margin-left: 561px;
    overflow-x: scroll;*/
    overflow-y: visible;
    padding-bottom: 5px;
}
.zui-scroller6 {
    /*margin-left: 474px;
    overflow-x: scroll;*/
    overflow-y: visible;
    padding-bottom: 5px;
}
.zui-scroller7 {
    /*margin-left: 765px;
    overflow-x: scroll;*/
    overflow-y: visible;
    padding-bottom: 5px;
}
.zui-scroller8 {
    margin-left: 639px;
    overflow-x: scroll;
    overflow-y: visible;
    padding-bottom: 5px;
}
.zui-scroller-solo {
    /*margin-left: 197px;
    overflow-x: scroll;*/
    overflow-y: visible;
    padding-bottom: 5px;
}
.zui-table .zui-solo.col {
    /*left: 0;
    position: absolute;*/
    top: auto;
    width: 160px;
    padding-left: 18px;
    padding-right: 18px;
    text-align:center;
    font-size: 15px;
}
.zui-table .zui-camp.col1 {
    width: 35px;
    padding-left: 5px;
    padding-right: 5px;
}
.zui-table .zui-camp.col2 {
    width: 120px !important;
    padding-left: 5px;
    padding-right: 5px;
}
.zui-table .zui-camp.col3 {
    width: 165px !important;
    padding-left: 5px;
    padding-right: 5px;
}
.zui-table .zui-camp.col4 {
    width: 80px !important;
    padding-left: 5px;
    padding-right: 5px;
}
.zui-table .zui-sticky.col {
    /*left: 0;
    position: absolute;*/
    top: auto;
    width: 120px;
    padding-left: 18px;
    padding-right: 18px;
    text-align:center;
    font-size: 15px;
}
.zui-table .zui-sticky.col2 {
    /*left: 156px;
    position: absolute;*/
    top: auto;
    width: 130px;
    padding-left: 18px;
    padding-right: 18px;
    text-align:center;
}
.zui-table .zui-sticky.col3 {
    /*left: 322px;
    position: absolute;*/
    top: auto;
    width: 130px;
    padding-left: 18px;
    padding-right: 18px;
    text-align:center;
}
.zui-table .zui-contrat.col {
    /*left: 0;
    position: absolute;*/
    top: auto;
    width: 120px;
    padding-left: 10px;
    padding-right: 10px;
    text-align:center;
    font-size: 15px;
}
.zui-table .zui-contrat.col2 {
    /*left: 141px;
    position: absolute;*/
    top: auto;
    width: 105px;
    padding-left: 10px;
    padding-right: 10px;
    text-align:center;
}
.zui-table .zui-contrat.col2 input{
    width: 100px;
}
.zui-table .zui-contrat.col3 input{
    width: 150px;
}
.zui-table .zui-contrat.col3 {
    /*left: 267px;
    position: absolute;*/
    top: auto;
    width: 155px;
    padding-left: 10px;
    padding-right: 10px;
    text-align:center;
}
.zui-table .zui-contrat.col4 {
    /*left: 443px;
    position: absolute;*/
    top: auto;
    width: 140px;
    padding-left: 10px;
    padding-right: 10px;
    text-align:center;
}
.zui-table .zui-contrat.col5 {
    /*left: 604px;
    position: absolute;*/
    top: auto;
    width: 140px;
    padding-left: 10px;
    padding-right: 10px;
    text-align:center;
}
.zui-table .zui-compta.col {
    left: 0;
    position: absolute;
    top: auto;
    width: 120px;
    padding-left: 10px;
    padding-right: 10px;
    text-align:center;
    font-size: 15px;
}
.zui-table .zui-compta.col2 input{
    width: 150px;
}
.zui-table .zui-compta.col2 {
    left: 141px;
    position: absolute;
    top: auto;
    width: 155px;
    padding-left: 10px;
    padding-right: 10px;
    text-align:center;
}
.zui-table .zui-compta.col3 {
    left: 317px;
    position: absolute;
    top: auto;
    width: 140px;
    padding-left: 10px;
    padding-right: 10px;
    text-align:center;
}
.zui-table .zui-compta.col4 {
    left: 478px;
    position: absolute;
    top: auto;
    width: 140px;
    padding-left: 10px;
    padding-right: 10px;
    text-align:center;
}
.zui-table .zui-accomp.col {
    /*left: 0;
    position: absolute;*/
    top: auto;
    width: 200px;
    padding-left: 18px;
    padding-right: 18px;
    text-align:center;
    font-size: 15px;
}
.zui-table .zui-accomp.col2 {
    /*left: 237px;
    position: absolute;*/
    top: auto;
    width: 200px;
    padding-left: 18px;
    padding-right: 18px;
    text-align:center;
}
.zui-table .zui-accomp.col3 input{
    width: 150px;
}
.zui-table .zui-accomp.col3 {
    /*left: 474px;
    position: absolute;*/
    top: auto;
    width: 143px;
    padding-left: 18px;
    padding-right: 18px;
    text-align:center;
}
.zui-table .zui-sticky.col4 {
    /*left: 488px;
    position: absolute;*/
    top: auto;
    width: 130px;
    padding-left: 18px;
    padding-right: 18px;
    text-align:center;
}
.zui-table .zui-col {
    /*left: 0;
    position: absolute;*/
    top: auto;
    width: 30px;
    padding-left: 18px;
    padding-right: 18px;
    text-align:center;
    font-size: 15px;
}
.zui-table .zui-col2 {
    /*left: 67px;
    position: absolute;*/
    top: auto;
    width: 100px;
    padding-left: 18px;
    padding-right: 18px;
    text-align:center;
}
.zui-table .zui-col3 {
    /*left: 200px;
    position: absolute;*/
    top: auto;
    width: 100px;
    padding-left: 18px;
    padding-right: 18px;
    text-align:center;
}
.zui-table .zui-col4 {
    /*left: 334px;
    position: absolute;*/
    top: auto;
    width: 80px;
    padding-left: 8px;
    padding-right: 8px;
    text-align:center;
}
.zui-table .zui-colposte1 {
    /*left: 0;
    position: absolute;*/
    top: auto;
    width: 100px;
    padding-left: 18px;
    padding-right: 18px;
    text-align:center;
    font-size: 15px;
}.zui-table .zui-colposte2 {
    /*left: 137px;
    position: absolute;*/
    top: auto;
    width: 100px;
    padding-left: 18px;
    padding-right: 18px;
    text-align:center;
}
.zui-table .zui-colposte3 {
    /*left: 270px;
    position: absolute;*/
    top: auto;
    width: 100px;
    padding-left: 18px;
    padding-right: 18px;
    text-align:center;
}
.zui-table .zui-colposte4 {
    /*left: 404px;
    position: absolute;*/
    top: auto;
    width: 80px;
    padding-left: 8px;
    padding-right: 8px;
    text-align:center;
}
td br{
    font-size: 20px;
}
td.tooltip-display {
    text-align:center;
}
#menuExpand {
    transform: translateX(-250px);
    -webkit-transform: translateX(-250px);
    -moz-transform: translateX(-250px);
    -o-transform: translateX(-250px);
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}
#menuExpand.expand {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
}
#menuExpandArrow{
    display:none;
    float: right;
    margin-right: -68px;
    padding: 10px;
    cursor: pointer;
}
@media (min-width: 768px){
    #page-wrapper.blank.admin {
        /*margin: 0px;*/
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -o-transform: translateX(0px);
        transition: all 1s ease-in-out;
        -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
    }
    #page-wrapper.blank.admin.expand {
        /*margin: 0px;*/
        transform: translateX(-250px);
        -webkit-transform: translateX(-250px);
        -moz-transform: translateX(-250px);
        -o-transform: translateX(-250px);
    }
    #menuExpandArrow{
        display:block;
    }
}
.huge{
    white-space: nowrap;
    font-size: 22px !important;
}

#password + #unmask, #password2 + #unmask2, #old + #unmask, #new + #unmask2, #check + #unmask3 {
    position: relative;
    float: right;
    right: 18px;
    top: -25px;
    transform: translateY(-50%);
    cursor:pointer;
    font-size: 25px;
}
/*.navbar-default{
    background-color: #ead8c0;
    border-color: #5B616A;
}*/
.navbar-default{
    background-color: #fff;/*#eee;*/
    border-color: #5B616A;
}
.navbar-default .navbar-brand{
    padding: 10px;
    color: white;
}
.navbar-default .navbar-brand:hover{
    color: #fff;
    background-color: #31b0d5;
    border: 2px solid #269abc;
}
/*body {
    background: linear-gradient(90deg, #e4d5c3, #ead8c0);
    background: -webkit-linear-gradient(90deg, #e4d5c3, #ead8c0);
    background: -moz-linear-gradient(90deg, #e4d5c3, #ead8c0);
    background: -ms-linear-gradient(90deg, #e4d5c3, #ead8c0);
    background: -o-linear-gradient(90deg, #e4d5c3, #ead8c0);
}*/
body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}
.alert {
    width: max-content/*fit-content*/;
}
/*#page-wrapper {
    background: linear-gradient(90deg, #e4d5c3, #ead8c0);
    background: -webkit-linear-gradient(90deg, #e4d5c3, #ead8c0);
    background: -moz-linear-gradient(90deg, #e4d5c3, #ead8c0);
    background: -ms-linear-gradient(90deg, #e4d5c3, #ead8c0);
    background: -o-linear-gradient(90deg, #e4d5c3, #ead8c0);
    background-image:url('/images/fond_site_transparent.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: #5B616A;
}*/
#page-wrapper {
    /*background-image:url('/images/fond_site_transparent.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;*/
    background: #fff;/*#eee;*/
    border-color: #5B616A;
    margin: 0;
    padding-left: 20px;
    padding-right: 20px;
}
/*footer {
    background-color: #e4d5c3;
}*/
.navbar-header{
    float:initial;
}
.page-header{
    border: 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 250px;
    margin: 10px 0 20px !important;
}
.page-header h1{
    padding: 20px;
    position: absolute;
    left: 50%;
    bottom: -35px;
    transform: translate(-50%, -50%);
    background-color: #f8f9fc80;
    background-image: linear-gradient(180deg, #f8f9fc80 10%, #c2cbe580 100%);
    background-size: cover;
    width: 400px;
    height: 100px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.sidebar {
    margin-top: 6px;
    width: 100%;
    position: unset;
}
.side-menu{
    /*display:flex;
    align-items: baseline;*/
    width: max-content/*fit-content*/;
    margin: auto;
    background: #fff;
}

.sidebar-nav .side-menu li {
    border-bottom: 1px solid rgb(231, 231, 231);
}
.side-menu.nav a{
    color: #000;
}
.side-menu.nav a:hover, .side-menu.nav a:focus,.side-menu.nav a.active{
    color: #fff !important;
    background-color: #337ab7 !important;
    border-radius: 0px !important;
}

.fixed-menu{
    position:fixed;
    top: -6px;
    left: 0;
    right: 0;
    height: 0;
    text-align: center;
}
.sidebar-nav:not(.collapse) .nav-second-level{
    position: absolute;
    z-index: 100 !important;
    background-color: #fff;/*#eee;*/
    border: #5B616A 2px solid;
    border-radius: 10px;
    width: max-content;
}
.nav>li>a:focus, .nav>li>a:hover, .sidebar ul li a.active {
    border-radius: 10px;
}
.sidebar .nav-second-level li a {
    padding: 10px;
}
table.table-bordered.dataTable, .zui-table th, .zui-sticky{
    background: #fff;
}
.btn-success {
    margin-bottom:5px;
}
.dropdown-menu {
    font-size: 1rem !important;
}
.form-control, .btn-user {
    font-size: initial !important;
}
@media (min-width: 768px){
    #tableContrat .form-control {
        width: 100%;
    }
}