:root{
	/* greenblue - dark */
	--primary: #37b072;
	--primary-darker: #2e9561;
	--primary-mid: #89d6a5;
	--primary-light: #e0f2e7;

	--secondary: #fd6838;
	--secondary-darker: #d1542c;
	--secondary-mid: #f28663;
	--secondary-light: #fff2ed;

	--blue: #386afd;
	--blue-darker: #2d58d6;
	--blue-mid: #6888e8;
	--blue-light: #e2eaff;

	--yellow: #e4bb33;
	--yellow-darker: #d6b135;
	--yellow-mid: #f3d674;
	--yellow-light: #fff9e5;

	--purple: #6658ea;
	--purple-darker: #5546e8;
	--purple-mid: #a79dff;
	--purple-light: #f4f3ff;

	--dark: #212529;
	--gray-dark: #92929f;
	--gray-mid: #b5b5c3;
	--gray-light: #e9ecef;
	--light: #f5f8fa;
}



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

a{
	color: var(--primary);
}
a:hover{
	color: var(--primary-darker);
}

.f-sm{font-size: 13px;}
.gray-mid{color: var(--gray-mid);}

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


.f-secondary{
	color: var(--secondary);
}

.f-h2{font-size: var(--f-size-h2);}

h1{
	font-size: 36px;
}
.color-gray-dark{
	color: var(--gray-dark);
}

p{
	line-height: 1.2;
}
p.sm{
	font-size: 13px;
}
strong,b{
	font-weight: 500;
}
.btn-default{
	display: inline-block;
	padding: .4rem .8rem;
	background-color: var(--primary);
	border-radius: .375rem;
	text-decoration: none;
	color: #fff;
	transition: color .3s, background-color .3s, border-color .3s;
	outline: 0;
	border: 1px solid var(--primary);
	cursor: pointer;
	user-select: none;
}
.btn-default.fw{
	width: 100%;
	text-align: center;
}
.btn-default.btn-sm{
	padding: .3rem .6rem;
	line-height: 20px;
}
.btn-default:hover{
	background-color: var(--primary-darker);
	color: #fff;
	border-color: var(--primary-darker);
}

.btn-default.light{
	background-color: var(--light);
	border: 1px solid var(--light);
	color: #79798b;
}
.btn-default.light:hover{
	background-color: #e9ecef;
	border: 1px solid #e9ecef;
	color: #79798b;
}

.btn-default.primary-light{
	background-color: var(--primary-light);
	border: 1px solid var(--primary-light);
	color: var(--primary-darker);
}
.btn-default.primary-light:hover{
	background-color: #c6e9d3;
	border: 1px solid #c6e9d3;
	color: var(--primary-darker);
}
.btn-default.only-icon{
	width: 35px;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	line-height: 20px;
	border: 0 !important;
}


.btn-secondary{
	background-color: var(--secondary);
    border-color: var(--secondary);
    color: white;
}
.btn-secondary:hover{
	background-color: var(--secondary-darker);
    border-color: var(--secondary-darker);
    color: white;
}

.btn-default.disabled{
	pointer-events: none;
	opacity: 0.5;
}

select{
-webkit-appearance: listbox !important
}

.form-check-input:focus{
	box-shadow: 0 0 0 rgba(0,0,0,0);
	border-color: rgba(0,0,0,.25);
}


.form-switch{
	padding-left: 3em;
}
.form-switch .form-check-input{
	width: 2.4em;
	margin-left: -3em;
}
.form-switch .form-check-input{
	height: 1.3em;
	margin-top: 1px;
}
.form-check-input:checked{
	background-color: var(--primary);
	border-color: var(--primary);
}
.form-switch .form-check-input:focus{
	box-shadow: 0 0 0 rgba(0,0,0,0);
	border-color: rgba(0,0,0,.25);
}
.form-switch .form-check-input:focus{
	
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:focus:checked{
	border-color: var(--primary);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}


body{
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	background: #f1f4f4;
}

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #a3b0bb;
	opacity: 1; /* Firefox */
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #a3b0bb;
}
.form-control::-ms-input-placeholder { /* Microsoft Edge */
	color: #a3b0bb;
}
.form-control:disabled, .form-control[readonly]{
	background-color: var(--light);
}

.form-control{
	font-size: 15px;
	padding: 0.5rem 0.75rem;
	border-color: #e6eaef;
}
.form-control:focus{
	box-shadow: 0 0 0 0.2rem rgb(104,89,238,0.07);
	border-color: #d9dde1;
}

.form-control.error{
	border-color: #f1416c;
	background-color: #fffdfe;
}
.form-control.error:focus{
	box-shadow: 0 0 0 4px #fff7f8;
}
.note{
	font-size: 13px;
	color: var(--gray-dark);
	margin-top: .375rem;
	margin-bottom: 0;
}

.badge{
	border-radius: 4px;
	font-weight: 400;
}
.badge-primary{
	background-color: var(--primary);
}
.badge-secondary{
	background-color: var(--secondary);
}
.badge-primary-light{
	background-color: var(--primary-light);
	color: var(--primary);
}
.badge-secondary-light{
	background-color: var(--secondary-light);
	color: var(--secondary);
}
.badge-light{
	background-color: var(--light);
	color: #79798b;
}

.form-check-label .badge{
	margin-left: 5px;
	margin-bottom: 5px;
}


.password{
	position: relative;
}
.password i{
	position: absolute;
    right: 10px;
    top: 7px;
    font-size: 18px;
    cursor: pointer;
    color: #ccc;
    transition: color .15s;
}
.password i.bi-eye{
	color: var(--primary);
}
.password-block label{
	width: 100%;
}
.password-block label a{
	float: right;
	font-size: 13px;
}

.form-label{
	margin-bottom: .35rem;
	font-weight: 500;
}
.form-label.required::after{
	content: "*";
	position: relative;
	font-size: inherit;
	color: #f1416c;
	padding-left: 0.25rem;
	font-weight: 700;
}

.btn-outline-light{
	color: #79798b;
	border-color: #e9ecef;
	background-color: transparent;
}
.btn-outline-light:hover{
	background-color: #e9ecef;
	border-color: #e9ecef;
	color: #212529;
}
.btn-outline-primary{
	color: var(--primary);
	border-color: var(--primary);
	background-color: transparent;
}
.btn-outline-primary:hover{
	background-color: var(--primary);
	border-color: var(--primary);
	color: #fff;
}

.container-fluid-basic{
	padding:0 1rem;
}
.container-fluid{
	padding-top: calc(3rem + 50px);
	padding-bottom: 1rem;
	padding-left: calc(280px + 1rem);
	padding-right: 1rem;
	max-width: 2000px;
}
.container-fluid.slim{
	max-width: 1920px;
}
.container-fluid.slim.lg{
	max-width: 1000px;
}


.logo{
	width: 100px;
}
.logo img{
	display: block;
	height: 22px;
}
.main-header{
	height: 54px;
	background-color: #fff;
	position: fixed;
	top:0;left: 0;right: 0;
	z-index: 950;
}
.main-header .container-fluid-basic{
	display: flex;
	align-items: center;
	height: 54px;
}
.main-header .nav-user{
	z-index: 950;
	margin-left: auto;
}
.main-header .nav-user .dropdown-menu{
	min-width: 200px;
}

.sub-header-active .container-fluid{
	padding-top: calc(100px + 1rem);
}
.sub-header{
	height: 46px;
	background-color: #fff;
	position: fixed;
	top:54px;left: 280px;right: 0;
	border-top: 1px solid #f1f4f4;
	border-left: 1px solid #f1f4f4;
	border-bottom: 1px solid #f1f4f4;
	z-index: 948;
	padding: 0 1rem;
	display: flex;
	align-items: center;
	box-shadow: 0 0 15px rgba(0,0,0,.05);
}
.sub-header .btn-default{
	line-height: 18px;
}

