html {position:relative; height:100%}
body { padding-top: 70px; padding-bottom: 20px; }


.page-header {margin-top:20px;}
/* body, .modal-content {background-color:#f6eedb;} */
/* .panel-body {background-color:#f0e2c1;} */
.panel-link {font-size: 80%; position: absolute; top: 24px; right: 20px;}
#table-toolbar h1{margin-bottom:0; margin-top:6px;}
.table-job > thead {font-size:11px;}
.form-group.mandatory label:not(.checkbox):not(.radio)::before {color: #d9534f;content: "*";font-family: FontAwesome;margin-right: 4px;}
.form_upload {
	/*margin-top: 10px;*/
}
.textIn {position:absolute;top: 7px;left: 25px;}
input.textInInput {border-radius:unset;}

.group-selectpicker .bootstrap-select .btn {
	border-top-right-radius: inherit!important;
	border-bottom-right-radius: inherit!important;
}

.upload_preview {max-width: 100%;}

.signature {padding: 4px; background-color:white;border: 1px solid #ddd;border-radius: 4px; position:relative; width:100%;}
.signature .signature-del {cursor: pointer;}
.signature img {width:100%;}

.bootstrap-select.small {width:100px !important;}
.bootstrap-select.open {z-index:1500;}
.bootstrap-select.btn-group .no-results{background:none!important;}
.bootstrap-select.disabled .bs-caret{display:none;}

.list-group-item a.table-hover {width: calc(100% - 65px);display: inline-block;}
.list-group-item a.table-hover-xs {width: calc(100% - 92px);display: inline-block;}

.table-hover {cursor:pointer;}

#accordion .panel-heading {background-color: #E3E3E3 !important;}

.panel-heading {padding: unset;}
.panel-heading a {text-decoration: none;}
.panel-heading a h4{font-weight: bold;}
.panel-heading a.collapsed h4{font-weight: 500;}
.panel-heading .panel-title {padding: 10px 15px;color: #fff;}
.choice .panel-heading {text-align:center; padding:5px;}
.panel-title a {font-size:0.8em;}
.panel-body img {width:100%; cursor:pointer;}

.flex-container {display: flex;display: -webkit-flex;flex-wrap: wrap;flex-direction: row;justify-content: space-between;}
.flex-item {margin-bottom: 10px;width: 100%;text-align: left;position: relative;}
.flex-item .badge{position:absolute;top:7px;right:5px;}

/* index_login */
#btn-login {background-color:#778897;border-color:#778897;}
#btn-login:hover,#btn-login:focus {background-color:#97A4AF;border-color:#97A4AF;}

.navbar-default{
    /*background-color:#fff;*/
    border-bottom: 2px solid #4F5C66;
    z-index: 1035;
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:hover  {
	color: #4b4b4b;
	background-color: transparent;
	border: none;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:hover  {
	color: #4b4b4b;
	background-color: transparent;
	border: none;
}
.navbar-brand img {max-height: 50px;}
.navbar-nav > li > .dropdown-menu {
    margin-top: -3px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
/* E2SIT */

/* colors */
.text_e2sit_color1 {color:#006f87!important;} /* bleu canard  #1D71B8 */ 
.text_e2sit_color2 {color:#5b8ac5!important;} /* bleu moyen */
.text_e2sit_color3 {color:#abd5d1!important;} /* turquoise */
.text_e2sit_color4 {color:#E67F29!important;} /* orange */
.text_e2sit_color5 {color:#1D71B8!important;} /* bleu foncé */
.text_e2sit_success {color:#2DBE81!important;}
.text_e2sit_danger {color:#de656a!important;}

.text_e2sit_small input{font-size:0.8em;}
.art-delete {position:absolute; top:3px; right:3px;}

.bg_e2sit_color1 {background-color:#006f87!important;}
.bg_e2sit_color2 {background-color:#5b8ac5!important;}

.bg_e2sit_success {background-color:#2DBE81!important;}
.bg_e2sit_danger {background-color:#de656a!important;}
.e2sit_disabled {opacity:0.5;}

.table-striped>tbody>tr:nth-of-type(odd) {background: #EDEDED;}
.table-striped>tbody>tr:nth-of-type(even) {background: #f9f9f9;}

.table-striped>tbody>tr:nth-of-type(odd):not(.not-hover):hover, .table-striped>tbody>tr:nth-of-type(even):not(.not-hover):hover {background: #F6F7D6;}
.table-striped>tbody>tr:nth-of-type(odd):not(.not-hover):active, .table-striped>tbody>tr:nth-of-type(even):not(.not-hover):active {background: #f2e5e1;}
.table-striped>tbody>tr.not-hover {background:#f2e5e1;}
.table-striped>tbody>tr.not-hover .normal-body{overflow:hidden;}

.table>tbody>tr.isOrgan>td:first-child {background-color: rgba(154, 204, 88, .2);}

.modal .table .th-inner {font-weight: bold;}
.normal-footer {text-align: right;}

h1 .badge {font-size:18px; padding:5px 7px;}

.has-success .form-control {border-color: #5dbdb3;}
.has-success .input-group-addon {color: #fff;background-color: #5dbdb3;border-color: #5dbdb3;}
.has-success .form-control:focus,.form-control:not([read-only]):not([-moz-read-only]):focus {border-color: #77add4;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #5dbdb3;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #5dbdb3;}
.form-control input:read-only:focus {-webkit-box-shadow:unset;box-shadow:unset;}
.form-control input:-moz-read-only:focus {-webkit-box-shadow:unset;box-shadow:unset;}
.form-control[readonly]{-webkit-box-shadow:unset!important;box-shadow:unset!important;border-color:#ccc!important;cursor:default;}

.has-error .form-control {border-color: #E67F29 !important;}
.has-error.mandatory .form-control {-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #E67F29;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #E67F29;}
.has-error .input-group-addon {color: #fff;background-color: #E67F29;border-color: #E67F29;}
.has-error .form-control:focus {border-color: #77add4;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #E67F29;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #E67F29;}


.checkbox-info input[type="checkbox"]:checked+label::before {background-color: #5dbdb3;border-color: #5dbdb3;}
/*.checkbox input[type="checkbox"]:focus+label::before {outline: 5px auto #abd5d1;}*/
a[href]:hover {text-decoration: underline;}
.panel a[href]:hover {text-decoration:none;}
/*.pagination-info {color: #fff;}*/
.pagination > li.active > a {color:#fff!important;}
.pagination > li > a:hover {text-decoration:none;}

.alert-danger {color: #e67f29;background-color:#e67f2926;border-color:#e67f29b3;}
/*.bootstrap-table .table>thead>tr>th {border-bottom: 1px solid #006f87!important;}*/

#grid-menu {width: auto;}
#grid-menu li {
    float: left;
    text-align: center;
    padding: 10px 15px;
}
#grid-menu li a {
    background-color: rgba(247, 247, 247, 1);
	border : 1px solid rgba(247, 247, 247, 1);
    border-radius: 10px;
}
#grid-menu li a:hover {
    background-color: transparent;
	border : 1px solid rgba(224, 224, 224, 1);
    border-radius: 10px;
}
#grid-menu li img {
    margin: 0;
    position: relative;
    border-radius: 10px;
}
/***
**** LOGIN ****
***/
.bg_login {background-color: #EBF1F5;}
.bg_login .navbar-default {border-bottom: 2px solid #4F5C66;}
.bg_login .bg_e2sit_color1 {background-color:#4F5C66!important;}
.bg_login .has-success .input-group-addon {color: #fff;background-color: #91CD43;border-color: #91CD43;}
.bg_login .has-success .form-control {border-color: #91CD43;}
.bg_login .has-success .form-control:focus,.bg_login .form-control:not([read-only]):not([-moz-read-only]):focus {border-color: #91CD43;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #91CD43;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #91CD43;}
.bg_login .checkbox-info input[type="checkbox"]:checked+label::before {background-color: #91CD43;border-color: #91CD43;}
/***
**** ADMIN ****
***/
.bg_admin {background: #EBF1F5;}
.bg_admin .navbar-text{opacity: 0.6;}
.bg_admin .navbar-default{border-color:#4F5C66;}
.bg_admin .progressbar .indeterminate {background-color: #4F5C66;}
.bg_admin .modal-header {background:#4F5C66; color:#fff; border-bottom: 1px solid #4F5C66;}
.bg_admin .panel-heading {background:#97A4AF;}
.bg_admin .fixed-table-header {background:#4F5C66;color: #fff;}
.bg_admin #full-content a:not(.btn):not(.text-danger):not(.text-warning):not(.pull-right):not([active]), .bg_admin #full-content a:not(.btn):not(.pull-right):hover {color: #4F5C66;}
.bg_admin .pagination > li.active > a {background-color:#4F5C66; border-color:#4F5C66;}
#table-ca .btn.btn-xs {border:0;padding:0;border-radius:0;font-size:13px;text-align:right;padding-right:5px;}
.text-light {color:#ccc;}
.text-red {color:#FF3838;}
.text-green {color:#5cb85c;}

/***
**** VRPI ****
***/
.bg_vrpi {background: #abd5d1;}
.bg_vrpi .navbar-text{color: #2472B5;opacity: 0.6; margin-top:7px; margin-bottom:0px;}
.bg_vrpi .navbar-default{border-color:#1D71B8;}
.bg_vrpi .progressbar .indeterminate {background-color: #1D71B8;}
.bg_vrpi .modal-header {background:#1D71B8; color:#fff; border-bottom: 1px solid #1D71B8;}
.bg_vrpi .panel-heading {background-color:#1D71B8;}
.bg_vrpi .fixed-table-header {background:#006f87;color: #fff;}
.bg_vrpi #full-content a:not(.btn):not(.text-danger):not(.text-warning):not(.pull-right):not([active]), .bg_vrpi #full-content a:not(.btn):not(.pull-right):hover {color: #1D71B8;}
.bg_vrpi .pagination > li.active > a {background-color:#006f87; border-color:#006f87;}
.bg_vrpi .badge-col1 {background-color: #006f87;}
.bg_vrpi .badge-col2 {background-color: #5b8ac5;}
.bg_vrpi .badge-col3 {background-color: #1D71B8;}
/***
**** VMEI ****
***/
.bg_vmei {background-color:#F3D9B1!important;}
.bg_vmei .navbar-text{color: #FF0800;opacity: 0.6; margin-top:7px; margin-bottom:0px;}
.bg_vmei .navbar-default{border-color:#D73D2E;}
.bg_vmei .progressbar .indeterminate {background-color: #D73D2E;}
.bg_vmei .modal-header {background:#D73D2E; color:#fff; border-bottom: 1px solid #D73D2E;}
.bg_vmei .panel-heading {background-color:#E67F29;}
.bg_vmei .fixed-table-header {background:#E7A00D;color: #fff;}
.bg_vmei #full-content a:not(.btn), .bg_vmei #full-content a:not(.btn):hover {color: #D73D2E;}
.bg_vmei .pagination > li.active > a {background-color:#E7A00D; border-color:#E7A00D;}
.bg_vmei .badge-col1 {background-color: #E7A00D;}
.bg_vmei .badge-col2 {background-color: #E67F29;}
.bg_vmei .badge-col3 {background-color: #D73D2E;}
.bg_vmei .btn.flex-item {border:1px solid #F3D9B1;}

.bg_vmei_agent .progressbar .indeterminate {background-color: #D73D2E;}

.modal-content {border: none;background: #f7f7f7!important;color:#006f87;}
.modal-header .close {text-shadow: none;color: #fff;}
.modal-over {z-index: 1100;}

.h-divider{margin-top:5px;margin-bottom:5px;height:1px;width:100%;border-top:1px solid gray;}

.btn-info {border: 1px solid #ccc;color: #a0a0a0;}
.stock .btn-lg {font-size:22px;}

.input-group-checkbox .checkbox {margin: 0 0 0 5px; padding-left:15px;}
.input-group-checkbox .checkbox-primary {overflow: hidden;max-width: 34ch;text-overflow: ellipsis;}
.input-group-checkbox .input-group-addon {padding: 0 5px 0 5px; text-align:left; width:100%; height:auto; font-size:11px;}
.input-group-checkbox input[type="text"] {text-align:right; width:53px; padding: 0 6px; height:29px;}
.input-group-checkbox .checkbox label {padding-left:2px;}
.input-group-checkbox .checkbox label::before {margin-top: 1px;}
.input-group-checkbox .checkbox label::after {padding-top: 1px;}
.row-bottom {margin-bottom: 3px;padding-bottom: 3px;border-bottom: 1px dotted #D73D2E;}
.row-bottom .col-sm-3:nth-child(1n+5) {margin-top:3px;}

.upload_choose {margin-top: 25px;}
.upload_choose .btn-info {color: #fff;}
.btn-info:hover,.btn-info:focus, {background:none;border: 1px solid #2a73b3;color: #2a73b3;}
.btn-warning {background:#b9b9b9;color:#fff;border: 1px solid #b9b9b9;}

.btn-ca {text-align:left; position:relative;}
.btn-ca .badge {position:absolute; right:7px; top:7px; border-radius:4px; width: 150px; font-size:13px; text-align: right;}

.table-editable thead tr th {font-weight:bold;}
.table-editable span:not(.bs-caret,.caret) {width: 100%;display: block;height: 100%;min-height: 18px;line-height: normal;padding:1px;}
.table-editable tbody tr td.delete-line {cursor:pointer; color:#de656a; vertical-align: middle;}
.table-editable tbody tr td.delete-line:hover{background-color:#de656a;color:#fff;}
.table-editable tbody tr td.edit-line {cursor:pointer; color:#5B8AC5; vertical-align: middle;}
.table-editable tbody tr td.edit-line:hover{background-color:#5B8AC5;color:#fff;}
.table-editable tbody tr td.save-line {cursor:pointer; color:#9ACC58; vertical-align: middle;}
.table-editable tbody tr td.save-line:hover{background-color:#9ACC58;color:#fff;}
.table-editable tfoot tr td {cursor:pointer; color:#249063; background-color:#8ccaac}
.table-editable tfoot tr td:hover{background-color:#2DBE81; color:#fff;}
.table-editable [contenteditable="true"] {background-color: #fff; display:block; min-height: 18px;}
.table-editable [contenteditable="true"]:hover {outline: 2px dashed #CCC; }
.table-editable [contenteditable="true"]:focus {outline: 2px dashed #0090D2; }
.table-editable.table-condensed tbody tr td {padding:0; border:0;}
.table-editable.table-condensed tbody tr td input{border-radius:0; height:25px;}
.table-editable.table-condensed tbody tr td .btn-group{border-radius:0; height:25px;}
.table-editable.table-condensed tbody tr td .btn{border-radius:0; height:25px; padding-top:0;}
.table-editable tr.tr-sm td {padding:2px;}
.table-editable caption {border: 1px solid #ccc; padding-left: 8px; color: inherit!important; font-weight:bold;}

/* Planning */
.table-container {height: 100%;min-height: 100%;display: flex;flex-direction: column;}
.table-container .box {display: flex;flex-direction: row;}
.table-container .boxflex {flex: 1;border-right: 1px solid #a1a1a1;}
.table-container .boxflex:last-child {border-bottom: 1px solid #a1a1a1;}
.table-container .boxday {text-align: center;font-weight: bold;border-right: 1px solid #a1a1a1;}
.table-container .td {border-top: 1px solid #a1a1a1;border-left: 1px solid #a1a1a1;margin-top: -1px;margin-left: -1px;flex: 1;background-color: white;position: relative;padding: 5px;}
.table-container .td.grey {background-color:#e2e2e2;color: #a8a8a8;}
.table-container .td.nowork {background-color:#FAF0E0;}
.table-container .day-number {position:absolute;right:3px;top:3px;}
.table-container .day-number.badge {background-color:#D73D2E;}
.table-container .info {margin-top: 25px;}
.table-container .btn {text-align: left;color: white;}
.table-container .btn .badge {float: right;background-color: white;color: black;}
.table-container .btn-block em {font-size:0.8em; display: flex;}

.table-header {justify-content: space-between;}

.td-collapse {display:none;}

/* Progress Bar */
.progressbar {position: absolute;height: 5px;display: block;width: 100%;background-color: inherit;background-clip: padding-box;overflow: hidden; }

.progressbar .indeterminate:before, .progressbar .indeterminate:after {content: '';position: absolute;background-color: inherit;top: 0;left: 0;bottom: 0;will-change: left, right;}
.progressbar .indeterminate:before {-webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; }
.progressbar .indeterminate:after { -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;-webkit-animation-delay: 1.15s;animation-delay: 1.15s; }
@-webkit-keyframes indeterminate {0% {left: -35%;right: 100%; } 60% {left: 100%;right: -90%; } 100% {left: 100%;right: -90%; } }
@keyframes indeterminate {0% {left: -35%;right: 100%; } 60% {left: 100%;right: -90%; } 100% {left: 100%;right: -90%; } }
@-webkit-keyframes indeterminate-short {0% {left: -200%;right: 100%; } 60% {left: 107%;right: -8%; } 100% {left: 107%;right: -8%; } }
@keyframes indeterminate-short {0% {left: -200%;right: 100%; } 60% {left: 107%;right: -8%; } 100% {left: 107%;right: -8%; } }

footer {background: rgba(75, 75, 75, 1) none repeat scroll 0 0;bottom: 0;color: #aaa;position: fixed;text-align: center;width: 100%;z-index: 999;}
footer a {color: #aaa;}
footer a:hover, footer a:focus {color: #fff;}

/*** Bootstrap 4 ***/
.ml-1 {margin-left: .25rem !important;}
.ml-2 {margin-left: .5rem !important;}
.ml-3 {margin-left: 1rem !important;}
.mr-1 {margin-right: .25rem !important;}
.mr-2 {margin-right: .5rem !important;}
.mr-3 {margin-right: 1rem !important;}
.p-3 {padding: .75rem !important;}

/**** Signature Pad *****/
.signature-pad {position: relative;display: flex;flex-direction: column;font-size: 10px;width: 100%;height: 100%;max-width: 700px;max-height: 460px;border: 1px solid #e8e8e8;background-color: #fff;border-radius: 4px;}
.signature-pad::before,.signature-pad::after {position: absolute;z-index: -1;content: "";width: 40%;height: 10px;bottom: 10px;background: transparent;box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4);}
.signature-pad::before {left: 20px;-webkit-transform: skew(-3deg) rotate(-3deg);transform: skew(-3deg) rotate(-3deg);}
.signature-pad::after {right: 20px;-webkit-transform: skew(3deg) rotate(3deg);transform: skew(3deg) rotate(3deg);}
.signature-pad--body {position: relative;flex: 1; min-height:150px;}
.signature-pad--body canvas {position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 4px;}
.signature-pad--actions {display: -webkit-box;display: -ms-flexbox;display: flex;justify-content: space-between;margin-top: 8px;}