@import url(https://fonts.googleapis.com/css?family=Merriweather+Sans);
@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
body {font-family: 'Raleway', sans-serif;}

:root {
	--yellow: #FBD38D;
	--red: #F56565;
	--blue: #63B3ED;
	--violet: #6f42c1;
}
label.error {
	color:#5a5c69;
	font-size:12px;
	line-height:normal;
	width:100%;
}
input.error{
	width:100% !important;
}
.loaderContainer {
	margin:0;
	height:100%;
	background-color:#1a1940;
	background-image:linear-gradient(180deg, rgba(0,0,0,0.15) 0%, rgba(0,153,212,0) calc(15% + 100px), rgba(0,99,138,0) calc(85% + 100px), rgba(0,0,0,0.15) 100%);
	width:100%;
	position:fixed;
	top:0;
	right:0;
	z-index:9999;
}
div.loaderContainer{
	display:flex;
	justify-content:center;
	align-items:center;
}
div.loaderContainer div{
	width:3vw;
	height:3vw;
	border-radius:100%;
	margin:2vw;
	background-image:linear-gradient(145deg, rgba(255,255,255,0.5) 0%, rgba(0,0,0,0) 100%);
	animation:bounce 1.5s 0.5s linear infinite;
}
.yellow {
	background-color:var(--yellow);
}
.red {
	background-color:var(--red);
	animation-delay:0.1s;
}
.blue {
	background-color:var(--blue);
	animation-delay:0.2s;
}
.violet {
	background-color:var(--violet);
	animation-delay:0.3s;
}
@keyframes bounce {
	0%, 50%, 100% {
		transform:scale(1);
		filter:blur(0px);
	}
	25% {
		transform:scale(0.6);
		filter:blur(3px);
	}
	75% {
		filter:blur(3px);
		transform:scale(1.4);
	}
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance:none;
	margin:0;
}
input[type=number] {
	-moz-appearance:textfield;
}
.required{
	color:#F00 !important;
}
.dropzone .dz-preview .dz-image img{display:block;width:100%;height:100%;object-fit:cover;}
.hidden{display:none !important;}
.swal2-popup{padding:20px 0 !important;}
.swal2-container{z-index:9999 !important;}
/*.swal2-content{padding:0 0.75rem !important;}*/
.swal2-validation-message{margin:0 !important;}
.blink_me{animation: blinker 1s linear infinite;}
@keyframes blinker {
	50% {opacity: 0;background:red;}
}
.text-right{text-align:right !important;margin-top:7px !important;}
@media (max-width: 500px) {
	.text-right{text-align:center !important;}
}
input:autofill {background: #fff;}
.divider .divider-text{padding:0 !important;}
.breadcrumb-style2 .breadcrumb-item + .breadcrumb-item::before {content: "\ebe7";}
.hasError{border: 2px dotted #F00 !important;}
.app-brand-text.demo{text-transform: capitalize !important;}

.myBreadcrumb {
	display: inline-block;
	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.35);
	overflow: hidden;
	border-radius: 5px;
	counter-reset: flag;
	margin-bottom: 10px;
}

.myBreadcrumb a {
	text-decoration: none;
	outline: none;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 36px;
	color: white;
	padding: 0 10px 0 60px;
	background: #666;
	background: linear-gradient(#666, #333);
	position: relative;
}
.myBreadcrumb a:first-child {
	padding-left: 46px;
	border-radius: 5px 0 0 5px;
}
.myBreadcrumb a:first-child:before{
	left: 14px;
}
.myBreadcrumb a:last-child {
	border-radius: 0 5px 5px 0;
	padding-right: 20px;
}
.myBreadcrumb a.active, .myBreadcrumb a:hover{
	background: #333;
	background: linear-gradient(#333, #000);
}
.myBreadcrumb a.active:after, .myBreadcrumb a:hover:after {
	background: #333;
	background: linear-gradient(135deg, #333, #000);
}
.myBreadcrumb a:after {
	content: '';
	position: absolute;
	top: 0; 
	right: -18px;
	width: 36px; 
	height: 36px;
	transform: scale(0.707) rotate(45deg);
	z-index: 1;
	background: #666;
	background: linear-gradient(135deg, #666, #333);
	box-shadow: 2px -2px 0 2px rgba(0, 0, 0, 0.4), 3px -3px 0 2px rgba(255, 255, 255, 0.1);
	border-radius: 0 5px 0 50px;
}
.myBreadcrumb a:last-child:after {
	content: none;
}
.myBreadcrumb a:before {
	content: counter(flag);
	counter-increment: flag;
	border-radius: 100%;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin: 8px 0;
	position: absolute;
	top: 0;
	left: 30px;
	background: #444;
	background: linear-gradient(#444, #222);
	font-weight: bold;
	text-align: center;
}

.switchToggle input[type=checkbox]{height:0;width:0;visibility:hidden;position:absolute;}
.switchToggle label {cursor:pointer;text-indent:-9999px;width:70px;max-width:70px;height:30px;background:#d1d1d1;display:block;border-radius:100px;position:relative;}
.switchToggle label:after {content:'';position:absolute;top:2px;left:2px;width:26px;height:26px;background:#fff;border-radius:90px;transition:0.3s;}
.switchToggle input:checked + label, .switchToggle input:checked + input + label  {background:#3e98d3;}
.switchToggle input + label:before, .switchToggle input + input + label:before {content:'No';position:absolute;top:5px;left:35px;width:26px;height:26px;border-radius:90px;transition:0.3s;text-indent:0;color:#fff;}
.switchToggle input:checked + label:before, .switchToggle input:checked + input + label:before {content:'Yes';position:absolute;top:5px;left:10px;width:26px;height:26px;border-radius:90px;transition:0.3s;text-indent:0;color:#fff;}
.switchToggle input:checked + label:after, .switchToggle input:checked + input + label:after {left:calc(100% - 2px);transform:translateX(-100%);}
.switchToggle label:active:after{width:60px;} 
.toggle-switchArea{margin:10px 0 10px 0;}
.menu-vertical .menu-icon.fa-solid{font-size: 1rem;}
.pr-0{padding-right: 0 !important;}
.pl-0{padding-left: 0 !important;}
@media (min-width: 576px) {
	.w05perc{width: 05% !important; padding-right: 0 !important;}
	.w28perc{width: 28% !important; padding-left:  0 !important;}
}
.menu-vertical .menu-inner > .menu-item .menu-link{margin: 0rem 1rem 0 .5em !important;}