.sub-header .breadcrumbs .item{
	display: inline-block;
	color: var(--gray-dark);
	position: relative;
	margin-left: 16px;
	line-height: 1;
	font-size: 13px;
}

.sub-header .breadcrumbs .item::before{
	content: "/";
	padding: 0 3px;
	position: absolute;
	top: 0;left: -16px;bottom: 0;
	font-size: 18px;
	height: 18px;
	margin: auto;
	line-height: 1;
	color: var(--gray-light);
}
.sub-header .breadcrumbs .item:first-child::before{
	display: none;
}
.sub-header .breadcrumbs .item:first-child{
	margin-left: 0;
}
.sub-header .breadcrumbs .item a{
	color: var(--dark);
	transition: color .3s;
	text-decoration: none;
	font-weight: 500;
}
.sub-header .breadcrumbs .item a:hover{
	color: var(--primary);
}
.sub-header .btn-default i {
	font-size: 16px;
	margin-right: 3px;
}
.sub-header .btn-default i.bi-three-dots-vertical {
	margin-right: 0;
}

.side-nav .nav-pills .nav-link{
	color: #212529;
	margin-top: 2px;
	margin-bottom: 2px;
	line-height: 1;
	padding-top: 10px;
	padding-bottom: 10px;
	transition: background-color 0.3s;
}
.side-nav .nav-pills .nav-link:hover{
	background-color: var(--light);
}
.side-nav .nav-pills .nav-link .badge{
	float: right;
}
.side-nav .nav-pills .nav-link i{
	margin-right: .1rem;
	font-size: 17px;
}


.side-nav-overlay{
	background-color: rgba(0, 0, 0, 0.3);
	position: fixed;
	top: 0;left: 0;right: 0;bottom: 0;
	z-index: 949;
	display: none;
}
.side-nav{
	position: fixed;
	top: 54px;
	left: 0;
	bottom: 0;
	background-color: #fff;
	border-top: 1px solid #f1f4f4;
	z-index: 949;
	transition: margin-left .3s ease-out;
}
.side-nav.active{
	margin-left: 0;
}
.side-nav .nav-pills .nav-link.active{
	background-color: var(--primary-light);
	color: var(--dark);
}

.nav-user a{
	flex-wrap: wrap;
	border: 0;
	outline: 0;
	box-shadow: unset;
}
.nav-user a .btn-default{
	margin-left: 10px;
}
.nav-user .dropdown-toggle::after{
	display: none;
}
.nav-user p{
	margin-bottom: 0;
	line-height: 1;
	width: 100%;
}
.nav-user p.mail{
	font-size: 12px;
	color: var(--gray-dark);
}
.nav-user p.name{
	font-size: 13px;
	margin-bottom: 3px;
}
.nav-user .avatar{
	background-color: var(--primary-light);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	border-radius: 50%;
	width: 34px;
	height: 34px;
	margin-right: .5rem;
	font-size: 14px;
	color: var(--primary);
	text-transform: uppercase;
}


.nav-facilities{
	cursor: pointer;
	margin-bottom: 1rem;
}
.nav-facilities .label{
	color: var(--gray-mid);
	font-size: 13px;
	line-height: 1;
	margin-bottom: 3px;
}
.nav-facilities .name{
	font-weight: 500;
	font-size: 16px;
	color: var(--dark);
	line-height: 1;
	padding-right: 25px;
}
.nav-facilities .btn-default i{
	position: absolute;
	top: 0;
	right: 1rem;
	margin: auto;
	bottom: 6px;
	height: 16px;
	font-size: 16px;
	color: #a7b1b9;
	transition: color .3s;
}
.nav-facilities .btn-default{
	width: 100%;
	border: 0;
	background-color: #e9ecef;
	padding: 0.8rem 0.8rem;
}
.nav-facilities .dropdown-menu{
	width: 100%;
}
.nav-facilities .btn-default:hover i{
	color: var(--gray-mid);
}
.nav-facilities .btn-default:hover{
	background-color: #dde0e4;
}
.nav-facilities .dropdown-item{
	position: relative;
	white-space: normal;
}

.nav-facilities .dropdown-item i.bi-house{
	position: absolute;
	top: 0;
	bottom: 0;
	right: .6rem;
	margin: auto 0;
	height: 18px;
	opacity: .4;
	display: none;
}
.nav-facilities .dropdown-item.home i.bi-house{
	display: block;
}










.container{
	max-width: 1400px;
}





.list-group-item+.list-group-item{
	user-select: none;
}


.col-auto.w-70-px{
	width: 70px;
}
.col-auto.w-90-px{
	width: 90px;
}
.col-auto.w-100-px{
	width: 100px;
}
.col-auto.w-150-px{
	width: 150px;
}
.mb-xs{
	margin-bottom: .5rem;
}

.card{
	border: 0;
}
.card-body{
	cursor: default;
}
.card-header{
	position: relative;
}
.card.p-md .card-body{
	padding: 1.5rem;
}

.choose-builder-item .card-body{
	cursor: pointer;
	background-color: var(--primary);
	border-radius: var(--bs-card-inner-border-radius);
	text-align: center;
	color: #fff;
	transition: background-color .3s;
}
.choose-builder-item .card-body:hover{
	background-color: var(--primary-darker);
}

.delete-row{
	cursor: pointer;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
}


.mr-xs{
	margin-right: .5rem;
}

.manrope{
	font-family: "Manrope";
}
.lato{
	font-family: "Lato";
}
.poppins{
	font-family: "Poppins";
}
.sourceserif{
	font-family: "Source Serif Pro";
}
.raleway{
	font-family: "Raleway";
}
.albert{
	font-family: "Albert Sans";
}
.merri{
	font-family: "Merriweather";
}
.playfair{
	font-family: "Playfair Display";
}
.cheque{
	font-family: "Cheque";
}



.uploadimage{
	width: 70px;
	height: 70px;
	border-radius: 4px;
	border: 1px solid #ced4da;
	object-fit: contain;
	padding: 3px;
}

.form-switch label{
	cursor: pointer;
	user-select: none;
}




.list-items .list-item.h .sm-h{
	color: var(--gray-dark);
	font-size: 13px;
}
.list-items .list-item{
	padding: 10px 0;
	border-bottom: 1px dashed #eff2f5;
}
.list-items .list-item .title b{
	cursor: pointer;
}
.list-items .list-item .title a{
	color: inherit;
	text-decoration: none;
	font-weight: 500;
	transition: color .3s;
}
.list-items .list-item .title a:hover{
	color: var(--primary);
}
.list-items .list-item .title p{
	margin-bottom: 0;
	font-size: 13px;
	color: var(--gray-mid);
	max-width: 500px;
}
.list-items .list-item:last-child{
	border-bottom: 0;
}
.list-items .list-item .row{
	align-items: center;
	flex-wrap: nowrap;
}
.list-items .list-item .btn-default{
	font-size: 13px;
	margin-left: 3px;
	line-height: 1;
	height: 32px;
	display: flex;
	align-items: center;
}
.list-items .list-item .btn-default.only-icon{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
}
.list-items .list-item .btn-default.only-icon i{
	font-size: 15px;
}
.list-items .list-item .btn-default.only-icon i.bi-house-fill{
	color: var(--primary);
}

.dropdown-menu{
	border: 0;
	box-shadow: 0px 3px 12px rgba(0,0,0,0.1);
	padding: 8px;
	border-radius: 4px;
	opacity: 0;
	transition: transform .2s;
	top: auto!important;
}
.dropdown-menu.show{
	opacity: 1;
	transition: transform .2s;
}
.dropdown-menu{
	animation-name: slideIn;
	animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}
