html {
	--col_dark : #00535b;
	--col_light : #9d9d9d;
	--col_xlight : #e2e8bc;

	--col_dark_2 : #25b0c7;
	--col_light_2 : #d3b37d;
	--col_xlight_2 : #f2f2f2;
	  
	--col_green : #81b29a;
	--col_greenLight : #8ccaac6e;
	--col_red : #e56b6f;
	--col_grey : #474A48;
	--yellow : #FFC107;
	--blue : #6A67CC;
	--water : #7590C2;
	    
	--nav_height : 60px;
}
/* nunito-sans-200 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 200;
  src: local(''),
       url('../webfonts/nunito-sans-v6-latin-200.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../webfonts/nunito-sans-v6-latin-200.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-300 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../webfonts/nunito-sans-v6-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../webfonts/nunito-sans-v6-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-regular - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../webfonts/nunito-sans-v6-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../webfonts/nunito-sans-v6-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-600 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../webfonts/nunito-sans-v6-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../webfonts/nunito-sans-v6-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-700 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../webfonts/nunito-sans-v6-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../webfonts/nunito-sans-v6-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-800 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('../webfonts/nunito-sans-v6-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../webfonts/nunito-sans-v6-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-900 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 900;
  src: local(''),
       url('../webfonts/nunito-sans-v6-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../webfonts/nunito-sans-v6-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* scroll behavior on html */
