html {
  --color1 : #D64933;
  --color2 : #303336;
  --color3 : #4ECDC4;
  
  --light1 : #ff9f9f;
  --light2 : #ffc5c529;
  --light3 : rgba(214, 73, 51,.4);
  
  --rgba1 : #D6493380;
  
  --col_green : #81b29a;
  --col_greenLight : #8ccaac6e;
  --col_red : #e56b6f;
  --col_grey : #474A48;
  --yellow : #FFC107; 
  --blue : #6A67CC;
  --water : #7590C2;
}
@font-face {font-family: 'Nunito Sans';src: url('../webfonts/NunitoSans-Regular.ttf') format('truetype');font-display: swap;}
@font-face {font-family: 'Nunito Sans';src: url('../webfonts/NunitoSans-SemiBold.ttf') format('truetype');font-weight: bold;font-display: swap;}
@font-face {font-family: 'Nunito Sans';src: url('../webfonts/NunitoSans-ExtraLight.ttf') format('truetype');font-weight: light;font-display: swap;}
/* scroll behavior on html */
html {scroll-behavior: smooth;}
body {font-family: 'Nunito Sans', sans-serif; color:var(--color2);scrollbar-color: var(--light3) #0000008a;}
/* scrollbar styling non-standard version */
.modal-body::-webkit-scrollbar {width: 1rem;background-color: rgba(0,0,0,.15);}
.modal-body::-webkit-scrollbar-thumb {background: var(--light3);}
/* scrollbar styling standard version */
.modal-body {scrollbar-color: var(--light3) #fff;}

.bg {background-image: url("../images/bg6.webp");min-height: calc(100vh - 60px);background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;background-color:#6B6972;margin-top:60px;}

.color1 {color:var(--color1)!important;}
.color2 {color:var(--color2)!important;}
.color3 {color:var(--color3)!important;}
.red {color:var(--col_red)!important;}
.green {color:var(--col_green)!important;}
.bg-1 {background-color: var(--color1)!important;}
.bg-2 {background-color: var(--color2)!important;}
.bg-3 {background-color: var(--color3)!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;}
.bg_light {background-color: #fffc;}
.border1 {border-color: var(--color1)!important;}
.badge-client-light {color: var(--color1);background-color: #f8f9fa;}
.badge-client-dark {color: #fff;background-color: var(--color1);}

a {color:var(--color1);}
a:hover {color:var(--color2);}
a, a:hover, .form-check * {cursor: pointer;text-decoration: none;}

.xsmall{font-size: 60%;font-weight: 400;}

.not-hover:hover {color:inherit;}
.btn.disabled, .btn:disabled {opacity: .5; pointer-events: none;}

/* no shadow */
.btn:focus {box-shadow: unset;-webkit-box-shadow: unset;}
/*.btn:not(.btn-accordion, .dropdown-toggle):active:focus {box-shadow: 0 0 0 .1rem!important;-webkit-box-shadow:  0 0 0 .1rem!important;}*/
.custom-control-input:focus ~ .custom-control-label::before {box-shadow: unset!important;-webkit-box-shadow: unset;}

/* Center Absolute */
.absolute-center{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

/* button */
.btn-login {color: var(--color1);background-color:white;border-color:var(--color1);}
.btn-login:hover {color: white;background-color:var(--color1);border-color:var(--color1);}
.btn-login:active {color: white;background-color:var(--color1);border-color:var(--color1);}
/*
.btn-save {color: var(--col_green);background-color:#fff;border-color:var(--col_green);}
.btn-save:hover {color: #fff;background-color:var(--col_green);border-color:var(--col_green);}
.btn-save:active {color: #fff;background-color:var(--col_green);border-color:var(--col_green);}
*/
.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-client {color: white;background-color:var(--color1);border-color:var(--color1);}
.btn-client:hover {color: var(--color1);background-color:white;border-color:var(--color1);}
.btn-outline-client {color: var(--color1);background-color:white;border-color:var(--color1);}
.btn-outline-client:not(:disabled):hover {color: white;background-color:var(--color1);border-color:var(--color1);}
.btn-outline-client:disabled:hover {color: var(--color1);}
.btn-left {margin-right: auto!important;}
.btn-right {margin-left: auto!important;}

.btn-unlock,
.btn-calc {padding-top: 12px;padding-bottom: 0;}

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

.navbar-light {color:var(--color1);}
.navbar-light .navbar-brand {color: var(--color1);}
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {color: var(--color2);}

.nav-logo img {height: 100%;}

#navbar-menu {z-index:1;}
#navbar-menu .navbar-nav .nav-item {height: 100%;display: flex;align-items: center;}
#navbar-menu>.navbar-nav>.nav-item>.dropdown-menu {margin:0;}
#navbar-menu .navbar-nav .nav-item .dropdown-menu {border:0; box-shadow: 0 .8rem 1rem #00000026;}
#navbar-menu .navbar-nav .nav-item.show {background-color:white;}
#navbar-menu .navbar-nav .nav-item.show a {color:var(--color2);}

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

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

.content {padding: 0.5rem 0;}
.navbar-brand img {max-height: 40px;}

/*.login-page .box {width:100%; max-width:500px;padding:1.5rem;opacity:.95;}*/
/*.login-page .card-header {background-color: white; color: var(--color2);}*/
.login-page .checkbox {padding-left: 5px; margin-top: 20px;}
.login-page .custom-checkbox {margin-bottom: 20px; margin-top: 20px;}

.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 .dropdown-item {padding:.25rem 2rem .25rem .75rem;}

.dropdown-toggle::after {vertical-align: .155em;}
.dropdown-item.active, .dropdown-item:active {background-color: var(--light2);color: #212529;}
.dropdown_search {border: 0;padding: .2rem .4rem;max-width: 10rem;}

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

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

i.handle {color:var(--color1);}
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(--color1)}

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

.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: #77add4;-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.mandatory .form-control {-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px var(--col_red);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px var(--col_red);}
.has-error .input-group-addon, .alert-danger {color: #fff;background-color: var(--col_red);border-color: var(--col_red);margin-bottom:unset; font-size:1.5rem;}
.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;}

.form-group label.d-block {color: var(--color1); 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;}
.bootstrap-table .form-group.form-normal input.form-control {max-height:29px; padding: .375rem .2rem;}
.form-group.form-normal div.form-control > .dropdown-toggle {max-height: 29px; padding: .15rem .5rem .15rem .2rem;}

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

/* table */
.table-responsive {overflow-x:hidden;}
.table .thead-dark th {background-color: var(--color1);border-color: var(--color1);}
.table .fa-phone-alt, .table .fa-envelope, .table .fa-globe, .table .fa-mobile {color: #CCC;}

.card-counter{padding: 5px 10px;height: 55px;width: 200px;overflow:hidden;}
.card-counter.info{background-color: var(--color2);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: 1;background-color: unset;}
.table-light tbody tr {background-color: #fffffff2;}

.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;background-color: #f0f0f0e3;}
.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:white;}
.bootstrap-table .pagination-detail .page-list .dropdown button {color: white; padding:4px;}
.bootstrap-table .pagination-detail .page-list .btn-secondary{background-color: transparent; border-color: transparent;}
.bootstrap-table .img-table {width: 64px;}

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

.modal-xlg{max-width:90%;}
.modal-l{max-width:600px;}
.modal-content {border:unset;}
.modal-header {border-top-left-radius: unset;border-top-right-radius: unset;}
.modal-header:not(.detail) {background:var(--color2);color: white;}
.modal-header .fa-times-circle {color: white;}
.modal-delete {max-width:400px;margin-top: 50px;}
.modal-footer {padding: .5rem 1rem 1.5rem;}
.modal-footer .info {position:absolute;bottom:2px;font-size:.7rem;width: 100%;text-align: center;}

.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;}
.tr-detail .normal-footer {border-top:0;}

.nav-link {color:inherit;}
.nav-link.active {color:var(--color1)!important;}

/* 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(--color2);border-bottom: 2px solid var(--color2);}
.nav-tabs .underline .nav-link.active {color:var(--color1);border-bottom: 2px solid var(--color1);}

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

/* 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!important;}
::-moz-focus-inner {border:0;}

/*Hack bootstrap backdrop */
.modal-backdrop {position:fixed!important;}
#popup-delete {z-index:1060;}

/* Progress Bar */
.progressbar {position: absolute;height: 5px;display: block;width: 100%;background-color: inherit;background-clip: padding-box;overflow: hidden; z-index:1050;}
.progressbar .indeterminate {background-color: var(--color1);}
.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_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%;cursor: zoom-in;}
#cardsLevel .upload_preview {cursor: zoom-in;}

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

/* debug */
.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!important; color:#444;overflow-y: scroll;}
.xdebug-var-dump {padding:20px;background-color: white;}

/* 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) {
	#agent_info {margin-top: 50px!important; top:110px;}
	.modal-dialog {margin: 1rem auto;}
}

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