@keyframes slideIn {
	0% {
		transform: translateY(5px);
		opacity: 0;
	}
	100% {
		transform: translateY(0rem);
		opacity: 1;
	}
	0% {
		transform: translateY(5px);
		opacity: 0;
	}
}

.dropdown-item{
	border-radius: 4px;
	font-size: 15px;
	padding: .3rem .6rem;
	line-height: 20px;
	transition: background-color .3s;
	cursor: pointer;
}
.dropdown-item:focus, .dropdown-item:hover {
    background-color: var(--gray-light);
}
.dropdown-item i{
	margin-right: .1rem;
}
.list-items .list-item button.dropdown-item{
	font-size: 15px;
}
.dropdown-item.active{
	background-color: var(--primary);
}
.dropdown-item:active{
	background-color: var(--gray-light);
	color: var(--dark);
}

.dropdown-divider{
	border-top: 1px solid rgb(0,0,0,0.08);
}

.page-link{
	border: 0;
	line-height: 20px;
	font-size: 15px;
	border-radius: 0.375rem;
	color: var(--gray-dark);
	box-shadow: unset!important;
}
.page-link:hover{
	color: var(--dark);
}
.page-item.active .page-link{
	background-color: var(--primary);
}
.page-item.active .page-link:hover{
	color: #fff;
}
.page-link i{
	color: var(--gray-mid);
	transition: color .2s;
}
.page-item.prev:hover .page-link,.page-item.next:hover .page-link{
	background-color: transparent;
}
.page-item.prev:hover i,.page-item.next:hover i{
	color: var(--bs-card-color);
}
.pgn-text{
	margin-right: 10px;
	font-size: 13px;
	color: var(--gray-mid);
}

.listing-search{
	max-width: 400px;
	margin-right: auto;
	position: relative;
}
.listing-search i{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	height: 16px;
	font-size: 16px;
	line-height: 16px;
	left: 15px;
	margin: auto;
	opacity: .5;
}
.listing-search input{
	border: 0;
	height: 100%;
	border: 0;
	background-color: var(--light);
	transition: background-color .3s;
	padding: 0.65rem 0.75rem;
	padding-left: 45px;
}
.listing-search input:focus{
	box-shadow: 0 0 0 0rem rgb(0,0,0);
	background-color: var(--gray-light);
}

.listing .card-body{
	padding: 1.5rem;
}
.btn{
	font-size: 15px;
}

.ml-auto{
	margin-left: auto;
}


.modal-content{
	border: 0;
}
.modal-content iframe{
	border-radius: 0.375rem;
}
.modal-header{
	padding: 1.5rem 1.5rem 0 1.5rem;
	border-bottom: 0;
}
.modal-body{
	padding: 1.5rem;
}
.modal-footer{
	border-top: 0;
	padding: 0 1.5rem 1.5rem 1.5rem;
}
.btn-close{
	background-size: 0.8em;
}

.line-tab-nav {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}
.line-tab-nav .item {
    cursor: pointer;
    padding: 8px;
    transition: all 0.3s;
    position: relative;
    user-select: none;
    font-weight: 500;
    white-space: nowrap;
}
.line-tab-nav .item.active {
    color: var(--primary);
}
.main-line-nav{
	margin: 0 0;
}
.main-line-nav .item{
	padding: 8px 10px;
	border-radius: 6px;
	font-weight: 400;
	margin-right: 5px;
	border: 1px solid #e0e0e2;
}
.main-line-nav .item.active{
	background-color: var(--primary);
	color: #fff;
	border: 1px solid var(--primary);
}
.main-line-nav .item.active::after{
	display: none;
}
.main-line-nav .item.active::before{
	position: absolute;
	left: 0;
	right: 0;
	bottom: -7px;
	content: "";
	width: 0; 
	height: 0; 
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid var(--primary);
	margin: 0 auto;
}

.card-body-top-nav .line-tab-nav::after {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 0;
    border-bottom: 3px solid var(--bs-gray-200);
}
.line-tab-nav .item.active::after {
    content: "";
    left: 8px;
    right: 8px;
    bottom: 0;
    position: absolute;
    z-index: 1;
    border-bottom: 3px solid var(--primary);
}
.card-body-top-nav{
	margin-top: -0.5rem;
	margin-bottom: 1rem;
}

.tab{
	display: none;
}
.tab.active{
	display: block;
	animation: fadeEffect .5s;
}
@keyframes fadeEffect {
	from {opacity: 0;}
	to {opacity: 1;}
}

hr{
	border-color: #efefef;
	opacity: 1;
}


.login-row{
	height: 100vh;
	width: 600px;
	background-color: #fff;
	box-shadow: 0 0px 30px 0 rgba(0, 0, 0, .15);
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
}
.login-page, .signup-page{
	background-image: url('../img/intro-bg-2.jpg');
	background-size: cover;
	min-height: 100vh;
}
.login-card{
	width: 100%;
	max-width: 400px;
	padding: 2rem;
}
.login-card .signup{
	text-align: center;
	margin-top: 1rem;
	margin-bottom: 1rem;
	font-size: 13px;
}
.login-card a{
	text-decoration: none;
	color: var(--primary);
	font-weight: 500;
}
.login-card a:hover{
	text-decoration: underline;
}
.login-card .card-body{
	padding: 0rem;
}
.login-card .btn-default{
	line-height: 30px;
}
.login-card .alert{
	margin-bottom: 0;
	margin-top: .5rem;
}
.login-card .card-body-top-nav{
	margin-bottom: 2rem;
	margin-top: 0;
}

.login-header{
	width: 400px;
	top: 50px;
	position: absolute;
	padding-left: 2rem;
	padding-right: 2rem;
	display: flex;
	justify-content: center;
}





.alert-danger{
	background-color: #fff5f8;
	border-color: #fff5f8;
	color: #f1416c;
}
.alert-info{
	background-color: #fff3cd;
	border-color: #fff3cd;
	color: #664d03;
}
.alert-success{
	background-color: #e8fff3;
	border-color: #e8fff3;
	color: #00ab4e;
}


.relative{
	position: relative;
}






.builder-header{
	position: fixed;
	top: 54px;
	left: 0;
	right: 0;
	height: 50px;
	background-color: #fff;
	z-index: 948;
	display: flex;
	align-items: center;
	padding-left: 1rem;
	padding-right: 1rem;
	border-top: 1px solid #f1f4f4;
}
.builder-header .back{
	color: inherit;
}
.builder-header .back i{
	font-size: 22px;
	transition: all .3s;
	display: block;
}
.builder-header .back:hover i{
	transform: translateX(-3px);
}

.builder-header .title{
	font-weight: 500;
}
.builder-header .name{
	font-weight: 400;
	margin-left: 5px;
}
.builder-header .spacer{
	border-left: 1px solid #efefef;
	height: 30px;
	margin: 0 10px;
}
.builder-header .btn-default{
	margin-left: auto;
	line-height: 18px;
}
.builder-header .ml-auto .dropdown{
	display: inline-block;
}
.btn-transparent{
	background-color: transparent;
	border-color: transparent;
	color: #79798b;
}
.btn-transparent.show{
	background-color: #e9ecef;
	border-color: #e9ecef;
	color: #212529;
}
.btn-transparent:hover{
	background-color: #e9ecef;
	border-color: #e9ecef;
	color: #212529;
}

.builder-header .btn-default.only-icon{
	width: 35px;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}
.builder-header .btn-default.only-icon.active{
	background-color: var(--primary);
	border-color: var(--primary);
	color: #fff;
}


.builder-container{
	padding-top: 120px;
	padding-right: 276px;
	padding-left: 16px;
	padding-bottom: 25px;
	overflow: hidden;
}


