.users-signup header{background-color: #6bbbc3;}
.login-index header{background-color: #6bbbc3;}
.home-suppliers header{background-color: #6bbbc3;}
.home-users header{background-color: #6bbbc3;}
.users-register header{background-color: #6bbbc3;}
.users-success header{background-color: #6bbbc3;}
.users-supplierssuccess header{background-color: #6bbbc3;}
/*.users-success  .nav-item{display:none;}
.users-supplierssuccess .nav-item{display:none;}
.users-register .navbar{display:none;}*/
.home-index .header {
    background-image: url(../../images/headerBG.jpg);
	background-size: cover;
}
.home-users .custom-navbar .navbar-nav .nav-btn, .welcome-page .custom-navbar .navbar-nav .nav-btn {
    border: 1px solid;
    font-family: 'Patua One', cursive;
    background-color: transparent;
    border-color: #e2c3af;
    color: #20959a;
    font-weight: 500;
    font-size: 18px;
    box-shadow: 5px 6px 0px #e2c3af;
    cursor: pointer;
    border-radius: 0.7rem;
}
.home-suppliers .custom-navbar .navbar-nav .nav-btn, .welcome-page .custom-navbar .navbar-nav .nav-btn {
    border: 1px solid;
    font-family: 'Patua One', cursive;
    background-color: transparent;
    border-color: #e2c3af;
    color: #20959a;
    font-weight: 500;
    font-size: 18px;
    box-shadow: 5px 6px 0px #e2c3af;
    cursor: pointer;
    border-radius: 0.7rem;

}
.overlay {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	background: #cdcdcd;
	opacity: 0.5;
	display: none;
	z-index: 9999;
}

.overlay__inner {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}

.overlay__content {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}

.spinner {
	width: 75px;
	height: 75px;
	display: inline-block;
	border-width: 2px;
	border-color: rgba(255, 255, 255, 0.05);
	border-top-color: rgba(0, 0, 0, 0.5);
	animation: spin 1s infinite linear;
	border-radius: 100%;
	border-style: solid;
}

@keyframes spin {
	100% {
		transform: rotate(360deg);
	}
}
.errordiv {
	color: red;
	width: 100%;
	text-align: right;
	font-size: 13px;
	font-weight: normal;
}
.error{border-color:red !important;}
#loginPopup .modal-header{border:0px!important;}
#loginPopup .modal-dialog {max-width: max-content;}
#registerregions{padding:0px 12px 0px 12px;height: 51px;}
#registerdistrict{padding:0px 12px 0px 12px;height: 51px;}

.formelement{float:left;width:40%;margin:0 5px;left:8%;}
.formelement.second{float:left;width:47%;margin:0 5px;position:relative;left:8%;}
.formelement.customer{float:left;width:40%;margin:0 5px;position:relative;left:8%;}
.formelement.last{width:6%;}
.errordiv{position: absolute;display: flex;}
.account-checkboxlist {clear:both;}