html {scroll-behavior: smooth;}
/*Nunito Sans Rajdhani Sulphur Point*/
body {font-family: 'Nunito Sans', sans-serif; font-size:1.2rem; font-weight: 200; color:var(--col_dark);scrollbar-color: var(--col_xlight) #0000008a; margin-top:var(--nav_height);}
.bg {/*background-image: url("../images/");*/min-height: calc(100vh - var(--nav_height));background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;}

/* colors */
.col_dark {color:var(--col_dark)!important;}
.col_dark_2 {color:var(--col_dark_2)!important;}
.col_light {color:var(--col_light)!important;}
.col_light_2 {color:var(--col_light_2)!important;}
.col-red  {color:var(--col_dark_2);}
.col-green  {color:var(--col_dark);}
.red {color:var(--col_red)!important;}
.green {color:var(--col_green)!important;}
.bg-1 {background-color: var(--col_dark)!important;}
.bg-2 {background-color: var(--col_light)!important;}
.bg-3 {background-color: var(--col_xlight)!important;}
.bg-4 {background-color: var(--col_dark_2)!important;}
.bg-red {background-color: var(--col_red)!important;}
.bg-green {background-color: var(--col_green)!important;}
.bg-grey {background-color: var(--col_grey)!important;}
.border1 {border-color: var(--col_dark)!important;}

/* ancors */
a {color:var(--col_dark);}
a:hover {color:var(--col_light);}
a, a:hover, .form-check * {cursor: pointer;text-decoration: none;}

/* utils */
.w-500 {width:100%;} /*responsive*/
.h50 {height:50px;}
.xsmall{font-size: 60%;font-weight: 400;}
.mt {margin-top:var(--nav_height);}
.absolute-center {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.not-hover:hover {color:inherit;}

/* login */
#login_content {position: absolute;top: 70px;left: 50%;transform: translate(-50%, 0px);}

/* Dotted on focus */
.close:not(:disabled):not(.disabled):focus{outline: none !important;}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {outline: none !important;}

/* Hack firefox dotted */
:focus {outline:none;}
::-moz-focus-inner {border:0;}

/*Hack bootstrap backdrop */
.modal-backdrop {position:fixed!important;}

/* Hack input type number */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

/* no shadow */
.btn:focus, .btn.focus {box-shadow: unset;-webkit-box-shadow: unset;}
.custom-control-input:focus ~ .custom-control-label::before {box-shadow: unset!important;-webkit-box-shadow: unset;}

/* buttons */
.btn {border-radius:unset;}
.btn-client {color: white;background-color:var(--col_dark);border-color:var(--col_dark);}
.btn-client:hover {color: var(--col_dark);background-color:white;border-color:var(--col_dark);}
.btn-client:active, .btn-client.active {color: var(--col_dark);background-color:white;border-color:var(--col_dark);}

.btn-client-light {color: white;background-color:var(--col_light);border-color:var(--col_light);}
.btn-client-light:hover {color: var(--col_light);background-color:white;border-color:var(--col_light);}
.btn-client-light:active {color: var(--col_light);background-color:white;border-color:var(--col_light);}

.btn-outline-client {color: var(--col_dark);background-color:white;border-color:var(--col_dark);}
.btn-outline-client:not(:disabled):hover {color: white;background-color:var(--col_dark);border-color:var(--col_dark);}
.btn-outline-client.active {color: white;background-color:var(--col_light_2);border-color:var(--col_dark);}
.btn-outline-client:disabled:hover {color: var(--col_dark);}

.btn-outline-client-light {color: var(--col_light);background-color:white;border-color:var(--col_light);}
.btn-outline-client-light:not(:disabled):hover {color: white;background-color:var(--col_light);border-color:var(--col_light);}
.btn-outline-client-light:disabled:hover {color: var(--col_light);}

.btn-save {color: white;background-color:var(--col_green);border-color:var(--col_green);}
.btn-save:hover {color: var(--col_green);background-color:white;border-color:var(--col_green);}
.btn-save:active {color: var(--col_green);background-color:white;border-color:var(--col_green);}
.btn-save:disabled {opacity: .8;}

.btn-delete {color: var(--col_red);background-color:#fff;border-color:var(--col_red);}
.btn-delete:hover {color: #fff;background-color:var(--col_red);border-color:var(--col_red);}
.btn-delete:active {color: #fff;background-color:var(--col_red);border-color:var(--col_red);}

.btn-left {margin-right: auto!important;}
.btn-right {margin-left: auto!important;}
.btn.disabled, .btn:disabled {opacity: .5; pointer-events: none;}

/* inputs */
.has-success .form-control {border-color: var(--col_green);}
.has-success .input-group-addon {color: #fff;background-color: var(--col_green);border-color: var(--col_green);}
.has-success .form-control:focus {border-color: var(--col_green);-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px var(--col_green);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px var(--col_green);}

.has-error .form-control {border-color: var(--col_red) !important;}
.has-error .input-group-addon, .alert-danger {color: #fff;background-color: var(--col_red);border-color: var(--col_red);margin-bottom:unset;padding: .5rem .75rem;}
.has-error .form-control:focus {border-color: var(--col_red);-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px var(--col_red)!important;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px var(--col_red)!important;}

.modal-body div:not(.form-normal)>div>.form-control {border-radius:unset;border:0;border-bottom:1px solid #ccc;padding: .7rem 0 .2rem 0;}
.modal-body div:not(.form-normal)>div>.form-control.no-line {border-bottom:0;}
.modal-body div:not(.form-normal)>div>.form-control:focus {box-shadow: unset!important;-webkit-box-shadow: unset!important;}
.modal-body div:not(.form-normal)>div>.form-control.dropdown {padding-bottom:0;}
.modal-body div:not(.form-normal)>div>.form-control .btn.dropdown-toggle {padding: initial;border:0;}
.modal-body div:not(.form-normal)>div>.form-control.color-picker {padding:.375rem .75rem;}
.modal-body div:not(.form-normal)>div>.form-control:disabled {background-color:unset;color:#aaa;}

.form-control:not(.readonly):not(.textInInput):not([readonly]):not(.no-focus):focus {border-color: var(--col_dark); -webkit-box-shadow: 0 0 0 1px var(--col_dark); box-shadow: 0 0 0 1px var(--col_dark);}
.form-control.readonly:focus, .form-control[readonly]:focus, .form-control.no-focus {border-color: #ccc; box-shadow:none; -webkit-box-shadow: none;}

/* navbar */
.navbar-top {padding:unset!important;border-bottom:1px solid var(--col_light);color:var(--col_dark);background-color:white;height:60px;}
.navbar-top .navbar-brand img {max-height: 50px;}
.navbar-top .navbar-brand:focus, .navbar-top .navbar-brand:hover {color: var(--col_light);}

.navbar-top .navbar-logo img {max-height: calc(var(--nav_height) - 10px);opacity: .1;}

.navbar-top .nav-item .nav-link {color: var(--col_light)!important;}
.navbar-top .nav-item .nav-link:hover, .navbar-top .nav-item .nav-link.active {color: var(--col_dark)!important;}

.navbar-top .nav-item.show {background-color:var(--col_light);}
.navbar-top .nav-item.show .nav-link {color:white!important;}

.navbar-top .nav-item .dropdown-menu {margin:0; border:0; border-radius:0; box-shadow: 0 .8rem 1rem #00000026; background-color:var(--col_light);}
.navbar-top .nav-item .dropdown-item {color:white;}
.navbar-top .nav-item .dropdown-item:hover {color:inherit;}
.navbar-top .nav-item .dropdown-item:active {color: white;}

.navbar-top .nav-item  .div-search {padding: .25rem .75rem .25rem .75rem!important;}
.navbar-top .nav-item  .dropdown_search {border: 0;padding: .2rem .4rem;max-width: 10rem;background-color: transparent;color: inherit;}
.navbar-top .nav-item  .dropdown_search::-webkit-input-placeholder {color: white;} /* Chrome/Opera/Safari */
.navbar-top .nav-item  .dropdown_search::-moz-placeholder {color: white;} /* Firefox 19+ */
.navbar-top .nav-item  .dropdown_search:-ms-input-placeholder {color: white;} /* IE 10+ */
.navbar-top .nav-item  .dropdown_search:-moz-placeholder {color: white;} /* Firefox 18- */

#navbar-menu {z-index:1;}

/* dashboard */
.dashboard {color:black;margin-bottom: 20px;}
.dashboard .card {height:270px;border-radius:unset;font-size:.9rem;}
.dashboard .menu {position: absolute;right: 0.5rem;top: 0.3rem;width: 40px;height: 40px;border-radius: 50%;text-align: center;line-height: 40px;cursor:pointer;}
.dashboard .menu .dropdown-toggle::after {content: none;}
.dashboard .menu:hover {background-color:rgba(255, 255, 255, .3);}
.dashboard .fa-bg {position: absolute;bottom: 20px;font-size: 8rem;color: #fff;}
.dashboard .list-group-item {background-color: transparent;border-color:white;padding: .2rem .5rem;font-size: 0.9rem;cursor:pointer;}
.dashboard .list-group-item:hover {background-color:rgba(255, 255, 255, .3);}
.dashboard .card-header h4 {margin-bottom:0;}
.dashboard .card-body {overflow-y: auto;padding: .75rem;z-index:1;}
.dashboard .card-body ul {overflow-y: auto;width:100%;}
.dashboard .card-body small {font-weight: unset;}
.dashboard .card-footer {padding: .5rem 1.25rem;z-index: 1;}

/* table */
.table-responsive {overflow-x:hidden;}
.table .thead-dark th {background-color: var(--col_dark);border-color: var(--col_dark);}
.table .fa-phone-alt, .table .fa-envelope, .table .fa-globe, .table .fa-mobile {color: #CCC;}
.bootstrap-table .fixed-table-toolbar {display: flex;align-items: center;background: var(--col_dark);flex-wrap: wrap;}
.bootstrap-table .fixed-table-toolbar .bs-bars, 
.bootstrap-table .fixed-table-toolbar .search, 
.bootstrap-table .fixed-table-toolbar .columns {margin: 0;}
.bootstrap-table .fixed-table-toolbar .bs-bars {flex:1;}
.bootstrap-table .fixed-table-toolbar .search {height: 46px;background: rgba(255,255,255,0.3);}
.bootstrap-table .fixed-table-toolbar .search input, 
.bootstrap-table .fixed-table-toolbar .btn-full-height {min-height: 100%;border:none;border-radius: 0;background: none;color:var(--col_xlight);}
.bootstrap-table .fixed-table-toolbar .btn-min-width {min-width:100px;} 
.bootstrap-table .fixed-table-toolbar .search input::placeholder {color: var(--col_xlight);opacity: 1;}
.bootstrap-table .fixed-table-toolbar .search .form-control:not(.readonly):not(.textInInput):not([readonly]):focus {border: none;-webkit-box-shadow: none;box-shadow: none;background: white;color: var(--col_dark);}
.bootstrap-table .fixed-table-toolbar .btn:hover {color: white;}
.bootstrap-table .fixed-table-toolbar .btn:focus, .bootstrap-table .fixed-table-toolbar .btn:active {color: var(--col_xlight);}
.bootstrap-table .fixed-table-toolbar .filter-option, .fixed-table-toolbar .dropdown-toggle::after {margin-top: 5px;}
.bootstrap-table .fixed-table-toolbar .info {color: white;}
.bootstrap-table .fixed-table-toolbar .info i {font-size: 1.5rem;margin:0 .5rem;}
.bootstrap-table .fixed-table-toolbar .info span {font-size: 1.7rem;margin-right: .5rem;}
.bootstrap-table .fixed-table-toolbar .btn-add {font-size: 1.2rem;line-height: 1;margin-left: 2rem;font-weight: 300;}

.bootstrap-table .fixed-table-container .table thead th .both {background-image:unset;}
.bootstrap-table .fixed-table-container .table thead th .both:before {font-family: "Font Awesome 5 Pro"; font-weight: 900; content: "\f0dc"; margin-right:.5rem;}
.bootstrap-table .fixed-table-container .table thead th .asc:before {font-family: "Font Awesome 5 Pro"; font-weight: 900; content: "\f0de"; margin-right:.5rem;}
.bootstrap-table .fixed-table-container .table thead th .desc:before {font-family: "Font Awesome 5 Pro"; font-weight: 900; content: "\f0dd"; margin-right:.5rem;}

.bootstrap-table .fixed-table-container .fixed-table-header {background-color: var(--col_xlight);}

.bootstrap-table .fixed-table-container.fixed-height {border-bottom: unset!important;}
.bootstrap-table .fixed-table-container.fixed-height .table thead:not(.thead-card) th {background-color: transparent;color: var(--col_dark_2);font-weight: 300; font-size:1rem; border-top:none;border-bottom:none;padding-right: .75rem;}
.bootstrap-table .fixed-table-container.fixed-height .table thead.thead-card th {color: var(--col_dark_2);font-weight: 300; font-size: .9rem; opacity:.7; border:unset;}
.bootstrap-table .fixed-table-container.fixed-height .table.table-dark thead.thead-card th,
.bootstrap-table .fixed-table-container.fixed-height .table.table-dark a, 
.bootstrap-table .fixed-table-container.fixed-height .table.table-dark a:hover {color: white;}

.bootstrap-table .table:not(.table-card) tbody td {border-top: 1px solid var(--col_xlight);vertical-align:top;}

.bootstrap-table .btn-group-tools .order-1 {margin-right:-1px;}
.bootstrap-table .bootstrap-select button {margin-left: 0.5px!important;}
.bootstrap-table .table-hover tbody tr:hover {cursor: pointer;}
.bootstrap-table .show-tick .filter-option-inner-inner::before {content: "\f0b0";font-family: "Font Awesome 5 Pro";margin-right: 6px;font-weight: 200;font-size: 14px;}
.bootstrap-table .table-add-row, .list-group .list-add-line {cursor: pointer; color: var(--col_green);}
.bootstrap-table .table-add-row:hover, .list-group .list-add-line:hover {background-color: var(--col_green); color: #fff;}
.bootstrap-table .td-warning {position:relative; padding-left:10px;}
.bootstrap-table .td-warning::before {content:"";background-color: var(--yellow);height:100%;width:5px;position:absolute;top:0;left:0;}
.bootstrap-table .td-danger {position:relative; padding-left:10px;}
.bootstrap-table .td-danger::before {content:"";background-color: var(--col_red);height:100%;width:5px;position:absolute;top:0;left:0;}
.bootstrap-table .td-red {position:relative; padding-left:10px;}
.bootstrap-table .td-red::before {content:"";background-color: red;height:100%;width:5px;position:absolute;top:0;left:0;}
.bootstrap-table .td-success {position:relative; padding-left:10px;}
.bootstrap-table .td-success::before {content:"";background-color: var(--col_green);height:100%;width:5px;position:absolute;top:0;left:0;}
.bootstrap-table .td-info {position:relative; padding-left:10px;}
.bootstrap-table .td-info::before {content:"";background-color: var(--blue);height:100%;width:5px;position:absolute;top:0;left:0;}
.bootstrap-table .td-primary {position:relative; padding-left:10px;}
.bootstrap-table .td-primary::before {content:"";background-color: var(--water);height:100%;width:5px;position:absolute;top:0;left:0;}
.bootstrap-table .td-secondary {position:relative; padding-left:10px;}
.bootstrap-table .td-secondary::before {content:"";background-color: grey;height:100%;width:5px;position:absolute;top:0;left:0;}
.bootstrap-table .pagination {font-size:1rem;}
.bootstrap-table .pagination-detail {color:var(--col_dark);}
.bootstrap-table .pagination-detail .pagination-info {display:none;}
.bootstrap-table .pagination-detail .page-list .dropdown button {color: var(--col_dark); padding:4px;}
.bootstrap-table .pagination-detail .page-list .btn-secondary{background-color: transparent; border-color: transparent;}

.bootstrap-table #dragdrop .sortable-drag {font-size:1.2rem; border:0;background-color:transparent;}
.bootstrap-table #dragdrop .sortable-fallback {font-size:1.2rem; border:0; opacity:.8; background-color:transparent;}
.bootstrap-table td.handle {cursor:move;}
.bootstrap-table td.handle::before { content: "\f31e"; font-family: "Font Awesome 5 Pro"; font-weight: 300; width: 100%;text-align: center;display: inline-block;}
.bootstrap-table td .text-right input {text-align: right !important;}

.bootstrap-table.table-sm .form-control, 
.bootstrap-table.table-sm td {font-size:1rem;}

/*** table in card ***/
.bootstrap-table .table-card {font-size: 1rem;}
.bootstrap-table .table-card .form-group {margin-bottom: unset;}
.bootstrap-table .table-card .form-group .no-line {margin-bottom: unset;}

.bootstrap-table .fixed-table-body .table thead.thead-card {visibility:hidden;}
.in-tabs .bootstrap-table .fixed-table-toolbar {display: flex;background: unset; justify-content: end;}

.tab-pane .bootstrap-table .fixed-table-container {border-bottom:unset!important;}
form .bootstrap-table .fixed-table-body {overflow: unset!important;}

.bootstrap-table .card-view {font-size:.8rem;}

/* modal */
.modal-xlg{max-width:90%;}
.modal-l{max-width:600px;}

.modal-content {border:unset; border-radius:unset;}

.modal-header {border-top-left-radius: unset;border-top-right-radius: unset;}
.modal-header:not(.detail) {background:var(--col_dark);color: white;}
.modal-header .fa-times-circle {color: white;}
.modal-body::-webkit-scrollbar {width: 1rem;background-color: rgba(0,0,0,.15);}
.modal-body::-webkit-scrollbar-thumb {background: var(--col_xlight);}
.modal-body {scrollbar-color: var(--col_xlight) #fff;}

.modal-body .list-group-item.disabled {color: var(--col_xlight);}

.modal-footer {padding: 1rem 1rem 2rem; border-top: unset;}
.modal-footer .info {position:absolute;bottom:.2rem;left:0;font-size:.7rem;width:100%;text-align:center;}

#xdebug-modal .modal-content {box-shadow: 2px 2px 7px 2px #656565;}

#popup-delete {z-index:1060;}
#popup-delete .modal-delete {max-width:400px;margin-top: 50px;}

/* nav-tab */
.nav-tabs {border-bottom: unset;}
.nav-tabs .underline {border:0;}
.nav-tabs .underline .nav-link {border:0;color:#bbb;}
.nav-tabs .underline .nav-link:hover, 
.nav-tabs .underline .nav-link:active, 
.nav-tabs .underline .nav-link:focus {color:var(--col_light);border-bottom: 2px solid var(--col_light);}
.nav-tabs .underline .nav-link.active {color:var(--col_dark);border-bottom: 2px solid var(--col_dark);}

.nav-pills .nav-link {border-radius: unset;color:var(--col_light);}
.nav-pills .nav-link:hover {color:var(--col_dark);}
.nav-pills .nav-link.active {color: var(--col_dark);background-color: transparent;border-left: 3px solid var(--col_dark);padding-left: 1.5rem;}
.nav-pills .nav-link:not(.active) .badge { opacity:.5; }

footer {background-color:var(--col_dark_2);color:white;padding: .3rem;position:fixed; bottom:0;z-index:10;font-size: 8pt;}
/*footer .row div {width: 33%;}*/
footer a, footer a:hover {color:white;}

.form-control.checkbox-inline {height:auto;}
.form-control::placeholder {opacity: .5;}
.page-item.active .page-link {background-color: var(--col_dark);border-color: var(--col_dark);}
.page-link {color: var(--col_dark);border: 1px solid #dee2e6;}

.content {padding: 0.5rem 0;}


.hr-text {line-height: 1em;position: relative;outline: 0;border: 0;color: black;text-align: center;height: 1.5em;opacity: .5;}
.hr-text:before {content: '';background: linear-gradient(to right, transparent, #818078, transparent);position: absolute;left: 0;top: 50%;width: 100%;height: 1px;}
.hr-text:after {content: attr(data-content);position: relative;display: inline-block;color: black;padding: 0 .5em;line-height: 1.5em;background-color: #fcfcfa;}

.bs-container.dropdown.bootstrap-select.show {z-index: 1200;}

.dropdown-submenu {position: relative;}
.dropdown-submenu a::after {transform: rotate(-90deg);position: absolute;right: 6px;top: .8em;}
.dropdown-submenu .dropdown-menu {top: 0;left: 100%;margin-left: .1rem;margin-right: .1rem;}
.dropdown-submenu .dropdown-item {padding:.25rem 1.2rem;}
.dropdown-menu {border-radius: unset;}
.dropdown-menu .dropdown-item {padding:.25rem 2rem .25rem .75rem;}

.dropdown-toggle::after {vertical-align: .155em;}
.dropdown-item.active {background-color: var(--col_dark);}
.dropdown-item:active, .dropdown-item:focus {background-color: transparent; color:inherit;}


.checkbox input[type="checkbox"]:checked+label::before {background-color:var(--col_dark);border-color:var(--col_dark);}
.checkbox input[type="checkbox"]:checked+label::after {color: white;}

.custom-control-input:checked ~ .custom-control-label::before {background-color:var(--col_dark);border-color:var(--col_dark);}
.custom-control-inline {margin-right: .5rem;}
.custom-control-inline.col-md-3 {margin-right: 0rem;}

i.handle {color:var(--col_dark);}
i.handle:hover{cursor:grab;}
i.handle:active{cursor:grabbing;}

.datepicker {text-align:right;}
.textIn {position: absolute;top: 7px;left: 25px;cursor:default;}
.form-control.textInInput {text-align: right; padding-right: .5rem !important;}
.form-control.textInInput[readonly] {cursor:default; background-color:unset;}
.form-control.textInInput:focus {box-shadow:none; -webkit-box-shadow: none;border-color: var(--col_dark)}




.form-group label.d-block {color: var(--col_dark_2);font-size: .8rem;margin-bottom:0;}
.modal-mail .form-group {margin-bottom : 0.5rem;}

.form-group.mandatory label:not(.checkbox):not(.radio)::after {color: var(--col_red);content: "\f069";font-family: "Font Awesome 5 Pro";margin-left: .5em;font-weight: 900;font-size: 6px;position: relative;top:-1em;}
.form-group.form-normal {margin-bottom:unset;}

.form-check.form-control {padding-top: 14px;}
.form-check-inline .radio:not(label) {padding-left:15px}



.card-counter{padding: 5px 10px;height: 55px;width: 200px;overflow:hidden;}
.card-counter.info{background-color: var(--col_light);color: #FFF;}  
.card-counter i{font-size: 4em;opacity: 0.2;}
.card-counter .count-numbers{position: absolute;right: 5px;top: 0px;font-size: 20px;display: block;opacity:0.5;}
.card-counter .count-name{position: absolute;right: 5px;bottom: 3px;opacity: 0.8;display: block;font-size: 1.3vw;line-height:1;}
/*
.fixed-table-toolbar {display: flex;align-items: center;}
.fixed-table-toolbar .search {margin: 0 0 0 auto;}
.fixed-table-toolbar>.btn-group:not(:empty) {margin: 0 0 0 1rem}
.fixed-table-toolbar .btn-outline-secondary {border-color: #ced4da;}
*/
.bootstrap-select.form-control {border: 1px solid #ced4da;}
.bootstrap-select .no-results {padding: .375rem .75rem;background-color: #6c757d;color:white;margin: 0 8px;border-radius: 0;width: calc(100% - 16px);white-space: nowrap;cursor:pointer;}
.bootstrap-select .no-results:hover {background-color: #5a6268; border-color: #545b62;}

.bootstrap-select .popover-header {position: relative;}
.bootstrap-select .popover-header .close {position: absolute;height: 100%;width: 100%;left: 0;top: 0;text-align: end;padding-right: 10px;}

.table-light, .table-light > td, .table-light > th {opacity: .95;}



.tab-pane .bootstrap-table .fixed-table-container {border-bottom:unset!important;}
form .bootstrap-table .fixed-table-body {overflow: unset!important;}



.normal-footer {display: flex;justify-content:flex-end;border-top:1px solid #dee2e6;padding: 1rem 0;margin-top:10px;}
.normal-footer > :not(:last-child) {margin-right: .25rem;}
.normal-footer > :not(:first-child) {margin-left: .25rem;}

.circle-hover:hover {background-color: #1f2d411a; border-radius: 50%;}



/* Progress Bar */
.progressbar {position: absolute;height: 5px;display: block;width: 100%;background-color: inherit;background-clip: padding-box;overflow: hidden; z-index:1040;}
.progressbar .indeterminate {background-color: var(--col_dark);}
.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%; } }

/*** DROPZONE ***/
@-webkit-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}
@-moz-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}
@keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}
@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}
@-moz-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}
@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}
@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}
@-moz-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}
@keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}
.dropzone,.dropzone *{box-sizing:border-box}
.dropzone{min-height:150px;border:2px solid rgba(0,0,0,.3);background:#fff;padding:20px 20px}
.dropzone.dz-clickable{cursor:pointer}
.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}
.dropzone.dz-started .dz-message{display:none}
.dropzone.dz-drag-hover{border-style:solid}
.dropzone.dz-drag-hover .dz-message{opacity:.5}
.dropzone .dz-message{text-align:center;margin:2em 0}
.dropzone .dz-message .dz-button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}
.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}
.dropzone .dz-preview:hover{z-index:1000}
.dropzone .dz-preview:hover .dz-details{opacity:1}
.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom, #eee, #ddd)}
.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}
.dropzone .dz-preview.dz-image-preview{background:#fff}
.dropzone .dz-preview.dz-image-preview .dz-details{-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-ms-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}
.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}
.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}
.dropzone .dz-preview:hover .dz-details{opacity:1}
.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,.9);line-height:150%}
.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}
.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}
.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,.8);background-color:rgba(255,255,255,.8)}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}
.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,.4);padding:0 .4em;border-radius:3px}
.dropzone .dz-preview:hover .dz-image img{-webkit-transform:scale(1.05, 1.05);-moz-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);-webkit-filter:blur(8px);filter:blur(8px)}
.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}
.dropzone .dz-preview .dz-image img{display:block}
.dropzone .dz-preview.dz-success .dz-success-mark{-webkit-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)}
.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;-webkit-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)}
.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px}
.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px}
.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}
.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;-webkit-transition:opacity 0.4s ease-in;-moz-transition:opacity 0.4s ease-in;-ms-transition:opacity 0.4s ease-in;-o-transition:opacity 0.4s ease-in;transition:opacity 0.4s ease-in}
.dropzone .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;-moz-animation:pulse 6s ease infinite;-ms-animation:pulse 6s ease infinite;-o-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite}
.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:16px;left:50%;top:50%;margin-top:-8px;width:80px;margin-left:-40px;background:rgba(255,255,255,.9);-webkit-transform:scale(1);border-radius:8px;overflow:hidden}
.dropzone .dz-preview .dz-progress .dz-upload{background:#333;background:linear-gradient(to bottom, #666, #444);position:absolute;top:0;left:0;bottom:0;width:0;-webkit-transition:width 300ms ease-in-out;-moz-transition:width 300ms ease-in-out;-ms-transition:width 300ms ease-in-out;-o-transition:width 300ms ease-in-out;transition:width 300ms ease-in-out}
.dropzone .dz-preview.dz-error .dz-error-message{display:block}
.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}
.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;-webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;-ms-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;transition:opacity 0.3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#be2626;background:linear-gradient(to bottom, #be2626, #a92222);padding:.5em 1.2em;color:#fff}
.dropzone .dz-preview .dz-error-message:after{content:"";position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #be2626}

.dropzone:not(.dz-input) .dz-message:not(.btn) {margin:0;opacity:0;}
.dropzone:not(.dz-input):hover .dz-message {opacity:.3;}
.dz-input .dz-message {opacity:.5;}
.dropzone .dz-preview {max-height:350px;background-color: var(--light);min-height:180px;}
.dz-input .dz-preview {min-width: calc(100% - 32px);}
.dropzone .dz-preview.dz-image-preview {margin: unset;	max-width: 250px;}
.dz-input .dz-preview.dz-image-preview {max-width: 100%;}
.dropzone .dz-preview .dz-image {width: 250px;height: auto;max-height:350px;border-radius: .25rem;}
.dz-input .dz-preview .dz-image {width: 100%;}
.dropzone .dz-preview .dz-image img {margin: 0 auto;}
.dz-input .dz-preview .dz-image img {max-width:100%;}
.dropzone .dz-preview .dz-progress {height: 25px;left: 5px;top: 15px;margin-top: unset;width: calc(100% - 10px);margin-left: unset;}
.dropzone .dz-preview .dz-error-message {border-radius: unset;bottom: 0;left: 0;top:auto; width: 100%;}
.dropzone .dz-preview .dz-error-message::after {content: unset;}
.dropzone .dz-preview .dz-error-mark {pointer-events: auto;}
.dropzone .dz-preview .dz-details {top:30px;}
.dropzone.dz-drag-hover {background-color:#d3e6c72e;}

/* Upload */
.upload_choose input{display:none;}
.upload_progress{width:100%;height:0%;background-color:#eee;}
.upload_percent{width:100%;text-align:center;padding:10px;}
.upload_preview {width:100%;}

.img-full {position: fixed;top: 0;left: 0;object-fit: contain !important;height: 100% !important;width: 100%;z-index: 1;}

/* Document */
.upload_info {position: relative;border: #bbb 2px dashed !important;
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(300px,1fr));
  grid-gap: 1rem .3rem;
}
.doc-thumbnail {max-width: 250px;}
.doc-thumbnail .img-thumbnail {width: 100%; border:unset;object-fit: contain;}
.doc-thumbnail .zoomable .img-thumbnail {/*height: 225px;*/}
.doc-thumbnail .zoomable.zoom .img-thumbnail {width: 100%; height:100%;object-fit: contain;}
.doc-thumbnail .zoomable .btn-close-zoom {position: absolute;left: 50%;top: 15px;z-index: 10;transform: translate(-50%);}
.doc-thumbnail .zoomPdf .btn-close-zoom {position: absolute;left: 50%;top: 50px;z-index: 10;transform: translate(-50%);}
.doc-thumbnail .img-full {position: fixed;top: 0;left: 0;height: 100% !important;width: 100% !important;z-index: 1000;}

.doc-thumbnail:hover {border-color : var(--color1);}
.doc-thumbnail:hover > .thumb-del {opacity:1;}
.doc-thumbnail input {border: unset;padding: 0 .5rem;height: 1.5rem;background-color: var(--light);border-top-left-radius: 0;border-top-right-radius: 0;}
.doc-thumbnail .thumb-del {position: absolute; left:0;top: 0;border-radius: 4px 0;padding: 3px;opacity: 0;background-color: var(--red);color: white;cursor:pointer;z-index:30;}
.doc-thumbnail .picto {flex-grow: 1;align-items: center;display: flex;}
.doc-thumbnail .picto:hover {color:var(--color1);}
/* lib_bs_input upload */
.dz-input.dropzone {padding:0; display:block;margin-top: .7rem;}
.dz-input .doc-thumbnail {position:relative; max-width:none;}
.dz-input .doc-thumbnail .img-thumbnail {padding:.1rem;}
.dz-input .dz-message {line-height:unset!important; height:100%!important;}
.doc-thumbnail .fa-plus {color: var(--col_green);}
.thumb-del {position: absolute;top: 0;left: 0;border-radius: 0 0 4px 0;padding: 5px;opacity: 0;background-color: var(--col_red);color: white;}
.thumb-edit {position: absolute;top: 0;right: 0;border-radius: 0 0 0 4px;padding: 5px;opacity: 0;background-color: var(--col_grey);color: white;cursor:pointer;}

/* Cookies */
#cookies-eu-banner {background: #444;color: #fff;padding: 10px;text-align: center;position: fixed;bottom: 0;width: 100%;z-index: 15;font-size: 0.9rem;}

/* debug */
table.xdebug-error {}
.xdebug-error {font-size: 2em;}
.xdebug-error i{font-style: normal;padding-right: 5px;}
#xdebug-modal .modal-header {background-color: #dc3545;}
#xdebug-modal .modal-body {background-color: white; color:#444;overflow-y: scroll;max-height:600px;}
#xdebug-modal pre {white-space: break-spaces;}
.xdebug-var-dump {padding:20px;}

/* Extra small devices (portrait phones, less than 576px) */
@media (min-width: 420px) and  (max-width: 575.98px) {
	.d-xs-block {display: block !important;}
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.modal-dialog {margin: 1rem auto;}
	.w-500 {max-width:500px;}
	#login_content {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

@media (max-width: 1024px) {
	.modal-dialog {max-width:95%;}
}