@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

.font-montserat{
	font-family: "Montserrat", sans-serif !important;
}
.font-noto{
	font-family: "Noto Sans" , sans-serif !important;
}

*{
	font-family: 'Open Sans', sans-serif;
	padding: 0;
	margin: 0;
}
.gap-1{
	gap: 0.5rem;
}
.gap-2{
	gap: 0.8rem;
}
.gap-3{
	gap: 1rem;
}
.gap-4{
	gap: 1.5rem;
}
.gap-5{
	gap: 2rem;
}

.clear-after:after{
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}
body{

}
.swal2-popup #swal2-content {
    font-size: 18px !important;
    font-family: Georgia, serif;
}
/*=============LOG IN=============*/
.shadow{
	box-shadow: 0px 0px 10px 3px #adadad;
}

.card-container .r-sp{
	padding-right: 0;
}
.card-container{
	width: calc(100% - 40px);
	padding: 20px;
	border-bottom: 2px solid #fff2e5;
	margin-bottom: 0px;
}
.card-container td{
	padding: 0 15px 0 0;
}
.card-container .card-wide{
	width: 150px;
    height: 80px;
    box-shadow: 2px 3px 10px -1px #cecece;
    border-radius: 4px;
    display: table;
    text-align: center;
    cursor: pointer;
}

.card-wide p{
	display: table-cell;
	vertical-align: middle;
	font-weight: 600;
}

.box-container{
	width: calc(100% - 40px);
	margin: 20px;

}

.switch{
	width: 100%;
    border-bottom: 2px solid #3d5591;
}

.switch ul li{
	display: inline;
	border: 1px solid #3d5591;
	padding: 5px 20px;
}
.switch-holder{
	display: inline-flex;
}
.switch-holder .switch-tabs{
    margin-right: 5px;
    border: 2px solid #3d5591;
    padding: 5px 30px;
    border-radius: 4px 4px 0 0;
    border-bottom: none;
    font-size: 16px;
    cursor: pointer;
}

.switch-title{
	padding: 20px 0 20px 20px;
	border-bottom: 2px solid #3d5591;
	border-left: 2px solid #3d5591;
	border-right: 2px solid #3d5591;
	margin-bottom: 20px;
}

.switch-title p{
	font-size: 16px;
	font-weight: 700;
}

.box-holder{
	padding: 0 0 0px 20px;
	float: left;
}
.box-holder .box{
    width: 150px;
    height: 150px;
    text-align: center;
    margin-bottom: 20px;
    border-radius: 4px;
    box-shadow: 2px 3px 10px 1px #cecece;
}
.box-holder .box p{
	padding: 15px 0;
	font-size: 14px;

}
.box-holder .box p.top{
	border-radius: 4px 4px 0 0;
	font-weight: 600;
}
.box-holder .box p.top .fa{
    margin-right: 5px;
    font-size: 22px;
    position: relative;
    top: 2px;
}

.box-holder .box p.bottom{
	display: grid;
	font-size: 16px;
}
.box-holder .box p.bottom img{
	width: 35px;
	margin-left: 57px;
	margin-bottom: 7px;
}



/*==============NAVS==============*/
.nav-container{
	position: relative;
}
.nav-container .navs{
	display: inline-flex;
	margin-left: 15px;
}
.nav-container .navs .nav-text{
    height: 28px;
    line-height: 28px;
    padding: 0px 10px;
    font-size: 13px;
    font-weight: 600;
    margin-top: 26px;
    margin-right: -4px;
    box-shadow: 4px 1px 3px 0px #9a9a9a;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease;
}
.nav-container .navs .nav-text:before{
	content: '';
	position: absolute;
    height: 0;
    width: 0;
    top: 0;
    left: -28px;
    border: 14px solid transparent;
    border-right: 14px solid #3d5591;
}
.nav-container .navs .nav-icon{
	padding: 10px;
	border-radius: 50%;
	width: 55px;
	height: 55px;
	box-shadow: 2px 3px 5px -1px #9a9a9a;
	z-index: 2;
	transition: all 0.3s ease;
}
.nav-container .navs img{
	width: 35px;
	height: auto;
	margin-left: 11px;
    margin-top: 9px;
}
.nav-container .navs .nav-text,
.nav-container .navs .nav-icon{
	cursor: pointer;
}
.nav-container .navs.active .nav-text,
.nav-container .navs.active .nav-icon{
	cursor: pointer;
}
.nav-container .navs.active .nav-text:before{
	/* border-right: 14px solid #f68a1f; */
}