.builder-blocks-area{
	position: fixed;
	top: 51px;
	left: 0;
	z-index: 999;
	height: 100%;
	background-color: #fff;
	box-shadow: 0px 3px 23px rgb(0,0,0,0);
	width: 260px;
}


.versions-dropdown{
	width: 260px;
	max-height: 300px;
	overflow-y: auto;
}
.dropdown-h{
	font-size: 13px;
    color: var(--gray-mid);
    padding: 0.3rem 0.6rem;
    font-weight: 400;
}

.scrollbar-custom {
    scrollbar-width: thin;
    scrollbar-color: var(--primary) #f7f7f7;
    scrollbar-face-color: var(--primary);
    scrollbar-arrow-color: #090;
    scrollbar-track-color: #f7f7f7;
}
.scrollbar-custom::-webkit-scrollbar {
    width: 8px;
    border-radius: 8px;
}
.scrollbar-custom::-webkit-scrollbar-thumb {
    background-color: #d0d0db;
    border-radius: 8px;
    border: 2px solid #f7f7f7;
}
.scrollbar-custom::-webkit-scrollbar-track {
    background: #fff;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.replace-old-builder{
	display: flex;
	align-items: center;
}
.replace-old-builder span.version{
	background-color: var(--primary);
	display: inline-block;
	padding: 4px 4px;
	font-size: 12px;
	color: #fff;
	border-radius: 4px;
	margin-right: .5rem;
	line-height: 1;
}
.replace-old-builder div{
	display: flex;
	align-items: center;
	width: 100%;
}
.replace-old-builder span.date{
	font-size: 15px;
	color: var(--dark);
	font-weight: 500;
	display: block;
	line-height: 1.1;
}
.replace-old-builder span.time{
	font-size: 13px;
	line-height: 1.1;
	color: var(--gray-mid);
	transition: all .3s;
	line-height: 1.1;
	margin-left: auto;
}

.builder-nav-area{
	position: fixed;
	top: 104px;
	right: 0;
	z-index: 947;
	height: 100%;
	background-color: #fff;
	box-shadow: 0px 3px 23px rgb(0,0,0,0);
	width: 260px;
	border-top: 1px solid #f1f4f4;
	transition: margin-right .3s ease-out;
}

.builder-sidebar-wrapper{
	height: auto;
	padding: 1rem;
}
.builder-sidebar-wrapper .headline{
	font-size: 13px;
	color: var(--gray-mid);
	margin-bottom: 5px;
}
.builder-sidebar-wrapper .btn-default{
	width: 100%;
	text-align: center;
	line-height: 22px;
	font-size: 13px;
	padding: 3px 6px;
	margin-top: 8px;
}

#builder-nav{
	font-size: 13px;
	overflow-y: auto;
	max-height: calc(100vh - 200px);
}
#builder-nav div{
	font-size: 13px;
	background-color: transparent;
	padding: 3px 8px;
	border-radius: 4px;
	cursor: pointer;
	margin: 0px 0;
	transition: background-color .2s;
	display: flex;
	align-items: center;
	user-select: none;
}
#builder-nav .b_1{
	font-weight: 600;
}
#builder-nav div.page-break:last-child{
	margin-bottom: 0;
}
#builder-nav div.page-break:last-child::after{
	display: none;
}
#builder-nav div.page-break{
	margin-bottom: 16px;
	position: relative;
}
#builder-nav div.page-break::after{
	content: "";
	position: absolute;
	bottom: -8px;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #efefef;
}

#builder-nav div i{
	font-size: 16px;
	margin-right: .5rem;
}
#builder-nav div:hover{
	background-color: #e9ecef;
}

#builder-nav.more-items div{
	padding: 2px 8px;
}


#builder{
	position: relative;
}
#builder .card-header{
	height: 28px;
	border-bottom: 0;
	border-radius: .375rem;
	background-color: transparent;
}

#builder .card .hover-panel{
	position: absolute;
	left: 100px;
	right: 100px;
	height: 30px;
	opacity: 0;
	cursor: default;
	pointer-events: none;
	z-index: 1;
	display: flex;
	justify-content: center;
}
#builder .card .hover-panel.top{
	top: -30px;
}
#builder .card .hover-panel.bottom{
	bottom: -30px;
}

#builder .card .hover-panel .item{
	width: 25px;
	height: 25px;
	background-color: var(--primary);
	color: #fff;
	opacity: 1;
	border-radius: 4px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	user-select: none;
	transition: all .3s;
	font-size: 14px;
	opacity: 0;
	transform: translateY(5px);
	pointer-events: none;
	margin: 0 2px;
}
#builder .card .hover-panel .item i.bi-plus{
	font-size: 18px;
}
#builder .card .hover-panel .item.gray{
	background-color: var(--gray-mid);
}
#builder .card .hover-panel.bottom{
	align-items: end;
}
#builder .card .hover-panel.bottom .item{
	transform: translateY(-5px);
	bottom: 0;
}
#builder .card .hover-panel .item i{
	line-height: 1;
}



#builder .card:hover .hover-panel{
	opacity: 1;
	pointer-events: auto;
}
#builder .card:hover .hover-panel .item:hover{
	opacity: 1;
}
#builder .card:hover .hover-panel .item{
	transform: translateY(0px);
	opacity: .5;
	pointer-events: auto;
}


#builder .card:first-child:hover{
	margin-top: 0px;
}
#builder .card:first-child .hover-panel.top{
	top: -12px;
}


.item-paste.disabled{
	display: none!important;
}

.actions{
	display: flex;
	align-items: center;
	margin-left: auto;
}
.actions .icon-item{
	width: 22px;
	height: 22px;
	text-align: center;
	border-radius: 4px;
	transition: background-color .3s;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	user-select: none;
}
.actions .icon-item:hover{
	background-color: #e9ecef;
}
.builder-area .card .floating-bar .actions i{
	margin: 0;
	opacity: .5;
	font-size: 14px;
	line-height: 1;
}
.builder-area .card .floating-bar .actions i.bi-x{
	font-size: 18px;
}

#builder .card-header i{
	font-size: 16px;
}
#builder .card-body{
	background-color: #fff;
	border-radius: 0 0 .375rem .375rem;
}
#builder .form-control{
	font-size: 13px;
	padding: .3rem .5rem;
	line-height: 13px;
	min-height: 13px;
}
#builder .mb-xs{
	margin-bottom: .2rem;
}
.builder-area{
}
.builder-area .card{
	cursor: pointer;
	margin-bottom: 10px;
	transition: box-shadow .3s, margin-top .2s, margin-bottom .2s;
	position: relative;
	background-color: transparent;
}
.builder-area .card.highlight{
	box-shadow: 0 0 0 3px #4cb0707d;
}
.builder-area .card.simple .card-header{
	border-bottom: 0;
}
.builder-area .rows .row{
	margin-bottom: 10px;
	background-color: #fff;
	border-radius: .375rem;
	align-items: center;
}
.builder-area .rows .row .drag-item{
	cursor: grab;
}
.builder-area .rows .row .drag-item img{
	margin: 0 5px;
	opacity: .3;
}
.builder-area .rows .row .drag-item:active{
	cursor: grabbing;
}

.builder-area .card .floating-bar{
	padding: 5px 8px;
	font-size: 12px;
	display: flex;
    align-items: center;
    line-height: 1;
    background-color: #fff;
    border-top-left-radius: .375rem;
    border-top-right-radius: .375rem;
    font-size: 13px;
    border-bottom: 1px solid #f1f4f4;
    right: 0;
    font-weight: 500;
    cursor: grab;
}
.builder-area .card .floating-bar:active{
	cursor: grabbing;
}
.builder-area .card .floating-bar .section-name{
	margin-left: 5px;
	font-weight: 500;
}

