@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

body{
	font-family: 'Lato', sans-serif;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	position: relative;
	
}

.body:after {
	content:'';
	background: url("../images/web-bg.png");
   
}

:root{
	--bs-primary: #3CB5AE;
	/* --bs-primary: #73b3ad; */
	--bs-primary-rgb: 60,181,174;
	--bs-border-radius: 0.125rem;
	--bs-border-radius-sm: 0.06rem;
	--bs-border-radius-lg: 0.25rem;
	--bs-border-radius-xl: 1rem;
	--bs-border-radius-xxl: 2rem;
	--bs-border-radius-2xl: var(--bs-border-radius-xxl);
	--bs-border-radius-pill: 50rem;
	--bs-body-font-size: 0.85rem;
	--bs-font-sans-serif: 'Lato', sans-serif;
}

.btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--bs-primary);
	--bs-btn-border-color: var(--bs-primary);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #54c4be;
	--bs-btn-hover-border-color: #54c4be;
	--bs-btn-focus-shadow-rgb: 49,132,253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #54c4be;
	--bs-btn-active-border-color: #54c4be;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--bs-primary);
	--bs-btn-disabled-border-color: var(--bs-primary);
}

.font{
	opacity: 1;
	color: rgba(0,0,0,1);
	font-family: "Montserrat-Bold";
	font-size: 14px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0px;
	text-align: left;
}

.vt-center {
	margin: 0;
	position: fixed; 
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.logo-img{
	width: 100%;
}

main.container, #main > .container  {
	padding: 75px 0 125px 0;
}

.navbar-bg{
	background-color: #ededed;
	border-bottom: 1px solid #000;
	color: #000 !important;
}
.navbar.fixed-top{
	z-index: 1056;
}
.navbar .dropdown-toggle:after{
	content: none;
}
.nav-email{
	color: #3CB5AE;
	font-size: 10pt;
}
.list-group-item{
	border: none;
	background-color: #f9f9f9 ;
}
.list-group-item small{
	font-size: 9pt;
}
.form-control{
	border-color: var(--bs-primary);
}
.form-control:focus{
	border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), .25);

}
.form-check-input{
	width: 1.25em;
	height: 1.25em;
	border-color: var(--bs-primary);
	margin-top:0.1em;
}
.form-check-input:focus{
	border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), .25);
}
.form-check-input[type=checkbox]{
	border-radius: 0;
}
.form-check-input:checked[type=checkbox]{
	--bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Ctitle%3Eionicons-v5-e%3C%2Ftitle%3E%3Cpolyline%20points%3D%22416%20128%20192%20384%2096%20288%22%20style%3D%22fill%3Anone%3Bstroke%3A%23000%3Bstroke-linecap%3Asquare%3Bstroke-miterlimit%3A10%3Bstroke-width%3A44px%22%2F%3E%3C%2Fsvg%3E");
}
.form-check-input:checked[type=checkbox]{
	background-color: transparent;
    border-color: var(--bs-primary);
}
.form-switch .form-check-input:checked{
	background-color: var(--bs-primary);
    border-color: var(--bs-primary);
	border-radius: 2rem;
	
}
.form-switch .form-check-input{
	border-radius: 2rem;
	
}
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control, .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select, .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){
	border-right: none;
}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
	border-left: none;
}
#addSalonsModal .input-group >.form-control:focus, .input-group >.form-floating:focus-within, .input-group >.form-select:focus{
    box-shadow: none;
}
.input-group-text{
	background-color: #fff;
    border-color: var(--bs-primary);
}
.input-group-lg>.form-control, .input-group-lg>.input-group-text{
	padding: 0.5rem 0.5rem;
}
.notifyjs-corner{
	z-index: 1065 !important;
}
.pointer{
	cursor: pointer;
}
#addSalonsModal.modal, #addSalonUser.modal, 
#addManufacturer.modal, #addStockItem.modal, 
#addStockImages.modal, #importStock.modal, 
#exportStock.modal, #importStockDuplicate.modal, 
#operatorDialog.modal, #salonTimeout.modal,
#deleteStockItem.modal, #deleteImageDialog.modal {
	padding-top: 100px;
}

