html {
	--col_dark : #516953;
	--col_light : #b8c8ba;
	--col_xlight : #b8c8ba80;
	--col_xxlight : #ecf3ed57;

	--col_dark_2 : #9a733c;
	--col_light_2 : #d3b37d;
	--col_xlight_2 : #d3b37d17;
	  
	--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:1rem; font-weight: 200; color:var(--col_dark);scrollbar-color: var(--col_xlight) #0000008a;}
.bg {}

header {height:var(--nav_height);}
#full-content {}
/* colors */
.col_dark {color:var(--col_dark)!important;}
.col_light {color:var(--col_light)!important;}
.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-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*/
.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;}

/* 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 {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 {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: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;}
.navbar-top .navbar-brand img {max-height: calc(var(--nav_height) - 10px);}
.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- */

/* dashboard */
.dashboard {margin: 10px 0;}
.dashboard .card {min-height:500px;background-color: var(--col_xlight_2);border-radius:unset;}
.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;opacity: .7;}
.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%;}

/* 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 {max-width:100px;}
.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.4rem;line-height: 1;margin-left: auto;}
.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)>tr>th {background-color: transparent;color: var(--col_dark);font-weight: 300; font-size:.8rem; border-top:none;border-bottom:none;padding-right: .75rem;}
.bootstrap-table .table:not(.table-card.table-condensed) tbody td {border-top: .1px solid var(--col_dark);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); background-color: var(--col_greenLight);}
.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-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 .pagination-detail {color:var(--col_dark);}
.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 {}

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

.bootstrap-table .fixed-table-container .table tbody tr .card-view .card-view-title {display: none;}

/*** 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 .table-card>tbody>tr {background-color:var(--col_xxlight);}
.bootstrap-table .table-card>tbody .tr-detail {background-color:white;}
.bootstrap-table .table-card .normal-footer {border-top:0;}

.bootstrap-table .fixed-table-container.fixed-height .table thead.thead-card th {color: var(--col_dark);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 .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;}

/* 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_light);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 {border-top: unset;}
.modal-footer .info {position:absolute;bottom:.2rem;left:0;font-size:.7rem;width:100%;text-align:center;}

#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: 0;font-weight:bold;}
.nav-pills .nav-link:not(.active) .badge { opacity:.5; }

footer {background-color:var(--col_dark);color:white;padding: .3rem;position:fixed; bottom:0;z-index:10; height:25px;}
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;}
.form-control.textInInput {text-align: right; padding-right: .5rem !important;}
.form-control.textInInput:focus {box-shadow:none; -webkit-box-shadow: none;border-color: var(--col_dark)}

/* DragDrop upload */
.div-drop {
    border: #bbb 2px dashed;
    position: relative;
    height: 350px;
    border-radius: 10px;
}
.div-drop input {
    width: 98%;
    height: 98%;
    border: none;
    z-index: 100;
    opacity: 0;
}


.form-group label.d-block {color: var(--col_dark); opacity: 0.7;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;}

.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_light);}
.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%; } }

/* Upload */
.upload_grid {display: grid;grid-template-columns: repeat(auto-fill,minmax(200px,1fr));grid-gap: 1rem 1rem;}

.upload_info {position:relative;border: #bbb 2px dashed;height: 280px;overflow-y: auto;border-radius: 10px;padding: 0 !important;}
.upload_info a {border:none;}
.upload_preview {width:100%;background-color: white;cursor:pointer;min-height: 200px;object-fit: contain;}
.upload_progress {width: 100%;height: 0%;position: absolute;background-color: var(--col_dark);bottom: 0;border-radius: 10px;}
.upload_percent {position: absolute;top: 50%;left: 0;transform: translate(0, -50%);color:white;width:100%;text-align:center;}
.upload_file {}
.upload_input {width: 100%;height: 100%;border: none;z-index: 100;opacity: 0;cursor:default;}

.upload_choose {position:relative;}
.upload_choose .upload_file {top:0; left:0;width:1px;height:1px;opacity:0;position:absolute;}

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

.dropzone .dz-preview {margin-bottom: 16px;min-height: unset;}
.dropzone .dz-preview .dz-image {border-radius: unset;width: 100%;height: auto;}
.dropzone .dz-message {text-align: unset;margin: unset;}
.dropzone .dz-preview .dz-image img {margin: 0 auto;}
/* Document */
.doc-thumbnail {border-radius:unset; height:100%;}
.doc-thumbnail.media {}

.doc-thumbnail .img-thumbnail {cursor:pointer; border: none;height: 100%;object-fit: contain;}
.doc-thumbnail .zoomable .img-thumbnail {height: 200px;}
.doc-thumbnail .zoomable.zoom .img-thumbnail {width: 100%; height:100%;}
.doc-thumbnail .zoomable .btn-close-zoom {position: absolute;left: 50%;top: 15px;z-index: 10;transform: translate(-50%);}
.doc-thumbnail:hover {border-color : var(--col_dark);}
.doc-thumbnail:hover > .thumb-del, .doc-thumbnail:hover > .thumb-edit {opacity:1;}
.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;}
.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;}
	.bootstrap-table .fixed-table-toolbar .search input {max-width:100%;}
	.bootstrap-table .fixed-table-toolbar .btn-add {margin-left: 2rem;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.navbar-top {height:60px;}
	.bootstrap-table .fixed-table-container .table tbody tr .card-view .card-view-title {display: inline-block;}
	.nav-pills .nav-link.active {padding: 0.5rem 1rem 0.5rem 1.5rem; border-left: 3px solid var(--col_dark);font-weight:normal;}
}
@media (max-width: 768px) {
	.navbar-top .nav-item .nav-link {color: var(--col_dark) !important;}
	.bootstrap-table .fixed-table-container .table {margin-top: 0 !important;}
	.bootstrap-table .fixed-table-container .table tbody tr .card-view:first-child .card-view-value {font-weight:bold;}
}

/* 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%;}
}