.fold .card .floating-bar{
	border-radius: .375rem;;
}
.fold .card{
	margin-bottom: 5px;
}


.builder-area .card .floating-bar i{
	font-size: 16px;
	margin-right: 0.5rem;
}
.builder-area .card .floating-bar img{
	margin-right: .5rem;
	opacity: .3;
}

.info-modal i{
	font-size: 52px;
	text-align: center;
	margin-bottom: 0rem;
	color: var(--primary);
}
.info-modal .warning i{
	color: #f1416c;
}
.info-modal p{
	margin-bottom: 0;
}

#builder .card[data-type="4"] .floating-bar{
	border-radius: 4px;
}

.dropdown-menu.options{
	width: 200px;
	cursor: default;
	padding-bottom: 1rem;
}
.dropdown-menu.options .narrow-block{
	padding: 0 8px;
}
.dropdown-menu.options .dropdown-h{
	margin-bottom: 5px;
}
.dropdown-menu.options li:first-child{
	margin-top: 0;
}
.dropdown-menu.options li{
	margin-top: 5px;
}
.dropdown-menu.options .form-control{
	padding: .5rem .5rem;
	line-height: 13px;
}


.option-color{
	display: flex;
	margin: -2px;
	cursor: default;
	flex-wrap: wrap;
}
.option-color div{
	width: 25%;
	padding: 2px;
}
.option-color label{
	width: 100%;
	padding-bottom: calc(100% - 2px);
	border-radius: .375rem;
	border: 1px solid var(--gray-light);
	cursor: pointer;
	transition: all .2s;
	opacity: .8;
}
.option-color input:checked + label {
    border: 1px solid var(--primary);
    box-shadow: 0 0 0 2px rgba(79,173,168,.5);
    opacity: 1;
}
.option-color label:hover{
	opacity: 1;
}















.dark-tooltip{
	--bs-tooltip-bg: var(--dark);
	font-size: 13px;
	line-height: 1.2;
}




#modal-fm .modal-content iframe{
	min-height: 500px;
}
.open-fm {
    border-radius: .375rem;
    border: 1px dashed #e6eaef;
    padding: 2rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.open-fm i {
    color: var(--primary);
    font-size: 38px;
    margin-bottom: 15px;
    height: 50px;
    display: block;
}

.select-files{
	position: relative;
}
.select-files .clean{
	margin-left: auto;
	width: 26px;
    height: 26px;
    background: var(--secondary);
    border-radius: .375rem;
    transition: 0.3s background-color;
    position: absolute;
    top: 0;
    right: 10px;
    top: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.select-files .clean:hover{
	background-color: var(--secondary-darker);
}
.select-files .clean i{
	font-size: 20px;
	color: #fff;
    text-align: center;
    line-height: 1;
    height:20;
    margin:0!important;
}
#builder .select-files .clean{
	display: none!important;
}

.open-fm div {
    text-align: center;
    display: block;
    display: inline-block;
}
.open-fm div span {
    font-weight: 500;
    display: block;
}

.select-files .items{
	margin-bottom: -0.5rem;
}
.select-files .items .item{
	display: flex;
	align-items: center;
	margin-bottom: .5rem;
	margin-top: .5rem;
}
.open-fm[data-multiple=true]{
	margin-bottom: 1rem;	
}
.select-files .items .item .img{
	border-radius: .375rem;
	border: 1px solid #e6eaef;
	padding: 5px;
	width: 50px;
	height: 50px;
	min-width: 50px;
}
.select-files .items .item .img img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.select-files .items .item .info{
	padding-left: .5rem;
	width: 100%;
	padding-right: .5rem;
}
.select-files .items .item .delete{
	width: 50px;
	min-width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	min-height: 50px;
}
.select-files .items .item .delete i{
	opacity: .5;
	transition: opacity .3s;
	font-size: 22px;
}
.select-files .items .item .delete:hover i{
	opacity: 1;
}
.select-files .items .item .info-title{
	font-weight: 500;
	margin-bottom: 1px;
	line-height: 1.2;
	word-break: break-all;
}
.select-files .open-fm img{width: 50px;height: 50px;object-fit:contain;margin-bottom: 15px;}

.select-files.simple .open-fm{
	padding:5px 10px;
	background-color: var(--light);
	align-items: flex-start;
}
.select-files.simple .open-fm > div{
	font-size: 12px;
	text-align: left;
	width: 100%;
	display: flex;
	align-items: center;
}
.select-files.simple .open-fm .desc{
	text-align: left;
}
.select-files.simple .open-fm div span{
	font-size: 14px;
}
.select-files.simple .open-fm img{
	margin:0 10px 0 0;
}
.select-files.simple .open-fm i{
	margin:0 10px 0 0;
}





.sort .open-fm{
	padding: 0;
	height: 100%;
}
.sort .open-fm i{
	font-size: 22px;
	margin:0;
	height: auto;
	display: inline-block;
}
.sort .select-files{
	height: 100%;
}
.sort .select-files .items .item:first-child{
}
.ui-sortable-helper{
	opacity: .8;
}

.cards-input-chooser{
	display: flex;
	margin: 0 -3px;
	flex-wrap: wrap;
}
.cards-input-chooser .item-col{
	width: 50%;
	padding: 0 3px;
	margin-bottom: 6px;
}
.cards-input-chooser .item-col.item-col-4{
	width: 25%;
}
.cards-input-chooser .item-col.item-col-fifth{
	width: 20%;
}
.cards-input-chooser .item-col.onlyicon svg{
	margin-right: 0;
}
.cards-input-chooser .item{
	width: 100%;
	height: 40px;
	border-radius: .375rem;
	border: 1px solid #e9ecef;
	transition: all .3s;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	flex-direction: row;
}
.cards-input-chooser .item i{
	font-size: 32px;
}
.cards-input-chooser .item svg{
	width: 14px;
	height: auto;
	margin-bottom: 0;
	margin-right: 8px;
	transition: fill .3s;
	color: var(--dark);
}
.cards-input-chooser .item.icon-h svg{
	height: 14px;
	width: auto;
}
.cards-input-chooser .item .title{
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
}
.cards-input-chooser .item .title span{
	font-size: 14px;
	font-weight: 400;
	display: none;
	opacity: .7;
	line-height: 1;
}
.cards-input-chooser .item-col input{
	display: none;
}
.cards-input-chooser .item-col input:checked + label{
	border: 1px solid var(--primary);
	opacity: 1;
	color: var(--primary);
}

.cards-input-chooser.colored-bg .item-col input:checked + label{
	background-color: #f9fffb;
}

.cards-input-chooser .item-col input:checked + label svg{
	fill: var(--primary)!important;

}

.cards-input-chooser.md-icons svg{
	width: 30px;
	height: 30px;
	min-height: 30px;
	margin-right: 0;
	margin-bottom: .375rem;
}

.cards-input-chooser.md-icons .item{
	flex-direction: column;
	padding: .5rem .5rem;
	min-height: 80px;
	justify-content: center;
	text-align: center;
	height: 100%;
}


.alert{
	line-height: 1.2;
	padding: .5rem 1rem .5rem 2.5rem;
}
.alert i{
	position: absolute;
	left: 1rem;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 16px;
    font-size: 16px;
    line-height: 1;
}
.alert a{
	text-decoration: underline;
	color: inherit;
}

.no-results{
	text-align: center;
	padding: 2rem;
}
.no-results .h{
	font-weight: 500;
	font-size: 22px;
}
.no-results p{
	color: var(--gray-dark);
}


.row-cols-mb-3 > div:last-child{
	margin-bottom: 0;
}


#password-recovery input{
	width: 100%;
	margin-top: 1rem;
}

