:root {
	--blue: #007bff;
	--red: #dc3545;
	--yellow: #ffc107;
	--violet: #8A2BE2;
}
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;
}
form.user .form-control-user {
	font-size:14px;
	border-radius:10rem;
	padding:5px 1rem;
	height:40px;
}
.required{
	color:#F00 !important;
}
.hasError{
	border:1px dashed #F00 !important;
}
.form-control.hasError:focus{
	box-shadow:0 0 0 0.2rem rgba(255, 0, 0, 0.25) !important;
}
.sb-nav-fixed #layoutSidenav #layoutSidenav_content{
	height:calc(100vh - 56px);
	overflow:auto;
	/*height:595px;*/
}
.mCSB_inside > .mCSB_container{margin-right:0px !important;}

button.btn.shaded.btn-icon{position:relative;}
button.btn.shaded.btn-icon.shaded > i {display:flex;align-items:center;position:absolute;z-index:100;top:0;border-radius:0;padding:0 0.4rem;height:100%;}
button.btn.shaded.btn-icon.shaded > i::before {background-color:rgba(6, 7, 8, 0.3);content:'';width:100%;height:100%;position:absolute;top:0;left:0;z-index:-10;}
button.btn.shaded.btn-icon.primary > i::before {background-color:#007bff;}
button.btn.shaded.btn-icon.right.shaded {padding-right:2.7rem;margin-right:10px;margin-bottom:10px;}
button.btn.shaded.btn-icon.right.shaded > i {right:0;border-top-right-radius:inherit;border-bottom-right-radius:inherit;margin-left:0.75rem;color:#FFF;}
.blueLine{border-top:5px solid #007bff !important;}
.dropzone .dz-preview .dz-image img{display:block;width:100%;height:100%;object-fit:cover;}
.hidden{display:none !important;}
.mCSB_scrollTools .mCSB_draggerRail{height:100vh !important;}
.oldData{
	position:relative;
	overflow:hidden;
}
.oldData:before, .oldData:after{
	position:absolute;
	content:'';
	background:red;
	display:block;
	width:50%;
	height:20px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:0;
	right:0;
	top:0px;
	bottom:0;
	margin:auto;
	z-index:99;
}
.oldData:after{
	-webkit-transform:rotate(45deg);  
	transform:rotate(45deg);
}
.checkmark {
	width:110px;
	height:40px;
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(40deg);
	position:absolute;
	z-index:99;
	color:greenyellow;
}
.checkmark_stem {
	position:absolute;
	width:20px;
	height:230px;
	background-color:greenyellow;
	left:100px;
	top:-30px;
}
.checkmark_kick {
	position:absolute;
	width:110px;
	height:20px;
	background-color:greenyellow;
	left:-10px;
	top:180px;
}
.assignedTo{cursor:pointer;color:#00F;}
.blueBg{background-color: #007bff !important;border-radius: 15px 15px 0 0;line-height: 50px;color: #FFF;margin-bottom:25px !important;text-align:left !important;}
.swal2-popup{padding:20px 0 !important;}
/*.swal2-content{padding:0 0.75rem !important;}*/
.swal2-validation-message{margin:0 !important;}
.col-form-label{text-align:right !important;}
.roundedWhiteShadow{
	width: 100%;
	border-radius: 20px;
	padding: 20px;
	margin-bottom: 20px;
	box-shadow: 0px 0px 5px 4px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0px 0px 5px 4px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 4px rgba(0,0,0,0.75);
}
.blueText{color:#00F;}

a{color: #428bca;}
a:hover {color: #49e4fa;text-decoration: none;}
#notification-list {width:100%;max-height:345px;overflow-y: scroll;}
.notification{position: relative;text-align: right;}
.notification img{padding: 10px 0;}
.notification-menu{background-color: #e5e5e5;border: #989898;padding: 10px;width: 350px;display: none;}
.notification-menu li{background-color: #fff;padding: 10px;margin-bottom: 10px;}
.notification-menu li:last-child{margin:0;}
#notification-list li:last-child{margin-bottom: 10px;}
.notification-menu a{text-decoration:none;}
.notification-menu h3{font-size: 15px;margin: 0 0 5px 0;display: inline;}
.notification-menu p{margin-bottom: 0;font-size: 14px;}

.all-notification-menu{background-color: #e5e5e5;border: #989898;padding: 10px;width:100%;display:block;}
.all-notification-menu li{background-color: #fff;padding: 10px;margin-bottom: 10px; list-style:none;}
.all-notification-menu li:last-child{margin:0;}
.all-notification-menu a{text-decoration:none;}
.all-notification-menu h3{font-size: 15px;margin: 0 0 5px 0;display: inline;}
.all-notification-menu p{margin-bottom: 0;font-size: 14px;}

.blink_me{animation: blinker 1s linear infinite;}
@keyframes blinker {
	50% {opacity: 0;background:red;}
}
.notificationBadge{position: absolute;transform: scale(0.8);transform-origin: top right;right: -7px;top: 5px;}
.btn-circle.addEnquiryURL{width:50px;height:50px;padding:10px 15px;border-radius:25px;text-align:center;position:fixed;right:20px;bottom:20px;}
.addEnquiryURL i{font-size:20px;}
.addExpense{width:50px;height:50px;padding:10px 15px !important;border-radius:25px !important;text-align:center;position:fixed;right:20px;bottom:100px;}
.addExpense i{font-size:20px;}
.assignToNew{color: #007bff;text-decoration: none;background-color: transparent;cursor: pointer;}

.collapsible-link::before {content: '';width: 14px;height: 2px;background: #333;position: absolute;top: calc(50% - 1px);right: 1rem;display: block;transition: all 0.3s;}
.collapsible-link::after {content: '';width: 2px;height: 14px;background: #333;position: absolute;top: calc(50% - 7px);right: calc(1rem + 6px);display: block;transition: all 0.3s;}
.collapsible-link[aria-expanded='true']::after {transform: rotate(90deg) translateX(-1px);}
.collapsible-link[aria-expanded='true']::before {transform: rotate(180deg);}
.card-header:first-child{border-radius: 10px 10px 0 0;}
.card-header:last-child{border-radius: 0 0 10px 10px;}
.select2-container{min-width:100% !important;}
.select2-container .select2-selection--single{min-height:40px !important;}
#searchBox{border:1px dashed #000; padding:15px; margin-top:15px;}
.noHover:hover{text-decoration:none !important;}
.hoverShadow{box-shadow:0 1px 2px rgba(0,0,0,0.15);transition:box-shadow 0.3s ease-in-out;border-radius:5px !important;cursor:pointer !important;}
.hoverShadow:hover{box-shadow:0 0 1px 5px rgba(0,0,0,0.3);}
.hoverActive{box-shadow:0 0 1px 5px rgba(0,0,0,0.3);}
.sb-nav-fixed #layoutSidenav #layoutSidenav_nav {width:300px !important;}
.sb-nav-fixed #layoutSidenav #layoutSidenav_content {padding-left:300px !important;}
.controls {display:block;margin:0;}
.controls input[type='radio'], .controls input[type='checkbox'] {opacity:0;float:left;width:1px;}
.controls input[type='radio'] + label, .controls input[type='checkbox'] + label {margin:0 0.2em;clear:none;padding:0.5em;cursor:pointer;background:#f2f2f0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #dadad5;color:#7a7a69;font-weight:700;text-transform:uppercase;}
.controls input[type='radio']:checked + label, .controls input[type='checkbox']:checked + label {background:#ffa640;box-shadow:inset 2px 2px 1px #d97400;color:#fff;font-weight:900;text-shadow:1px 1px 0 #d97400;}
.figuresCount{font-size:24px;width:100%;text-align:center;display:block;margin-top:15px;}
.breadcrumb .breadcrumb-item a{text-decoration:none !important;}
.breadcrumb .breadcrumb-item.active a{color:#6c757d !important; text-decoration:underline !important;}


@import url(https://fonts.googleapis.com/css?family=Raleway:400,700,600);
*{margin:0;padding:0;box-sizing:border-box;}
.wrapperAlert{width:500px;height:auto;border-radius:15px;border:thin solid #ddd;display:flex;font-size:14px;text-align:center;justify-content:center;align-items:center;font-family:'Raleway', sans-serif; margin:auto; padding:10px 0 0;}
.contentAlert{width:100%;}
.topHalf{width:100%;color:white;overflow:hidden;min-height:250px;position:relative;padding:40px 0;background:rgb(0,0,0);background:-webkit-linear-gradient(45deg, #019871, #a0ebcf);}
.topHalf p{margin-bottom:30px;}
svg{fill:white;}
.topHalf h1{font-size:2.25rem;display:block;font-weight:500;letter-spacing:0.15rem;text-shadow:0 2px rgba(128, 128, 128, 0.6);}
/* Original Author of Bubbles Animation -- https://codepen.io/Lewitje/pen/BNNJjo */
.bg-bubbles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
.bg-bubbles li{position:absolute;list-style:none;display:block;width:40px;height:40px;background-color:rgba(255, 255, 255, 0.15);/* fade(green, 75%);*/bottom:-160px;-webkit-animation:square 20s infinite;animation:square 20s infinite;-webkit-transition-timing-function:linear;transition-timing-function:linear;}
.bg-bubbles li:nth-child(1){left:10%;}
.bg-bubbles li:nth-child(2){left:20%;width:80px;height:80px;animation-delay:2s;animation-duration:17s;}
.bg-bubbles li:nth-child(3){left:25%;animation-delay:4s;}
.bg-bubbles li:nth-child(4){left:40%;width:60px;height:60px;animation-duration:22s;background-color:rgba(white, 0.3); /* fade(white, 25%); */}
.bg-bubbles li:nth-child(5){left:70%;}
.bg-bubbles li:nth-child(6){left:80%;width:120px;height:120px;animation-delay:3s;background-color:rgba(white, 0.2); /* fade(white, 20%); */}
.bg-bubbles li:nth-child(7){left:32%;width:160px;height:160px;animation-delay:7s;}
.bg-bubbles li:nth-child(8){left:55%;width:20px;height:20px;animation-delay:15s;animation-duration:40s;}
.bg-bubbles li:nth-child(9){left:25%;width:10px;height:10px;animation-delay:2s;animation-duration:40s;background-color:rgba(white, 0.3); /*fade(white, 30%);*/}
.bg-bubbles li:nth-child(10){left:90%;width:160px;height:160px;animation-delay:11s;}
@-webkit-keyframes square{
	0%  { transform:translateY(0); }
	100%{ transform:translateY(-500px) rotate(600deg); }
}
@keyframes square{
	0%  { transform:translateY(0); }
	100%{ transform:translateY(-500px) rotate(600deg); }
}
.bottomHalf{padding:5px;}
.bottomHalf p{font-weight:500;font-size:1.05rem;margin-bottom:20px;}
#alertMO{border:none;color:white;cursor:pointer;border-radius:12px;padding:10px 18px;background-color:#019871;text-shadow:0 1px rgba(128, 128, 128, 0.75);}
#alertMO:hover{background-color:#85ddbf;}

/************************************************************ Yes/No Switch ***********************************************************************************/
.can-toggle {
  position: relative;
}
.can-toggle *, .can-toggle *:before, .can-toggle *:after {
  box-sizing: border-box;
}
.can-toggle input[type=checkbox] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.can-toggle input[type=checkbox][disabled] ~ label {
  pointer-events: none;
}
.can-toggle input[type=checkbox][disabled] ~ label .can-toggle__switch {
  opacity: 0.4;
}
.can-toggle input[type=checkbox]:checked ~ label .can-toggle__switch:before {
  content: attr(data-unchecked);
  left: 0;
}
.can-toggle input[type=checkbox]:checked ~ label .can-toggle__switch:after {
  content: attr(data-checked);
}
.can-toggle label {
  user-select: none;
  position: relative;
  display: flex;
  align-items: center;
}
.can-toggle label .can-toggle__label-text {
  flex: 1;
  padding-left: 32px;
}
.can-toggle label .can-toggle__switch {
  position: relative;
}
.can-toggle label .can-toggle__switch:before {
  content: attr(data-checked);
  position: absolute;
  top: 0;
  text-transform: uppercase;
  text-align: center;
}
.can-toggle label .can-toggle__switch:after {
  content: attr(data-unchecked);
  position: absolute;
  z-index: 5;
  text-transform: uppercase;
  text-align: center;
  background: white;
  transform: translate3d(0, 0, 0);
}
.can-toggle input[type=checkbox][disabled] ~ label {
  color: rgba(234, 0, 48, 0.5);
}
.can-toggle input[type=checkbox]:focus ~ label .can-toggle__switch, .can-toggle input[type=checkbox]:hover ~ label .can-toggle__switch {
  background-color: #ea0030;
}
.can-toggle input[type=checkbox]:focus ~ label .can-toggle__switch:after, .can-toggle input[type=checkbox]:hover ~ label .can-toggle__switch:after {
  color: #b70026;
}
.can-toggle input[type=checkbox]:hover ~ label {
  color: #d1002b;
}
.can-toggle input[type=checkbox]:checked ~ label:hover {
  color: #55bc49;
}
.can-toggle input[type=checkbox]:checked ~ label .can-toggle__switch {
  background-color: #70c767;
}
.can-toggle input[type=checkbox]:checked ~ label .can-toggle__switch:after {
  color: #4fb743;
}
.can-toggle input[type=checkbox]:checked:focus ~ label .can-toggle__switch, .can-toggle input[type=checkbox]:checked:hover ~ label .can-toggle__switch {
  background-color: #5fc054;
}
.can-toggle input[type=checkbox]:checked:focus ~ label .can-toggle__switch:after, .can-toggle input[type=checkbox]:checked:hover ~ label .can-toggle__switch:after {
  color: #47a43d;
}
.can-toggle label .can-toggle__label-text {
  flex: 1;
}
.can-toggle label .can-toggle__switch {
  transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);
  background: #ff0538;
}
.can-toggle label .can-toggle__switch:before {
  color: rgba(255, 255, 255, 0.5);
}
.can-toggle label .can-toggle__switch:after {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1);
  transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1);
  color: #ea0030;
}
.can-toggle input[type=checkbox]:focus ~ label .can-toggle__switch:after, .can-toggle input[type=checkbox]:hover ~ label .can-toggle__switch:after {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}
.can-toggle input[type=checkbox]:checked ~ label .can-toggle__switch:after {
  transform: translate3d(65px, 0, 0);
}
.can-toggle input[type=checkbox]:checked:focus ~ label .can-toggle__switch:after, .can-toggle input[type=checkbox]:checked:hover ~ label .can-toggle__switch:after {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}
.can-toggle label {
  font-size: 14px;
}
.can-toggle label .can-toggle__switch {
  height: 36px;
  flex: 0 0 134px;
  border-radius: 4px;
}
.can-toggle label .can-toggle__switch:before {
  left: 67px;
  font-size: 12px;
  line-height: 36px;
  width: 67px;
  padding: 0 12px;
}
.can-toggle label .can-toggle__switch:after {
  top: 2px;
  left: 2px;
  border-radius: 2px;
  width: 65px;
  line-height: 32px;
  font-size: 12px;
}
.can-toggle label .can-toggle__switch:hover:after {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}
.can-toggle.can-toggle--size-small input[type=checkbox]:focus ~ label .can-toggle__switch:after, .can-toggle.can-toggle--size-small input[type=checkbox]:hover ~ label .can-toggle__switch:after {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}
.can-toggle.can-toggle--size-small input[type=checkbox]:checked ~ label .can-toggle__switch:after {
  transform: translate3d(44px, 0, 0);
}
.can-toggle.can-toggle--size-small input[type=checkbox]:checked:focus ~ label .can-toggle__switch:after, .can-toggle.can-toggle--size-small input[type=checkbox]:checked:hover ~ label .can-toggle__switch:after {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}
.can-toggle.can-toggle--size-small label {
  font-size: 13px;
}
.can-toggle.can-toggle--size-small label .can-toggle__switch {
  height: 28px;
  flex: 0 0 90px;
  border-radius: 2px;
}
.can-toggle.can-toggle--size-small label .can-toggle__switch:before {
  left: 45px;
  font-size: 10px;
  line-height: 28px;
  width: 45px;
  padding: 0 12px;
}
.can-toggle.can-toggle--size-small label .can-toggle__switch:after {
  top: 1px;
  left: 1px;
  border-radius: 1px;
  width: 44px;
  line-height: 26px;
  font-size: 10px;
}
.can-toggle.can-toggle--size-small label .can-toggle__switch:hover:after {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}
/************************************************************ Yes/No Switch ***********************************************************************************/
.form-check{display:inline-block !important;}
.dropzone{border:2px dashed #0087F7;border-radius:5px;background:white;height:220px;white-space:nowrap;overflow-x:auto;}
.dropzone .dz-message{margin:64px 0 !important;font-weight:400;}
.dropzone .dz-preview .dz-error-message{width:auto !important;}
.dropzone .dz-preview .dz-image img{display:block;width:100%;height:100%;object-fit:cover;}
.tox .tox-tab{display:none !important;}
/*.tox .tox-dialog__body-nav-item--active{display:block !important;}*/
.table .thead-dark th{white-space:nowrap !important;}