body{
    background-color:#F5F6F7;
    color:#656565;
    font-family:'Open Sans',Arial,Helvetica,sans-serif
}
.inline{
    display:inline-block
}
.parsley-error-list{
    margin:0;
    padding:0;
    list-style:none;
    margin-top:6px;
    font-size:12px
}
.parsley-error{
    border-color:#ff5f5f !important
}
.noscript{
    color:red
}
.navbar{
    border:none;
    border-bottom:1px solid #D1D4D7;
    box-shadow:0 0 5px rgba(0,0,0,0.1);
    margin-bottom:0;
    position:fixed;
    width:100%
}
.nav-link{
    height:60px;
    width:140px
}
h1,h2{
    margin:0;
    font-weight:normal;
    font-family:'Open Sans',Arial,Helvetica,sans-serif
}
h1{
    font-size:18px
}
h2{
    font-size:16px;
    line-height:50px
}
.logo{
    height:50px
}
.navbar-brand{
    width:140px;
    text-align:center;
    border-right:1px solid #ededed
}
.navbar-brand a{
    color:#34495E
}
.navbar-brand a:hover{
    color:inherit
}
.navbar-text{
    padding-left:15px;
    padding-top:13px;
    margin:0
}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{
    background-color:#2E2760
}
.main-menu{
    position:fixed;
    width:140px;
    bottom:0;
    left:0;
    top:82px;
    overflow: auto;
    white-space: nowrap
}
.main-menu-syscom{
    background-color:#2E2760
}
.main-menu-era94{
    background-color:#BE1622
}
.main-menu-admin{
    background-color:black
}
.button-syscom{
    background-color:#2E2760;
    color: white
}
.button-era94{
    background-color:#BE1622;
    color: white
}
.button-admin{
    background-color:black;
    color: white
}
.button-syscom:hover{
    background-color: #7D73C5
}
.button-era94:hover{
    background-color: #D06A76
}
.button-admin:hover{
    background-color: #9b9b9b
}
.main-menu li a{
    text-align:center;
    color:#f7f7f7;
    font-size:16px;
    padding:15px
}
.main-menu li a:hover,.main-menu li a:focus{
    background-color:transparent;
    color:#ccc
}
.main-menu li .active{
    color:#ccc
}
.main-menu li span{
    display:block;
    font-size:21px;
    margin-bottom:5px
}
.content{
    margin-left:130px;
    padding:65px 15px 15px
}
.page-title{
    font-size:20px;
    margin:0 0 12px 0
}
.panel{
    background-color:#FFF;
    border:1px solid #dee0e5
}
.panel-heading,.panel-footer{
    background:#F7F8F9
}
.panel-heading{
    padding:10px 15px;
    border-bottom:1px solid #E3E8ED;
    border-top-right-radius:3px;
    border-top-left-radius:3px
}
.panel-title{
    margin:0;
    font-size:16px;
    font-weight:bold
}
.table{
    margin-bottom:0
}
.order-table{
    font-size:13px
}
.panel-footer{
    border-top:0
}
.panel .dataTable thead th{
    background:#FAFBFC;
    border-right:1px solid #E0E4E8;
    border-bottom:1px solid #E0E4E8
}
.panel .dataTable thead th:last-child{
    border-right:none
}
.form-horizontal .control-label{
    margin-bottom:5px
}
.form-horizontal .form-group{
    margin-left:0;
    margin-right:0
}
.form-horizontal .form-control:focus{
    border-color:#587c9f;
    -webkit-box-shadow:none;
    box-shadow:none
}
.form-horizontal .cat-name{
    font-weight:normal;
    float:right
}
.form-horizontal .checkbox-spacing{
    margin-left:10px
}
.form-horizontal .access-table{
    width:100%;
    text-align:center
}
.form-horizontal th{
    text-align:center
}
.form-horizontal .right-column{
    width:100%
}
.form-horizontal .access-name{
    font-weight:normal
}
.form-horizontal .button-group{
    float:right
}
label.required:not(.form-check-label):after {
    content: "*";
    color: red;
}
.help-block{
    font-size:12px;
    text-align:left;
    display:none
}
.users_form_update{
    display:none
}
.page--login .header,.page--change-psw .header,.page--forgot-psw .header{
    width:100%;
    height:75px;
    text-align:center;
    background-color:#34495E;
    border-bottom:1px solid #D1D4D7;
    box-shadow:0 0 5px rgba(0,0,0,0.1)
}
.page--login .header h1,.page--change-psw .header h1,.page--forgot-psw .header h1{
    margin:0;
    font-size:24px
}
.page--login .header a,.page--change-psw .header a,.page--forgot-psw .header a{
    color:#fff;
    line-height:75px
}
.page--login .header a:hover,.page--change-psw .header a:hover,.page--forgot-psw .header a:hover{
    text-decoration:none
}
.page--login .wrapper,.page--change-psw .wrapper,.page--forgot-psw .wrapper{
    width:100%;
    position:absolute;
    text-align:center;
    margin-top:100px
}
.page--login .box,.page--change-psw .box,.page--forgot-psw .box{
    margin:0 auto 10px;
    padding:0;
    float:none;
    border:1px solid #dee0e5;
    -webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 3px;
    -moz-box-shadow:rgba(0,0,0,0.2) 0 1px 3px;
    -ms-box-shadow:rgba(0,0,0,0.2) 0 1px 3px;
    -o-box-shadow:rgba(0,0,0,0.2) 0 1px 3px;
    box-shadow:rgba(0,0,0,0.2) 0 1px 3px;
    background:#fff;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px
}
.page--login .box .header,.page--change-psw .box .header,.page--forgot-psw .box .header{
    margin:-10px 0 40px;
    border-top-right-radius:4px;
    border-top-left-radius:4px
}
.page--login .box .header h4,.page--change-psw .box .header h4,.page--forgot-psw .box .header h4{
    line-height:75px;
    color:#fff
}
.page--login .box .form-group,.page--change-psw .box .form-group,.page--forgot-psw .box .form-group{
    text-align:left;
    padding:0 30px
}
.page--login .box .form-control:focus,.page--change-psw .box .form-control:focus,.page--forgot-psw .box .form-control:focus{
    border-color:#587c9f;
    -webkit-box-shadow:none;
    box-shadow:none
}
.page--login .box .forgot-psw,.page--change-psw .box .forgot-psw,.page--forgot-psw .box .forgot-psw{
    font-size:12px;
    float:right
}
.page--login .box .footer,.page--change-psw .box .footer,.page--forgot-psw .box .footer{
    margin-top:10px;
    border-top:1px solid #e0e3e6;
    background-color:#f4f5f6;
    padding:15px 0;
    border-bottom-right-radius:4px;
    border-bottom-left-radius:4px
}
.page--login .alert,.page--change-psw .alert,.page--forgot-psw .alert{
    margin:-20px 10px 20px
}
.page--forgot-psw .box .footer{
    margin-top:40px
}
.page--forgot-psw .retour-accueil{
    font-size:12px
}
.t5{
    width:5%
}
.t7-5{
    width:7.5%
}
.t10{
    width:10%
}
.t12{
    width:12.5%
}
.t14{
    width:14%
}
.t15{
    width:15%
}
.t20{
    width:20%
}
.t25{
    width:25%
}
.t30{
    width:30%
}
.t33{
    width:33.333%
}
.t35{
    width:35%
}
.t37{
    width:37.5%
}
.t40{
    width:40%
}
.t45{
    width:45%
}
.t50{
    width:50%
}
.t55{
    width:55%
}
.t60{
    width:60%
}
.t62{
    width:62.5%
}
.t65{
    width:65%
}
.t66{
    width:66.666%
}
.t70{
    width:70%
}
.t75{
    width:75%
}
.t80{
    width:80%
}
.t85{
    width:85%
}
.t87{
    width:87.5%
}
.t90{
    width:90%
}
.t95{
    width:95%
}
.dataTables_wrapper{
    position:relative
}
.dataTables_processing{
    position:absolute;
    top:50%;
    left:50%;
    width:250px;
    margin-left:-125px;
    margin-top:-15px;
    padding:10px;
    border:1px solid #ddd;
    text-align:center;
    color:#999;
    font-size:14px;
    background-color:white;
    z-index:1
}
.table>thead>tr>th{
    vertical-align:top
}
.dataTables_wrapper .table{
    border:1px solid #e0e4e8;
    border-width:1px 0
}
.dataTables_wrapper label{
    font-weight:normal;
    font-size:12px;
    display:block;
    margin-bottom:0
}
.dataTables_wrapper select,.dataTables_wrapper input{
    font-size:12px;
    height:30px;
    padding:5px 10px;
    border-radius:3px;
    display:inline;
    border:1px solid #ccc;
    outline:0
}
.dataTables_wrapper select{
    width:auto
}
.dataTables_wrapper input{
    width:auto
}
.dataTables_filter,.dataTables_paginate{
    float:right
}
.dataTables_length,.dataTables_filter{
    padding:5px
}
.dataTables_wrapper .length{
    float:left;
    margin-left:25px
}
.dataTables_wrapper .search{
    float:right;
    margin-right:25px
}
.dataTables_info,.dataTables_paginate{
    padding:5px
}
.dataTables_paginate .paginate_button,.dataTables_paginate .paginate_active{
    cursor:pointer;
    outline:0;
    border:1px solid #dddddd;
    border-right-width:0;
    background:#fff;
    padding:6px 10px;
    color:#656565
}
.dataTables_paginate .paginate_button:hover,.dataTables_paginate .paginate_active:hover{
    background-color:#eee;
    text-decoration:none;
    color:#656565
}
.dataTables_paginate.pagination-sm .paginate_button,.dataTables_paginate.pagination-sm .paginate_active{
    padding:3px 8px
}
.dataTables_wrapper .paginate_active{
    background-color:#f5f5f5
}
.dataTables_wrapper .paginate_button_disabled{
    color:#ccc;
    background-color:#fafafa
}
.paginate_button.first{
    border-radius:3px 0 0 3px
}
.paginate_button.last{
    border-radius:0 3px 3px 0;
    border-right-width:1px
}
.dataTables_wrapper th{
    position:relative;
    cursor:pointer;
    outline:0
}
.dataTables_wrapper th:after{
    color:#666;
    position:absolute;
    right:10px;
    font-weight:normal
}
.card {
    margin: 20px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 40%;
    border-radius: 5px;
    border-color: rgba(0,0,0,0.2);
}
.card-mobile {
    width: 90%;
}
.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.yadcf-filter-wrapper{
    margin-top:10px
}
.yadcf-filter-wrapper .yadcf-filter{
    width:auto
}
.yadcf-filter-wrapper .yadcf-filter-reset-button{
    width:auto;
    color:#ccc;
    background-color:#FFF;
    font-size:15px;
    vertical-align:middle;
    border:1px solid #ccc;
    border-radius:4px;
    margin-left:10px;
    font-weight:bold;
    line-height:1
}
.yadcf-filter-wrapper .yadcf-filter-reset-button:hover{
    color:#333;
    background-color:#EBEBEB;
    border-color:#ADADAD
}
.editable-select-user select,.editable-select-accountmanager select,.editable-select-commercial select{
    width:auto
}
.datepicker{
    padding:4px;
    margin-top:1px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    direction:ltr
}
.datepicker-inline{
    width:220px
}
.datepicker.datepicker-rtl{
    direction:rtl
}
.datepicker.datepicker-rtl table tr td span{
    float:right
}
.datepicker-dropdown{
    top:0;
    left:0
}
.datepicker-dropdown:before{
    content:'';
    display:inline-block;
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    border-bottom:7px solid #ccc;
    border-bottom-color:rgba(0,0,0,0.2);
    position:absolute;
    top:-7px;
    left:6px
}
.datepicker-dropdown:after{
    content:'';
    display:inline-block;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-bottom:6px solid #ffffff;
    position:absolute;
    top:-6px;
    left:7px
}
.datepicker>div{
    display:none
}
.datepicker.days div.datepicker-days{
    display:block
}
.datepicker.months div.datepicker-months{
    display:block
}
.datepicker.years div.datepicker-years{
    display:block
}
.datepicker table{
    margin:0
}
.datepicker td,.datepicker th{
    text-align:center;
    width:20px;
    height:20px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    border:none
}
.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{
    background-color:transparent
}
.datepicker table tr td.day:hover{
    background:#eeeeee;
    cursor:pointer
}
.datepicker table tr td.old,.datepicker table tr td.new{
    color:#999999
}
.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{
    background:none;
    color:#999999;
    cursor:default
}
.datepicker table tr td.today,.datepicker table tr td.today:hover,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover{
    background-color:#fde19a;
    background-image:-moz-linear-gradient(top, #fdd49a, #fdf59a);
    background-image:-ms-linear-gradient(top, #fdd49a, #fdf59a);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
    background-image:-webkit-linear-gradient(top, #fdd49a, #fdf59a);
    background-image:-o-linear-gradient(top, #fdd49a, #fdf59a);
    background-image:linear-gradient(top, #fdd49a, #fdf59a);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
    border-color:#fdf59a #fdf59a #fbed50;
    border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)
}
.datepicker table tr td.today:hover,.datepicker table tr td.today:hover:hover,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today.disabled:hover:hover,.datepicker table tr td.today:active,.datepicker table tr td.today:hover:active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled,.datepicker table tr td.today:hover.disabled,.datepicker table tr td.today.disabled.disabled,.datepicker table tr td.today.disabled:hover.disabled,.datepicker table tr td.today[disabled],.datepicker table tr td.today:hover[disabled],.datepicker table tr td.today.disabled[disabled],.datepicker table tr td.today.disabled:hover[disabled]{
    background-color:#fdf59a
}
.datepicker table tr td.today:active,.datepicker table tr td.today:hover:active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:hover.active{
    background-color:#fbf069 \9
}
.datepicker table tr td.active,.datepicker table tr td.active:hover,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover{
    background-color:#006dcc;
    background-image:-moz-linear-gradient(top, #0088cc, #0044cc);
    background-image:-ms-linear-gradient(top, #0088cc, #0044cc);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image:-webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image:-o-linear-gradient(top, #0088cc, #0044cc);
    background-image:linear-gradient(top, #0088cc, #0044cc);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color:#0044cc #0044cc #002a80;
    border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color:#fff;
    text-shadow:0 -1px 0 rgba(0,0,0,0.25)
}
.datepicker table tr td.active:hover,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active:active,.datepicker table tr td.active:hover:active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active:hover.disabled,.datepicker table tr td.active.disabled.disabled,.datepicker table tr td.active.disabled:hover.disabled,.datepicker table tr td.active[disabled],.datepicker table tr td.active:hover[disabled],.datepicker table tr td.active.disabled[disabled],.datepicker table tr td.active.disabled:hover[disabled]{
    background-color:#0044cc
}
.datepicker table tr td.active:active,.datepicker table tr td.active:hover:active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:hover.active{
    background-color:#003399 \9
}
.datepicker table tr td span{
    display:block;
    width:23%;
    height:54px;
    line-height:54px;
    float:left;
    margin:1%;
    cursor:pointer;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px
}
.datepicker table tr td span:hover{
    background:#eeeeee
}
.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{
    background:none;
    color:#999999;
    cursor:default
}
.datepicker table tr td span.active,.datepicker table tr td span.active:hover,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover{
    background-color:#006dcc;
    background-image:-moz-linear-gradient(top, #0088cc, #0044cc);
    background-image:-ms-linear-gradient(top, #0088cc, #0044cc);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image:-webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image:-o-linear-gradient(top, #0088cc, #0044cc);
    background-image:linear-gradient(top, #0088cc, #0044cc);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color:#0044cc #0044cc #002a80;
    border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color:#fff;
    text-shadow:0 -1px 0 rgba(0,0,0,0.25)
}
.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active:hover.disabled,.datepicker table tr td span.active.disabled.disabled,.datepicker table tr td span.active.disabled:hover.disabled,.datepicker table tr td span.active[disabled],.datepicker table tr td span.active:hover[disabled],.datepicker table tr td span.active.disabled[disabled],.datepicker table tr td span.active.disabled:hover[disabled]{
    background-color:#0044cc
}
.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:hover.active{
    background-color:#003399 \9
}
.datepicker table tr td span.old{
    color:#999999
}
.datepicker th.switch{
    width:145px
}
.datepicker thead tr:first-child th,.datepicker tfoot tr:first-child th{
    cursor:pointer
}
.datepicker thead tr:first-child th:hover,.datepicker tfoot tr:first-child th:hover{
    background:#eeeeee
}
.datepicker .cw{
    font-size:10px;
    width:12px;
    padding:0 2px 0 5px;
    vertical-align:middle
}
.datepicker thead tr:first-child th.cw{
    cursor:default;
    background-color:transparent
}
#workhour_date_double_form{
	display: none;
}
.datepicker[readonly]{
    cursor: pointer;
    background-color: #fff;
}
.input-append.date .add-on i,.input-prepend.date .add-on i{
    display:block;
    cursor:pointer;
    width:16px;
    height:16px
}
.select2-container{
    margin:0;
    position:relative;
    display:inline-block;
    zoom:1;
    display:inline;
    vertical-align:middle;
    padding:0
}
.select2-container,.select2-drop,.select2-search,.select2-search input{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.select2-container .select2-choice{
    display:block;
    height:100%;
    overflow:hidden;
    position:relative;
    white-space:nowrap;
    line-height:26px;
    color:#444;
    text-decoration:none;
    border-radius:4px;
    background-clip:padding-box;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-color:#fff;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
    transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s
}
.select2-container.select2-drop-above .select2-choice{
    border-bottom-color:#aaa;
    border-radius:0 0 4px 4px;
    background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
    background-image:-webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
    background-image:-moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    background-image:linear-gradient(to bottom, #eee 0%, #fff 90%)
}
.select2-container.select2-allowclear .select2-choice .select2-chosen{
    margin-right:42px
}
.select2-container .select2-choice>.select2-chosen{
    margin-right:26px;
    display:block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    float:none;
    width:auto;
    padding:3px 5px;
    color:#555
}
.select2-container .select2-choice abbr{
    display:none;
    width:12px;
    height:12px;
    position:absolute;
    right:24px;
    top:8px;
    font-size:1px;
    text-decoration:none;
    border:0;
    background:url('select2.png') right top no-repeat;
    cursor:pointer;
    outline:0
}
.select2-container.select2-allowclear .select2-choice abbr{
    display:inline-block
}
.select2-container .select2-choice abbr:hover{
    background-position:right -11px;
    cursor:pointer
}
.select2-drop-mask{
    border:0;
    margin:0;
    padding:0;
    position:fixed;
    left:0;
    top:0;
    min-height:100%;
    min-width:100%;
    height:auto;
    width:auto;
    opacity:0;
    z-index:9998;
    background-color:#fff;
    filter:alpha(opacity=0)
}
.select2-drop{
    width:100%;
    margin-top:-1px;
    position:absolute;
    z-index:9999;
    top:100%;
    background:#fff;
    color:#000;
    border:1px solid #aaa;
    border-top:0;
    border-radius:0 0 4px 4px;
    -webkit-box-shadow:0 4px 5px rgba(0,0,0,0.15);
    box-shadow:0 4px 5px rgba(0,0,0,0.15)
}
.select2-drop.select2-drop-above{
    margin-top:1px;
    border-top:1px solid #aaa;
    border-bottom:0;
    border-radius:4px 4px 0 0;
    -webkit-box-shadow:0 -4px 5px rgba(0,0,0,0.15);
    box-shadow:0 -4px 5px rgba(0,0,0,0.15)
}
.select2-drop-active{
    border:1px solid #ccc;
    border-top:none;
    margin-top:-3px
}
.select2-drop.select2-drop-above.select2-drop-active{
    border-top:1px solid #5897fb
}
.select2-drop-auto-width{
    border-top:1px solid #aaa;
    width:auto
}
.select2-drop-auto-width .select2-search{
    padding-top:4px
}
.select2-container .select2-choice .select2-arrow{
    display:inline-block;
    width:18px;
    height:100%;
    position:absolute;
    right:0;
    top:0;
    border-left:1px solid #aaa;
    border-radius:0 4px 4px 0;
    background-clip:padding-box;
    background:#ccc;
    background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
    background-image:-webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image:-moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
    background-image:linear-gradient(to top, #ccc 0%, #eee 60%)
}
.select2-container .select2-choice .select2-arrow b{
    display:block;
    width:100%;
    height:100%;
    background:url('select2.png') no-repeat 0 1px
}
.select2-search{
    display:inline-block;
    width:100%;
    min-height:26px;
    margin:0;
    padding-left:4px;
    padding-right:4px;
    position:relative;
    z-index:10000;
    white-space:nowrap
}
.select2-search input{
    width:100%;
    height:auto !important;
    min-height:26px;
    padding:4px 20px 4px 5px;
    margin:0;
    border-radius:3px;
    outline:0;
    font-size:1em;
    color:#555;
    border:1px solid #ccc;
    -webkit-box-shadow:none;
    box-shadow:none;
    background:#fff url('select2.png') no-repeat 100% -22px;
    background:url('select2.png') no-repeat 100% -22px,-webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background:url('select2.png') no-repeat 100% -22px,-webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background:url('select2.png') no-repeat 100% -22px,-moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background:url('select2.png') no-repeat 100% -22px,linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0
}
.select2-drop.select2-drop-above .select2-search input{
    margin-top:4px
}
.select2-search input.select2-active{
    background:#fff url('select2-spinner.gif') no-repeat 100%;
    background:url('select2-spinner.gif') no-repeat 100%,-webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background:url('select2-spinner.gif') no-repeat 100%,-webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background:url('select2-spinner.gif') no-repeat 100%,-moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background:url('select2-spinner.gif') no-repeat 100%,linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0
}
.select2-dropdown-open .select2-choice{
    border-bottom-color:transparent;
    -webkit-box-shadow:0 1px 0 #fff inset;
    box-shadow:0 1px 0 #fff inset;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
    background-color:#eee;
    background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image:-webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
    background-image:-moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image:linear-gradient(to top, #fff 0%, #eee 50%)
}
.select2-dropdown-open.select2-drop-above .select2-choice,.select2-dropdown-open.select2-drop-above .select2-choices{
    border:1px solid #5897fb;
    border-top-color:transparent;
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image:-webkit-linear-gradient(center top, #fff 0%, #eee 50%);
    background-image:-moz-linear-gradient(center top, #fff 0%, #eee 50%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image:linear-gradient(to bottom, #fff 0%, #eee 50%)
}
.select2-dropdown-open .select2-choice .select2-arrow{
    background:transparent;
    border-left:none;
    filter:none
}
.select2-dropdown-open .select2-choice .select2-arrow b{
    background-position:-18px 1px
}
.select2-hidden-accessible{
    border:0;
    clip:rect(0 0 0 0);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px
}
.select2-results{
    max-height:200px;
    padding:0 0 0 4px;
    margin:4px 4px 4px 0;
    position:relative;
    overflow-x:hidden;
    overflow-y:auto;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
.select2-results ul.select2-result-sub{
    margin:0;
    padding-left:0
}
.select2-results li{
    list-style:none;
    display:list-item;
    background-image:none;
    border-radius:3px
}
.select2-results li.select2-result-with-children>.select2-result-label{
    font-weight:bold
}
.select2-results .select2-result-label{
    padding:3px 7px 4px;
    margin:0;
    cursor:pointer;
    min-height:1em;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.select2-results-dept-1 .select2-result-label{
    padding-left:20px
}
.select2-results-dept-2 .select2-result-label{
    padding-left:40px
}
.select2-results-dept-3 .select2-result-label{
    padding-left:60px
}
.select2-results-dept-4 .select2-result-label{
    padding-left:80px
}
.select2-results-dept-5 .select2-result-label{
    padding-left:100px
}
.select2-results-dept-6 .select2-result-label{
    padding-left:110px
}
.select2-results-dept-7 .select2-result-label{
    padding-left:120px
}
.select2-results .select2-highlighted{
    background:#34495E;
    color:#fff
}
.select2-results li em{
    background:#feffde;
    font-style:normal
}
.select2-results .select2-highlighted em{
    background:transparent
}
.select2-results .select2-highlighted ul{
    background:#fff;
    color:#000
}
.select2-results .select2-no-results,.select2-results .select2-searching,.select2-results .select2-selection-limit{
    background:#f4f4f4;
    display:list-item;
    padding-left:5px;
    color:#555
}
.select2-results .select2-disabled.select2-highlighted{
    color:#666;
    background:#f4f4f4;
    display:list-item;
    cursor:default
}
.select2-results .select2-disabled{
    background:#f4f4f4;
    display:list-item;
    cursor:default
}
.select2-results .select2-selected{
    display:none
}
.select2-more-results.select2-active{
    background:#f4f4f4 url('select2-spinner.gif') no-repeat 100%
}
.select2-more-results{
    background:#f4f4f4;
    display:list-item
}
.select2-container.select2-container-disabled .select2-choice{
    background-color:#f4f4f4;
    background-image:none;
    border:1px solid #ddd;
    cursor:default
}
.select2-container.select2-container-disabled .select2-choice .select2-arrow{
    background-color:#f4f4f4;
    background-image:none;
    border-left:0
}
.select2-container.select2-container-disabled .select2-choice abbr{
    display:none
}
.select2-container-multi .select2-choices{
    height:auto !important;
    height:1%;
    margin:0;
    padding:0;
    position:relative;
    border:1px solid #aaa;
    cursor:text;
    overflow:hidden;
    background-color:#fff;
    background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image:-webkit-linear-gradient(top, #eee 1%, #fff 15%);
    background-image:-moz-linear-gradient(top, #eee 1%, #fff 15%);
    background-image:linear-gradient(to bottom, #eee 1%, #fff 15%)
}
.select2-locked{
    padding:3px 5px 3px 5px !important
}
.select2-container-multi .select2-choices{
    min-height:26px
}
.select2-container-multi.select2-container-active .select2-choices{
    border:1px solid #5897fb;
    outline:none;
    -webkit-box-shadow:0 0 5px rgba(0,0,0,0.3);
    box-shadow:0 0 5px rgba(0,0,0,0.3)
}
.select2-container-multi .select2-choices li{
    float:left;
    list-style:none
}
html[dir="rtl"] .select2-container-multi .select2-choices li{
    float:right
}
.select2-container-multi .select2-choices .select2-search-field{
    margin:0;
    padding:0;
    white-space:nowrap
}
.select2-container-multi .select2-choices .select2-search-field input{
    padding:5px;
    margin:1px 0;
    font-family:sans-serif;
    font-size:100%;
    color:#666;
    outline:0;
    border:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    background:transparent !important
}
.select2-container-multi .select2-choices .select2-search-field input.select2-active{
    background:#fff url('select2-spinner.gif') no-repeat 100% !important
}
.select2-default{
    color:#999 !important
}
.select2-container-multi .select2-choices .select2-search-choice{
    padding:3px 5px 3px 18px;
    margin:3px 0 3px 5px;
    position:relative;
    line-height:13px;
    color:#333;
    cursor:default;
    border:1px solid #aaaaaa;
    border-radius:3px;
    -webkit-box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,0.05);
    box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,0.05);
    background-clip:padding-box;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-color:#e4e4e4;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
    background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image:-webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image:-moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image:linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%)
}
html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice{
    margin-left:0;
    margin-right:5px
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen{
    cursor:default
}
.select2-container-multi .select2-choices .select2-search-choice-focus{
    background:#d4d4d4
}
.select2-search-choice-close{
    display:block;
    width:12px;
    height:13px;
    position:absolute;
    right:3px;
    top:4px;
    font-size:1px;
    outline:none;
    background:url('select2.png') right top no-repeat
}
html[dir="rtl"] .select2-search-choice-close{
    right:auto;
    left:3px
}
.select2-container-multi .select2-search-choice-close{
    left:3px
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover{
    background-position:right -11px
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close{
    background-position:right -11px
}
.select2-container-multi.select2-container-disabled .select2-choices{
    background-color:#f4f4f4;
    background-image:none;
    border:1px solid #ddd;
    cursor:default
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice{
    padding:3px 5px 3px 5px;
    border:1px solid #ddd;
    background-image:none;
    background-color:#f4f4f4
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close{
    display:none;
    background:none
}
.select2-result-selectable .select2-match,.select2-result-unselectable .select2-match{
    text-decoration:underline
}
.select2-offscreen,.select2-offscreen:focus{
    clip:rect(0 0 0 0) !important;
    width:1px !important;
    height:1px !important;
    border:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    position:absolute !important;
    outline:0 !important;
    left:0px !important;
    top:0px !important
}
.select2-display-none{
    display:none
}
.select2-measure-scrollbar{
    position:absolute;
    top:-10000px;
    left:-10000px;
    width:100px;
    height:100px;
    overflow:scroll
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution: 2dppx){
    .select2-search input,.select2-search-choice-close,.select2-container .select2-choice abbr,.select2-container .select2-choice .select2-arrow b{
        background-image:url('select2x2.png') !important;
        background-repeat:no-repeat !important;
        background-size:60px 40px !important
    }
    .select2-search input{
        background-position:100% -21px !important
    }
}
@media (max-width: 767px){
    body{
        background-color:#34495E
    }
    .page--login,.page--forgot-psw{
        background-color:#f5f6f7
    }
    .navbar{
        background-color:#34495E;
        border:none;
        border-bottom:1px solid #2b3c4e;
        box-shadow:0 0 5px rgba(0,0,0,0.1);
        margin-bottom:0;
        position:fixed;
        width:100%;
        color:#F7F7F7
    }
    .col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{
        min-height:1px;
        padding-left:5px;
        padding-right:5px;
        position:relative
    }
    .navbar{
        padding:20px 15px 0
    }
    .navbar-default .navbar-brand{
        color:#F7F7F7
    }
    .navbar-default .navbar-brand:hover{
        color:#F7F7F7
    }
    .navbar-default .navbar-toggle{
        border-color:#f7f7f7;
        color:#f7f7f7
    }
    .navbar-default .navbar-toggle:hover{
        background-color:#34495E
    }
    .navbar-default .navbar-toggle .icon-bar{
        background-color:#f7f7f7
    }
    .navbar-brand{
        width:75%;
        border-right:none
    }
    .navbar-default .navbar-toggle:focus{
        background-color:#f7f7f7;
        color:#34495E
    }
    .nav-mobile{
        width: 100%;
        margin: 0 auto;
        position: sticky;
        z-index: 2;
        top: 0px;
    }
    .conteneur-nav{
        position: sticky;
        width: 100%;
        z-index: 1;
    }
    .mobile-icon{
        padding-right: 5px;
    }
    .nav-mobile input[type=checkbox]{
        display: none;
    }
    .nav-mobile label{
        display: inline-block;
        width: 100%;
        padding: 10px 0px;
        margin-bottom: 0px;
        color: white;
        text-align: center;
    }
    .nav-mobile ul{
        display: none;
        list-style-type: none;
        background-color: #555;
    }
    .nav-mobile input[type=checkbox]:checked + ul{
        display: flex;
        flex-flow : column wrap;
    }
    .nav-mobile ul li{
        flex: 1 1 auto;
        text-align: center;
    }
    .nav-mobile > div > ul > li > a{
        color: white;
    }
    .nav-mobile a{
        display: block;
        text-decoration: none;
        color: black;
        padding: 10px 0px;
    }
    
    @media screen and (min-width: 980px){
        .nav-mobile label, .nav-mobile input{
            display: none;
        }
        .nav-mobile input[type=checkbox]:checked + ul, .nav-mobile ul{
            display: flex;
            flex-flow: row wrap;
            background-color: white;
        }
        .nav-mobile ul li{
            position: relative;
        }
        .nav-mobile > div > ul > li > a{
            color: black;
        }
        .nav-mobile a{
            border-bottom: 2px solid transparent;
        }
        .nav-mobile > div > ul li:hover {
            display: flex;
            flex-flow: column wrap;
        }
        .deroulant > a::after{
            content:" ▼";
            font-size: 12px;
        }
    }
    .content{
        margin:70px 0 0;
        padding:15px
    }
    .bulk{
        text-align:center
    }
    .form-control{
        -webkit-box-shadow:none;
        box-shadow:none
    }
    .dataTables_wrapper .search,.dataTables_wrapper .length{
        clear:both;
        float:none;
        margin-right:0
    }
    .dataTables_paginate,.dataTables_filter,.dataTables_info,.dataTables_length{
        float:none;
        text-align:center;
        margin-top:5px
    }
    .first,.previous,.next,.last{
        display:none
    }
    .page--login .wrapper{
        padding:0 30px;
        margin-top:50px
    }
    .table-responsive{
        overflow-x:hidden
    }
    table.has-columns-hidden>tbody>tr>td>span.responsiveExpander{
        position:relative;
        top:1px;
        display:inline-block;
        font-family:'Glyphicons Halflings';
        font-style:normal;
        font-weight:normal;
        line-height:1;
        -webkit-font-smoothing:antialiased;
        margin-right:7px;
        cursor:pointer
    }
    table.has-columns-hidden>tbody>tr>td>span.responsiveExpander:before{
        content:"\2b"
    }
    table.has-columns-hidden>tbody>tr.detail-show>td span.responsiveExpander{
        position:relative;
        top:1px;
        display:inline-block;
        font-family:'Glyphicons Halflings';
        font-style:normal;
        font-weight:normal;
        line-height:1;
        -webkit-font-smoothing:antialiased;
        margin-right:7px;
        cursor:pointer
    }
    table.has-columns-hidden>tbody>tr.detail-show>td span.responsiveExpander:before{
        content:"\2212"
    }
    table.has-columns-hidden>tbody>tr.row-detail>td{
        background:#eee
    }
    table.has-columns-hidden>tbody>tr.row-detail>td>ul{
        list-style:none;
        margin:0;
        padding:0
    }
    table.has-columns-hidden>tbody>tr.row-detail>td>ul>li{
        line-height:20px
    }
    table.has-columns-hidden>tbody>tr.row-detail>td>ul>li>span.columnTitle{
        font-weight:bold
    }
    .table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{
        background-color:#fff
    }
    .dataTable tr td:first-child{
        width:80px
    }
    .yadcf-filter-reset-button{
        display:none !important
    }
    .snap-drawers{
        position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
        width:auto;
        height:auto
    }
    .snap-drawer{
        position:absolute;
        top:0;
        right:auto;
        bottom:0;
        left:auto;
        width:150px;
        height:auto;
        overflow:auto;
        -webkit-overflow-scrolling:touch;
        -webkit-transition:width 0.3s ease;
        -moz-transition:width 0.3s ease;
        -ms-transition:width 0.3s ease;
        -o-transition:width 0.3s ease;
        transition:width 0.3s ease;
        background-color:#34495E
    }
    .snap-drawer li{
        border-bottom:1px solid #273747
    }
    .snap-drawer li:hover,.snap-drawer li:focus{
        background-color:#273747;
        border-bottom:1px solid #1b2530
    }
    .snap-drawer li a{
        color:#f7f7f7;
        font-size:16px;
        padding:10px 15px
    }
    .snap-drawer li a:hover,.snap-drawer li a:focus{
        background-color:transparent;
        color:#ccc
    }
    .snap-drawer li .active{
        color:#ccc
    }
    .snap-drawer li span{
        padding-right:10px
    }
    .snap-drawer-left{
        left:0;
        z-index:1
    }
    .menu-mobile{
        padding-top:71px
    }
    .snap-content{
        background-color:#F5F6F7;
        box-shadow:-3px 0 10px #333;
        position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
        width:auto;
        height:auto;
        z-index:2;
        overflow:auto;
        -webkit-overflow-scrolling:touch;
        -webkit-transform:translate3d(0, 0, 0);
        -moz-transform:translate3d(0, 0, 0);
        -ms-transform:translate3d(0, 0, 0);
        -o-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .bulk{
        float:left;
        width:50%
    }
    .table-pagination-status{
        width:50%
    }
    .table-pagination-status .dataTables_info{
        float:right
    }
    .table-pagination{
        width:100%
    }
    .table-pagination .dataTables_paginate{
        text-align:center;
        float:none;
        margin-top:10px
    }
    .yadcf-filter-reset-button{
        display:none !important
    }
}
@media (min-width: 1200px) and (max-width: 1550px){
    .bulk{
        float:left;
        width:50%
    }
    .table-pagination-status{
        width:50%
    }
    .table-pagination-status .dataTables_info{
        float:right
    }
    .table-pagination{
        width:100%
    }
    .table-pagination .dataTables_paginate{
        text-align:center;
        float:none;
        margin-top:10px
    }
    
}
.button-syscom:hover, .button-syscom:focus{
    color: lightgray !important;
}
.btn-secondary:hover{
    color: black;
}