a.user-sub{
	text-decoration: none!important;
}
.user-sub{
	background-color: var(--primary);
	border-radius: .375rem;
	padding: 1rem;
}
.user-sub .uptitle{
	font-size: 13px;
    color: var(--primary-mid);
    line-height: 1.2;
}
.user-sub .title{
	font-size: 16px;
	font-weight: 500;
	color: #fff;
}
.h-line-graph{
	background-color: var(--primary-darker);
	width: 100%;
	height: 8px;
	border-radius: 2px;
	position: relative;
	margin-top: 1rem;
}
.h-line-graph .val{
	background-color: #fff;
	border-radius: 2px;
	position: absolute;
	height: 8px;
	left: 0;
	top: 0;
}
.h-line-graph-desc{
	font-size: 12px;
    color: var(--primary-mid);
    line-height: 1.2;
    margin-top: 5px;
}

.card-header-desc{
	background: #fff;
    border-radius: 0.375rem 0.375rem 0 0;
    padding: 1rem;
    margin-bottom: 2px;
}
.card-header-desc h5{
	margin-bottom: 0;
}
.card-header-desc h6{
	margin-bottom: 0;
}
.card-header-desc p{
	max-width: 500px;
	font-size: 13px;
	color: var(--gray-dark);
	margin-bottom: 0;
	margin-top: .5rem;
}
.card-with-header{
	border-radius: 0 0 0.375rem 0.375rem;
}
.card-with-header .mr-xs{
	margin-right: 4px;
}

.builder-page .side-nav{
	display: none!important;
}

.custom-toast{
	position: fixed;
	top: 105px;
	right: 1rem;
	margin: 0 auto;
	transform: translateY(20px);
	transition: all 0.3s;
	opacity: 0;
	visibility: hidden;
	z-index: 99999;
	pointer-events: none;
	max-width: 300px;
}
.custom-toast.active{
	transform: translateY(0px);
	opacity: 1;
	visibility: visible;
}
.toast-desc{
	font-size: 14px;
	padding: .75rem 1rem .75rem 2.5rem;
	box-shadow: 0 3px 12px rgb(0 0 0 / 13%);
	font-weight: 400;
	border-radius: .375rem;
	background-color: var(--primary);
	color: #fff;
	line-height: 1.2;
	min-height: 40px;
	display: flex;
	align-items: center;
	display: none;
}
.toast-desc i{
	margin-right: 5px;
	font-size: 16px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 1rem;
	margin: auto 0;
	height: 18px;
	width: 16px;
}

.confirmation-dropdown{
	font-size: 15px;
	width: 200px;
	padding-top: 1rem;
	padding-bottom: 1rem;
	cursor: default;
	font-weight: 400;
	text-align: center;
}
.confirmation-dropdown p{
	margin-bottom: .5rem;
}
.confirmation-dropdown i{
	color: var(--primary);
	font-size: 42px!important;
	opacity: 1!important;
	margin-bottom: .5rem!important;
	display: inline-block;
}
.confirmation-dropdown .btn-default{
	font-size: 13px;
}

.text-right{
	text-align: right;
}
.col-100{
	width: 100px;
}
.col-150{
	width: 150px;
}
.col-200{
	width: 200px;
}
.col-300{
	width: 300px;
}

.side-nav hr{
	margin: .5rem 0;
}

#item-chooser .bi{
	font-size: 20px;
}


.num-no{
	min-width: 20px;
	display: inline-block;
}

.g-login{
	display: flex;
	width: 100%;
	align-items: center;
	height: 40px;
	justify-content: center;
	margin-top: 15px;
}
.g-login span{
	line-height: 1;
	padding-top: 3px;
	margin-left: 7px;
	color: var(--dark);
}
.g-login:hover span{
	color: var(--dark);
}



.card-in{
	background-color: var(--light);
	border-radius: .375rem;
	padding: 1rem;
	margin-bottom: 1rem;
}
.card-in:last-child{
	margin-bottom: 0rem;
}
.pricing .price{
	color: var(--primary);
	font-weight: 600;
}
.pricing .price span{
	font-size: 13px;
	color: var(--gray-mid);
	font-weight: 400;
	margin-left: 5px;
}
.pricing .time-left span{
	font-weight: 400;
	font-size: 13px;
}
.pricing .uppertitle{
	font-size: 13px;
	color: var(--gray-dark);
}


