/*---- Early cod css start----*/
.modal-early-cod .three-box .plan-button.deactivate 
{
    background-color: #344563;
}
.modal-early-cod .three-box.three-box-active {
    border-color: #5e6c84;
}
.early-cod-button img
{
	width: 20px;
	height: 20px;
}
.early-cod-button span
{
	height: 24px;
	font-family: Inter;
	font-size: 14px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 24px;
	letter-spacing: normal;
	color: #344563;
	padding-right: 22px;
	border-right: 1px solid #dfe1e6;
}
.modal-early-cod .modal-dialog
{
	max-width: 672px;
}
.modal-early-cod .modal-content
{
	border: 0px;
}
.modal-early-cod .modal-header
{
	padding: 40px 31px 42px 32px;
}
.modal-early-cod .modal-body
{
	padding: 0px 31px 48px 32px;
}
.modal-early-cod .modal-title
{
	min-height: 30px;
	font-family: CircularStd;
	font-size: 24px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #344563;
	margin-bottom: 8px;
}
.modal-early-cod .modal-sub-title
{
	max-width: 496px;
	margin:0 auto;
	font-family: Inter;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	text-align: center;
	color: #344563;
}
.modal-early-cod .close
{
	position: absolute;
	right: 38px;
	top: 38px;
	padding: 0;
	margin: 0;
}
.modal-early-cod .three-box
{
	display: inline-block;
	padding: 24px 15px 32px 15px;
	margin-bottom: 30px;
}
.modal-early-cod .three-box-one,.modal-early-cod .three-box-two,.modal-early-cod .three-box-three
{
	width: 190px;
	max-height: 336px;
	border-radius: 16px;
	border: solid 2px #dfe1e6;
}
.modal-early-cod .three-box.three-box-active
{
	border-color: #5e6c84;
}
.modal-early-cod .three-box-one
{
	margin: 0 16px 0 0;
}
.modal-early-cod .three-box-two
{
	margin: 0 15px 0 0;
}
.modal-early-cod .three-box .three-box-title
{
	width: 111px;
	min-height: 48px;
	font-family: Inter;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: normal;
	text-align: center;
	color: #253858;
	margin-top: 24px;
	margin-bottom: 16px;
	margin-left: auto;
	margin-right: auto;
}
.modal-early-cod .three-box .transaction-charge-outer
{
	min-height: 16px;
	font-family: Inter;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.14;
	letter-spacing: normal;
	text-align: center;
	color: #253858;
}
.modal-early-cod .transaction-charge-outer .tc-title
{
	margin-bottom: 8px;
}
.modal-early-cod .transaction-charge-outer .tc-per
{
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	color: #344563;
	margin-bottom: 8px;
}
.modal-early-cod .transaction-charge-outer .tc-gst
{  
	font-size: 12px;
	line-height: 1.33;
	color: rgba(9, 30, 66, 0.65);
	margin-top: 8px;
	margin-bottom: 16px;
}
.modal-early-cod .three-box .plan-button
{
	width: 120px;
	height: 40px;		
	border-radius: 4px;
	font-family: Inter;
	font-size: 14px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.71;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;
}
.modal-early-cod .three-box .plan-button
{
	background-color: #36b37e;
}
.modal-early-cod .three-box .plan-button.deactivate
{
	background-color: #344563;
}
.modal-early-cod .new-checkbox-design
{
	margin-bottom: 46px;
}
.modal-early-cod .to-activate-line
{
	font-family: Inter;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.71;
	letter-spacing: normal;
	color: #253858;
	margin-bottom: 16px;
}
.new-checkbox-design .custom-control-label,.new-checkbox-design .to-activate-line
{
	font-family: Inter;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	color: #344563;
}
.new-checkbox-design .custom-control-label a
{
	font-weight: 500;
	color: #0052cc;
}
.new-checkbox-design.custom-checkbox .custom-control-input:checked~.custom-control-label::before
{
	width: 20px;
	height: 20px;
	color: #fff;
	box-shadow: none;
	border-radius: 3px;
	border: solid 1px #c4cdd5;
}
.new-checkbox-design.custom-checkbox .custom-control-input:checked~.custom-control-label::after
{
	width: 20px;
	height: 20px;
	color: #fff;
	border-color: #0052cc;
	background-color: #0052cc;
	background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='white' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/></svg>");

}
.new-checkbox-design.custom-checkbox .custom-control-label::before, .new-checkbox-design.custom-checkbox .custom-control-label::after
{
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 3px;
	background-color: #ffffff;
	border: solid 1px #c4cdd5;
}
.modal-early-cod .early-cod-benifit-title
{
	min-height: 16px;
	font-family: Inter;
	font-size: 18px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 0.89;
	letter-spacing: normal;
	color: #344563;
	margin-bottom: 16px;
}
.modal-early-cod .early-cod-benifit-desc
{
	font-family: Inter;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.71;
	letter-spacing: normal;
	color: #253858;
	padding-left: 16px;
	position: relative;
}
.modal-early-cod .early-cod-benifit-desc .add-dash
{
	position: relative;
}
.modal-early-cod .early-cod-benifit-desc .add-dash:before
{
	position: absolute;
	left: -20px;
	content: "\e9e2";
	font-family: icomoon!important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	min-width: 1em;
	display: inline-block;
	text-align: center;
	font-size: 1rem;
	color: #9ba4b3;
	vertical-align: middle;
	top: 4px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
@media (max-width: 767px)
{
	.header-minu-wallet-text{margin-left:10px!important;}
}
@media (max-width: 575px)
{
	.modal-early-cod .modal-header
	{
		padding: 40px 20px 42px 20px;
	}
	.modal-early-cod .modal-body
	{
		padding: 0px 20px 48px 20px;
	}
	.modal-early-cod .close
	{
		right: 10px;
		top: 10px;
	}
	.modal-early-cod .three-box-one, .modal-early-cod .three-box-two, .modal-early-cod .three-box-three
	{
		width: 100%;
		margin:0px;
		margin-bottom: 16px;
	}
	.modal-early-cod .three-box .three-box-title
	{
		width: 100%;
		min-height: auto;
	}
}
/*---- Early cod css end----*/
/*---- global css start----*/
	body{
		background-color: #ffffff !important;
		font-size: 14px;
		letter-spacing: normal;
		-webkit-font-smoothing: antialiased;
	}
	.blockUI.blockMsg.blockPage{
		border: 0px !important;
		background-color: transparent !important;
	}
	.page-header-content{
		padding: 0 32px;
	}
	.content{
		padding: 12px 32px 0px 32px;
		overflow:hidden;
	}
	.custom-footer.navbar {
		border: 1px solid rgba(0,0,0,.125);
	    border-radius: 22px 22px 0px 0px;		    
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
		z-index: 1;
	}
	.btn-blue
	{
  		border-radius: 16px;
		box-shadow: 0 1px 8px 0 rgba(9, 30, 66, 0.13);
  		background-image: linear-gradient(to bottom, #1ea2fa, #168afc 97%, #0e6fff);
  		color: #fff;
	}
	.line-height-18
	{
		line-height: 18px;
	}
	.nav-box-shadow
	{
		box-shadow: 0 1px 3px 0 rgba(63, 63, 68, 0.15) !important;
	}
	.font-20
	{
		font-size: 20px !important;
	}
	.font-16
	{
		font-size: 16px;
	}
	.p-0{		
		padding: 0px;
	}
	.p-t-3
	{
		padding-top: 3px;
	}
	.p-t-23
	{
		padding-top: 23px;
	}
	.p-t-25
	{
		padding-top: 25px;
	}
	.p-l-8
	{
		padding-left: 8px;
	}
	.p-r-8
	{
		padding-right: 8px;
	}
	.p-l-4
	{
		padding-left: 4px;
	}
	.p-l-5
	{
		padding-left: 5px;
	}
	.p-l-10
	{
		padding-left: 10px;
	}
	.p-l-16
	{
		padding-left: 16px;
	}
	.p-l-20
	{
		padding-left: 20px;
	}
	.p-l-23{
		padding-left: 23px;
	}
	.p-r-10
	{
		padding-right: 10px;
	}
	.p-r-23
	{
		padding-right: 23px;
	}
	.p-r-24
	{
		padding-right: 24px;
	}
	.m-l-12{
		margin-left: 12px;
	}
	.m-l-15
	{
		margin-left: 15px;
	}	
	.m-l-19
	{
		margin-left: 19px;
	}
	.m-r-3{
		margin-right: 3px;
	}
	.m-r-6{
		margin-right: 6px;
	}
	.m-r-8{
		margin-right: 8px;
	}
	.m-r-11
	{
		margin-right: 11px;
	}
	.m-r-12
	{
		margin-right: 12px;
	}
	.m-r-13
	{
		margin-right: 13px;
	}
	.m-r-16{
		margin-right: 16px;
	}
	.m-r-23{
		margin-right: 23px;
	}
	.m-r-24{
		margin-right: 24px;
	}
	.m-r-32{
		margin-right: 32px;
	}
	.m-b-0{
		margin-bottom: 0px;
	}
	.m-b-1
	{
		margin-bottom: 1px;
	}
	.m-b-2{
		margin-bottom: 2px;
	}
	.m-b-7{
		margin-bottom: 7px;
	}
	.m-b-8{
		margin-bottom: 8px;
	}
	.m-b-11{
		margin-bottom: 11px;
	}
	.m-b-12{
		margin-bottom: 12px;
	}
	.m-b-13{
		margin-bottom: 13px;
	}
	.m-b-14
	{
		margin-bottom: 14px;
	}
	.m-b-15{
		margin-bottom: 15px;
	}
	.m-b-16
	{
		margin-bottom: 16px;
	}
	.m-b-17
	{
		margin-bottom: 17px;
	}
	.m-b-20
	{
		margin-bottom: 20px;
	}
	.m-b-28
	{
		margin-bottom: 28px;
	}
	.m-b-32
	{
		margin-bottom: 32px;
	}
	.m-b-33
	{
		margin-bottom: 33px;
	}
	.m-b-35
	{
		margin-bottom: 35px;
	}
	.m-b-41
	{
		margin-bottom: 41px;
	}
	.m-b-42
	{
		margin-bottom: 42px;
	}
	.m-b-43
	{
		margin-bottom: 43px;
	}
	.m-b-55
	{
		margin-bottom: 55px;
	}
	.m-b-48
	{
		margin-bottom: 48px;
	}
	.m-t-1
	{
		margin-top: 1px;
	}
	.m-t-3{
		margin-top: 3px;
	}
	.m-t-5{
		margin-top: 5px;
	}
	.m-t-8{
		margin-top: 8px;
	}
	.m-t-9{
		margin-top: 9px;
	}
	.m-t-11{
		margin-top: 11px;
	}
	.m-t-12{
		margin-top: 12px;
	}
	.m-t-13{
		margin-top: 13px;
	}
	.m-t-15{
		margin-top: 15px;
	}
	.m-t-16{
		margin-top: 16px;
	}
	.m-t-17{
		margin-top: 17px;
	}
	.m-t-18{
		margin-top: 18px;
	}
	.m-t-19{
		margin-top: 19px;
	}
	.m-t-21{
		margin-top: 21px;
	}
	.m-t-22{
		margin-top: 22px;
	}
	.m-t-23{
		margin-top: 23px;
	}
	.m-t-24{
		margin-top: 24px;
	}
	.m-t-25{
		margin-top: 25px;
	}
	.m-t-27{
		margin-top: 27px;
	}
	.m-t-28{
		margin-top: 28px;
	}
	.m-t-30{
		margin-top: 30px;
	}
	.m-t-31{
		margin-top: 31px;
	}
	.m-t-32{
		margin-top: 32px;
	}
	.m-t-33{
		margin-top: 33px;
	}
	.m-t-34
	{
		margin-top: 34px;
	}
	.m-t-35
	{
		margin-top: 35px;
	}
	.m-t-36{
		margin-top: 36px;
	}
	.m-t-37{
		margin-top: 37px;
	}
	.m-t-38
	{
		margin-top: 38px;
	}
	.m-t-40{
		margin-top: 40px;
	}
	.m-t-49{
		margin-top: 49px;
	}
	.m-t-53{
		margin-top: 53px;
	}
	.m-t-62{
		margin-top: 62px;
	}
	.m-t-63
	{
		margin-top: 63px;
	}
	.m-t-64
	{
		margin-top: 64px;
	}	
	.m-t-111
	{
		margin-top: 111px;
	}
	.m-t-130
	{
		margin-top: 130px;
	}
	.m-t-234
	{
		margin-top: 234px;
	}
	.m-w-150
	{
		min-width: 150px;
	}
	.w-30
	{
		min-width: 30px;
		max-width: 30px;
		width: 30px;
	}
	.w-35
	{
		width: 35px;
	}
	.w-70
	{
		min-width: 70px;
		max-width: 70px;
		width: 70px;
	}
	.w-80
	{
		min-width: 80px;
		max-width: 80px;
		width: 80px;
	}
	.w-90
	{
		min-width: 90px;
		max-width: 90px;
		width: 90px;
	}
	.w-110{
		min-width: 110px;
		max-width: 110px;
		width: 110px;
	}
	.w-120{
		min-width: 120px;
		max-width: 120px;
		width: 120px;
	}
	.w-130{
		min-width: 130px;
		max-width: 130px;
		width: 130px;
	}
	.w-140{
		min-width: 140px;
		max-width: 140px;
		width: 140px;
	}
	.w-150{
		min-width: 150px;
		max-width: 150px;
		width: 150px;
	}
	.w-160{
		min-width: 160px;
		max-width: 160px;
		width: 160px;
	}
	.w-163{
		width: 163px;
	}
	.w-170{
		min-width: 170px;
		max-width: 170px;
		width: 170px;
	}
	.w-180{
		min-width: 180px;
		max-width: 180px;
		width: 180px;
	}
	.w-200{
		min-width: 200px;
		max-width: 200px;
		width: 200px;
	}
	.w-220{
		width: 220px;
	}
	.w-240{
		width: 240px;
	}
	.w-250{
		width: 250px;
	}
	.w-300{
		min-width: 300px;
		width: 300px;
	}
	.h-3
	{
		height: 3px;
	}
	.h-21
	{
		height: 21px;
	}
	.h-34
	{
		height: 34px;
	}
	.font-weight-500
	{
		font-weight: 500;
	}
	.v-align-top
	{
		vertical-align: top;
	}
	.border-right-1
	{
		border-right: 1px solid #ddd;
	}
	.border-bottom-1
	{
		border-bottom: 1px solid #ddd;
	}
	.boder-radius-16{		
		border-radius: 16px;
	}
	.border-radius-16{		
		border-radius: 16px;
	}
	.form-group{
		margin-bottom: 16px;
	}
	.btn-green
	{
		background-image: linear-gradient(to bottom, #1bbbb0, #0da8bf);
		color: #fff;
	}
	.panel-min-height
	{
		min-height: 400px;
	}
	.btn-white
	{
		/*box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.17);*/
    	background: #F5F6F8;
    	color: #748AA1;
    	border-radius: 16px;
    	border-color: #ddd;
	}
	.btn-white:hover
	{
		box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.17) !important;
	}
	.btn-light2
	{
		/*box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.17);*/
    	background: #F5F6F8;
    	color: #748AA1;
    	border-radius: 16px;
    	border-color: #ddd;
    	padding: 5.5px 14px;
    	width: 134px;
	}
	.btn-light2:hover,.btn-light2:hover
	{
		box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.17) !important;
		color: #748AA1;
	}
	.filter-above-datatable-btn-light,.filter-above-datatable-btn-light:hover
	{
		border: solid 1px #cbcccd;
		background-color: #ffffff;
		color: #748AA1;
		line-height: normal;
		text-align: left;
		height: 33px;
	}
	.filter-above-datatable-btn-light.glowing-effect-only-border:hover
	{
		border: solid 1px #36b37e !important;
	}
	.filter-above-datatable-btn-light.glowing-effect-only-border
	{
		border: solid 1px #36b37e !important;
	}
	.filter-icon-above-datatable
	{
		margin-top: 1.5px;
	}
	.btn-blue
	{
  		border-radius: 16px;
		box-shadow: 0 1px 8px 0 rgba(9, 30, 66, 0.13);
  		background-image: linear-gradient(to bottom, #1ea2fa, #168afc 97%, #0e6fff);
  		color: #fff;
	}
	.filter-btn-above-datatable
	{
		font-size: 14px;
		width: 134px;
		line-height: normal;
	}
	input.form-control{
		border-radius: 16px;
		border: solid 1px #cbcccd;
		background-color: #fcfcfc;
	}
	button.billing-button.btn-primary{
		border-color: #2196f3;
	}
	button.billing-button:hover{
		border-color: #cbcccd;
	}
	button.billing-button
	{
		font-size: 14px;
    	line-height: normal;
		border: solid 1px #cbcccd;
		padding: .4375rem 1rem;
	}
	button.billing-button:first-child
	{
		border-top-left-radius: 16px!important;
		border-bottom-left-radius: 16px!important;
		border-right: 0px;
	}
	button.billing-button.billing-second
	{
		border-radius: 0px!important;
		margin-left: -5px;
		border-right: 0px;
		border-left: 0px;
	}
	button.billing-second:before
	{
		content: " ";
	  	background-color: #cbcccd;
	  	width: 1px;
	  	height: 100%;
	  	position: absolute;
	    left: 0;
	    top: 0;
	    z-index: 1;
	}
	button.billing-second:after
	{
		content: " ";
	  	background-color: #cbcccd;
	  	width: 1px;
	  	height: 100%;
	  	position: absolute;
	    right: 0;
	    top: 0;
	    z-index: 1;
	}
	button.billing-button.billing-last{
		border-top-right-radius: 16px!important;
		border-bottom-right-radius: 16px!important;
		border-left: 0px;
		margin-left: -4.9px;
	}
	.modal-content
	{
		border-radius: 25px;
	}
	.mobile-show{
		display: none;
	}
	.sidebar:not(.sidebar-component) .sidebar-content::-webkit-scrollbar {
	  	width: 5px;
	}
	.sidebar:not(.sidebar-component) .sidebar-content::-webkit-scrollbar-track {
	  	border-radius: 5px;
	}
	.sidebar:not(.sidebar-component) .sidebar-content::-webkit-scrollbar-thumb {
	  	background: #c1c1c1; 
	  	border-radius: 5px;
	}
	.sidebar:not(.sidebar-component) .sidebar-content::-webkit-scrollbar-thumb:hover {
	  	background: #a9a9a9; 
	}
	.dataTables_wrapper{
		min-height: 350px;
	}
	.min-height-350
	{
		min-height: 350px;
	}

	/*.table-responsive	
	{	
		overflow-x: hidden;	
	}	
	.table-responsive::-webkit-scrollbar {	
	  	visibility: hidden;	
	  	opacity: 0;	
	  	width: 0;	
		height: 0;	
	}*/
	
	.no-record-found
	{
		width: 152px;
		height: auto;
	}
	.datatable-color-box-outer{
		width: 100%;
		margin-bottom: 10px;
	}
	.datatable-color-box-outer:last-child{
		margin-bottom: 0px;
	}
	.action-icon{
		margin-right: 8px;
	}
	.action-icon i{
		font-size: 16px !important;
	}
	.action-icon:last-child{
		margin-right: 0px;
	}
	.green-box,.red-box,.blue-box{
		font-family: Roboto;
		font-size: 14px;
		font-weight: 500;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		text-align: center;
		padding: 4px 10px;
		width: auto;
		display: inline-block;
	}
	.green-box{
		border-radius: 4px;
		border: solid 1px #36b37e;
		background-color: #e3fcef;
		color: #00875a;
		}
	.red-box{
		border-radius: 4px;
		border: solid 1px #ff5630;
		background-color: #ffebe6;
		color: #de350b;
	}
	.blue-box{
		border-radius: 4px;
	    border: solid 1px #00beda;
	    background-color: #d2f1ff;
	    color: #00beda;
	}
	.skeleton-on {
		border-radius: 7px;
		-webkit-animation-duration: 1s;
		-webkit-animation-fill-mode: forwards;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-name: placeHolderShimmer;
		-webkit-animation-timing-function: linear;
		background: #ebeef0;
		background-image: linear-gradient(to right, #ebeef0 0%, rgba(229, 229, 229, 1) 20%, #ebeef0 40%, #ebeef0 100%);
		background-repeat: no-repeat;
		background-size: 800px 100%;
		position: relative;
		stroke: transparent;
		pointer-events: none;
	}		
	@-webkit-keyframes placeHolderShimmer {
	    0% {
	       background-position: -468px 0
	   	}
	   	100% {
	       background-position: 468px 0
	   	}
	}	
	.custom-footer,#navbar-footer{
		width: 100%;
	}	
	.bs-popover-auto[x-placement^=bottom]>.arrow::before, .bs-popover-bottom>.arrow::before
	{
		border-bottom-color: rgba(0,0,0,.5);
	}
	/*.custom-footer{
		position: absolute;
	    margin-top: 20px;
	    bottom: 0;
	    margin-left: -32px;
	}*/		
	.custom-footer{
	    margin-top: 20px;
	}
	@media screen and (max-width: 360px) 
	{		
		.three-button button.billing-button:first-child
		{
			width: 20%;
			height: 46px;
		}
		.three-button button.billing-button.billing-second,.three-button button.billing-button.billing-last
		{
			width: 40%;
			height: 46px;
		}
	}
	
	@media screen and (max-width: 575px) {
		.right_side_nav .modal-header
		{
			margin-left: 0px !important;
		}
		.modal.right.right_side_nav .modal-body
		{
			margin-left: 0px !important;
    		margin-right: 0px !important;
		}
		.modal.right.right_side_nav .modal-dialog
		{
			width: 90% !important;
		}
		.modal.right .table tbody td
		{
			padding: 19px 0.5rem;
		}
		.content{
			padding: 12px 20px 0px 20px;
		}
		.w-xs-100
		{
			min-width: 100% !important;
			max-width: 100% !important;
			width: 100% !important;
		}
		.float-xs-left
		{
			float: left !important;
		}
		.m-b-xs-5
		{
			margin-bottom: 5px !important;
		}
		.mb-xs-10
		{
			margin-bottom: 10px !important;
		}
		.mt-xs-8
		{
			margin-top: 8px !important;
		}
		.mt-xs-16
		{
			margin-top: 16px !important;
		}
		.mt-xs-24
		{
			margin-top: 24px !important;
		}
		.billing_all_module_search .xs-w-48-per.first
		{
			margin-right: 2%;
		}
		.xs-w-48-per
		{
			width: 48% !important;
		}
		.xs-w-48-per button
		{
			width: 100%;
		}
		#navbar-footer span:first-child
		{
			padding: 10px 0 5px 0;
		}
		#navbar-footer span:last-child
		{
			padding: 5px 0 10px 0;
		}	
		button.billing-button{
			padding: 7px 8px;
			font-size: 13px;
		}
		.billing_all_module_search .second-calander input
		{
			width: 100% !important;
		}

		.three-button button.billing-button:first-child
		{
			width: 20%;
		}
		.three-button button.billing-button.billing-second,.three-button button.billing-button.billing-last
		{
			width: 40%;
		}
		.two-button button.billing-button:first-child,.two-button button.billing-button.billing-last
		{
			width: 50%;
		}
	}
	@media screen and (max-width: 991px) {
		.mobile-show{
			display: block;
		}
	}
/*---- global css end----*/

/*---- invoice ribbon css start----*/
	.invoice
	{
		font-family: Roboto;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		padding-top: 4px;
	}
	.card.white-card-shadow
	{
		box-shadow: 0 1px 8px 0 rgba(9, 30, 66, 0.13);
	    border: solid 1px rgba(9, 30, 66, 0.25) !important;
	    border-radius: 16px;
	    background-color: #ffffff;
	    margin-bottom: 9px;
	}
	.card .ribbon 
	{
        width: 12.1em;
        height: 12.1em;
        position: absolute;
        overflow: hidden;
        top: 0;
        right: 0;
        /*z-index: 9999;*/
        pointer-events: none;
        font-size: 14px;
        text-decoration: none;
        text-indent: -999999px;

        right: auto;
         left: 0;
    }
    .card .ribbon:before, .card .ribbon:after
    {
        position: absolute;
        display: block;
        width: 14em;
	    height: 1.54em;
	    top: 1.7em;
	    right: 2em;

        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;

        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .card .ribbon:before
    {
        content: "";
        padding: .38em 0;
        pointer-events: auto;
    }
    .card .invoice_paid:after
    {    	
        background-color: #28a745;
    }
    .card .invoice_partial_paid:after
    {    	
        background-color: #6c757d;
    }
    .card .invoice_unpaid:after
    {    	
        background-color: #dc3545;
    }
    .card .ribbon:after
    {
        content: attr(data-text);
        color: #fff;
        text-indent: 0;
        /*padding: .15em 0;*/
        padding: .45em 0 0.05em;
    	margin: .40em 0;
        text-align: center;
    }
    .invoice-title
    {
    	font-family: CircularStd;
		font-size: 20px;
		font-weight: 900;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		text-align: center;
		color: #344563;
		margin-bottom: 11px;
    }
    @media  (max-width: 400px)
    {
    	.invoice-title
    	{
    		margin-left: 18px;
    	}
    } 
    .export-div
    {
    	display: inline-flex;
    }
    .Export 
    {
	  	height: 16px;
	  	font-family: Roboto;
	  	font-size: 14px;
	  	font-weight: normal;
	  	font-stretch: normal;
	  	font-style: normal;
	  	line-height: normal;
	  	letter-spacing: normal;
	  	text-align: right;
	  	color: #344563;
	  	display: inline-block;
	  	margin-left: 6px;
	}
	.invoice .card .card-body
	{
		padding: 28px 48px 24px 48px;
	}
	.logo-circle-outer
	{
		width: 48px;
		height: 48px;
		border-radius: 24px;
		border: solid 1px rgba(9, 30, 66, 0.13);
		padding:8px;
	}
	.logo-circle-outer img
	{
		width: 31px;
		height: auto;
	}
	.invoice .company-title
	{
		font-family: CircularStd;
		font-size: 18px;
		font-weight: 500;
		color: #344563;;
	}
	.invoice .company-address
	{
		font-size: 14px;
		line-height: 1.43;
		color: #253858;
	}
	.invoice .date-left-section
	{
		font-size: 14px;
		line-height: 1.14;
		color: #505f79;
	}
	.invoice .date-right-section
	{ 
		font-size: 14px;
		line-height: 1.14;
		text-align: right;
		color: #253858;
	}
	.invoice .date-right-section .date-right-section-rupee
	{ 
		font-size: 14px;
	}
	.invoice-divider
	{
		height: 1px;
		border: 0.5px solid rgba(9, 30, 66, 0.13);
		margin-top: 14px;
		margin-bottom: 12px;
	}
	.recipient-address-outer .recipient-to
	{
		font-size: 12px;
		font-weight: 500;
		line-height: 1.33;
		color: #253858;
		margin-bottom: 4px;
	}
	.recipient-address-outer .recipient-company-name,.recipient-payment-detail .payment-detail-title
	{
		font-family: CircularStd;
		font-size: 16px;
		font-weight: 500;
		color: #344563;
	}
	.recipient-address-outer .recipient-company-name
	{
		margin-bottom: 5px;
	}
	.recipient-address-outer .recipient-address
	{
		font-size: 14px;
		line-height: 1.43;
		color: #253858;
	}

	.invoice .table tbody tr td:first-child
	{
		display:table-cell !important;
	}
   	.invoice .table th:first-child
   	{
   		display:table-cell !important;
   	}
   	.invoice .table thead th
   	{
		font-family: Roboto;
		font-size: 12px;
		font-weight: 500;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		color: rgba(9, 30, 66, 0.65);
		padding-top: 4px;
		padding-bottom: 4px;
		text-transform: uppercase;
   	}

   	.invoice .card.white-card-shadow .table thead th
   	{
		font-family: Roboto;
		font-size: 12px;
		font-weight: 500;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.33;
		letter-spacing: normal;
		color: #253858;
		padding-top: 4px;
		padding-bottom: 4px;
		text-transform: uppercase;
		height: 24px;
   	}
   	.invoice .table tbody td
   	{
   		padding-top: 6px;
   		padding-bottom: 6px;
   	}
   	.invoice .table tbody td,.invoice .table tbody td i
   	{
		font-size: 14px;
		line-height: 1.43;
		color: #253858;
   	}
   	.invoice .below-invoice-table .table
   	{
   		margin-bottom: 44px;
   	}
   	.invoice .below-invoice-table .table thead th
   	{
   		padding-top: 9px;
   		padding-bottom: 9px;
   	}
   	.invoice .below-invoice-table .table tbody td
   	{
   		padding-top: 14px;
   		padding-bottom: 14px;
   	}
   	.payment-term-and-condition .payment-title
   	{
   		font-family: CircularStd;
		font-size: 16px;
		font-weight: 500;
		color: #344563;
   	}
   	.payment-term-and-condition .payment-description
   	{
   		font-family: Roboto;
		font-size: 14px;
		line-height: 1.14;
		color: #6c798f;
   	}
   	.computer-generated	
   	{	
   		font-family: Roboto;	
		font-size: 14px;	
		font-weight: normal;	
		font-stretch: normal;	
		font-style: normal;	
		line-height: 1.43;	
		letter-spacing: normal;	
		color: #8993a4;	
		text-align: center;	
   	}
   	.payment-term-and-condition .download-btn
   	{
   		width: 191px;
		height: 48px;
		border-radius: 24px;
		box-shadow: 0 2px 4px 0 rgba(76, 154, 255, 0.4);
		background-image: linear-gradient(to bottom, #1ea2fa, #168afc 97%, #0e6fff);
		padding: 12px 16px 12px 16px;
    	text-align: left;
   	}
   	.payment-term-and-condition .download-btn img
   	{
   		width: 24px;
  		height: 24px;
  		display: inline-block;
   	}
   	.payment-term-and-condition .download-btn span
   	{
   		width: 111px;
		height: 19px;
		font-size: 16px;
		font-weight: 500;
		color: #ffffff;
  		display: inline-block;
  		line-height: 19px;
   	}
   	.payment-term-and-condition .print-btn
   	{
   		width: 112px;
		height: 48px;
		border-radius: 24px;
		box-shadow: 0 2px 4px 0 rgba(76, 154, 255, 0.4);
		background-image: linear-gradient(to bottom, #1ea2fa, #168afc 97%, #0e6fff);
   	}
   	.payment-term-and-condition img
   	{
   		width: 24px;
  		height: 24px;
   	}
   	.payment-term-and-condition span
   	{
   		margin-left: 7px;
   		width: 35px;
		height: 19px;
		font-size: 16px;
		font-weight: 500;
		color: #ffffff;
   	}
   	.invoice-table-title	
   	{	
   		padding-left: 24px;	
		font-family: CircularStd;	
		font-size: 20px;	
		font-weight: 500;	
		font-stretch: normal;	
		font-style: normal;	
		line-height: normal;	
		letter-spacing: normal;	
		color: #344563;	
   	}	
   	.Rectangle-Copy-27 	
   	{	
	  border-radius: 20px;	
	  background-color: rgba(9, 30, 66, 0.04);	
	}	
	.Rectangle-Copy-289 	
   	{	
	  /*border-radius: 20px;*/	
	  background-color: rgba(9, 30, 66, 0.04);	
	}	
	.first-child 	
	{	
	    border-top-left-radius: 0px !important;	
	    border-bottom-left-radius: 0px !important;	
	}	
	.last-child 	
	{	
	    border-top-right-radius: 0px !important;	
	    border-bottom-right-radius: 0px !important;	
	    text-align: right !important;	
	    padding-right: 5px !important;	
	}	
	.display-invoice	
	{	
		display: contents;	
	}	
	.invoice-inline	
	{	
		display: flex;	
	}	
   	.invoice .invoice-detail	
   	{	
   		margin-left: 28px;	
   		margin-top: 20px;	
   	}	
   	.invoice .invoice-detail .invoice-detail-title	
   	{	
   		font-family: CircularStd;	
		font-size: 20px;	
		font-weight: 500;	
		color: #344563;	
		height: 25px;	
		margin-left: 16px;	
   	}	
   	.invoice .invoice-detail .invoice-number,.invoice .invoice-detail .invoice-date	
   	{	
		font-size: 14px;	
		line-height: 1.71;	
		margin-top: 2px;	
		color: #505f79;	
		font-family: Roboto;	
		font-weight: normal;	
   	}	
   	.invoice .invoice-detail .invoice-number	
   	{	
   		border-right: 1px solid #a5adba;	
   		padding-right: 9px;	
   		margin-right: 9px;	
   	}	
   	.invoice .invoice-detail .invoice-number span,.invoice .invoice-detail .invoice-date span	
   	{	
		font-weight: 500;	
  		color: #253858;	
   	}	
   	.invoice .invoice-detail .invoice-card .card	
   	{	
   		padding: 13px 32px;	
   		border-radius: 16px;	
  		background-color: rgba(9, 30, 66, 0.04);	
  		box-shadow: 0 0px 0px rgba(0,0,0,.05);	
	    border: 0px solid rgba(0,0,0,.125);	
   	}	
   	.invoice .invoice-detail .invoice-card .card-body	
   	{	
   		padding:0px;	
   	}	
   	.invoice .invoice-detail .invoice-card .invoice-amount	
   	{	
   		font-family: CircularStd;	
   		height: 25px;	
		font-size: 18px;	
		font-weight: 500;	
		color: #344563;	
   	}	
   	.invoice .invoice-detail .invoice-card .invoice-text	
   	{	
   		height: 16px;	
		font-size: 14px;	
		line-height: 1.14;	
		color: #6c798f;	
		margin-top: 2px;	
   	}	
   	.invoice .invoice-detail .vendor-detail	
   	{	
   		height: 25px;	
		font-family: CircularStd;	
		font-size: 20px;	
		font-weight: 500;	
		color: #344563;	
		margin-bottom: 23px;	
   	}
   	.invoice .invoice-detail .vendor-detail-list
   	{
   		height: 24px;
		font-family: Roboto;
		font-size: 14px;
		font-weight: normal;
		line-height: 1.71;
		color: #253858;
		margin-bottom: 8px;
   	}
   	.invoice .invoice-detail .vendor-detail-list:last-child
   	{
		margin-bottom: 0px;
   	}
   	.invoice .invoice-detail .vendor-detail-list span
   	{
   		font-weight: 500;
   	}
   	.invoice .invoice-detail .due-date-text
   	{
		font-size: 14px;
		line-height: 1.43;
		color: #505f79;
   	}
   	.invoice .invoice-detail .due-date-outer
   	{
   		width: 108px;
   		height: 40px;
   		/*float: left;*/
   	}
   	.invoice .invoice-detail .due-date
   	{
		font-size: 14px;
		line-height: 1.43;
		font-weight: 500;
  		color: #ff5230;
   	}
   	/*.paid-button-outer
   	{
   		float: left;
   	}
   	.invoice .invoice-detail .paid-button
   	{
   		margin-left: 21px;
   		float: left;
   		height: 32px;
		border-radius: 4px;
		border: solid 1px #36b37e;
		background-color: #e3fcef;
		font-size: 16px;
		font-weight: 500;
		text-align: center;
		color: #00875a;
		padding: 6px 16px;
   	}*/
   	/*.paid-button-outer	
   	{	
   		width: 40px;	
		height: 24px;	
		border-radius: 4px;	
		border: solid 1px #36b37e;	
		background-color: #e3fcef;	
   	}	
   	.invoice .invoice-detail .paid-button	
   	{	
   		width: 28px;	
		height: 16px;	
		font-family: Roboto;	
		font-size: 14px;	
		font-weight: 500;	
		font-stretch: normal;	
		font-style: normal;	
		line-height: normal;	
		letter-spacing: normal;	
		text-align: center;	
		color: #00875a;	
		margin: 4px 6px;	
		padding: 0px;	
		border: 0px;	
   	}*/
   	.invoice .invoice-detail .paid-button,.invoice .invoice-detail .partial-paid-button,.invoice .invoice-detail .unpaid-button
   	{	
		font-family: Roboto;	
		font-size: 14px;	
		font-weight: 500;	
		font-stretch: normal;	
		font-style: normal;	
		line-height: normal;	
		letter-spacing: normal;	
		text-align: center;	
		margin: 4px 6px;	
		padding: 0px;	
		border: 0px;
		text-align: center;
		outline: transparent;
   	}
   	.invoice .invoice-detail .paid-button-outer	
   	{	
   		width: 42px;	
		height: 26px;	
		border-radius: 4px;	
		border: solid 1px #36b37e;	
		background-color: #e3fcef;
		margin-top: 4px;
   	}
   	.invoice .invoice-detail .paid-button
   	{
		color: #00875a;
		background-color: transparent;
   	}
   	.invoice .invoice-detail .partial-paid-button-outer
   	{
   		width: 90px;
		height: 26px;
		border-radius: 4px;	
		border: solid 1px #00beda;
    	background-color: #d2f1ff;
		margin-top: 4px;
   	}
   	.invoice .invoice-detail .partial-paid-button
   	{
		color: #00beda;
		background-color: transparent;
   	}
   	.invoice .invoice-detail .unpaid-button-outer
   	{
   		width: 60px;
		height: 26px;
		border-radius: 4px;	
		border: solid 1px #ff5630;
    	background-color: #ffebe6;
		margin-top: 4px;
   	}
   	.invoice .invoice-detail .unpaid-button
   	{
		color: #de350b;
		background-color: transparent;
   	}
   	.invoice .invoice-detail .download-btn
   	{
   		width: 144px;
		height: 48px;
		border-radius: 24px;
		box-shadow: 0 2px 4px 0 rgba(76, 154, 255, 0.4);
		background-image: linear-gradient(to bottom, #1ea2fa, #168afc 97%, #0e6fff);
		padding: 12px 25px 12px 16px;
   	}
   	.invoice .invoice-detail .download-btn img
   	{
   		width: 24px;
  		height: 24px;
  		display: inline-block;
   	}
   	.invoice .invoice-detail .download-btn span
   	{
   		margin-left: 7px;
   		width: 70px;
		height: 19px;
		font-size: 16px;
		font-weight: 500;
		color: #ffffff;
  		display: inline-block;
  		line-height: 18px;
   	}
   	@media screen and (max-width: 575px)
   	{   	
   		.invoice .invoice-detail .invoice-number
   		{
   			border-right:0px;
   		}
	   	.invoice .d-xs-none
	   	{
	   		display: none;
	   	}
	   	.mt-xs-7
	   	{
	   		margin-top: 7px;
	   	}
   	}
   	@media screen and (max-width: 1199px){
	   	.invoice .invoice-detail{
	   		margin-left: 0px;
	   	}
	}
	
/*---- invoice ribbon css end----*/

/*---- orders page css start----*/
	.order-tab-image
	{
		height: 23px;
    	vertical-align: bottom;
	}
/*---- orders page css end----*/

/*---- bootstrap 5 column css start----*/
	.col-2dot4,
	.col-sm-2dot4,
	.col-md-2dot4,
	.col-lg-2dot4,
	.col-xl-2dot4 {
	    position: relative;
	    width: 100%;
	    min-height: 1px;
	    padding-right: .625rem;
		padding-left: .625rem;
	}
	.col-2dot4 {
	    -webkit-box-flex: 0;
	    -ms-flex: 0 0 20%;
	    flex: 0 0 20%;
	    max-width: 20%;
	}
	@media (min-width: 540px) {
	    .col-sm-2dot4 {
	        -webkit-box-flex: 0;
	        -ms-flex: 0 0 20%;
	        flex: 0 0 20%;
	        max-width: 20%;
	    }
	}
	@media (min-width: 768px) {
	    .col-md-2dot4 {
	        -webkit-box-flex: 0;
	        -ms-flex: 0 0 20%;
	        flex: 0 0 20%;
	        max-width: 20%;
	    }
	}
	@media (min-width: 992px) {
	    .col-lg-2dot4 {
	        -webkit-box-flex: 0;
	        -ms-flex: 0 0 20%;
	        flex: 0 0 20%;
	        max-width: 20%;
	    }
	}
	@media (min-width: 1200px) {
	    .col-xl-2dot4 {
	        -webkit-box-flex: 0;
	        -ms-flex: 0 0 20%;
	        flex: 0 0 20%;
	        max-width: 20%;
	    }
	}
/*---- bootstrap 5 column css end----*/

/*---- navigation bar css start----*/	
	.navbar-nav-link{
		padding: 1.187rem 1rem;
	}
	.dropdown:hover>.dropdown-menu {
	  	display: block;
	}
	.dropdown-menu{
		top: 94%;
	}
	.dropdown-menu>.dropdown-submenu>.dropdown-menu{
		left: 99.2%;
	}
	.sidebar{
	    z-index: 12 !important;
	}
	.navbar{
		background: #ffffff;
	    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);
	    border-radius: 0px 0px 22px 22px;
	    padding:0px 20px;
	    z-index: 11;
	}
	/*.nav-tabs-bottom .nav-link:not(.active):before
	{
		transform: translateX(100%);
	    transition: transform .4s ease;
	    transform-origin: 100% 100%;
	}
	.nav-tabs .nav-link:hover:before
	{
		transform: translateX(0%);
	    transition: transform .4s ease;
	}*/
	.navbar-nav a,.navbar-dark .navbar-nav-link{
		color: #748AA1;
	}
	.navbar-nav a:hover,.navbar-dark .navbar-nav-link:focus, .navbar-dark .navbar-nav-link:hover{
		color: #748AA1;
	}
	.navbar-brand a> img{
		height: 45px;
    	margin-top: 5px;
	}
	.celebration_image{
		height: 45px;
	}
	.beta-tag{
		background: linear-gradient(22.04deg, #29CB97 0%, #34FFBE 100%);
		margin-right: -5px;
    	z-index: 1;
		border-radius: 12px;
		padding: 2px 6px 1px 6px;
	    font-size: 10px;
	    letter-spacing: 0.1px;
	    vertical-align: baseline;
	    border: 1px solid transparent;
	    display: inline-block;
    	min-width: 10px;
    	font-weight: 500;
	    color: #fff;
	    line-height: 0.5;
	    white-space: nowrap;
	    text-align: center;
	}
	.navbar .navbar-nav-link{
		font-size: 14px;
	}

	.navbar .dropdown-menu>.dropdown-submenu.show>.dropdown-item,.navbar .dropdown-menu>.dropdown-submenu:hover>.dropdown-item
	{
	    color: #748AA1;
	}
	.navbar-nav > li > .dropdown-menu:after, .navbar-nav > li > .dropdown-menu:before, .select2-container--open .select2-dropdown--above:before, .select2-container--open .select2-dropdown--above:after, .select2-container--open .select2-dropdown--below:before, .select2-container--open .select2-dropdown--below:after 
	{
	   	border: solid transparent;
	   	content: " ";
	   	height: 0;
	   	width: 0;
	   	position: absolute;
	   	pointer-events: none;
	}
	.navbar-nav > li > .dropdown-menu:after, .navbar-nav > li > .dropdown-menu:before, .select2-container--open .select2-dropdown--below:before, .select2-container--open .select2-dropdown--below:after 
	{
	   	bottom: 100%;
	}
	.navbar-nav > li > .dropdown-menu, .dropdown-menu > .dropdown-submenu > .dropdown-menu, .select2-container--open .select2-dropdown--above, .select2-container--open .select2-dropdown--below 
	{
	   background: #FFFFFF;
	   border: 1px solid rgba(0, 0, 0, 0.1);
	   box-sizing: border-box;
	   box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);
	   border-radius: 14px;
	}
	.navbar-nav > li > .dropdown-menu:before, .select2-container--open .select2-dropdown--above:before, .select2-container--open .select2-dropdown--below:before 
	{
	   	/* border-color: rgba(113, 158, 206, 0); */
	   	border-width: 10px;
	   	left: 20%;
	   	margin-left: -10px;
	}
	.navbar-nav > li > .dropdown-menu:before, .select2-container--open .select2-dropdown--below:before 
	{
	   	border-bottom-color: rgba(0, 0, 0, 0.1);
	}
	.navbar-nav > li > .dropdown-menu:after, .select2-container--open .select2-dropdown--above:after, .select2-container--open .select2-dropdown--below:after 
	{
	   	/* border-color: rgba(255, 255, 255, 0); */
	   	border-width: 9px;
	   	left: 20%;
	   	margin-left: -9px;
	}
	.navbar-nav > li > .dropdown-menu:after, .select2-container--open .select2-dropdown--below:after 
	{
	   	border-bottom-color: #ffffff;
	}
	.tooltip:foucs .tooltiptext {
	  	visibility: visible;
	}

	@media screen and (max-width: 1199px){		
		.mobile-order-menu .select2-container
		{
			width: 100% !important;
		}
		.table-responsive
		{
			overflow-x: auto !important;
		}
	}
	@media screen and (max-width: 991px){
		.navbar-brand a> img{
			margin-top: 1px;
		}
	}
	@media screen and (min-width: 992px) and (max-width: 1140px) {
		.navbar-brand a> img{
			margin-top: 4px;
			height: 41px;
		}
		.navbar #navbar-mobile{
			padding-right: 10px;
			padding-left: 10px;
		}
		.navbar .navbar-nav-link{
			padding: .5375rem 0.6rem .4rem;
			font-size: 13px;
		}
		.navbar-nav .nav-item .navbar-nav-link img{
			margin-right: .325rem!important;
		}
		.dropdown-toggle::after{
			margin-left: .26875rem;
		}
		.navbar-expand-lg .navbar-brand {
		    min-width: 10.625rem;
		}
	}
	@media screen and (min-width: 1141px) and (max-width: 1230px) {
		.navbar #navbar-mobile{
			padding-right: 10px;
		}
		.dropdown-toggle::after{
			margin-left: .26875rem;
		}
		.navbar-expand-lg .navbar-brand {
		    min-width: 12.625rem;
		}
		.navbar-expand-lg .navbar-brand {
		    min-width: 11.625rem;
		}
	}
	@media screen and (min-width: 1141px){
		.navbar-top{
			padding-top: 3.9rem;
		}
	}
/*---- navigation bar css end----*/

/*---- page header css start----*/
	.header-select
	{
		padding: 3px 0 0 0;
	}
	.letter-spacing-1
	{
		letter-spacing: 1px;
	}
	.page-header{padding: 20px 0 0;}
	.page-header-icon {
	  	width: 24px;
	  	height: 24px;
	}
	.page-title{			
		padding-bottom: 8px;
		padding-top: 0px;
	}
	.page-title h4 span{		
        font-family: CircularStd;
		padding-left: 15px;
		font-size: 20px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #344563;
		vertical-align: bottom;
	}
	.page-header .export-link{
		margin: 0;
	    padding: 0;
	    padding-bottom: 8px;
	    background: transparent;
	    border: 0;
	    cursor: pointer;
	}
	.page-header .export-link a, .page-header .export-link button{
		font-family: Roboto;
		font-size: 14px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		float: left;
	}
	.float-xs-left
	{
		width: 100%;
	    text-align: end;
	    margin-top: 8px;
	}
	.page-header .export-link a
	{		
		color: #344563;
		padding-top: 3px;
		text-align: right;
	}
	.page-header .export-link button
	{
		border-radius: 16px;
	}
	.page-header .export-link img{
		width: 16px;
		height: 16px;
		margin-right: 6px;
	}
	.page-header .export-link button img
	{
		color: #fff;
	}
	.header-elements a,.page-header .export-link button{
		margin-right: 20px;
	}
	.header-elements a:last-child,.page-header .export-link button:last-child{
		margin-right: 0px;
	}	
	@media screen and (max-width: 1140px) {
		.page-header .export-link a{
			padding-top: 8px;
		}

	  	.header-elements.export-link
	  	{
	    	width:auto;
	    	float: right;
	  	}
		.page-header .export-link button
		{
			margin-bottom: 8px;
			margin-right: 10px;
			text-align: center;
		}
	}
	@media screen and (max-width: 767px) {
	  	.page-header .page-title{
	    	width:auto;
	    	float: left;
	  	}
	  	.page-header .export-link button
		{
			width: 100%;
		}
	}
/*---- page header css end----*/

/*---- page breadcrumb css start----*/
	.page-title .breadcrumb.custom-breadcrumb
	{
		margin-left:0px;
	}
	.custom-breadcrumb .breadcrumb-item
	{
		padding:0px;
	}
	.custom-breadcrumb .breadcrumb-item+.breadcrumb-item::before
	{
		padding-right: 10px;
	}
/*---- page breadcrumb css end----*/

/*---- colored cards css start----*/
	.colored-cards .card.card1{
		background-image: linear-gradient(to bottom, #1ea2fa, #0e6fff);
	}
	.colored-cards .card.card1 .card-body{			
		box-shadow: 0 4px 20px 1px #bed4fb;
	}
	.colored-cards .card.card2{
		background-image: linear-gradient(to bottom, #1bbbb0, #0da8bf);
	}
	.colored-cards .card.card2 .card-body{			
		box-shadow: 0 4px 20px 1px #add2d3;
	}
	.colored-cards .card.card3{
		background-image: linear-gradient(to bottom, rgba(154, 94, 245, 0.98), #7a5cef);
	}
	.colored-cards .card.card3 .card-body{			
		box-shadow: 0 4px 20px 1px #dac3ff;
	}
	.colored-cards .card.card4{
		background-image: linear-gradient(357deg, #b566cf 94%, #ce59d4 3%);
	}
	.colored-cards .card.card4 .card-body{			
		box-shadow: 0 4px 20px 1px #f9ceff;
	}
	.colored-cards .card.card5{
		background-image: linear-gradient(to bottom, #7d96c1, #7685cc);
	}
	.colored-cards .card.card5 .card-body{			
		box-shadow: 0 4px 20px 1px #d2e2ff;
	}
	.colored-cards-outer{
		padding:0 2px;
		float: left;
		width: 100%;
		display: flex;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	}
	.colored-cards-outer-scroll
	{
	    overflow-x: scroll;
	    -ms-flex-wrap: nowrap !important;
	    flex-wrap: nowrap !important;
	}

	.colored-cards-outer-scroll::-webkit-scrollbar {
	  	height: 5px;
	  	background: #f5f5f5;
	}
	.colored-cards-outer-scroll::-webkit-scrollbar-track {
	  	border-radius: 5px;
	}
	.colored-cards-outer-scroll::-webkit-scrollbar-thumb {
	  	background: #c1c1c1; 
	  	border-radius: 5px;
	}
	.colored-cards-outer-scroll::-webkit-scrollbar-thumb:hover {
	  	background: #a9a9a9; 
	}

	.colored-cards{
		padding-left: 8px;
		padding-right: 8px;
	}
	.colored-cards .card{
		border:0px;
		border-radius: 16px;
	  	font-size: 12px;
		font-weight: 500;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: 0.8px;
		color: #ffffff;
	}
	.colored-cards .card .card-body{
		/*padding: 21px 24px 13px 24px;*/
		padding: 21px 24px 7px 24px;
		border-radius: 16px;
	}
	.colored-cards .card-header{
		padding-bottom: 13px !important;
	}
	.colored-cards .card-title {
		font-size: 12px;
		font-weight: 500;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: 0.8px;
		color: #ffffff;
		text-transform: uppercase;
	}
	.colored-cards .card-price {
		padding-top: 5px;
		font-size: 27px;
		font-weight: 500;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #ffffff;
	}
	.colored-cards .card-price i {
		display: inline-block;
		font-size: 28px;
		vertical-align: top;
		padding-top: 5px;
	}
	.colored-cards .card-price .card-price-amount{
		display: inline-block;
	    min-width: 100px;
	    height: 27px;
	}
	.card-price-amount1{
		display: inline-block;
	    min-width: 50px;
	    height: 18px;
	}
	.angle-double-up{
		right: 25px;
		top: 20px;
		position: absolute;
		width: 32px;
		height: 41px;
		object-fit: contain;
	}
	.colored-cards .border-divider{
		margin:13px 0 14px 0;
		border-top: 1px solid rgba(250, 251, 252, 0.2);
	}
	.colored-cards .card-description{			
		text-transform: uppercase;
		float: left;
		width: 100px;
	    height: 14px;
	}
	@media screen and (max-width: 767px) {
	  	.col.colored-cards{
	    	flex-basis: auto;
	  	}
	}
/*---- colored cards css end----*/

/*---- tabs css start----*/
	.filter-above-datatable-btn-light.dropdown-toggle::after
	{
		position: absolute;
	    right: 15px;
	    top: 11px;
	}
	.tab-custom-select .select2-container--default .select2-selection--single .select2-selection__arrow b{
		margin-left: -15px;
	}
	.nav-tabs{
		margin-bottom: 16px;
		position: relative;
	}
	.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
		color:#0052cc;
		font-weight: 500;
		font-family: Roboto;
	}
	.nav-tabs .nav-item:last-child .nav-link{
		margin-right: 0px;
	}
	.nav-tabs .nav-link{
		color: #505f79;
		font-family: Roboto;
		padding: .75rem 0rem;
		margin-right: 37px;
	}
	.nav-tabs-bottom .nav-link.active:before{
		background-color:#0052cc;
	}
	.nav-tabs a{
		font-size:14px;
	}
	.nav-tabs .nav-link:hover a{
		background-color: transparent;
	}
	.nav-tabs .nav-link:hover{
		color: #0052cc !important;
		cursor: pointer;
	}
	.nav-tabs .nav-link:hover:before{
		background-color: #0052cc;
	}
	.tab-custom-select{
		margin-bottom: 20px;
	}

	.reset-filter-icon
    {
		color: rgba(9, 30, 66, 0.65);
		line-height: 33px;
		cursor: pointer;
	}
	.manifest-inner-tab
	{
		overflow-x: hidden;
	}
	/*@media screen and (max-width: 1199px) {
	  	.reset-filter-icon
		{
			margin-bottom: 16px;
		}
	}*/

	/*---- theme select2 css start----*/
		/*.tab-custom-select .select2-container--default .select2-selection--single,.select2-container--default .select2-selection--single .select2-selection__rendered{
			outline: none;
		}
		.tab-custom-select .select2-container .select2-selection--single .select2-selection__rendered{
			padding-left: 20px;
			padding-right: 30px;
		}*/
		.tab-custom-select .select2-container--default .select2-selection--single .select2-selection__arrow{
			height: 40px;
			width: 30px;
		}
		/*.form-control,.tab-custom-select .select2-container--default .select2-selection--single .select2-selection__rendered{			
			border-radius: 16px;
		}*/
		.tab-custom-select .select2-container--default .select2-selection--single .select2-selection__rendered{	
			color: rgba(9, 30, 66, 0.6);		
			line-height: 40px;
		}
		/*.tab-custom-select .select2-container--default .select2-selection--single{
			color: rgba(9, 30, 66, 0.6);
			font-family: Roboto;
			font-size: 14px;
			font-weight: normal;
			font-stretch: normal;
			font-style: normal;
			line-height: normal;
			letter-spacing: normal;
			height: 40px;
			border-radius: 16px;
		    border: solid 1px #cbcccd !important;
		    background-color: #fcfcfc !important;
		}*/
		.select2-container--default .select2-results>.select2-results__options 
		{
		    max-height: 100% !important;
		    overflow-y: unset !important;
		}
		.select2-container--default .select2-results__option--highlighted[aria-selected]
		{
			background: linear-gradient(to bottom, #1ea2fa, #168afc 97%, #0e6fff);
		}
		.select2-container.select2-container--default .select2-selection--single
		{
			height: 32px;
			border-radius: 16px;
		    border-bottom-left-radius: 16px;
    		border-bottom-right-radius: 16px;
		    border-top-left-radius: 16px;
    		border-top-right-radius: 16px;
    		border-color: #cbcccd;
    		line-height: normal;

		}
		.select2-container.select2-container--default.select2-container--open .select2-selection--single
		{			
		    border-bottom-left-radius: 0px;
    		border-bottom-right-radius: 0px;
		}
		.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered
		{
			/*width: 240px;*/
			height: 31px;
			border-radius: 16px;
			border-bottom: 1px solid #ffffff;
			/*border: solid 1px #cbcccd;*/
			background-color: #ffffff;
			color: #748AA1;
			padding: .4375rem .875rem;
		}

		/*.select2-container--default .select2-selection--single .select2-selection__rendered 
		{
			padding-top: 3%;
		}*/
		.select2-container .select2-dropdown.select2-dropdown--above 
		{
			border-bottom: solid 1px #cbcccd;
			border-top: 1px solid #cbcccd;
		}
		.select2-container .select2-dropdown.select2-dropdown--below
		{
			/*border-top: solid 1px #aaa;*/
			border-top: solid 1px #ffffff;
		}
		.select2-container.select2-container--open .select2-selection.select2-selection--single
		{
			border-bottom: 1px solid #ffffff;
		}
		.select2-container.select2-container--default .select2-selection--single
		{
			/*border: 0px;*/
			/*border-radius: inherit;*/
			height: auto;
		}

		.select2-container 
		{
			/*position: relative;*/
			/*width: 100% !important;*/
			/*display: table;*/
			/*table-layout: fixed;*/


			/*height: 100%;*/
			/*z-index: 1;*/
		}

		.select2-container--open .select2-dropdown--below 
		{
			border-radius: 16px;
		   	border-top: none;
		   	border-top-left-radius: 0;
		   	border-top-right-radius: 0;
		   	/*border-bottom-left-radius: 0;
		   	border-bottom-right-radius: 0;*/
		   	z-index: 1;
		}
		.select2-container.select2-container--open .select2-dropdown.select2-dropdown--above
		{
			border-bottom:0px;
		}
		.select2-container.select2-container--open.select2-container--above .select2-selection.select2-selection--single
		{
			border-bottom: 1px solid #cbcccd;
			border-top: 1px solid transparent;
		    border-bottom-left-radius: 16px;
    		border-bottom-right-radius: 16px;
		}
		.select2-container--default .select2-dropdown--above .select2-results__option[aria-selected=true]:last-child, .select2-container--default .select2-dropdown--above .select2-results__option:last-child.select2-results__option--highlighted[aria-selected]
		{
			border-bottom-left-radius: 0;
		   	border-bottom-right-radius: 0;
		}
		.select2-container--open .select2-dropdown--above
		{
		    border-top-left-radius: 16px;
    		border-top-right-radius: 16px;
		}
		.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b
		{
			border-color: #888 transparent transparent transparent !important;
			border-width: 5px 4px 0 4px !important;
		}
		.select2-results .select2-results__option
		{
			padding: 6px .875rem;
		}
		/*.select2-container.select2-container--open .select2-dropdown
		{
		    box-shadow: 0 5px 20px -5px rgba(9, 30, 66, 0.48);
		    border: solid 1px rgba(9, 30, 66, 0.25);
		    border-radius: 16px;
		    border-bottom-left-radius: 16px;
    		border-bottom-right-radius: 16px;
		    border-top-left-radius: 16px;
    		border-top-right-radius: 16px;
		}*/
		.select2-container .select2-dropdown
		{			
			border-color: #cbcccd !important;
		}
		.select2-container.select2-container--open .select2-dropdown
		{
		    /*box-shadow: 0 5px 20px -5px rgba(9, 30, 66, 0.48);*/
		    border: solid 1px rgba(9, 30, 66, 0.25);
		    border-top: 1px solid transparent;
		    /*border-radius: 16px;*/
    		/*border-bottom-right-radius: 16px;
		    border-top-left-radius: 16px;*/
		}
		.select2-container.select2-container--open .select2-dropdown.select2-dropdown--above
		{
		    border-top: 1px solid rgba(9, 30, 66, 0.25);
		}
		.select2-container.select2-container--open .select2-dropdown.select2-dropdown--above,.select2-container--default .select2-dropdown--above .select2-results__option[aria-selected=true]:first-child
		{
		    border-top-left-radius: 16px;
    		border-top-right-radius: 16px;
		    border-bottom-left-radius: 0px;
    		border-bottom-right-radius: 0px;
		}
		.select2-container--default .select2-dropdown.select2-dropdown--above .select2-results__option--highlighted[aria-selected]:first-child
		{			
		    border-top-left-radius: 16px;
    		border-top-right-radius: 16px;
		}
		
		

		/*.select2-container--default .select2-results__option[aria-selected=true]:first-child,.select2-container--default .select2-results__option:first-child.select2-results__option--highlighted[aria-selected]
		{
		    border-top-left-radius: 16px;
    		border-top-right-radius: 16px;
		}*/
		.select2-container--default .select2-results__option[aria-selected=true]:last-child,.select2-container--default .select2-results__option:last-child.select2-results__option--highlighted[aria-selected]
		{
		    border-bottom-left-radius: 16px;
    		border-bottom-right-radius: 16px;
		}
		.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered
		{
			line-height: normal;
		}
		.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow
		{
			height: 32px;
			width: 35px;
		}
		.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__rendered:focus, input, input:focus 
		{
			outline:0;
		}

		.select2-container--default .select2-selection--single .select2-selection__arrow 
		{
			height: 100%;
		}
	/*---- theme select2 css end----*/

	.selected-title
	{
		font-size: 11px;
	}
	.filter-count
	{
		position: absolute;
		right: 0;
		top:-10px;
		background: #36b37e;
		border: 1px solid #36b37e;
		color: #ffffff;
	    border-radius: 16px;
	    font-size: 11px;
	    width: 25px;
	    height: 25px;
		text-align: center;
		padding-top: 5px;
	}
/*---- tabs css end----*/


/*---- calander and search input css start----*/
	.calander-img
	{
		z-index: 1;
	}
	.billing_all_module_search select,.filter-above-datatable-btn-light,.dropdown-menu
	{
		font-size: 14px;
	}
	.billing_all_module_search input{
		padding: .4375rem .875rem .4375rem 3rem;
		color: rgba(9, 30, 66, 0.6);
		font-family: Roboto;
		font-size: 14px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		padding: 7px .875rem 7px 3rem;
		height: 33px;
	}

	.billing_all_module_search input.right-icon{
		padding: 7px 2rem 7px 3rem;
	}
	.billing_all_module_search .cross-icon-input{
		position: absolute;
	    right: 28px;
	    top: 9.5px;
	    font-size: 14px;
	    color: rgba(9, 30, 66, 0.6);
	    cursor: pointer;
	}
	.billing_all_module_search input.no-img
	{
		padding: 7px .875rem 7px .875rem;
	}
	.billing_all_module_search img.padd-inside-colmd
	{
		left: 18px;
	}
	.billing_all_module_search .cross-padd-inside-colmd
	{
		right: 15px;
	}
	.billing_all_module_search .second-calander input
	{
		width: 326px;
	}
	.orders .billing_all_module_search .second-calander input
	{
		width: 220px;
	}
	.billing_all_module_search .calander-img,.billing_all_module_search .search-img{
		height: auto;
		position: absolute;	
		left: 28px;
	}
	.billing_all_module_search .calander-img{			
		width: 20px;
		top: 6px;
	}
	.billing_all_module_search .search-img{			
		width: 16px;
		top: 8px;
	}
	.billing_all_module_search .second-calander .calander-img{
		left: 18px;
	}	
	@media screen and (min-width: 1023px) and (max-width: 1330px) {
	  	.out-filter-btn-light.w-150
	  	{
	  		min-width: 100px;
    		max-width: 100px;
	    	width: 100px;
	  	}
	  	.out-filter-search
	  	{
	  		min-width: 150px;
	    	width: 150px;
	    	padding: 7px .475rem 7px .475rem;
	  	}
	  	.out-filter-search-medium
	  	{
	  		min-width: 250px;
	    	width: 250px;
	  	}
	  	.out-filter-date
	  	{    
	  		width: 195px !important;
	  		padding: 7px .875rem 7px 2rem !important;
	  	}
	  	.out-filter-calander-icon
	  	{
	  		left: 10px !important;
	  	}
	  	.out-filter-btn-light2
	  	{
	  		min-width: 115px;
		    max-width: 115px;
		    width: 115px;
	  	}
	  	.out-filter-btn-light3
	  	{
	  		min-width: 110px;
		    max-width: 110px;
		    width: 110px;
	  	}
	  	.out-filter-btn-colored
	  	{
	  		min-width: 110px;
		    max-width: 110px;
		    width: 110px;
		    padding: .4375rem .475rem;
	  	}
	}
/*---- calander and search input css end----*/

/*---- Data table css start----*/
	.img-bluedart
	{
		height: 20px;
	}
	.logistics-img-dt
	{
		height: 20px;
	}
	.main-checkbox.checkbox-not-all-selected:after
	{
		border-left: 0px !important;
    	transform: none !important;
	}
	.glowing-effect,.glowing-effect:hover
	{
		border:	1px solid #36b37e !important;
		/*box-shadow: 0 0 7px #1ea2fa;*/
		-webkit-animation: glowing-polygon 2s infinite;
		-moz-animation: glowing-polygon 2s infinite;
		-o-animation: glowing-polygon 2s infinite;
		animation: glowing-polygon 2s infinite;
	}
	@-webkit-keyframes glowing-polygon {
		0% { -webkit-filter: drop-shadow( 0 0 3px #4bffb3); }
		75% { -webkit-filter: drop-shadow( 0 0 7px #36b37e); }
	}
	@keyframes glowingPolygon  {
		0% { filter: drop-shadow( 0 0 3px #4bffb3); }
		75% { filter: drop-shadow( 0 0 7px #36b37e); }
	}
	.glowing-effect-only-border
	{
		border:	1px solid #36b37e;
	}
	.table .dt-header-blue
	{
		color: #0052cc;
	}
	.table .dt-header-blue svg path
	{
		fill:#0052cc;
	}
	.custom-date-range-picker-datatable
	{
		display: inline-block;
    	vertical-align: top;
	}
	th span
	{
		display: inline-block;
    	vertical-align: top;
	}
	.custom-date-range-picker-datatable svg
	{
		/*width: 12px;*/
		margin-left: 5px;
	}
	.dataTables_processing
	{
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		height: 40px;
		margin-left: -50%;
		margin-top: -25px;
		padding-top: 20px;
		text-align: center;
	}
	.table.dataTable{
		margin-bottom: 15px;
		width: max-content;
	}		
	.table thead th{
		padding: 10px 1.25rem;
	}
	.font-weight-bold
	{
		font-weight: 900!important;
	}
	.table tbody td{
		padding: 19px 1.25rem;
	}
	.table thead th:first-child{
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;  			
	}
	.table thead th:last-child{
		border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;  			
	}
	.table thead th{
		color: rgba(9, 30, 66, 0.65);
		background-color: rgba(9, 30, 66, 0.04);
		border-bottom: 0px;
		font-size:14px;
		font-weight: 500;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
	}
	.table tbody th .icon-exclamation{
		font-size: 14px;
		color: #777;
	}
	.table tbody td{
		font-family: Roboto;
		font-size: 14px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #253858;
	}
	.table tbody td{
		border-top:0px;
		border-bottom: 1px solid #ddd;
	}
	.table tbody td a
	{
		cursor: pointer;
	}
	.table-striped tbody tr:nth-of-type(odd)
	{
		border: 0px;
		background-color: transparent;
	}
	.table tbody td i{
		font-size: 14px;
		color: #777;
	}
	.tool-tip-div{
		padding: 10px;
	}
	a.datatable-blue{
		cursor: pointer;
		color: #0052cc !important;
	}
	.datatable-blue{
		color: #0052cc !important;
	}
	.dataTables_paginate
	{
		height: 50px;
		float: right;
	}
	.paginate_button.previous, .paginate_button.next,.paginate_button,.dataTables_paginate .ellipsis{
		outline:none;
	}
	.paginate_button,.dataTables_paginate .ellipsis{
	    margin: 0 4px;
	   	min-width: 32px;
	   	height: 32px;
	   	text-align: center;
	   	padding: 5px;
	   	color: #253858;
	   	cursor: pointer;
	   	border: 1px solid #fff;
	}
	.paginate_button,.dataTables_paginate .ellipsis{			
		float: left;
		margin-bottom: 7px;
	}
	.paginate_button.previous{
		margin-right: 10px;
	}
	.paginate_button.next{
		margin-left: 10px;
	}
	.paginate_button.previous{
		margin-left: 0px;
	}
	.paginate_button.previous,.paginate_button.next{			
			border: solid 1px rgba(9, 30, 66, 0.04);
		border-radius: 16px;
		background-color: rgba(9, 30, 66, 0.04);
	}
	.paginate_button.previous:before,.paginate_button.next:after {
	  	font-family: icomoon!important;
	    speak: none;
	    font-style: normal;
	    font-weight: 400;
	    font-variant: normal;
	    text-transform: none;
	    line-height: 1;
	    min-width: 1em;
	    display: inline-block;
	    text-align: center;
	    font-size: 1.5rem;
	    vertical-align: middle;
	    position: relative;
	    top: -1px;
	    -webkit-font-smoothing:
	}
	.paginate_button.previous:before {
	  	content: '\e9c4';
	}
	.paginate_button.next:after {
	  	content: '\e9c7';
	}

	.dataTables_paginate a.current{
		border-radius: 16px;
		border: solid 1px #0052cc;
		color: #0052cc;
	}	
	.dataTables_length{
		float: left;
	}
	.dataTables_length select{
		outline: none;
		color: #253858;
		font-family: Roboto;
		font-size: 14px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		border-radius: 16px;
		border: solid 1px #cbcccd;
		background-color: #fcfcfc;
		padding: 3px 5px;
		margin-bottom: 20px;
	}
	.datatable-arrow-left,.datatable-arrow-right{
		position: absolute;
		color: #ffffff;
		top:calc( 40% - 52px );
		font-size: 2.5rem;
	    background: rgba(0, 0, 0, 0.10196078431372549);
	    cursor: pointer;
		z-index: 2;
	}
	.datatable-arrow-left{
	    left: 0px;
		clip-path: circle(50% at 0 50%);
	    padding: 40px 50px 40px 7px;
	}
	.datatable-arrow-right{
	    right: 0px;
	    clip-path: circle(50% at 100% 50%);
	    padding: 40px 7px 40px 50px;
	}
	.btn.image-btn{
		padding: 0px;
		background: transparent;
		text-align: left;
		box-shadow:none !important;
	}
	.datatable-header-image{
		width: 24px;
	}
	.popover{
		border-radius: 16px;
		box-shadow: 0 5px 20px -5px rgba(9, 30, 66, 0.48);
		border: solid 1px rgba(9, 30, 66, 0.25);
		background-color: #ffffff;
		max-width: 300px;
		z-index: 2;
	}
	.popover-search-button,.popover-search-button:hover{
		border-top-right-radius: 16px;
		border-bottom-right-radius: 16px;
		background-image: linear-gradient(to bottom, #1ea2fa, #168afc 97%, #0e6fff);
		color: #ffffff;
	}
	.status-title-text
	{
		font-size: 16px;
		font-weight: 500;
	}
	.status-desc-text
	{
		font-size: 10px;
	}
	.status-icon a img
	{
		height: 20px;
	}
	@media screen and (max-width: 645px) {
	  	.dataTables_paginate{
	    	height: 80px;
	    	float:left !important;
	  	}
	}
	@media screen and (min-width: 1200px) {
	  	.dt-length-fixwidth
	  	{
	  		max-width: 170px;
	  	}
	  	.dt-length-fixwidth::after
	  	{
	  		content: '';
	  		position: absolute;
	  		height: 27px;
	  		right:0px;
	  		top:0px;
	  		margin-right: 5px;
	  		border-right: 1px solid #ddd;
	  	}
	}
/*---- Data table css end----*/

/*---- Data table tooltip css start----*/
	.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before{
		border-right-color: #fff;
		box-shadow:-6px 0px 10px 0 rgba(9, 30, 66, 0.25);
	}
	.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before{
		border-left-color: #fff;
		box-shadow:6px 0px 10px 0 rgba(9, 30, 66, 0.25);
	}
	.tooltip-inner {
	 	color: #333;
	 	box-shadow: 0 1px 10px 0 rgba(9, 30, 66, 0.25);
		border-radius: 16px;
		background-color: #ffffff;
		max-width: 220px;
		font-size: 14px;
		padding: 6px 11px;
	}
	.tool-tip-outer{
		text-align: left;
		padding:5px;
	}
	.tool-tip-row:last-child{
		margin-bottom: 0px;
	}
	.tool-tip-row{
		font-size: 14px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #505f79;
		margin-bottom: 8px;
	}
	.tool-tip-title{
		display: inline-block;
		min-width: 100px;
		color: #ffffff;
	}
	.tool-tip-amount{
		display: inline-block;
		font-weight: 500;
		color: #ffffff;
		font-size: 14px;
	}
	.tool-tip-amount i{
		font-size: 14px;
	}

	.dataTables_scroll {
	    clear: both
	}

	.dataTables_scroll .dataTables_scrollHead table {
	    border-bottom: 0
	}

	.dataTables_scroll .dataTables_scrollHead td,.dataTables_scroll .dataTables_scrollHead th {
	    white-space: nowrap
	}

	.dataTables_scroll .dataTables_scrollBody {
	    -webkit-overflow-scrolling: touch
	}

	.dataTables_scroll .dataTables_scrollBody table {
	    border-bottom: 0
	}

	.dataTables_scroll .dataTables_scrollBody table thead th[class*=sorting]:after,.dataTables_scroll .dataTables_scrollBody table thead th[class*=sorting]:before {
	    content: none
	}

	.dataTables_scroll .dataTables_scrollBody table tbody tr:first-child>td {
	    border-top: 0
	}

	.dataTables_scroll .dataTables_scrollBody td,.dataTables_scroll .dataTables_scrollBody th {
	    white-space: nowrap
	}

	.dataTables_scroll .dataTables_scrollBody td>.dataTables_sizing,.dataTables_scroll .dataTables_scrollBody th>.dataTables_sizing {
	    height: 0;
	    overflow: hidden;
	    margin: 0;
	    padding: 0
	}
	.DTS .dataTables_scrollFoot,.DTS .dataTables_scrollHead {
	    background-color: #fff
	}

	.DTS .dataTables_scrollBody {
	    z-index: 2
	}
/*---- Data table tooltip css end----*/

/*---- Daterange Picker css start----*/
	body .daterangepicker.show-calendar .ranges
	{
		margin-top: 0px;
	}
	body .daterangepicker.single .ranges
	{
		width: 0px;
	}
	body .daterangepicker:not(.show-calendar) .ranges ul li:last-child{
		 border-bottom-left-radius: 16px; 
		 border-bottom-right-radius: 16px; 
	}
	body .daterangepicker .ranges ul li:first-child{
		/*pointer-events: none; 
        cursor: default;
        padding: 19px 16px;
        font-size: 18px;
        font-family: CircularStd;
		font-weight: 500;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #253858;*/
		border-top:0px;
	}
	body .daterangepicker .ranges ul li.active:first-child,body .daterangepicker:not(.show-calendar) .ranges ul li:first-child{
		border-top-left-radius:16px;
		border-top-right-radius:16px;
		border-top:0px;
	}
	body .daterangepicker.show-calendar .ranges ul li:first-child
	{
		border-top-left-radius:16px;
		border-top-right-radius:0px;
	}
	body .daterangepicker .ranges ul li{
		/*padding: 7px 16px;*/
		/*padding: 6.5px 16px;*/
		padding: 5.6px 16px;
		border-top: solid 1px rgba(9, 30, 66, 0.13);
	}
	body .daterangepicker .ranges li.active{
		background: linear-gradient(to bottom, #1ea2fa, #168afc 97%, #0e6fff);
		border-top-color:#1ea2fa;
		border-bottom-color:#0e6fff;
	}
	body .daterangepicker{
		box-shadow: 0 5px 20px -5px rgba(9, 30, 66, 0.48);
		border: solid 1px rgba(9, 30, 66, 0.25);
		border-radius: 16px;
		z-index: 10 !important;
	}
	body .daterangepicker .drp-calendar.left .calendar-table{
		padding-right: 0px;
		border-right: solid 0.8px #dfe4e8;
	}
	body .daterangepicker .drp-calendar.right thead tr:first-child th,body .daterangepicker .drp-calendar.right .calendar-table{
		border-top-right-radius: 16px;
	}
	body .daterangepicker td.in-range{
		background-color: #ebf5fa;
	}
	body .daterangepicker td.active,body .daterangepicker td.active:hover{
		background-color: #b4e1fa;
		color: #212b35;
	}
	body .daterangepicker .calendar-table{
		border: 0px;
		border-radius:0px;
	}
	body .daterangepicker .calendar-table .next span,body  .daterangepicker .calendar-table .prev span{
		border: solid #979797;
		border-width: 0 0.8px 0.8px 0;
		padding: 3px;
		margin-top: 3px;
	}
	body .daterangepicker.opensright:before{
		left: 29px;
	}
	body .daterangepicker.opensright:after {
	    left: 30px;
	}
	body .daterangepicker:before{
		border-bottom: 7px solid rgba(9, 30, 66, 0.25);
		box-shadow: 0 5px 20px -5px rgba(9, 30, 66, 0.48);
	}
	body .daterangepicker .drp-calendar{
		max-width: none;
	}
	body .daterangepicker .drp-calendar.right,body .daterangepicker .drp-calendar.left{
		padding: 0px;
	}
	body .daterangepicker .ranges li{
		padding: 8px 16px;
		font-family: Roboto;
		font-size: 13px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #344563;
	}
	body .daterangepicker select.monthselect,.daterangepicker select.yearselect
	{
		border: 0px;
	    border-bottom: 1px solid #ddd;
	    color: #344563;
	    outline: none;
	}
	body .daterangepicker .calendar-table tr,body .daterangepicker .calendar-table th{
		font-family: Roboto;
	}
	body .daterangepicker .calendar-table thead tr{
		/*height: 46px;*/
		height: 30px;
	}
	.daterangepicker td.available:hover, .daterangepicker th.available:hover{

	}
	body .daterangepicker .calendar-table thead tr:first-child th{
		border-bottom: solid 0.8px #dfe4e8;
		/*height: 46px;*/
		height: 30px;
	}
	body .daterangepicker .calendar-table thead tr:nth-child(2){
		line-height: 13px;
		height: 13px;
	}
	body .daterangepicker .calendar-table thead tr:nth-child(2) th{
		/*padding: 8px 10px 6px 10px;
		height: 13px;*/
		border-bottom: solid 0.8px #dfe4e8;
		font-size: 11.4px;
		font-weight: normal;
		/*font-stretch: normal;
		font-style: normal;*/
		line-height: 1.13;
		/*letter-spacing: normal;*/
		text-align: center;
		color: #919eab;
	}
	body .daterangepicker .calendar-table tbody td{
		/*padding: 12px 5px 12px 5px;*/
		font-family: Helvetica;
		/*font-size: 13.6px;
		font-stretch: normal;
		font-style: normal;
		line-height: 0.94;
		letter-spacing: normal;*/
		text-align: center;
		color: #212b35;
	}
	body .daterangepicker .calendar-table th.month,body .daterangepicker .calendar-table th.prev,body .daterangepicker .calendar-table th.next{
		font-family: Roboto;
		font-size: 13px;
		font-weight: 500;
		font-stretch: normal;
		font-style: normal;
		/*line-height: 1.14;*/
		letter-spacing: normal;
		text-align: center;
		color: #253858;
	}
	.daterangepicker .ranges ul{
		width: 100% !important;
	}
	.filter-above-dt .form-group
	{
		vertical-align: top;
	}
	body .daterangepicker .drp-calendar.left.single .calendar-table
	{
		border-radius: 16px;
	}
	.daterangepicker .single td.off, .daterangepicker .single td.off.in-range, .daterangepicker .single td.off.start-date, .daterangepicker .single td.off.end-date
	{
		background-color: transparent;
	}
	.daterangepicker .single thead tr th:first-child:hover
	{
		border-top-left-radius: 16px;
	}
	.daterangepicker .single thead tr th:last-child:hover
	{
		border-top-right-radius: 16px;
	}
	.daterangepicker .single tr:last-child td:first-child:hover,.daterangepicker .single tr:last-child td.active
	{
		border-bottom-left-radius: 16px !important;
	}
	.daterangepicker .single tr:last-child td:last-child:hover
	{
		border-bottom-right-radius: 16px;
	}

	@media (max-width: 1024px){
		/*body .daterangepicker .calendar-table tbody td{
			padding: 16px 18px 13.1px 18px;
		}*/
	}
	@media (max-width: 767px){
		body .daterangepicker,body .daterangepicker .ranges{
			width: 300px !important;
		}
		.invoice .card .card-body
		{
			padding: 28px 35px 24px 35px;
		}
	}
	@media (max-width: 768px)
	{
		.daterangepicker{
			/*left: 32px!important;
			right: auto!important;*/
		}
		/*body .daterangepicker .calendar-table thead tr:nth-child(2) th{
			padding: 8px 13px 6px 13px;
		}
		body .daterangepicker .calendar-table tbody td{
			padding: 12px 10px 11.1px 10px;
		}*/
	}
	@media (max-width: 450px){
		.invoice .card .card-body
		{
			padding: 65px 20px 24px 20px;
		}
	}
	/*.28px 20px 24px 20px*/
	@media (max-width: 600px)
	{
		.card-body table
		{
			width: max-content !important;
		}
	}
	@media (max-width: 375px){
		body .daterangepicker,body .daterangepicker .ranges{
			width: 300px !important;
		}
		body .daterangepicker .ranges {
		    width: 240px;
		}
		.daterangepicker{
			left: 20px!important;
			right: auto!important;
		}
	}
	@media (max-width: 320px){
		body .daterangepicker,body .daterangepicker .ranges{
			width: 300px !important;
		}
		.daterangepicker{
			left: 10px!important;
			right: auto!important;
		}
	}
	@media (min-width: 769px){
		body .daterangepicker .ranges {
		    width: 160px;
		}
		body .daterangepicker .ranges ul{
			width: 100% !important;
		}
	}
/*---- Daterange Picker css end----*/

/*---- Multi select css start----*/
	.popover
	{
		max-width: 240px;
		min-width: 240px;
	}
	.popover-header
	{
		font-family: CircularStd;
		font-size: 18px;
		font-weight: 500;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #253858;
		padding-left: 16px;
		padding-right: 16px;
	}
	.filter-footer
	{
		border-top: solid 1px rgba(9, 30, 66, 0.13);
		margin-top: 16px;
		padding-top:8px; 		
		padding-left: 8px;
		padding-right: 8px;
	}
	.checkbox-custom-outer
	{
		max-height: 230px;
		overflow-y: auto;
		overflow-x: hidden;
	}

	.input-custom-outer,.from-to-custom-outer
	{
		padding-left: 8px;
		padding-right: 8px;
	}
	.checkbox-custom-outer::-webkit-scrollbar {
	  	width: 5px !important;
	}
	.checkbox-custom-outer::-webkit-scrollbar-track {
	  	border-radius: 5px !important;
	}
	.checkbox-custom-outer::-webkit-scrollbar-thumb {
	  	background: #c1c1c1 !important; 
	  	border-radius: 5px !important;
	}
	.checkbox-custom-outer::-webkit-scrollbar-thumb:hover {
	  	background: #a9a9a9 !important; 
	}

	.popover-body
	{
		padding: 15px 8px 8px 8px;
	}
	.popover .popover-body label
	{
		font-family: Roboto;
		font-size: 14px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #253858;
		margin-bottom: 15px;
	}
	.popover .popover-body .checkbox-custom-outer .row .col-md-12:last-child label
	{
		margin-bottom: 0px;
	}
	.filter-button-apply,.filter-button-apply:hover,.filter-button-apply:focus,.filter-button-apply:active
	{		
		font-family: Roboto;
		font-size: 14px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		box-shadow:none !important;
		border-radius: 16px;
		background-image: linear-gradient(to bottom, #1ea2fa, #168afc 97%, #0e6fff);
		padding: 8px 28px;
	}
	.filter-button-reset,.filter-button-reset:hover,.filter-button-reset:focus,.filter-button-reset:active
	{		
		font-family: Roboto;
		font-size: 14px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #0052cc;
		box-shadow:none !important;
		background: #fff !important;
		border:none;
		color: #0052cc;
		padding-top: 8px;
	}

	.checkbox-custom-outer .checkbox input[type="checkbox"]
	{
		opacity: 0;
		position: absolute;
	    z-index: 1;
	    top: 0px;
	    width: 100%;
	    height: 16px;
	}
	.checkbox-custom-outer .checkbox label .input-before{
	    content: "";
	    display: inline-block;
	    height: 16px;
	    width: 16px;
	    border: 1px solid #b9babb;
	    border-radius: 2px;
	    margin-right: 15px;
	    vertical-align: top;
	}
	.checkbox-custom-outer .checkbox label .input-before.inside-dt{
	    margin-right: 0px;
	}
	.checkbox-custom-outer .checkbox label .input-before::after {
	    content: "";
	    display: inline-block;
	    height: 6px;
	    width: 9px;
	    border-radius: 2px;
	    border-left: 2px solid #ffffff;
	    border-bottom: 2px solid #ffffff;
	    transform: rotate(-45deg);
	}
	.checkbox-custom-outer .checkbox label {
	    position: relative;
	}
	.checkbox-custom-outer .checkbox label .input-before::after {
	    position: absolute;
	}
	/*Checkmark*/
	.checkbox-custom-outer .checkbox label .input-before::after {
	    left: 4px;
	    top: 4px;
	}
	/*Hide the checkmark by default*/
	.checkbox-custom-outer .checkbox input[type="checkbox"] + label .input-before::after {
	    content: none;
	}
	/*Unhide the checkmark on the checked state*/
	.checkbox-custom-outer .checkbox input[type="checkbox"]:checked + label .input-before::after {
	    content: "";
	}
	.checkbox-custom-outer .checkbox input[type="checkbox"]:checked + .input-before {
	    border: 1px solid #36b37e;
	    background: #36b37e;	    
	    border-color: #36b37e;
	}
	.custom-modal-search .modal-content
	{
		border-radius: 20px;
	}
	.custom-modal-search .modal-body .checkbox-custom-outer label
	{
		line-height: normal;
	}
	.custom-modal-search .modal-header
	{
		padding-bottom: 15px;
		border-bottom: solid 1px rgba(9, 30, 66, 0.13);
	}
	.custom-modal-search .modal-footer
	{
		padding-top: 15px;
		border-top: solid 1px rgba(9, 30, 66, 0.13);
	}

	@media (max-width: 575px)
	{
		.from-to-custom-outer .col-xs-6,.filter-footer div
		{
			width: 50%;
		}
	}
/*---- Multi select css end----*/

/*---- Sidebar css start----*/
	.sidebar-light .sidebar-mobile-toggler:not([class*=bg-]){
		background-color: #ffffff;
	}
	/*.sidebar-mobile-toggler .wallet-anchor img
	{
		vertical-align: text-bottom;
	}*/
	.sidebar-mobile-toggler .wallet-anchor,.sidebar-mobile-toggler .exclamation-anchor,.sidebar-mobile-toggler .sync-anchor,.sidebar-mobile-toggler .e-cod-anchor
	{
    	width: 38px;
		padding-left: 0px;
    	padding-right: 18px;
    	float: right;
	}
	.sidebar-mobile-toggler .sidebar-mobile-main-toggle
	{
		padding-right: 8px;	
    	float: left;
	}
	.sidebar-mobile-toggler .logout-anchor
	{
		padding-left: 0px;	
    	float: right;
	}
	.sidebar-light .sidebar-mobile-toggler
	{
		display: block;
	    float: left;
	    width: 100%;
	}
	.sidebar-light .sidebar-mobile-toggler a
	{
		display: inline-block;
	}
	/*.sidebar-light .sidebar-mobile-toggler .header-minu-wallet-text
	{
		display: none !important;
	}*/
/*---- Sidebar css end----*/
/*---- Vendor modal css start----*/
	.modal
	{
		color: #505f79;
	    font-family: Roboto;
	}
	.selected-vendors
	{
		float: left;
		width: 100%;
	}
	.selected-vendors div
	{
		position: relative;
		border: 1px solid #ccc;
		border-radius: 16px;
		padding: 5px 25px 5px 10px;
		margin-right: 5px;
		margin-bottom: 5px;
		display: inline-block;
		width: auto;
	}
	.selected-vendors div i
	{
		position: absolute;
		right: 8px;
		top:30%;
		cursor: pointer;
		color: #505f79;
		text-align: right;
		font-size: 13px;
	}
	.vendor-name-modal .modal-vendor-name, .subadmin-name-modal .modal-vendor-name, .warehouse-name-modal .modal-vendor-name
    {
        display: inline-block;
       width: calc(100% - 36px);
    }
    .vendor-name-modal.custom-modal-search .modal-body .checkbox-custom-outer label, .subadmin-name-modal.custom-modal-search .modal-body .checkbox-custom-outer label, .warehouse-name-modal.custom-modal-search .modal-body .checkbox-custom-outer label
    {
        width: 100%;
    }
/*---- Vendor modal css end----*/

	.no-record-found
    {
       	width: 152px;
   	}
	.font-16
    {
       	font-size: 16px;
   	}
   	/*---- Order modal css start----*/
	#modal_order_details .modal-body .tab-content
	{
		/*height:350px;*/
		overflow-y: scroll;
	}
	#modal_order_details .modal-body .tab-content::-webkit-scrollbar {
	  	width: 5px;height: 5px;
	}
	#modal_order_details .modal-body .tab-content::-webkit-scrollbar-track {
	  	border-radius: 5px;
	}
	#modal_order_details .modal-body .tab-content::-webkit-scrollbar-thumb {
	  	background: #c1c1c1; 
	  	border-radius: 5px;
	}
	#modal_order_details .modal-body .tab-content::-webkit-scrollbar-thumb:hover {
	  	background: #a9a9a9; 
	}
/*---- Order modal css end----*/
/*---- Right Side Menu css Start----*/
    .modal.right.right_side_nav .modal-dialog {
		right: 0px;
		-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
		        transition: opacity 0.3s linear, right 0.3s ease-out;
	}
	
	.modal.right.in.right_side_nav .modal-dialog {
		right: 0;
	}
	
	.modal.right.right_side_nav .modal-dialog {
		position: fixed;
		margin: auto;
		height: 100%;
		width: 744px;
		max-width: 744px;
		-webkit-transform: translate3d(0%, 0, 0);
		    -ms-transform: translate3d(0%, 0, 0);
		     -o-transform: translate3d(0%, 0, 0);
		        transform: translate3d(0%, 0, 0);
	}
	
	.modal.right.right_side_nav .modal-content {
		height: 100%;
		overflow-y: auto;
		border-radius: 24px 0 0 24px;
	}

	.right_side_nav .modal-header {
		/*margin-left: 32px;*/
		margin-left: 20px;
	}

	.right_side_nav .close span {
		font-size: 32px !important;
	}
	
	.modal.right.right_side_nav .modal-body {
		margin-left: 20px;
    	margin-right: 20px;
    	margin-top: 0px;
	}
	
	/* width */
	.right_side_nav .modal-content::-webkit-scrollbar {
	  	width: 8px;
  		height: 8px;
	}

	/* Track */
	.right_side_nav .modal-content::-webkit-scrollbar-track {
		background: #fff;
	}
	 
	/* Handle */
	.right_side_nav .modal-content::-webkit-scrollbar-thumb {
		background: rgba(9, 30, 66, 0.13);
	}

	/* Handle on hover */
	.right_side_nav .modal-content::-webkit-scrollbar-thumb:hover {
		background: rgba(9, 30, 66, 0.13);
	}

	.right_side_nav .contact-support {
		/*width: 185px;*/
		/*height: 30px;*/
		font-family: CircularStd;
		font-size: 24px;
		font-weight: 500;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #344563;
		/*margin-left: 31px;*/
	}
	#order_tracking_details_tab
	{
	    max-width:650px;
	    overflow-x:auto;
	}
/*---- Right Side Menu css end----*/

body .daterangepicker .calendar-table th.prev, body .daterangepicker .calendar-table th.next
{
	line-height: 1.14 !important;
}
.img-bluedart
{
    height: 20px;
}

.itl-active-date
{
    pointer-events: none;
}