.nav-container .minimize{
    padding: 10px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    float: right;
    margin-left: 15px;
    margin-top: 18px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.nav-container .minimize img{
    width: 20px;
    margin: 2px 0 0 2px;
    transition: all 0.3s ease;
}

.minimize.minimized img{
	transform: rotate(-180deg);
}

.nav-table.minimized .nav-icon{
	/*display: none;*/
	width: 0 !important;
	height: 0 !important;
	padding: 0 !important;
}
.nav-table.minimized .nav-icon img{
	width: 0;
}
.minimize.minimized{
	margin-top: 0;
}
.nav-table.minimized .nav-text{
	margin-top: 6px;
}

/*==============FOOTER==============*/
footer{
	height: 25px;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	/* background-color: #f68a1f; */
	box-shadow: 0px -2px 10px -3px #000;
}
footer div{
	line-height: 25px;
	padding: 0 20px;
	font-size: 12px;
	font-weight: 600;
}
footer .left{
	float: left;
}
footer .right{
	float: right;
}


@media all and (max-width: 1366px){
	.nav-container .navs .nav-icon{
		padding: 5px;
	    border-radius: 50%;
	    width: 45px;
	    height: 45px;
	}
	.nav-container .navs img {
	    width: 25px;
	    margin-left: 10px;
	    margin-top: 10px;
	}
	.nav-container .navs .nav-text {
	    height: 24px;
	    line-height: 24px;
	    padding: 0px 10px 0 5px;
	    font-size: 12px;
	    margin-top: 16px;
	    margin-right: -8px;
	}
	.nav-container .navs .nav-text:before {
	    left: -26px;
	    border: 12px solid transparent;
	    border-right: 14px solid #3d5591;
	}
	.nav-container .minimize {
	    padding: 8px;
	    width: 20px;
	    height: 20px;
	    margin-left: 15px;
	    margin-top: 11px;
	}
	.nav-container .minimize.minimized{
		margin-top: 6px;
	}
	.nav-container .minimize img {
	    width: 16px;
	}
	.nav-table.minimized .nav-text {
	    margin-top: 10px;
	}
	.switch-holder .switch-tabs,
	.switch-title p,
	.box-holder .box p.bottom{
		font-size: 14px;
	}
	.switch-title{
		padding: 15px 0 15px 15px;
	}
	.box-holder .box p.bottom img{
		margin-bottom: 10px;
	}
}

@media all and (max-width: 1150px){
	.nav-container .navs{
		display: list-item;
	    margin-left: 0;
	    list-style-type: none;
	    background-color: #3d5591;
	    padding: 7px;
	    width: 80px;
	    text-align: center;
	    height: 80px;
	    border-radius: 50%;
	    box-shadow: 2px 3px 10px 1px #cecece;
	    cursor: pointer;
	}
	.nav-container .navs.active{
		/* background-color: #f68a1f; */
	}
	.nav-container .navs .nav-text,
	.nav-container .navs .nav-icon{
		margin: 0 !important;
    	padding: 0 !important;
    	background-color: transparent !important;
    	box-shadow: none;
    	width: 100% !important;
    	text-align: center;
	}
	.nav-container .navs img{
		margin: inherit !important;
	}
	.nav-container .navs .nav-text{
		margin-top: 16px !important;
		margin-bottom: 3px !important;
	}
	.nav-container .navs .nav-text:before{
		display: none;
	}
	.minimize{
		display: none !important;
	}
}







.title-row{
	width: 100%;
	padding-left: 10px;
	background-color: #f5f8ff;
	color: #051233;
	font-size: 12px;
    font-weight: 600;
    border: 1px solid #ebeffb;
    border-radius: 4px;
    margin-bottom: 10px;
    /*box-shadow: 0 6px 10px -4px rgba(0,0,0,.15);*/
}
.title{
	line-height: 31px;

}
.title-row .left{
	float: left;
	text-align: left;
}
.title-row .right{
	float: right;
	text-align: right;
}
.ico-btn{
	font-size: 12px;
	border: none;
    outline: none;
    padding: 7px 14px;
    cursor: pointer;
    color: #fff;
    font-weight: 600;
    border-radius: 0 4px 4px 0;
}
.ico-btn .fa{
	margin-right: 7px;
}
.ico-btn.green{
	background-color: #04a73f;
}
.ico-btn.cancel-btn{
	background-color: red;
}

.input-container{
	width: 100%;
	border: 1px solid #c5cce0;
	border-radius: 4px 4px 0 0;
	padding-bottom: 15px;
	margin-bottom: 15px;
	/*box-shadow: 0 6px 10px -4px rgba(0,0,0,.15);*/
}

.heading{
	background-color: #f5f8ff;
	color: #010e2f;
	text-align: left;
	padding: 5px 10px;
	border-radius: 4px 4px 0 0;
	/* border-bottom: 1px solid #ebeffb; */
	font-size: 13px;
}
.input-row{
	width: 100%;
	padding: 0 10px 0px 18px;
	display: table;
}
.input-row .input-col-3{
	display: table-cell;
	width: 33%;
}

.input-row .input-col-3:nth-child(2){
	padding: 0 20px;
}

.input-row .input-col-4{
	display: table-cell;
	width: 25%;
	padding-right: 20px;
}

.input-row .input-col-4:nth-child(4){
	padding-right: 0px;
}

.input-row .input-col-5{
	display: table-cell;
	width: 20%;
	padding-right: 20px;
}
.input-row .input-col-5:nth-child(5){
	padding-right: 0px;
}
.input-col{
	margin-top: 10px;
}
.input-col p{
	font-size: 12px;
	padding: 8px 0 5px;
}
.input-col input,
.input-col select{
    width: 100%;
    text-indent: 10px;
    border: none;
    outline: none;
    height: 25px;
    background-color: #fffcf7;
    color: #010e2f;
    font-weight: 400;
    font-size: 14px;
    border: 1px solid #f5d5aa;
}


.switch-tab-container{

}
.switch-tab-container .holder{
	display: inline-flex;
	/*border-bottom: 1px solid #c5cce0;*/
	width: 100%;
}
.switch-tab-container .switch-tabs{
    border: 1px solid #c5cce0;
    padding: 2px 10px;
    margin-right: 6px;
    border-radius: 4px 5px 0 0;
    border-bottom: none;
    color: #051233;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
}
.switch-tab-container .switch-tabs:hover{
	background-color: #f5f8ff;
}
.switch-item-holder{
	position: relative;
	width: 100%;
	padding: 18px 18px 14px 18px;
	border: 1px solid #c5cce0;
}
.switch-item-holder textarea{
	width: 100%;
	max-width: 100%;
	height: 120px;
	max-height: 120px;
	text-indent: 20px;
	padding-top: 10px;
}
.line-r {
  /* border-right: 2px solid #b16b26; */
}


.multiselect .multiselect-dropdown span.dropdown-btn{
	width: 100%;
	text-indent: 10px;
	border: none;
	outline: none;
	height: 25px !important;
	background-color: #fffcf7;
	color: #010e2f;
	font-weight: 400;
	font-size: 14px;
	/* border: 1px solid #f5d5aa !important; */
	padding: 0 !important;
	border-radius: 0 !important;
}

.multiselect-department .multiselect-dropdown span.dropdown-btn{
  opacity: 0 !important;
}

.multiselect .multiselect-dropdown .dropdown-btn .selected-item {
    /* border: 1px solid #b16b26 !important; */
    margin-right: 7px;
    /* background: #f68a1f !important; */
    padding: 0 5px;
    color: #fff;
    border-radius: 0px !important;
}

.multiselect-dropdown .dropdown-btn .dropdown-down{
	/* border-top: 10px solid #f68a1f !important; */
}


/* ======================================================= */

.left-menu-outer{
	width: 220px;
	/* margin-right: 10px;
	margin-top: 10px; */
	height: calc(100vh - 90px);
	/* box-shadow: 0 0px 15px 5px rgba(0,0,0,.15); */
	border-radius: 0 4px 4px 0;
	padding: 12px;
	position: relative;
	transition: all 0.1s;
	float: left;
	background-color: #E5F5EA;
    border-right: 1px solid #C1E5CC;
}
.dash-m-item{
	align-items: center;
	margin-bottom: 10px;
	/* background-color: #f68a1f; */
	border-radius: 4px;
	cursor: pointer;
	/* box-shadow: 2px 3px 5px -1px #9a9a9a; */
	border: 1px solid #C1E5CC;
	height: 40px;
}
.left-menu-outer.dash-collapse .dash-m-item{
	justify-content: center;
    width: 40px;
}
.dash-m-item.dash-active{
	background-color: #1c3575;
}
.dash-m-item.dash-active img{
	background-color: #17264c;
}
.dash-m-item img{
	/* width: 50px; */
	height: auto;
	/* padding: 10px; */
	width: 36px;
	padding: 8px;
	margin-right: 15px;
	/* background-color: #de7106; */
	border-radius: 4px 0 0 4px;
}
.dash-m-item span{
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	transition: all 0.3s;
}
.dash-collapse-icon{
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.dash-collapse-icon img{
	width: 40px;
	height: auto;
	padding: 5px;
	/* background-color: #de7106; */
	border-radius: 50%;
	transition: all 0.1s;
}

.dash-collapse .dash-collapse-icon{
	right: 15px;
}
.left-menu-outer.dash-collapse{
	/* width: 75px; */
	width: 60px;
	/* padding: 5px; */
}
/* .dash-collapse .dash-m-item span{
	display: none;
} */
.dash-collapse .dash-m-item img{
	margin-right: 0;
	border-radius: 4px;
}
.dash-collapse .dash-collapse-icon img{
	transform: rotate(-180deg);
}

.in.show.opct-low{
	background-color: rgba(0, 0, 0, 0.9);
}



/* laptop screen 1024 */
@media  (max-width: 1024px) {
	 /* .left-menu-outer {
	  width: 175px !important;
	  margin-right: 10px;
	  margin-top: 10px;
	  height: calc(100vh - 100px);
	  box-shadow: 0 0px 15px 5px rgba(0,0,0,.15);
	  border-radius: 0 4px 4px 0;
	  padding: 10px;
	  position: relative;
	  transition: all 0.1s;
	  float: left;
	}
	.dash-collapse-icon{
		position: absolute;
		bottom: 10px;
		right: 10px;
	}
	.dash-collapse .dash-collapse-icon{
		right: 15px;
	} */
	/* .left-menu-outer.dash-collapse{
		width: 70px !important;
	} */
	/* .dash-collapse .dash-m-item span{
		display: none;
	} */
	.dash-collapse .dash-m-item img{
		margin-right: 0;
		border-radius: 4px;
	}
	.dash-collapse .dash-collapse-icon img{
		transform: rotate(-180deg);
	}
}

@media  (max-width: 1280px) {
	nav{
		display: flex !important;
		justify-content: space-between;
	}
	.left-menu-outer {
	  /* width: 40% !important; */
	  width: 220px !important;
	  margin-right: 0px;
	  margin-top: 0px;
	  height: calc(100vh - 83px);
	  box-shadow: none;
	  border-radius: 0 4px 4px 0;
	  /* padding: 10px; */
	  padding: 12px;
	  transition: all 0.1s;
	  float: left;
		position: fixed;
    z-index: 200;
    /* background: #fff; */
		left: -100%;
		transition: left .3s;
	}
	.left-menu-outer.show-left-menu{
		left: 0 !important;
		box-shadow: 15px 0px 50px 15px rgba(0,0,0,.75);
		top: 65px;
	}
	.dash-collapse .dash-collapse-icon{
		/* display: none !important; */
	}
	.show-left-menu .dash-collapse-icon{
		display: none !important;
	}
	.hum-menu-outer .fa-arrow-left:before {
    content: "\f060" !important;
	}
	/* .dash-collapse-icon{
		position: absolute;
		bottom: 10px;
		right: 10px;
	}
	.dash-collapse .dash-collapse-icon{
		right: 15px;
	}
	.left-menu-outer.dash-collapse{
		width: 100% !important;
		width: auto !important;
	}
	.dash-collapse .dash-m-item span{
		display: none;
	}
	.dash-collapse .dash-m-item img{
		margin-right: 0 !important;
		border-radius: 4px;
	}
	.dash-collapse .dash-collapse-icon img{
		transform: rotate(-180deg);
	}
	.left-menu-outer .menu-list{
		display: flex;
		height: auto;
		padding: 0 !important;
	}
	.left-menu-outer .dash-collapse-icon{display: none;}
	.left-menu-outer .dash-m-item{margin-bottom: 0;margin-right: 10px;} */
	.opn-sidebar{
		position:fixed;
		left:0px;
		right:0px;
		top:0px;
	}
	.opn-sidebar .teesheet-outer-mob, .opn-sidebar .main-container .tt-list{
		overflow-y: hidden !important;
	}
}

/* @media (max-width: 1024px) {
		.dash-m-item img{
			width: 50px !important;
		}
		.menu-list {
	    padding: 5px 5px 5px 0px !important;
		}
} */

/* ======================================================= */




.border-radius-5{
	border-radius: 5px;
}
.border-radius-10{
	border-radius: 10px;
}
.border-radius-15{
	border-radius: 15px;
}
.form-control{
	height: 32px !important;
}
.field-height-30, .form-control.field-height-30{
  height: 30px !important;
}
.field-height-35, .form-control.field-height-35{
  height: 35px !important;
}
.fs-14,
.field-fs-14,
.ae-font .ae-picker-label,
.form-control, .form-group label{
  font-size: 14px !important;
  line-height: 16px !important;
}
.fs-20{
	font-size: 20px !important;
}

.modal-content-cardswipe-spinner {
	display: inline-block;
	width: 16px !important;
	height: 16px !important;
	margin-right: 10px;
	border: 3px solid #ccc;
	border-top: 3px solid #333;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.modal-content-waiting-text-swipe {
	font-weight: bold;
	font-size: 14px;
	color: #111;
	margin-right: 10px;
}

.modal-content-success-text-swipe {
	font-weight: bold;
	font-size: 14px;
	color: green;
	margin-right: 10px;
}


.search-voucher-modal-listing-footer-section {
	text-align: center;
}

.search-voucher-button {
	width: auto;
	color: white;
	margin: 0px 10px !important;
	outline: none !important;
	height: 32px !important;
	border-radius: 4px !important;
	border: none;
  	background-color: #0D1323;
}
.search-voucher-button:hover{
  background-color: #038F43;
}

.search-voucher-select-row {
	/* background-color: #e8ebf2; */
	background-color: skyblue;
	color: #051233;
}

.search-voucher-modal-listing-with-footer-buttons {
	height: calc(100vh - 305px) !important;
}

.without-footer-buttons-modal {
	height: calc(100vh - 265px) !important;
}

.fs-14{
	font-size: 14px !important;
}

.modal-header-bg-green{
	background-color: #038F43 !important;
}
.modal-header-bg-green-2x{
	background-color: #056832 !important;
}
.modal-header-bg-blue{
	background-color: #0d1223 !important;
}
.table-sm td,
.table-sm th{
	padding: 2px 5px !important;
}

.table-max-height-500{
	max-height: 500px;
	overflow: auto;
	position: relative;
}
.field-header{
  background-color: #5cb85c !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

/* .form-control{
	height: initial !important;
} */
.form-group label{
	font-weight: 600;
}
.sticky-table-header {
    position: sticky !important;
    top: -1px;
    z-index: 100;
}
.modal-right.modal-dialog {
  position: fixed;
  margin: 0;
  right: 0;
  top: 56px;
  top: 65px;
  height: calc(100vh - 65px - 25px);
  align-items: flex-start;
  transform: translateX(100%);
  transition: transform 0.3s ease-out;
  max-width: 100%;
  width: 400px;
}
.modal-right.modal-450{
	width: 450px !important;
}

.modal-right.modal-600{
	width: 600px !important;
	max-width: inherit !important;
}
.modal-right.modal-800{
	width: 800px !important;
	max-width: inherit !important;
}
.modal-right.modal-1000{
	width: 1000px !important;
	max-width: inherit !important;
}
.modal-right.modal-1200{
	width: 1200px !important;
	max-width: inherit !important;
}
.modal-right.modal-1400{
	width: 1400px !important;
	max-width: inherit !important;
}
.modal-right.modal-90{
	width: 90% !important;
	max-width: inherit !important;
}

.modal-80-per {
  width: 80% !important;
  max-width: 80% !important;
}

.modal-right.modal-80-per {
  right: 0;
  left: auto; 
}

.modal-90-per {
  width: 90% !important;
  max-width: 90% !important;
}

.modal-right.modal-90-per {
  right: 0;
  left: auto;
}

.modal-right.modal-1600{
	width: 1600px !important;
}

.modal-right .modal-content {
  height: calc(100vh - 65px - 25px);
  /* height: 100%; */
  overflow-y: auto;
  border-radius: 0;
  box-shadow: none !important;
  border-radius: inherit !important;
  background-color: #fbfbfb;
}
.modal-right .form-control{
	background-color:initial;
}
.modal-right .modal-header{
	min-height: inherit !important;
}
.modal-right.modal-dialog {
  transform: translateX(0);
  animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both !important;
}

.show .modal-right.modal-dialog {
  transform: translateX(0);
  animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both !important;
}
.fade .modal-right.modal-dialog {
  transition: transform 0.3s ease-out;
}

.fade.show .modal-right.modal-dialog {
  transform: translateX(0);
}
@keyframes slide-in-right {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
	transform: translateX(100px);
    opacity: 0;
  }
}

@media all and (max-width:768px){
	.modal-right.modal-dialog{
		padding-top: 0px !important;
    	margin: 0px !important;
	}
	.modal-right.modal-dialog-centered .modal-content{
		height: calc(100vh - 55px) !important;
	}
}
.md-over{
	box-shadow: 0px 0px 10px #383838;
}
.tab-modal-content{
	overflow-y: hidden !important;
    height: 100% !important;
}

.form-footer{
    box-shadow: 11px -14px 26px rgb(0 0 0 / 8%);
	position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
	background-color: #fff;
    height: 72px;
}

.modal-right .form-footer button, .modal-right .md-button{
	height: 35px !important;
    padding: 0 25px;
    font-size: 16px;
    font-weight: 400;
    outline: none;
    margin-left: 10px;
    margin-right: 2px;
    margin-top: 2px;
    border-radius:4px !important;
}
.pb-60{
	padding-bottom:60px;
}
.modal-header.bg-green, .bg-green{
	background-color:#01793a !important;
}
.modal-right .modal-header.bg-green{
	background-color: #D6F0DE !important;
	border-color: #D6F0DE !important;
}
.modal-right .modal-header{
	color:#404040 !important;
} 
.modal-right .modal-header button img{
	background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
	cursor:pointer;
	content: url(../../assets/img/icons/close-modal.svg);
	height:20px !important;
	width:20px !important;
}
.modal-right .modal-header button{
	opacity:1;
}
.br-green{
	border-color:#01793a !important;
}
.tab-modal-body{
    /* height: calc(100vh - 190px); */
	height: calc(100vh - 202px);
    overflow-y: auto;
}
.left-tab-modal-body{
	height: calc(100vh - 140px);
    overflow-y: auto;
}
.left-section-modal .form-footer{
	position: fixed;
}

.modal-dialog.modal-right .modal-header *, .modal-dialog.modal-right label, .modal-dialog.modal-right .mat-tab-label-content, .modal-dialog.modal-right .form-footer button, .modal-right .listing-table-data span, .modal-right .listing-table-head{
	font-family: "Montserrat", sans-serif !important;
	font-weight: 500;
}
.modal-right .modal-header{
	height: 48px;
}
.fs-10{
	font-size:10px !important;
}
.fs-12{
	font-size:12px !important;
}
.fs-13{
	font-size:13px !important;
}
.fs-14{
	font-size:14px !important;
}
.fs-16{
	font-size:16px !important;
}
.fw-500{
	font-weight:500 !important;
}
.fw-600{
	font-weight:600;
}
.bg-black{
	background-color:#000;
}
.bg-red{
	background-color:#D25454;
}
.modal-right .form-group label {
    /* color: #2B2B2B !important; */
	color: #7f7f7f!important;
	font-size:12px !important;
}
.btn-outline-danger {
    color: #C90909;
    border-color: #C90909;
}
.modal-right button{
	padding: 12px 24px;
    height: auto;
	border-radius:8px !important;
}
.tab-modal-container{
	/* height: calc(100vh - 235px) !important; */
	height: calc(100vh - 247px) !important;
}
.pl-24{
	padding-left:24px!important;
}
.pr-24{
	padding-right:24px!important;
}
.modal-right .listing-table .listing-table-head{
    background-color: #DBDBDB !important;
    border-color: #DBDBDB !important;
    color: #282828 !important;
	font-weight: 500 !important;
}
.modal-right .listing-table-data{
	color: #63676A !important;
	font-size:14px;
}
.modal-right .form-control{
    border-radius: 6px;
    border-color: #D1D1D6;
}
.modal-right .col div{
  display:block;
}

.right-content-holder .pagination>li{
	margin: 0px 3px;
}
.right-content-holder .pagination .active{
	border-radius: 6px;
}
.right-content-holder .page-item.active .page-link{
	background-color: #01793A !important;
    color: #ffffff !important;
    border: 1px solid #DDDDDD !important;
    border-color: #DDDDDD !important;
    border-radius: 4px !important;
}
.pagination>li>a, .pagination>li>span{
	color: #313131;
	font-family: "Montserrat", sans-serif;
	border-radius:4px;
}
.mat-tab-label-container .mat-tab-list{
	margin-top:15px;
	margin-bottom:10px;
}
.modal-right .mat-tab-list{
	padding: 0px 24px;
}
.middle-holder .box-container{
    width: calc(100% - 224px);
	height: calc(100vh - 90px);
	margin:0px;
}
.page-item.disabled .page-link{
	border-radius:4px;
}
/* =================Left Menu Css Start=============== */
.bg-light-green-2 {
    background-color: #C1E5CC;
}
.left-menu-outer .dash-m-item{
	background-color:#fff !important;
}
.left-menu-outer .dash-m-item img{
	background-color:none !important;
}
.left-menu-outer .dash-m-item img svg{
	fill: #525252;
}
.left-menu-outer .dash-m-item span{
	color:#525252;
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
}
.left-menu-outer .dash-m-item.dash-active{
	background-color:#1B6D37 !important;
}
.left-menu-outer .dash-m-item.dash-active span{
	color:#fff;
}
.left-menu-outer .dash-m-item img{
	background-color:initial !important;
}
.left-menu-outer .dash-collapse-icon{
	bottom: 0px;
    right: 0px;
	left:0px;
    height: 40px;
}
.middle-holder .left-menu-outer{
	height: calc(100vh - 90px);
}
.dash-collapse .close-side-menu{
  transform: rotate(180deg);
}
.dash-collapse .m-title{
	display:none;
}
.clr-black{
	color:#000 !important;
}
.form-footer .light-green-btn{
	border: 1px solid #96CDA1 !important;
	background-color: #F5FBF6 !important;
	color: #1B6D37 !important;
}
.form-footer .light-green-btn:hover{
	border: 1px solid #01793a;
	background-color: #01793a !important;
	color: #ffffff !important;
}
.form-footer .white-btn{
	border: 1px solid #A1A1A1 !important;
	background-color: #FFF !important;
	color: #404040 !important;
}
.form-footer .white-btn:hover{
	border: 1px solid #404040 !important;
	background-color: #404040 !important;
	color: #ffffff !important;
}

/* =================Left Menu Css Start=============== */
.modal-right .listing-action-column.ver-action-column{
	display: flex;
    flex-direction: column;
    height: auto;
}
.modal-right .mat-form-field-flex{
	height: 40px;
}
.modal-right .mat-form-field-infix{
    padding: 5px 0px !important;
}
.modal-right .mat-form-field-appearance-outline .mat-form-field-label{
	top: 18px;
}
.modal-right .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{
    top: 25px;
}
.masterpage.open-right-modal .cdk-overlay-container{
	z-index: 2002 !important;
}
@media (max-width: 1280px){
  .middle-holder .right-content-holder .box-container.dash-collapse, .middle-holder .right-content-holder .box-container.right-side{
	width:100% !important;
  }
}
@media (max-width:1024px){
.modal-right .left-tab-modal-body{
	padding:0px 10px !important;
}

}
@media (max-width:992px){
.middle-holder .right-content-holder .box-container.dash-collapse, .middle-holder .right-content-holder .box-container.right-side{
    padding: 0px 10px;
  }
}
@media all and (max-width:1400px){
	.modal-right.modal-1400{
		width:90% !important
	}
}
@media all and (max-width:1200px){
	.modal-right.modal-1200{
		width:90% !important
	}
}
@media all and (max-width:1000px){
	.modal-right.modal-1000{
		width:90% !important
	}
}
@media all and (max-width:800px){
	.modal-right.modal-800{
		width:90% !important
	}
}

@media all and (max-width:1200px){
	.modal-right.modal-1200{
		width:90% !important
	}
}
@media all and (max-width:1000px){
	.modal-right.modal-1000{
		width:90% !important
	}
}
@media all and (max-width:800px){
	.modal-right.modal-800{
		width:90% !important
	}
}

/* Register Popup Style */
.bg-light-green-1x{
	background-color: #E9F6EB !important;
}
.bg-light-grey-1x{
	background-color: #f5f5f5 !important;
}
.color-grey-3x{
	color: #404040 !important;
}
.popup-alert-red{
	background-color: #FFF2F3 !important;
	border: 1px solid #FFCCCC !important;
	color: #B1000F !important;
}
.box-shadow-none{
	box-shadow: none !important;
}

.modal-green-btn{
	background-color: #1B6D37 !important;
	border-color: #1B6D37 !important;
	color: #fff !important; 
}
.modal-dark-btn{
	background-color: #0d1323 !important;
	border-color: #0d1323 !important;
	color: #fff !important; 
}
.modal-red-btn{
	background-color: #FFF2F3 !important;
	border-color: #FFB1B1 !important;
	color: #B1000F !important;
}

.modal-center-spinner{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100% !important;
	height: 100% !important;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(0, 0, 0, 0.2);
	z-index: 2;
}
.modal-center-spinner .spinner-border {
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
	z-index: 5;
}
.modal-checkbox-style input[type="checkbox"]{
	width: 20px;
	height: 20px;
	accent-color: #038F43;
}
.bg-light-grey {
    background-color: #FAFAFA !important;
}

.modal-radio-style input[type="radio"]{
	width: 20px;
	height: 20px;
	accent-color: #038F43;
}
.modal-payment-modes-holder{
	gap: 1rem;
}
.mw-100-px{
	min-width: 100px;
}
.mw-200-px{
	min-width: 200px;
}
.modal-scrollable-body{
	max-height: calc(100vh - 150px);
	overflow-y: auto;
}

.modal-scrollable-body::-webkit-scrollbar{
  width: 10px;
  height: 10px;
  cursor: grab;
}
.modal-scrollable-body::-webkit-scrollbar-track{
  border-radius: 10px;
  border: none;
  background: rgba(0,0,0,0.1);
}
.modal-scrollable-body::-webkit-scrollbar-thumb{
  border-radius: 10px;
  border: none;
  background: #61c285;
  cursor: grab;
}
.modal-scrollable-body::-webkit-scrollbar-thumb:active{
  cursor: grabbing;
}