.note-editable b{
	font-weight: 600;
}
.note-editable h6{
	font-size: 12px;
}
.note-icon-caret{
	display: none!important;
}
.note-btn-group .note-btn .bi{
	font-size: 18px;
}
.note-btn{
	line-height: 1;
}
.note-editor.note-frame, .note-editor.note-airframe{
	border: 1px solid #e6eaef;
}
.note-toolbar{
	background-color: transparent;
	border-bottom: 1px solid #e6eaef;
}
.note-editor.note-frame .note-statusbar, .note-editor.note-airframe .note-statusbar{
	border-top: 1px solid #e6eaef;
	background-color: var(--light);
	border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.note-btn{
	border: 0!important;
	border-radius: 4px!important;
	background-color: transparent;
	box-shadow: 0 0 0 rgba(0,0,0,0)!important;
	transition: background-color .2s;
	padding: 5px 7px;
}
.note-btn:hover, .note-btn:focus, .note-btn.focus{
	background-color: var(--gray-light);
	border-radius: 3px;
}
.note-btn:active, .note-btn.active{
	border-radius: 3px;
	background-color: var(--gray-light);
}
.note-popover .popover-content>.note-btn-group, .note-editor .note-toolbar>.note-btn-group{
	margin-right: 0;
}
.note-editor .note-toolbar .note-para .note-dropdown-menu {
    min-width: 137px;
}
.note-editor .note-toolbar .note-para .note-dropdown-menu .note-btn-group{
	margin-right: 0;
}
.note-editor .note-toolbar .note-para .note-dropdown-menu .note-list{
	display: none;
}
/*[data-type='1'] .form-control{
	font-weight: 600;
}*/


.checkbox-group-error{display: none;}


.widget-list .list-item:first-child{
	padding-top: 0;
}
.widget-list .list-item:last-child{
	padding-bottom: 0;
}
.last-edited-item{
	background-color: #fff;
	border-radius: 0.375rem;
	padding: 1rem;
	display: block;
	color: var(--dark);
	text-decoration: none;
	transition: box-shadow .3s;
}
.last-edited-item:hover{
	color: var(--dark);
	box-shadow: 0 0 0 3px #4cb07033;
}
.last-edited-item .icon{
	color: #fff;
	font-size: 13px;
	margin-bottom: 1rem;
	color: var(--gray-mid);
}
.last-edited-item .title{
	font-size: 20px;
	line-height: 1.1;
	font-weight: 500;
	margin-bottom: 8px;
}
.last-edited-item .edited{
	font-size: 13px;
	color: var(--gray-mid);
	padding-top: 5px;
	border-top: 1px solid var(--gray-light);
}

.last-edited-item .image{
	margin-left: -10px;
	margin-top: -10px;
	width: calc(100% + 20px);
	height: 150px;
	margin-bottom: 20px;
	border-radius: 0.375rem;
	background-color: #f4f4f4;
	overflow: hidden;
	position: relative;
}
.last-edited-item .image .pdf-image{
	width: calc(100% - 20px);
	margin-left: 10px;
	margin-top: 10px;
	border-radius: 0.375rem 0.375rem 0 0;
	position: relative;
	z-index: 2;
}
.last-edited-item .image .loader{
	background-image: url('../img/loader.gif');
	background-repeat: no-repeat;
	background-size: 30%;
	background-position: center;
	position: absolute;
	top: 0;left: 0;right: 0;bottom: 0;
	z-index: 1;
}
.last-edited-item .image .no-image{
	background-image: url('../img/no-screen.png');
	background-repeat: no-repeat;
	background-size: 30%;
	background-position: center;
	position: absolute;
	top: 0;left: 0;right: 0;bottom: 0;
	z-index: 1;
	display: none;
	opacity: 0.1;
}
.last-edited-item .badge{
	margin-bottom: 1.5rem;
}

.widget.default{
	background-color: var(--light);
    border-radius: 0.375rem;
    padding: 1rem;
    display: block;
    color: var(--dark);
    text-decoration: none;
}
.modal .widget.default{
    padding: 0.75rem;
    height: 100px;
    display: flex;
    flex-direction: column;
}
.widget b{
	font-weight: 700;
}
.widget.default.primary{
	background-color: var(--primary);
}
.widget.default h1{
	margin-bottom: 0px;
	line-height: 1;
}
.widget.default b{
	line-height: 1;
}
.col-20{
	width: 20%;
}

.widget-h-row .col-20{
	border-right: 1px solid #efefef;
}

.num-desc-row{
	margin-bottom: 1rem;
}
.num-desc-row .desc{
	display: flex;
	align-items: flex-end;
	padding-left: 0;
}
.num-desc-row .desc p{
	margin-bottom: 0;
}

.widget.default .uptitle{
	color: var(--gray-mid);
}
.widget.default.user-sub .title{
	color: var(--dark);
}
.widget.default.user-sub .h-line-graph-desc{
	color: var(--gray-mid);
}
.widget.default.user-sub .h-line-graph .val{
	background-color: var(--primary);
}
.widget.default.user-sub .h-line-graph{
	background-color: var(--gray-light);
	margin-top: auto;
}



/* block add */
.add-block-grid .item{
	width: 33.33%;
}
.add-block-grid .item label{
	border: 1px solid #e6eaef;
	border-radius: .375rem;
	padding: 10px;
	min-height: 120px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: box-shadow .3s, border-color .3s;
}
.add-block-grid .item label.active{
	box-shadow: 0 0 0 3px #4cb07033;
	border-color: var(--primary);
}

.add-block-grid .item.green .icon{
	background-color: var(--primary-light);
	color: var(--primary);
}
.add-block-grid .item.blue .icon{
	background-color: var(--blue-light);
	color: var(--blue);
}
.add-block-grid .item.yellow .icon{
	background-color: var(--yellow-light);
	color: var(--yellow);
}
.add-block-grid .item.purple .icon{
	background-color: var(--purple-light);
	color: var(--purple);
}

.add-block-grid .item input{
	display: none;
}
.add-block-grid .item .icon{
	background-color: var(--secondary-light);
	color: var(--secondary);
	border-radius: 50%;
	width: 40px;
	height: 40px;
	margin: 0 auto 1rem auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
.add-block-grid .item .desc{
	text-align: center;
	font-weight: 500;
	line-height: 1.2;
}
/* end */


[data-section]{
	display: none;
}



.intro-page-styles .item{
	position: relative;
	overflow: hidden;
}
.intro-page-styles .bg{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.intro-page-styles .front{
	width: 100%;
	position: relative;
	z-index: 2;
}

.payments{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 1.5em;
}
.payments img{
	height: 20px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
}

.row-headline .drag-item-spacer{
	width: 24px;
}
.row-headline .delete-spacer{
	width: 32px;
}
.row-headline{
	font-size: 13px;
	font-weight: 500;
	margin-bottom: .5rem;
}
.price-offer-currency{
	padding-left: 5px;
}

.type-4 .type-4-hidden{
	display: none!important;
}

.daterangepicker .btn-default.btn-sm{
	font-size: 13px;
	margin-left: 4px;
	padding: 0.2rem 0.4rem;
}

.form-control-sm {
    min-height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: .875rem;
}
.mt-10{
	margin-top: 10px;
}

.priceoffer-template-items .row{
	margin-bottom: 5px;
}
.priceoffer-template-items .del-item{
	height: 31px;
	width: 31px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	transition: background-color .3s;
	cursor: pointer;
}
.priceoffer-template-items .del-item i{
	line-height: 1;
	font-size: 13px;
}
.priceoffer-template-items .del-item:hover{
	background-color: #e9ecef;
}

.price-offer-block-summary{
	float: right;
    display: inline-block;
    background-color: var(--light);
    padding: 1rem;
    border-radius: 0.375rem;
    margin-top: 1rem;
    width: 30%;
}
.price-offer-block-summary .item{
	text-align: right;
}
.price-offer-block-summary .disable{
	margin-left: auto;
	margin-bottom: 1rem;
}
label{
	user-select: none;
}

.discounted-prices{
	display: none;
}
.price-offer-block-summary .discount{
	margin-bottom: 0.5rem;
	display: none;
}
.discounted-prices{
	border-top: 1px solid var(--gray-light);
	padding-top: 0.5rem;
	margin-top: 0.5rem;
	display: none!important;
}


.list-items-selection{
	align-items: center;
	display: none;
}
.list-items-selection .count{
	margin-right: 10px;
    font-size: 13px;
    color: var(--gray-mid);
}


#hamburger{
	flex-direction:column;
	width:32px;
	cursor:pointer;
	pointer-events: unset;	
	left: unset;
	padding: 3px 5px;
	display: none;
	margin-bottom: 0;
	margin-left: 0px;
	margin-right: 13px;
}
#hamburger span{
	background: var(--dark);
	height:2px;
	margin: 2.5px 0;
	transition: transform .3s  ;
}
#hamburger span:nth-of-type(1){
	width:50%;
}
#hamburger span:nth-of-type(2){
	width:100%;
}
#hamburger span:nth-of-type(3){
	width:75%;
}
#hamburger input[type="checkbox"]{
	display:none;
}
#hamburger input[type="checkbox"]:checked ~ span:nth-of-type(1){
	transform-origin:bottom;
	transform:rotatez(45deg) translate(14px,1px)
}
#hamburger input[type="checkbox"]:checked ~ span:nth-of-type(2){
	transform-origin:top;
	transform:rotatez(-45deg)
}
#hamburger input[type="checkbox"]:checked ~ span:nth-of-type(3){
	transform-origin:bottom;
	width:50%;
	transform: translate(2px,-11px) rotatez(45deg);
}


.bulletin{
	position: fixed;
	bottom: 50px;
	right: 650px;
	display: none;
}
.bulletin .card{
	/*backdrop-filter: blur(5px);*/
	background-color: rgba(255,255,255,1);
	width: 400px;
	border-radius: .375rem;
	box-shadow: 0 0px 30px -15px rgb(0 0 0 / 50%);
}
.bulletin .item .desc{
	font-size: 13px;
	margin-top: 5px;
	color: var(--gray);
	margin-top: 0.5rem;
	line-height: 1.2;
}



.builder-header .ml-auto .dropdown.builder-header-more{
	display: none;
}


.po-item-name .dropdown{
	position: relative;
}
.price-offer-item-input{
	padding-right: 22px!important;
}
.po-item-name .dropdown .more{
	content: "\f264";
	position: absolute;
	top: 1px;bottom: 1px;right:0;
	margin: auto 0;
	height: 100%;
	width: 21px;
	font-family: bootstrap-icons;
    vertical-align: -0.125em;
    cursor: pointer;
    font-size: 13px;
    text-align: center;
    line-height: 21px;
    color: #79798b;
    transition: color 0.3s;
}
.po-item-name .dropdown .more:hover{
	color: var(--dark);
}