#loadingModal.modal{
	z-index : 1058 !important;
}

#addSalonsModal .modal-header, #addSalonUser .modal-header, 
#addManufacturer .modal-header, #addStockItem .modal-header, 
#addStockImages .modal-header, #importStock .modal-header,
#exportStock .modal-header, #importStockDuplicate.modal-header, 
#deleteStockItem.modal-header, #deleteImageDialog.modal-header  {
	display: inline;
	background-color: var(--bs-modal-bg);
}

.form-control.is-invalid{
	border-color: var(--bs-form-invalid-border-color) !important;
}

#addSalonsModal .modal-body, #addSalonUser .modal-body, 
#addManufacturer .modal-body, #addStockItem .modal-body, 
#addStockImages .modal-body, #importStock .modal-body, 
#exportStock .modal-body, #importStockDuplicate.modal-body,
#deleteStockItem.modal-body, #deleteImageDialog.modal-body {
	display: inline;
	background-color: var(--bs-modal-bg);
}

#addSalonsModal .modal-footer, #addSalonUser .modal-footer, #addManufacturer .modal-footer, #addStockItem .modal-footer, #addStockImages .modal-footer, #importStock .modal-footer, #exportStock .modal-footer, #importStockDuplicate.modal-footer {
	display: inline;
}

#addSalonsModal .modal-content, #addSalonUser .modal-content,  #addManufacturer .modal-content,  #addStockItem .modal-content, #addStockImages .modal-content, #importStock .modal-content, #exportStock .modal-content, #importStockDuplicate.modal-content {
	background-color: transparent;
}

#importStock .modal-content, #exportStock .modal-content, #importStockDuplicate.modal-content {
	border-radius: 0px;
	border: 0px;
}

#addSalonsModal .modal-dialog, #addSalonsModal .modal-content, 
#addSalonUser .modal-dialog, #addSalonUser .modal-content, 
#addManufacturer .modal-dialog, #addManufacturer .modal-content, 
#addStockItem .modal-dialog, #addStockItem .modal-content, 
#addStockImages .modal-dialog, #addStockImages .modal-content,
#operatorDialog .modal-dialog ,  #operatorDialog .modal-content {

	height:95%;
	border-radius: 0px;
	border: 0px;
}

#addSalonsModal .list-group-item{
	border: none;
	background-color: transparent;
}

#addSalonsModal .list-group-item.active{
	background-color: #C7E1E0;
	color: #000;
}

#list_operators .accordion{
	--bs-accordion-bg: transparent;
	--bs-accordion-btn-icon-width: 1rem;
	--bs-accordion-btn-padding-x: 0rem;
	--bs-accordion-btn-padding-y: 0.25rem;
	--bs-accordion-border-width: 0px;
	--bs-accordion-body-padding-x: 0.15rem;
	--bs-accordion-body-padding-y: 0.25rem;
	--bs-accordion-btn-focus-box-shadow: none;
}
.dropdown-menu{
	--bs-dropdown-link-active-bg: var(--bs-secondary-bg);
	--bs-dropdown-link-active-color: var(--bs-btn-color);
}
#list_operators .accordion-button{
	width:auto;
	font-weight: 500;
	background-color : transparent;
	border:	none;
}
label.vr{
	opacity: 1;
}
#list_operators .accordion-button::after{
	margin-left: 10px;
}

.popover{
	--bs-popover-max-width: 330px;
	--bs-popover-body-padding-x : 0.5rem;
	--bs-popover-body-padding-y : 0.5rem;
}

@media (max-width: 767.98px) { 
	.popover{
		--bs-popover-max-width: 276px;
	}
}
.fs-7{
	font-size : 0.875em;
}

.fs-8{
	font-size : 0.80em
}

.popover .popover-arrow::after, .popover .popover-arrow::before{
	content: none;
}

.popover-body{
	border: 1px solid var(--bs-primary);
}