html {
  --color1 : #EC6102; /*#FF4500;*/
  --color2 : #273E47;
  --color3 : #40798c;
  --color4 : #EC610279;
  --rgba1 : #EC610280;
  --rgba2 : #EC610240;
  --rgba3 : #EC6102ee;
  --rgba4 : rgba(236, 97, 2, .04);
    --rgba5 : #cc9167;
  
  --mys_dark : #262424;
  --mys_grey : #2B2B2B;
  --mys_grey_light : #636363;
  
  --mys_ok : transparent linear-gradient(180deg, #458B4A 0%, #004506 100%) 0% 0% no-repeat padding-box;
  --mys_nok : transparent linear-gradient(180deg, #8D260E 0%, #471307 100%) 0% 0% no-repeat padding-box;
  
  --green : #2DBE81;
  --red : #DE656A;
  --yellow : #EEC157;
  --blue : #6A67CC;
  --water : #7590C2;
/* scroll behavior on html */
	scroll-behavior: smooth;
}
@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;
}

/* 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(--rgba1); 
}
/* scrollbar styling standard version */
.modal-body {
  scrollbar-color: var(--rgba1) rgba(0,0,0,.15);
}

body {font-family: 'Nunito Sans', sans-serif; font-size:1.1rem; color:var(--color2);padding-top:65px;}
body, html {/*height: 100%;*/}

.color1 {color:var(--color1)!important;}
.color2 {color:var(--color2)!important;}
.color3 {color:var(--color3)!important;}
.yellow {color:var(--yellow)!important;}
.wedoxa {/*color: #bb9a56; */font-size:1rem;}
.card-wedoxa .trustville-badge-feedbacks {width:auto!important;}
.mys-dark {color:var(--mys_dark)!important;}
.mys-grey {color:var(--mys_grey)!important;}
.border-grey {border-color: #dcdcdc;}

.bg-1 {background-color: var(--color1);}
.bg-2 {background-color: var(--color2);}
.bg-3 {background-color: var(--color3);}

.bg-mys-dark {background-color:var(--mys_dark)!important;}
.bg-mys-grey {background-color:var(--mys_grey)!important;}
.bg-mys-light {background-color:var(--rgba4)!important;}

.bg-green {background-color:var(--green); color:#fff!important;}
.bg-red {background-color:var(--red); color:#fff!important;}

.badge-mys {background-color: var(--color1); color:white;}
.badge-2 {background-color: var(--color2); color:white;}
.badge-ok {background: var(--mys_ok); color:white;}
.badge-nok {background: var(--mys_nok); color:white;}

.custom {color: var(--color2)!important;}
.custom.active {color: var(--color1)!important;}

h1 small{font-size:initial;}
h3.popover-header {background-color: var(--color1); color:white;}
div.popover-body a {color:var(--color1)!important; text-decoration: underline!important;}

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

#oldBrowser a:hover{color:white;}
.fa-facebook-square {color:#4267B2;}

/*** BUTTON ***/
.close .fa-times-circle{color:white;}

.btn-link {color: var(--color1); padding:0; margin:0;}
.btn-link:hover {color:var(--color2); text-decoration: none;}
.btn-accordion {border-radius:0; border:0; text-align:left; margin-top:5px; font-weight:bold; position:relative; padding-right:40px;}
.btn-accordion:focus {box-shadow:unset!important;}
.btn-accordion.collapsed {font-weight:normal;}

.btn.btn-select {background-color: var(--color1);border-color: var(--color1);color:white;}
/*.btn.btn-select:disabled {opacity:1!important;}*/
.btn.btn-select:not([disabled]):hover, 
.btn.btn-select:not([disabled]).selected {color:var(--color1); background-color:white;box-shadow:unset!important;}
.btn.btn-select:focus {box-shadow: unset;}

.btn.btn-select.btn-undo {background-color: white;border:unset;color:var(--color1);margin-left:1.5rem;margin-right:1.5rem;font-size: initial;width: auto !important;}
.btn.btn-select.btn-undo:hover {color:white; background-color:var(--color1);}

.btn.btn-search {background-color: white;color:var(--color1);flex: 1 1 250px;-webkit-appearance: none;-moz-appearance: none;appearance: none;flex-direction: column;display: flex;align-items: center;}
.btn.btn-search:hover {background-color: var(--color1);color:white;}
.btn.btn-search:focus {box-shadow:unset!important;}
/*.btn.btn-search h2, .btn.btn-search h3 { font-size:1.5rem; }*/
.btn-select-home {flex-direction: row!important;justify-content: space-between!important;font-size:1.5rem!important;font-weight:700;padding:.75rem 1.5rem!important;}

.btn.btn-custom, .btn.btn-login {background-color: var(--color1);border-color: var(--color1);color:white!important;}
.btn.btn-outline-custom {background-color: white;border-color: var(--color1);color:var(--color1);}
.btn.btn-outline-custom:hover {background-color: var(--mys_grey);border-color: var(--mys_grey);color:white;}
.btn.btn-outline-custom:focus {box-shadow:unset!important;}

.btn.btn-outline-custom-dark {background-color: transparent;border-color: white;color: white;border-radius: .3rem; padding:.75rem;}
.btn.btn-outline-custom-dark:hover {background-color: var(--color1);border-color: white;color:white;}
.btn.btn-outline-custom-dark:focus {box-shadow:unset!important;}

.btn.btn-custom:focus, 
.btn.btn-login:focus {box-shadow: 0 0 0 0.2rem var(--rgba1)!important;}
.btn.btn-custom:not([disabled]):hover, .btn.btn-login:hover {background-color: rgb(225, 134, 0);border-color: rgb(225, 134, 0);color:white;}

.btn-save:hover {color: #fff;background-color:var(--color1);border-color:var(--color1);}
.btn-save:active {color: #fff;background-color:var(--color2);border-color:var(--color2);}
.btn-save {color: var(--color2);background-color:var(--rgba1);border-color:var(--rgba1);}

.btn-outline-client {color: var(--color1);background-color:white;border-color:var(--color1);}
.btn-outline-client:hover {color: var(--color2);background-color:white;border-color:var(--color2);}
.btn-outline-client:focus {box-shadow:unset!important;}

.btn-outline-search {color: var(--color1);background-color:white;border-color:var(--color1);}
.btn-outline-search:hover {color: white;background-color:var(--color1);border-color:var(--color1);}
.btn-outline-search:focus {box-shadow:unset!important;}

.btn-left {margin-right: auto!important;}
.btn-right {margin-left: auto!important;}
.btn-flag {padding:0 0 .3rem .2rem!important;margin-top: 3px;opacity:.5;}
.btn-flag:focus {box-shadow:unset!important;}
.btn-flag img {height:18px; opacity:0.2;}
.btn-flag.active img {opacity:1;}
.btn-flag.active {font-weight: bold;opacity:1;}

.btn-rounded {border-radius: 1.5rem;}

.input-search {width: 400px;margin: 0 auto;position:relative;}

.navbar-dark {background-color:var(--color2);}
footer {color:white;padding: .3rem;}
.footer {position:fixed; bottom:0;z-index:5000;}
footer a, footer a:hover {color:white;}
.form-control::placeholder {opacity: .5;}
.form-control.checkbox-inline {height:auto;}

.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 .h100 {height:64px;background-color: var(--rgba1); padding:.75rem;max-width:300px;}
.navbar .h100:not(.form-inline):hover {background-color:var(--color1);}
.navbar .h100:hover a.nav-link{color:white!important;}

.hidden {display: none!important;}
.dashboard {margin: 10px 0;}
.login-page .card-header {background-color: var(--color2); color: #fff;}
.login-page .checkbox {padding-left: 5px; margin-top: 20px;}
.login-page .custom-checkbox {margin-bottom: 20px; margin-top: 20px;}
.login-page a:not(.btn-name) {text-decoration:underline;}
.login-page a:not(.btn-name):hover {color: var(--color1)!important;text-decoration:underline;}

.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;}

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

.dropdown-submenu.dropdown-submenu-left>a{padding-left:2.5rem;}
.dropdown-submenu.dropdown-submenu-left a::after{transform: rotate(90deg); left:6px; right:unset;}
.dropdown-submenu.dropdown-submenu-left .dropdown-menu {top: 0;left: -253px;margin-left: .1rem;margin-right: .1rem;width:250px;}

.dropdown-menu .dropdown-item {padding:.5rem 1.2rem;}

.dropdown-toggle::after {vertical-align: .155em;}
.dropdown-toggle.no-arrow::after {content:unset;}
#city_result .dropdown-item {font-size:1.5rem;}
.dropdown-item {cursor:pointer;}
.dropdown-item.active {background-color: #f8f9fa;color: #212529;}
.dropdown-item:focus, .dropdown-item:hover {color: white; background-color: var(--color1);}
.dropdown_search {border: 1px solid #eae9e9;padding: .2rem .4rem;border-radius:5px;}

.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:transparent;}
.custom-control-input:focus ~ .custom-control-label::before {box-shadow: 0 0 0 .2rem var(--rgba1);}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {color: #fff;background-color: var(--rgba2);border-color: var(--rgba2);}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {background-color: var(--rgba1);}
.custom-control, .custom-control .custom-control-input, .custom-control .custom-control-label {cursor:pointer;}

i.dragdrop:hover {cursor:move;color:var(--color1);}
.sortable-drag {color:transparent;}
.sortable-ghost {background-color:#ccc;}

#upload_imp_photo div:first-of-type img{background-color:green;}
#upload_imp_photo .sortable-ghost {background-color:white;}
#upload_imp_photo .sortable-ghost .img-thumbnail {background-color:var(--color1);}
#upload_imp_photo div:not(.doc-add) a.doc-thumbnail {cursor: move; height:auto;}
#upload_imp_photo a.doc-thumbnail .thumb-del {cursor: pointer;}

.form-control:not([read-only]):not([-moz-read-only]):focus {border-color: var(--color1); -webkit-box-shadow: 0 0 0 .2rem rgba(121, 175, 217, 0.5); box-shadow: 0 0 0 .2rem var(--rgba1);}

.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 {border-color: #77add4;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px #5dbdb3;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px #5dbdb3;}

.has-error .form-control {border-color: #d73342cf !important;}
.has-error.mandatory .form-control {-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px #F8D7DA;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px #d73342cf;}
.has-error .input-group-addon, .alert-danger {color: #fff;background-color: #d73342cf;border-color: #d73342cf;margin-bottom:unset;padding:.4rem 1rem; font-size:0.95vw;}
.alert-danger:not(#result_login):not(#result_password) {/*position:absolute; right:245px;*/}
.has-error .form-control:focus {border-color: #d73342cf;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px #d73342cf!important;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px #d73342cf!important;}

.form-group label.d-block span{color: var(--color2); opacity: 0.8;}
.modal-mail .form-group {margin-bottom : 0.5rem;}

.form-group.mandatory label:not(.checkbox):not(.radio)::after {color: #d9534f;content: "\f069";font-family: "Font Awesome 5 pro";margin-left: .5em;font-weight: 300;font-size: 6px;position: relative;top:-1em;}

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

.table .thead-dark th {background-color: var(--color1);border-color: var(--color1);}
.table.table-dark .btn-outline-secondary {color:white;}
.table.table-dark a:hover {color:white;}
.table .fa-phone-alt, .table .fa-envelope, .table .fa-globe, .table .fa-mobile {color: #CCC;}

#table-title {color:var(--color2);}

.card-counter{box-shadow: 2px 2px 10px #DADADA;margin: 5px;padding: 5px 10px;height: 55px;width: 150px;border-radius: 5px;overflow:hidden;}
.card-counter.info{background-color: var(--color2);color: #FFF;}  
.card-counter i{font-size: 4em;opacity: 0.2;margin-left: 35px;margin-top:-2px;}
.card-counter .count-numbers{position: absolute;right: 20px;top: 5px;font-size: 20px;display: block;opacity:0.5;}
.card-counter .count-name{position: absolute;left: 20px;bottom: 8px;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-table .table-hover tbody tr:hover {cursor: pointer;}
.bootstrap-table .fixed-table-container.fixed-height .table thead th {border-bottom:none;}
.bootstrap-table .show-tick {margin-left:0px!important;}
.bootstrap-table .show-tick .filter-option-inner-inner::before {content: "\f0b0";font-family: "Font Awesome 5 pro";margin-right: 6px;font-weight: 900;font-size: 14px;}
.bootstrap-table .table-add-row, .list-group .list-add-line {cursor: pointer; color: #249063; background-color: #8ccaac;}
.bootstrap-table .table-add-row:hover, .list-group .list-add-line:hover {background-color: #2DBE81; color: #fff;}
.bootstrap-table .td-warning {border-left:10px solid var(--yellow);}
.bootstrap-table .td-danger {border-left:10px solid var(--red);}
.bootstrap-table .td-success {border-left:10px solid var(--green);}
.bootstrap-table .td-info {border-left:10px solid var(--blue);}
.bootstrap-table .td-secondary {border-left:10px solid grey;}

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

.modal-xlg {max-width:1140px;}
.body-admin .modal-xlg { max-width: 1400px; width:90%;}
.body-admin .div-body {width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.body-admin .div-body .container-fluid{padding:unset;}

.modal-l{max-width:600px;}
.modal-header:not(.detail) {background:var(--color2);color: white;}

.modal-mys .modal-header {border-radius:unset; background: white; color:inherit; border-bottom:none;}
.modal-mys .fa-close {position: absolute;top: 7px;right: 7px;z-index: 1;background-color: white;border-radius: 50%;height: 32px;width: 32px;text-align: center;line-height: 32px;font-weight: bold;cursor: pointer;opacity: .8; border:1px solid;}
.modal-mys .fa-close:hover, .modal-content .fa-close:focus {background-color: var(--color1); color:white;}
.modal-mys .fa-star, .dispo .fa-star {color:#eee;}

.modal-mys .modal-body {padding:0;}
.modal-mys .modal-body .alert {margin:0;}
.modal-mys .modal-body .alert h3 {font-size:1.1rem;}

#collapseDescription h2, #collapseInfo {font-size:1.1rem;line-height: inherit;word-break: break-word;}

.modal-mys #collapseDescription p:last-of-type{margin-bottom:0;}
.modal-mys #collapseDescription.collapse:not(.show):before {content:'';width:100%;height:100%; position:absolute;left:0;top:0;
background: -moz-linear-gradient(0deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(0deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);}
.modal-mys #collapseDescription.collapse:not(.show) {display: block;height: 7rem;overflow: hidden;position:relative;}
.modal-mys #collapseDescription.collapsing {height: 7rem;}
.modal-mys #collapseButton.collapsed #showMore {display:block;}
.modal-mys #collapseButton.collapsed #showLess {display:none;}
.modal-mys #collapseButton:not(.collapsed) #showMore {display:none;}
.modal-mys #collapseButton:not(.collapsed) #showLess {display:block;}
.modal-mys .collapseReview.collapse:not(.show) {display: block;height: 2rem;overflow: hidden;position:relative;}
.modal-mys .collapseReview.collapsing {height: 2rem;}
.imp_implantation_form .collapseReview.collapse:not(.show) {display: block;height: 15rem;overflow: hidden;position:relative;}
.imp_implantation_form .collapseReview.collapsing {height: 15rem;}

.modal-mys .badge-ban:after {content: "";position: absolute;top: 3px;right: 16px;border: 1px solid var(--red);height: 30px;transform: rotate(45deg);}
.modal-mys .fa-stack {display: inline-block;height: 37.75px;line-height: 1em;position: relative;vertical-align: top;width: 48px;}
.modal-mys .underline-gradient{position: relative;}
.modal-mys .underline-gradient:after {content: "";background: linear-gradient(90deg, var(--color1) 0%, rgb(255, 255, 255) 80%);position: absolute;left: -1px;top: 20px;width: 100%;height: 3px;}

.modal-mys .img-fit {height: 150px;}
.modal-mys .img-fit img {width:100%; height:100%; object-fit:cover;}
.modal-mys .img-fit .img-alone img {width:100%; height:100%; object-fit:contain;}
.modal-mys img {cursor:pointer;}
.modal-mys .imp-logo {border-radius:50%; height:90px; width:90px; background-color:white;  object-fit:contain; padding:3px; border:1px solid var(--color2);}

.modal-mys #gmap.full {position:absolute;height:100%;width:100%;}

.modal-mys .img-hover-zoom {overflow: hidden;}
.modal-mys .img-hover-zoom img {transition: transform .5s, filter 1s ease-in-out;}
.modal-mys .img-hover-zoom:hover img {transform: scale(1.1);}
.modal-mys .img-hover-zoom--colorize img {filter: grayscale(100%);}
.modal-mys .img-hover-zoom--colorize:hover img {filter: grayscale(0);}

.modal-mys .bg2 .fad {--fa-secondary-opacity: 0.60;}

.modal-mys .home-description {max-height: 24px;transition: height .35s ease;}
.modal-mys .home-description p {text-overflow: ellipsis;overflow: hidden;}

.modal-mys .nav {flex-direction: column;}
.modal-mys .underline .nav-link {color:#666;height: 100%; position:relative; padding:0;}
.modal-mys .underline.nav-item {position:relative;}
.modal-mys .underline.nav-item:nth-child(n+2)::before {content: "";position: absolute;left: -17px;z-index: 100;top: auto;width: 4px;height: 2rem;background: #ccc;}
.modal-mys .underline .nav-link:hover::after,
.modal-mys .underline .nav-link:focus::after,
.modal-mys .underline .nav-link.active::after {content: "";position: absolute; left:0; top:26px; height:3px; width:100%; background: var(--color1);}
.modal-mys .underline .nav-link.active {font-weight: bold;}

.modal-mys .home-card-cta label {margin-bottom:0;}
.modal-mys .home-card-cta .form-control:focus {box-shadow: unset!important;}
.modal-mys .home-card-cta .form-control {border-color:var(--color1); height:auto;}
.modal-mys .home-card-cta #hom_request_form {max-width:570px;}

.modal-mys .collapse .card-header {background-color: var(--rgba1);color: white;}
.modal-mys .collapse .card-footer {background-color: unset;}
.modal-mys .room-icons {background: #fff;border-top: 1px solid #dcdcdc;}
.modal-mys .room-ic {border-right: 1px solid #dcdcdc;color: #999;font-size: .7rem;line-height: 1.2;width: 10%;word-wrap: break-word;text-align:center;}
.modal-mys .room-ic::after {content: "";display: block;padding-bottom: 10%;}
.modal-mys .room-ic i {padding-bottom: 6px; padding-top:2px; font-size: 1.5em;}

.modal-mys .lod-items li {font-size:.8rem;}
.modal-mys .lod-items li i{color:#999;}

.modal-mys.home-normal .underline .nav-link.active,
.modal-mys.home-normal .underline .nav-link:hover,
.modal-mys.home-normal .underline .nav-link:focus {border-bottom: none;font-weight: unset;}
.modal-mys .pro-fav {cursor:pointer;}
.modal-mys .pro-favorite:active i, 
.modal-mys .pro-fav:active i {opacity:.5;}
.modal-mys .pro-favorite:hover i, 
.modal-mys .pro-favorite.hover i,
.modal-mys .pro-fav:hover i,
.modal-mys .pro-fav.hover i {color:var(--color1)!important;font-weight: 900;}


.modal-delete{max-width:400px;margin-top: 50px;}

/*.modal-dialog:not(.no-scroll) .modal-body {overflow-y:scroll!important;}*/

#popup-banner {position:fixed; width:500px; max-width:95%; bottom: 15px; left:50%; transform: translateX(-50%); background:white; border:2px solid var(--color2); border-radius:5px; z-index:1500;}
#popup-banner .fa-close {position: absolute;top: -12px;right: -11px;z-index: 1;background-color: white;border-radius: 50%;height: 32px;width: 32px;text-align: center;line-height: 32px;font-weight: bold;cursor: pointer; border:1px solid;}
#popup-banner .fa-close:hover, #popup-banner .fa-close:focus {background-color: var(--color1); color:white;}
#popup-banner img {object-fit:cover;width:150px;border-top-left-radius:3px;border-bottom-left-radius:3px;}

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

.footer-link ul li {padding: 0 0 0 .5rem; background-color:transparent;}
.footer-link ul li a {font-size:.9rem; color:white;}

/* Center Absolute */
.absolute-center{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -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;}
.ellipsis {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

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

/*Hack bootstrap backdrop */
.modal-backdrop {/*background-color:#fff!important;*/}
.modal-backdrop.show {opacity:.8!important;}

#popup-delete, #popup-msg {z-index:1060;}

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

/* Firefox */
input[type=number] {-moz-appearance: textfield;}

#hom-carousel {position:fixed; left:0; top:0; height:100%; width:100%; z-index:1060;display:none;}
#close_carousel {position:absolute; left:50%;top:15px;z-index:10;transform:translate(-50%);}

.carousel-item .img-fluid {margin:auto;}
.carousel-control-next, .carousel-control-prev {mix-blend-mode: difference;}

.carousel,.carousel-item {height: 100%;}
.carousel-inner {height: 100%;}
.carousel-inner img {margin: 0 auto;}
.carousel-caption {z-index: 10;}

/* Progress Bar */
.progressbar {position: absolute;top:0;left:0;height: 5px;display: block;width: 100%;background-color: inherit;background-clip: padding-box;overflow: hidden; z-index:500;}
.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 {border: 1px solid #ccc; width:100%;border-radius: .25rem;}

.img-logo .upload_preview {width: 200px; border-radius:50%}
.img-profil .upload_preview {width: 400px;}

/* Document */
.doc-thumbnail {height: 100%;}
.doc-thumbnail .img-thumbnail {width: 100%; border:unset;}
.doc-thumbnail:hover {border-color : var(--color1);}
.doc-thumbnail:hover > .thumb-del {opacity:1;}
.doc-thumbnail .fa-plus {color: var(--green);}
.thumb-del {position: absolute;top: 0;left: 0;border-radius: 4px 0;padding: 3px;opacity: 0;background-color: var(--red);color: white;}

/* debug */
#xdebug {min-height: 600px;}
.xdebug-error {font-size: 2em;/*position: absolute;*/z-index: 5000;margin: 20px;}
.xdebug-error i{font-style: normal;padding-right: 5px;}
#xdebug-modal .modal-header {background-color: #dc3545;}