.dropdown-menu{
	font-size: 15px;
}
.mega-chooser{

}
.mega-chooser.fw{
	width: 100%;
}
.mega-chooser.fw .dropdown-toggle{
	width: 100%;
}
.mega-chooser .dropdown-toggle::after{
	display: none;
}
.mega-chooser.fw .dropdown-menu{
	width: 100%;
}

.dropdown-search-wrapper{
	position: relative;
	margin-bottom: 10px;
}
.dropdown-search-wrapper span{
	position: absolute;
	width: 20px;
	height: 19px;
	line-height: 19px;
	text-align: center;
	font-size: 16px;
	top:0;bottom: 0;margin:auto 0;left: 10px;
	opacity: 0.6;
}
.dropdown-search{
	width: 100%;
	padding: 10px 10px 10px 40px;
	border:0;
	outline: 0;
	background-color: transparent;
	font-size: 15px;
	border-radius: .375rem;
	background-color: var(--light);
	transition: background-color 0.3s;
}
.dropdown-search:focus{
	box-shadow: initial;
	background-color: #eff2f5;
}
.dropdown-results{
	max-height: 250px;
	overflow: auto;
}
.dropdown-results .item{
	border-radius: 4px;
	padding: 0.3rem 0.6rem;
	transition: background-color .3s;
    cursor: pointer;
}
.dropdown-results .item:hover{
	background-color: var(--light);
}
.dropdown-results .sm-desc{
	color: var(--gray-dark);
	font-size: 13px;
}

.dropdown-results .no-results{
	padding: 1rem;
}


.color-wrapper{
	display: inline-flex;
	border: 1px solid #e9ecef;
	border-radius: .44rem;
	overflow: hidden;
}
.color-wrapper .item{
	width: 30px;
	height: 30px;
	cursor: pointer;
}
.color-wrapper .item:first-child{
	border-top-left-radius: .375rem;
	border-bottom-left-radius: .375rem;
}
.color-wrapper .item:last-child{
	border-top-right-radius: .375rem;
	border-bottom-right-radius: .375rem;
}


.scheme-chooser label{
	transition: border 0.3s, box-shadow 0.3s;
}
.scheme-chooser input:checked + label {
    border: 1px solid var(--primary);
    box-shadow: 0 0 0 0.2rem rgb(76,176,112,0.2);
}


.modal .table tr{
	transition: background-color 0.2s;
}
.modal .table tr td:first-child{
	padding-left: 0;
}
.modal .table tr td:last-child{
	padding-right: 0;
	font-weight: 500;
}
.modal .table tr:last-child td{
	border-bottom:0;
}
.modal .table tr td{
	width: 50%;
	line-height: 1.2;
}
.modal .table tr td .bi-gear{
	color: var(--gray-light);
	transition: color 0.3s;
	float: right;
	cursor: pointer;
}
.modal .table tr td .bi-gear:hover{
	color: var(--dark);
}
.modal .table tr.success{
	position: relative;
	background-color: var(--primary-light);
}



.admin-user-menu-update{
	padding-top:1rem;
}


option:disabled {
    color: var(--gray-light);
}

.ml-sm{
	margin-left: 0.3rem;
}

.img-dropzone-wrapper{
	padding: 0.75rem;
	border:1px solid var(--gray-light);
	border-radius: 0.375rem;
}
.img-dropzone-wrapper .selected-img img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}




.hidden{display: none;}
@media (max-width: 1600px){
	.container-fluid{padding-top: calc(1rem + 50px);padding-bottom: 1rem;}
	.sub-header-active .container-fluid{padding-top: calc(1rem + 100px);}

	.xxxl-col-200{width: 200px;}

	.sub-header .breadcrumbs .item a{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 200px;}

}
@media (max-width: 1400px){
	.xxl-hidden{display: none!important;}
	.xxl-ml-auto{margin-left: auto;}

	.sub-header .breadcrumbs .item a{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 140px;}
}
@media (max-width: 1199.98px){
	.cards-input-chooser .item-col{width: 50%;}

	.last-edited .col-20{width: 25%;}
	.last-edited .col-20:nth-child(n+5){display: none;}

	.lg-hidden{display: none;}

	.price-offer-block-summary{width: 50%;}

	.col-auto.lg-col-100{width: 100px;}

	.bulletin{left: 50px;}
	.bulletin .card{width: 100%;}
}
@media (max-width: 992px){
	.last-edited .col-20{width: 33.33%;}
	.last-edited .col-20:nth-child(n+4){display: none;}

	.cards-input-chooser .item-col.item-col-fifth {width: 25%;}

	.md-col-150{width: 150px;}
	.md-hidden{display: none!important;}
	.md-col-60{width: 60px;}
	.md-show{display: block;}

	.rows .weight{width: calc(100% - 24px);}
	.rows .col-allergens{width: 50%;}
	.rows .col-price{width: calc(50% - 50px);}

	.connect-image-rows.rows .weight{width: calc(100% - 124px);}
	.price-offer-block-summary{width: 100%;}
	.po-item-name{width: calc(100% - 24px);min-width: calc(100% - 24px);}
	.row-headline{display: none;}

	.bulletin{display: none;}
	.builder-header .ml-auto .dropdown.builder-header-more{display: inline-block;}
}
@media (max-width: 767.98px){
	.login-row{width: 100%;margin: 0;}

	#hamburger {display: flex;margin-top: auto;margin-bottom: auto;}
	.side-nav{margin-left: -280px;}

	.container-fluid{padding-left: 1rem;}
	.sub-header{left: 0;}
	.cards-input-chooser .item-col{width: 100%;}

	.cards-input-chooser .item-col.item-col-fifth {width: 33.33%;}

	.builder-page .side-nav{display: flex!important;}
	.builder-container{padding-right: 1rem;padding-left: 1rem;}
	.builder-nav-area{margin-right: -260px;}
	
}
@media (max-width: 575.98px){
	.container-fluid{padding-left: 0.75rem;padding-right: 0.75rem;}
	.container-fluid-basic{padding-left: 0.75rem;padding-right: 0.75rem;}
	.sub-header{padding-left: 0.75rem;padding-right: 0.75rem;}
	.sub-header .btn-default{font-size: 13px;}

	.main-header .nav-user .btn-default{display: none;}
	.main-header .container-fluid-basic > a.btn-transparent{display: none;}

	.card.p-md .card-body{padding: 1rem;}
	.row-cols-mb-3 > div{margin-bottom: 1rem;}

	.last-edited .col-20{width: 50%;}
	.last-edited .col-20:nth-child(n+3){display: none;}
	.last-edited-item .image{margin-bottom: 1rem;}
	.last-edited-item .badge{margin-bottom: 0.5rem;}
	.last-edited-item .title{font-size: 18px;}

	.listing-search{max-width: 100%;}

	.builder-container{padding-right: .75rem;padding-left: .75rem;}


	.custom-toast{right: 0.75rem;}


	.xs-show{display: block;}
	.xs-show-inline{display: inline-block;}
	.xs-hidden{display: none!important;}
	.xs-col-150{width: 150px;}


	.builder-header .back{display: none;}
	.builder-header .spacer{display: none;}
	.builder-header .title{display: none;}
	.builder-header .name{margin-left: 0;}

	.login-row{align-items: flex-start!important;padding-top: 2rem;}
	.login-header{justify-content: left;position: static;}
	.ui-sortable-handle{-ms-touch-action: none!important;touch-action: auto!important;}
	.hover-panel{display: none!important;}
	#builder .card:first-child:hover{margin-top: 0px;}

}
@media (max-width: 450px){
	.main-header .nav-user .d-flex > div:not(.avatar){display: none;}
	.main-header .nav-user .d-flex .avatar{margin-right: 0;}

	.last-edited .col-20{width: 100%;}



	.xxs-hidden{display: none;}
}