@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700;800&display=swap');
/*Bootstrap reset*/
	a:focus,a:active{outline: none;}
	a:hover{text-decoration: none;}
	.noMargin{margin:0 !important;}
	.noPadding{padding:0 !important;}
	.noBorder{border:0 !important;}
	.gap5{height:5px;display: block;}
	.gap10{height:10px;display: block;}
	.gap20{height:20px;display: block;}
	.gap30{height:30px;display: block;}
	.gap40{height:40px;display: block;}
	.gap50{height:50px;display: block;}
	.gap100{height:100px;display: block;}
	.textEllipsis, .textTruncate{display: inline-block;width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
	.flexCenter{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;justify-content: center;}
	.row10 {margin-left:-10px;margin-right:-10px;}
	.row10>div {padding-left:10px;padding-right:10px;}
	.row5 {margin-left:-5px;margin-right:-5px;}
	.row5>div {padding-left:5px;padding-right:5px;}
	.row2 {margin-left:-2px;margin-right:-2px;}
	.row2>div {padding-left:2px;padding-right:2px;}
	.row1 {margin-left:-1px;margin-right:-1px;}
	.row1>div {padding-left:1px;padding-right:1px;}
	.row3 {margin-left:-3px;margin-right:-3px;}
	.row3>div {padding-left:3px;padding-right:3px;}
	.row4 {margin-left:-4px;margin-right:-4px;}
	.row4>div {padding-left:4px;padding-right:4px;}
	.row0 {margin-left:-0px;margin-right:-0px;}
	.row0>div {padding-left:0px;padding-right:0px;}
	.row10:before,.row5:before,.row2:before,.row1:before,.row3:before,.row4:before,.row0:before {display: table;content: " ";box-sizing: border-box;}
	.row10:after,.row5:after,.row2:after,.row1:after,.row3:after,.row4:after,.row0:after {clear: both;content: " ";box-sizing: border-box;display: block;}
	.noBorderRadius,.borderRadiusNone {border-radius: 0 !important}
	body,html,* {font-family: 'Nunito Sans', sans-serif;}
	a:focus,a:active {text-decoration: none;}
	.noScroll {overflow-y:hidden;}
	.pad5 {padding:0 5px}
	.pad10 {padding:0 10px}
	.pad20 {padding:0 20px}
	.pad30 {padding:0 30px}
	.pad40 {padding:0 40px}
	.pad50 {padding:0 50px}
	.pad100 {padding:0 100px}
	.font100 {font-weight: 100}
	.font200 {font-weight: 200}
	.font300 {font-weight: 300}
	.font400 {font-weight: 400}
	.font500 {font-weight: 500}
	.font600 {font-weight: 600}
	.font700 {font-weight: 700}
	.font800 {font-weight: 800}
	.font900 {font-weight: 900}
	.fade0 {opacity: 0}
	.fade1 {opacity: .1}
	.fade2 {opacity: .2}
	.fade3 {opacity: .3}
	.fade4 {opacity: .4}
	.fade5 {opacity: .5}
	.fade6 {opacity: .6}
	.fade7 {opacity: .7}
	.fade8 {opacity: .8}
	.fade9 {opacity: .9}
	.fade10 {opacity: 1}
	.radius0 {border-radius: 0px}
	.radius1 {border-radius: 1px}
	.radius2 {border-radius: 2px}
	.radius3 {border-radius: 3px}
	.radius4 {border-radius: 4px}
	.radius5 {border-radius: 5px}
	.radius10 {border-radius: 10px}
	.bgCover {background-size: cover}
	.bgCenter {background-position: center;}
	.bgContain {background-size: contain;}
	.noScroll {overflow: hidden;}

/*Fonts*/
	.slab {font-family: 'Roboto Slab', serif;}

/*Small Menu*/
	.smallMenu {position: fixed;top: 0;right: -85%;width: 85%;height: 100%;transition: all .2s;background: #4179c2;z-index: 1001}
	.smallMenu.showMenu {right: 0}
	.menuOverlay {width: 100%;height: 100%;position:fixed;left:0;top:0;background: rgba(0,0,0,.7);display: none;z-index: 1000}
	.smMenuInner {width: 100%;height: 100%;padding:20px;overflow: auto;}
	.smMenuInner a {display: block;width: 100%;text-align: center;font-size: 22px;padding:10px 0;color:#FFF;}
	.smMenuCaller {position: absolute;z-index: 4;top:0;right: 0;width: 50px;height: 50px;text-align: center;line-height: 50px;font-size: 20px;color:#FFF;opacity: .7;top: 10px;right: 20px;}
	.smMenuCaller:hover:hover,.smMenuCaller:hover:focus,.smMenuCaller:hover:active {color:#FFF;opacity: 1}

/*Md Input*/
	.mdInput {position: relative;line-height: 50px;border-bottom: 1px #DDD solid;margin-top:20px;}
	.mdInput label {color:#AAA;font-weight: 400;position: absolute;z-index: 1;top:0;transition:all .2s;}
	.mdInput input,.mdInput textarea,.mdInput select {display: block;width: 100%;border:none;outline:none;height: 50px;padding:0;line-height: 50px;position: relative;z-index: 2;background: none;font-size: 16px;}
	.mdFocussed label,.alwaysFocused label {top:-28px;color:#6c3f92;font-weight: 700}
	.mdFocussed,.alwaysFocused {border-color:#6c3f92;}
	.mdInput textarea {resize: none;height: 80px;}

/*General*/
	body {background: #FBFBFB;overflow-x: hidden;overflow-y: auto;}
    .navLogo {display: inline-block;padding:15px 0;}
	.navLogo img {height: 60px;}
	.navInner {display: flex;align-items: center;justify-content: space-between;}
	.navMenu {}
	.navMenu a {display: inline-block;padding: 15px;color: #4179c2;font-weight: 600;margin-left: 15px;font-size: 15px;position: relative;opacity: .8}
	.navMenu a.active,.navMenu a:hover {opacity: 1}
	.navMenu a.active:before {content:"";display: inline-block;position: absolute;top: -19px;left: 15px;right: 15px;height: 4px;background: #4179c2;opacity: 1;}
	.navMenu a:hover:before {content:"";display: inline-block;position: absolute;top: -19px;left: 15px;right: 15px;height: 4px;background: #4179c2;opacity: .2;}
	.navMenu a.active:hover:before {opacity: 1}
	.fhsBanner {padding: 150px 0;position: relative;}
	.fhsBanner .container {position: relative;z-index: 10;}
	.fhsBannerBg {position:absolute;left: 0;top: 0;bottom: 0;width: 70%;border-radius: 0 0 250px 0;background: #4179c2;overflow:hidden;}
	.fhsBannerContent {padding: 20px 10px;}
	.fhsBannerContent h2 {color: #FFF;font-weight: 700;font-size: 40px;line-height: 60px;}
	.fhsBannerContent p {font-size: 18px;color: #FFF;margin: 20px 0 20px;}
	.fhsBannerShape {margin-bottom: 20px;width: 100%;height: 20px;position: relative;}
	.fhsBannerShape:before {height: 11px;background: #FFF;content: "";display: block;width: 100px;}
	.fhsBannerShape:after {height: 1px;position: absolute;left: 0;right: 0;top: 5px;background: #FFF;content: "";opacity: .5}
	.fhsBannerImage {height: 100%;width: 100%;object-fit: cover;border-radius: 200px 0 0 200px;}
	.fhsBannerImageHolder {height: 100%;border-radius: 400px 0 400px 400px;position: relative;background-size: cover;background-position: center;}
	.fhsBannerImageHolder span {background: transparent;width: 120px;height: 90px;border: 20px #FFB84E solid;position: absolute;right: -40px;top: -40px;border-radius: 100px 0 100px 100px;z-index: -1;}
	.pattern-round-wave {position: absolute;left: -50px;bottom: -50px;opacity: .2;height: 50%;}
	.pattern-wave {position: absolute;right: 0;top: 20px;opacity: .2;}
	.fhsFeatures {padding: 120px 0;}
	.fFeatureHolder {padding: 0 25px;}
	.fFeatureHolder img {height: 80px;}
	.fFeatureHolder h3 {font-weight: 700;color: #222;font-size: 30px;margin: 20px 0;}
	.featList {padding: 0 0 0 20px;list-style: none;}
	.featList li {font-size: 18px;font-weight: 500;position: relative;line-height: 32px;}
	.featList li:before {content: "";display: inline-block;width: 8px;height: 8px;border-radius: 100px;background: #4179c2;position: absolute;left: -20px;top: 11px;}
	.customSectionA {padding: 200px 0 0;position: relative;}
	.customSectionA .container {position: relative;z-index: 10;}
	.csaLight {position: absolute;top: 0;left: 0;bottom: 50%;width: 400px;border-radius: 0 0 400px 0;background: #EEFAF8;}
	.csaDark {position: absolute;top: 0;right: 0;bottom: 0;width: 45%;border-radius: 1000px 0 0 0;background: #4179c2;overflow:hidden;}
	.csaImage {width: 100%;position: relative;z-index: 2;}
	.csaLeaf {position: absolute;top: -70px;left: 0;height: 250px;left: 80px;z-index: 1}
	.sectionHeader {font-size: 35px;font-weight: 800;line-height: 50px;}
	.sectionText {font-size: 18px;color: #575757;line-height: 28px;}
	.csaDark img {position: absolute;top: -100px;right: -100px;opacity: .5;width: 50%}
	.customSectionB {padding: 150px 0;background-color: #FCFCFC;position: relative;overflow: hidden;}
	.csbBackground {position: absolute;left: 0;top: 0;bottom: 0;width: 60%;background-position: right center;background-size: cover;}
	.csbShapeBg {position: absolute;top: 15%;height: 70%;left: 50%;right: 15%}
	.telecall {background: #4179c2;background-position: center;background-repeat: no-repeat;background-size: contain;height: 200px}
	.footer {padding: 80px 0 50px;}
	.footerIntroSocial {text-align: center;}
	.footerIntro {max-width: 80%;display: inline-block;}
	.footerSocial {margin-top: 25px;}
	.footerSocial a {display: inline-block;margin: 0 10px;transition: all .1s;}
	.footerSocial a:hover {transform: scale(1.1);}
	.footerLinks a {display: block;color: #777;font-size: 20px;margin-bottom: 30px;}
	.footerLinks a:hover {color: #222}
	.footerInfoItem {padding-left: 45px;position: relative;}
	.footerInfoItem img {height: 20px;position: absolute;left: 0;top: 6px;width: 20px;object-fit: contain;object-position: center;}
	.footerInfoItem span {color: #777;font-size: 20px;margin-bottom: 30px;}
	.copyright {background: #F8F8F8;padding: 20px 0;text-align: center;color: #6D6D6D}
	.customSectionC {padding: 150px 0;}
	.cscIn {
		background:-webkit-linear-gradient(left , #4179c2 0% , #4179c2 70% , #FFF 71% , #FFF 100%);
		background:-moz-linear-gradient(left , #4179c2 0% , #4179c2 70% , #FFF 71% , #FFF 100%);
		background:-ms-linear-gradient(left , #4179c2 0% , #4179c2 70% , #FFF 71% , #FFF 100%);
		background:-o-linear-gradient(left , #4179c2 0% , #4179c2 70% , #FFF 71% , #FFF 100%);
		border-radius: 150px 0 0 0;position: relative;
	}
	.cscInContent {padding: 70px 0 40px 80px;}
	.banner3Image {position: absolute;top: -20px;right: 0;bottom: -20px;width: 52%;border-radius: 300px 0 300px 300px;border: 8px #FFF solid;background-size: cover;}
	.leafSpanC {background: transparent;width: 120px;height: 90px;border: 20px #FFB84E solid;position: absolute;left: -40px;bottom: -40px;border-radius: 100px 100px 100px 0;z-index: -1;}
	.customSectionD {padding: 180px 0 0 0;background: #EEFAF8;position: relative;}
	.csdLight {position: absolute;top: 0;right: 0;width: 200px;height: 200px;border-radius: 0 0 0 500px;background: rgba(255,255,255,.5);}
	.csdDark {position: absolute;bottom: 0;left: 0;width: 40%;height: 70%;border-radius: 0 300px 0 0;background: #4179c2;overflow: hidden;}
	.csdDark img {position: absolute;left: -40px;bottom: -40px;width: 50%;opacity: .4}
	.customSectionD .container {position: relative;z-index: 10;}
	.nicol {width: 100%;position: relative;z-index: 1;}
	.leaf-d {position: absolute;top: -20px;right: 20px;}
	.nicolHolder {margin-right: 20px;}
	.nicolSign {width: 350px}
	.otherLeaders {padding: 30px 45px;border-radius: 20px;background: #F6FDFB;margin-top: 45px;box-shadow: 0 10px 10px rgb(65 194 181 / 9%);position: relative;}
	.otherLeaders h3 {font-weight: 700;font-size: 30px;}
	.otherLeaders p {margin: 0;opacity: .8;}
	.otherLeadersLabel {font-weight: 700;color: #4179c2;position: absolute;top: -15px;font-size: 22px;left: 30px;}
	.commitment {}
	.comIn {background: #FFB84E;padding: 35px 50px;font-weight: 800;font-size: 43px;line-height: 50px;color: #FFF;border-radius: 100px 100px 0 100px;margin-top: -90px;position: relative;}
	.comIn img {position: absolute;top: -15px;right: -15px;}
	.clContact {padding: 50px 0 100px;
		background: -webkit-linear-gradient(top , #FFF 0% , #FFF 40% , #4179c2 40% , #4179c2 100%);
		background: -moz-linear-gradient(top , #FFF 0% , #FFF 40% , #4179c2 40% , #4179c2 100%);
		background: -ms-linear-gradient(top , #FFF 0% , #FFF 40% , #4179c2 40% , #4179c2 100%);
		background: -o-linear-gradient(top , #FFF 0% , #FFF 40% , #4179c2 40% , #4179c2 100%);
	}
	.call {width: 100%;margin-left: -30px;}
	.fhsForm {padding: 35px;border-radius: 25px;background: #FFF;margin-top: 100px;position: relative;}
	.fhsForm h4 {color: #4179c2;font-weight: 500;font-size: 24px;}
	.fhsForm p {color: #777;}
	.custom-form-control {border-radius: 10px;;padding: 25px;border: none;box-shadow: 0px 3px 10px rgb(0 0 0 / 10%);}
	.custom-form-control:focus {box-shadow: 0px 3px 10px rgb(0 0 0 / 20%);}
	.customForm .custom-form-control {margin: 15px 0;}
	.callInfo {padding: 40px;margin-right: 30px;margin-left: -30px;}
	.callInfo h4 {font-weight: 700;color: #FFF;font-size:32px;}
	.callInfo p {font-size: 16px;color: #FFF;}
	.leaff {position: absolute;top: 60px;right: -45px;z-index: 10;height: 75px;}
	.contact .fhsForm {margin-top: 0;border-radius: 32px 0 32px 32px;box-shadow: 0 10px 20px rgb(0 0 0 / 10%);}
	.contact {padding: 80px 0;position: relative;}
	.contact .fhsBannerImageHolder {background: transparent;width: 120px;height: 90px;border: 20px #FFB84E solid;position: absolute;right: -40px;top: -40px;border-radius: 100px 0 100px 100px;z-index: -1;}
	.contactLg {color: #4179c2;background: #EEFAF8;padding: 70px;width: 220%;font-size: 60px;font-weight: 700;border-radius: 100px 100px 100px 0;position: relative;}
	.contactLg:after {content: "";background: transparent;width: 120px;height: 90px;border: 20px #FFB84E solid;position: absolute;left: -40px;bottom: -40px;border-radius: 100px 100px 100px 0;z-index: -1;opacity: .2}
	.contact .container {position: relative;z-index: 10;}
	.contactBg {position: absolute;top: 0;left: 0;bottom: 50%;right: 40%;background: #4179c2;border-radius: 0 200px 0 0;overflow: hidden;}
	.contactBg img {opacity: .2;position: absolute;left: -20%;top: -50%;}
	.smMenuCaller {display: none;}
	.topnav {box-shadow: 0 0 10px rgba(0,0,0,.1);position: sticky;top: 0;z-index: 100;background: #FFF}
	.topLogo {padding: 15px;display: inline-block;}
	.topLogo img {height: 30px;}
	.taUser {position: relative;background: #F5F5F5;border-radius: 15px;padding: 8px 10px;display: flex;align-items: center;justify-content: center;}
	.taUser img {width: 50px;border-radius: 10px;}
	.topIdentity {float: left;}
	.topAction {float: right;}
	.taUserInfo {padding: 5px 10px 5px 10px;}
	.taUserInfo p {margin-bottom: -5px;font-weight: 800;color: #466289;font-size: 18px;}
	.taUserInfo span {font-weight: 13px;color: #8F8F8F}
	.navigationMenu {
		position: fixed;
		top: 76px;
		left: 0;
		width: 300px;
		/* width: 70px; */
		bottom: 0;
		z-index: 99;
		background: #466289;
		display: block;
		height: calc(100vh - 76px);
		overflow: hidden;
		transition: all 0.1s ease;
	}
	.sideBarCollapse.navigationMenu {
		width: 70px;
		transition: all 0.1s ease;
	}
	.sideBarCollapse.navigationMenu .sidebarMenuText {
		opacity: 0;
	}
	.nmHold {padding-top: 10px;}
	.nmHold a {
		display: block;
		/* margin: 10px 0; */
		padding: 10px 15px;
		font-size: 20px;
		color: #FFF;
		font-weight: 400;
		display: flex;
		align-items: center;
		white-space: nowrap;
		transition: all 0.2s ease;
	}
	.nmHold a:hover {
		background-color: #2c4a75;
	}
	.nmHold a img {margin-right: 15px;margin-left:10px;display: inline-block;vertical-align: middle;}
	#wrapper {
		position: relative;
	}
	.content-wrapper, .right-side {
		min-height: 100%;
		/* z-index: 800; */
	}
	.bodyHolder {
		padding: 10px;
		transition: all 0.1s ease;
	}
	.bodyHolder.collapseBodyHolder {
		margin-left: 300px;
		transition: all 0.1s ease;
	}
    .panel {
        border: 0 !important;
        box-shadow: unset !important;
        -webkit-box-shadow: unset !important
    }
    .panel-body {
        padding: 20px 0px;
    }
	.mainHeader {font-size: 28px;font-weight: 800;color: #373C41}
	.table thead th {background: #466289;color: #FFF;}
	.table-striped tbody tr:nth-of-type(odd) {background-color: #F6F6F6;}
	.table-responsive {border-radius: 10px;border: 1px #EEE solid;}
	.table {margin-bottom: 0;}
	.tableTabHolder span {display: inline-block;margin: 2px 0px;background: #FFF;border: 1px #DDD solid;padding: 0 5px;border-radius: 5px;}
	.alignTop {align-items: flex-start;}
	.chart {width: 400px;}
	.chartDrop {display: inline-block;width: 48%;}
	.customCard {
		padding: 15px 15px;
		border: 1px solid #ddd;
		border-radius: 15px;
		background-color: #fff;
		margin-bottom: 10px;
	}
	a.customCard {display: block;}
	a:focus {outline: none;}
	.error {color: red;}
	.lblrequired { color: #f00;	}
	.swal2-popup { font-size: 0.8rem !important; }

    .welcomeMsgLog {
        font-size: 25px;
        color: #a7a7a7;
        line-height: 24px;
        margin-bottom: 20px;
        font-weight: 600;
        text-align: center;
        position: relative;
        z-index: 999;
    }
    .bigLogoWrapper {
        text-align: center;
        margin-top: -70px;
        margin-bottom: -70px;
    }
    .loginLogo {
        width: 140px;
        margin: 0 auto;
        margin-bottom: 0px;
        display: inline-block;
        position: relative;
        z-index: 999;
    }
    .loginFormStyle {
        position: relative;
        /* background-color: #F7F7F7 !important; */
    }
    .loginFormStyle img {
        width: 23px;
        position: absolute;
        right: 11px;
        top: 10px;
        opacity: 0.5;
    }
    .loginFormStyle input {
        padding-right: 40px !important;
    }
    .forgotLinkImg {
        width: 15px;
        opacity: 0.5;
        position: relative;
        top: -2px;
    }
    .forgotPswLink {
        color: #a7a7a7 !important;
    }

	.bodyInStretchedHolder {display: flex;align-items: center;justify-content: space-between; float: right; margin-right: 20px;}

	.error {
	  color: red;
	}
	.lblrequired {
	    color: #f00;
	}

    /* Design changes */


    img.c-sidebar-brand-full {
        height: 50px !important;
        width: auto !important;
    }

    .c-sidebar .c-sidebar-nav-link:hover, .c-sidebar .c-sidebar-nav-dropdown-toggle:hover {
        color: #fff !important;
        background: rgba(0, 0, 21, 0.2) !important;
    }

    .table thead th {
        background: rgba(0, 0, 21, 0.2) !important;
        color: #FFF !important;
        border-bottom: 0 !important;
    }

    a {
        color: #313131;
        text-decoration: none !important;
        background-color: transparent !important;
    }

    .dataTables_wrapper .dataTables_filter input {
        margin-left: 0.5em;
        border: 1px solid #ddd !important;
        margin-top: 5px;
        border-radius: 5px;
        padding: 4px;
		border-radius: 30px;
    }

    table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected {
        background-color: #e6e6e6;
    }

    .select2-container {
	    width: 100% !important;
	}
	.select2 ~ .error {
	    position: absolute !important;
	    top: 67px !important;
	    left: 17px !important;
	}
	.select2-container--default .select2-selection--multiple {
	    padding: 5px 15px !important;
	    border-radius: 0px !important;
	    border: 0 !important;
	    background-color: #f7f7f7 !important;
	}
	.select2-container--default .select2-selection--multiple .select2-selection__choice {
	    background-color: #4179c2 !important;
	    border: 1px solid #4179c2 !important;
	    border-radius: 4px;
	    display: inline-block;
	    margin-left: 5px;
	    margin-top: 5px;
	    padding: 0;
	    color: #fff;
	    padding: 0px 3px;
	}

	.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
	    color: #606060 !important;
	}
	.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	    border-right: 1px solid #ffffff !important;
	    padding-right: 5px;
	}

    .titleLabel {
        /* color: #1c998d; */
        font-size: 1.6rem;
        margin-top: 20px;
        margin-bottom: unset;
        font-weight: bold;
    }

    .pageHeaderWrap {
        clear: both;
        margin-bottom: 10px;
        padding-top: 10px;
        margin-bottom: 15px;
    }
    .pageHeaderWrap .page-title {
        float: left;
        color: inherit;
        font-weight: 800;
        font-size: 24px;
        margin-bottom: 0;
        line-height: 42px;
    }

    .pageHeaderWrap .mainHeader {
        float: left;
        color: inherit;
        font-size: 28px;
        font-weight: 800;
        color: #373C41;
    }
    .pageHeaderWrap .btn-primary {
        float: right;
        /* margin-right: 20px; */
    }
    .pageHeaderWrap .customBtn {
        float: right;
        /* margin-right: 20px; */
    }
    .page-title {
        color: inherit;
        font-weight: 500;
        font-size: 24px;
        margin-bottom: 15px;
    }

    table#tblReport{margin-bottom: 10px; font-size: 14px!important;}
    .titleLabelOnReport {
        /* color: #1c998d; */
        font-size: 18px;
        margin-top: 10px;
        margin-bottom: unset;
        font-weight: bold;
    }
    i.iconInSide{padding-left: 12px; padding-right: 15px;}

.cscInContentPrivacy {padding: 70px 0 40px 80px;}

h3.white {color: #FFF;}

.topbarUser {
    padding: 5px;
}

.c-sidebar-nav-dropdown-items a{
    padding-left: 30px !important;
}
.c-sidebar-nav-dropdown-items .sub-menu a{
    padding-left: 45px !important;
}
.menu-logo{
    filter: invert(1);
    opacity: 0.8;
    height: 20px;
    margin-right: 5px;
}
.imagePrev{
    width: 150px;
    height: 150px;
    padding:5px;
}

.productImagePrev{
    width: 100px;
    padding:5px;
}
.customBtn {
    font-size: 16px;
    color: #000;
    text-transform: uppercase;
    padding: 3px 10px 3px;
    border-radius: 25px;
    border: 2px solid rgb(0 0 0 / 70%);
    opacity: 0.8;
    transition: all 0.2s;
    letter-spacing: 1px;
    line-height: 16px;
    cursor: pointer;
    background: rgb(255, 223, 44);
}

/*my styles*/

.wrapperOne{
	width: 100%;
	height: 100vh;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background-color: #fff;
}
.formWrapper{
	width: 500px;
}
.subHead{
	font-size: 24px;
	color: #000;
	font-weight: 800;
	text-transform: uppercase;
}
.formWrapper .card{
	border-radius: 30px;
}
.btnOne{
	font-size: 16px;
	text-transform: uppercase;
	color: #F6FDFB;
	background-color: #C6922C;
	border: 0px;
	outline: transparent;
	padding: 10px 50px;
	border-radius: 50px;
	font-weight: 600;
	transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	-webkit-transition: all .2s;
	margin: 0 auto;
	display: block;
}
.btnOne:hover{
	opacity: .8;
	background-color: #C6922C;
}
.formWrapper .card .form-control{
	border-radius: 10px;
}
.c-sidebar .c-sidebar-brand {
    color: #fff;
    background: #fff;
}
img.c-sidebar-brand-full {
    height: 40px !important;
    width: auto !important;
}
.c-sidebar {
    color: #fff;
    background: #161616;
}
.c-sidebar-nav{
	padding-top:20px
}
.menuActive{
	background-color: #2E2E2E;
	opacity: 1;
}
.menuActive .c-sidebar-nav-link{
	font-weight: 700;
}
.menu-logo {
    filter: invert(1);
    opacity: 0.8;
    width: 20px;
    margin-right: 20px;
}
.menu-logo{
	filter: invert(0);
}
.c-sidebar.c-sidebar-minimized .c-sidebar-nav > .c-sidebar-nav-dropdown:hover {
    background: #161616;
}
.c-sidebar.c-sidebar-minimized .c-sidebar-nav > .c-sidebar-nav-dropdown > .c-sidebar-nav-dropdown-items {
	background-color: #2E2E2E;
}
.c-header-toggler:not(:disabled):not(.c-disabled) {
    background-color: #F8F8F8;
    border-radius: 50%;
    height: 48px;
    width: 40px;
    margin-top: 4px;
}
.c-wrapper:not(.c-wrapper-fluid) .c-header-fixed {
    padding: 0 20px;
}
.c-wrapper .c-main{
	padding: 20px 30px;
}
.c-footer {
    color: #3c4b64;
    background: #f5f5f5;
    border-top: 0px solid #d8dbe0;
	text-align: center;
}
.c-footer>div {
    margin: 0 auto;
}
.c-footer>div a:hover{
    color: #C6922C;
}
.topbarUser{
	font-size: 14px;
    color: #333;
    font-weight: 700;
    line-height: 15px;
}
.page-title{
	font-size: 30px;
	color: #000;
	font-weight: 600;
}
.formSection{
	max-width: 700px;
	margin: 0 auto;
}
.formSection .panel.panel-default{
	padding: 20px;
	border-radius: 20px;
	/* border: solid 1px #ccc !important; */
	background-color: #fff;
	-webkit-box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.10) !important;
	-moz-box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.10) !important;
	box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.10) !important;
}
label {
    display: inline-block;
    margin-bottom: .5rem;
	font-size: 16px;
	color: #000;
	font-weight: 600;
}
.form-control{
	border-radius: 10px;
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #C6922C;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(198 146 44 / 25%);
}
input[type="radio"]:checked+label:after {
	background-color: #C6922C !important;
	color:#C6922C !important;

  }
  input[type='radio']:after {
	width: 15px;
	height: 15px;
	border-radius: 15px;
	top: -2px;
	left: -1px;
	position: relative;
	background-color: transparent;
	content: '';
	display: inline-block;
	visibility: visible;
}

input[type='radio']:checked:after {
	width: 15px;
	height: 15px;
	border-radius: 15px;
	top: -2px;
	left: -1px;
	position: relative;
	background-color: #C6922C !important;
	content: '';
	display: inline-block;
	visibility: visible;
}
.table thead th{
	background-color: #C6922C !important;
	vertical-align: middle;
}
.table-responsive{
	border-bottom-left-radius: 0px ;
	border-bottom-right-radius: 0px ;
	border: 0px;
}
tbody td{
	border-right: solid .5px #eee;
	border-left: solid .5px #eee;
}
.table td, .table th{
	font-size: 14px;
}
.whlsltxt{
	list-style-type: none !important;
}
::-webkit-scrollbar{
	height:6px;
	width: 6px;
	background: gray;
}
::-webkit-scrollbar-thumb:horizontal{
	background: #ccc;
	border-radius: 5px;
}
.btn-success {
    color: #fff;
    background-color: #C6922C !important;
    border-color: #C6922C !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #C6922C !important;
    border: 1px solid #C6922C !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border-right: 0px solid #ffffff !important;
}
.btn-success.focus, .btn-success:focus {
    box-shadow: none !important;
}
#var_options{
	width: 400px !important;
}
.fileUpload{
	width:160px;
	height: 220px;
	background-color: #f9f9f9;
	border: 1px dashed #999;
	position: relative;
}
.uploadPlace{
	font-size: 22px;
	color: #555;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.uploadPlace b{
	font-size: 34px;
	display: block;
	line-height: 18px;
}
.fileUpload input{
	width:100% !important;
	height: 100% !important;
}
.imgPreview{
	margin-top: 10px;
}
.imgPreview img {
    padding: 8px;
    max-width: 100px;
    height: 150px;
    object-fit: cover;
    width: initial;
}

  input[type=checkbox]:checked {
	background-color:#C6922C !important;
	color: #ffffff !important;
  }
  input[type='checkbox'] {
	margin-top: -30px;
}

input[type='checkbox'] {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeSpeed;
	width: 13px;
	height: 13px;
	margin: 0;
	margin-right: 1px;
	display: block;
	float: left;
	position: relative;
	cursor: pointer;
	margin-right: 8px;
	top: 4px;
}

input[type='checkbox']:after {
	content: "";
	vertical-align: middle;
	text-align: center;
	line-height: 13px;
	position: absolute;
	cursor: pointer;
	height: 15px;
	width: 15px;
	left: 0;
	top: 0;
	font-size: 10px;
	background-color:#fff !important;
	border: solid .5px #ccc !important;

}
input[type='checkbox']:checked:after {
	background-color:#C6922C !important;
	content: '\2714';
	color: #fff;
	border: solid .5px #C6922C !important;
}
.control-label{
	display: inline-block;
}
.floatDiv{
	display: flex;
	align-items: center;
}
input:checked + .slider {
    background-color: #C6922C !important;
}
.fileUpload .form-control{
	border: transparent;
}
.fileUpload input[type="file" i] {
    opacity: 0;
}
.imagePrev {
    object-fit: cover;
}
.dataTables_wrapper{
	margin-bottom: 10px;
}
.table td, .table th:last-child{
	border-right: solid 1px #eee;


}
.table td, .table th:first-child{

	border-left: solid 1px #eee;

}
.table td, .table th{
	border-bottom: solid 1px #eee;
}
thead tr th:first-child{
	border-top-left-radius: 15px;
}
thead tr th:last-child{
	border-top-right-radius: 15px;
}
.dataTables_filter{
	padding:5px 10px;
	border-radius: 10px;
	background-color:#F9F3E7;
	margin-bottom: 10px;
}
.btn-group-sm>.btn, .btn-sm {
    padding: .25rem 0rem;
}
.dataTables_length{
    color: #333;
    background-color: #F9F3E7;
    padding: 7px 20px;
    border-radius: 10px;
    padding-top: 15px;
}
.dataTables_wrapper .dataTables_length {
    float: right;
}
.dataTables_wrapper .dataTables_filter {
    float: left;
}
.proImg{
	height: 60px;
    width: initial;
    display: block;
    text-align: center;
    margin: 0 auto;
	object-fit: contain;
}
.checkTrue{
	color: green;
    margin: 0 auto;
    display: block;
	text-align: center;
}
.btnWidth img{
	width: 30px;
}
table.dataTable tbody th, table.dataTable tbody td {
    vertical-align: middle;
}
.paginate_button.current{
	border-radius: 50% !important;
	border: 0px !important;
	background-image: none !important;
	background-color: #F9F3E7 !important;
}

#product_table_next{
	position: relative;
	font-size: 0px !important;
	width: 30px;
	cursor: pointer;
	opacity: .5;
}
#product_table_next:hover{
	opacity: 1;
}
#product_table_next::after{
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url("../images/right-arrow-angle.svg");
	position: absolute;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 10;
	top: -15px;
    left: 5px;
}
#product_table_previous{
	font-size: 0px !important;
	width: 30px;
	position: relative;
	cursor: pointer;
	opacity: .5;
}
#product_table_previous:hover{
	opacity: 1;
}
#product_table_previous::before{
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url("../images/left-arrow-angle.svg");
	position: absolute;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 10;
	top: -15px;
    right: 5px;
}
.dataTables_length select {
    word-wrap: normal;
    border: solid 1px #eee;
}
.c-body{
	background-color: #fff;
}
.dataTables_filter input:focus{
	outline: transparent;
}
.dataTables_filter input{
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.dataTables_wrapper .dataTables_paginate {
    padding-top: 15px !important;
}
.dataTables_wrapper .dataTables_info {
    padding-top: 15px !important;
}
a.linkBtn{
	padding: 8px 30px;
	background-color: #F9F3E7 !important;
	color: #000;
	font-size: 16px;
	text-decoration: none;
	border-radius: 50px;
}
a.linkBtn:hover{
	background-color:  #C6922C !important;
	color: #fff !important;
}
.table-responsive table tr{
	text-align: center;
	vertical-align: middle;
}
.table-responsive table td{
	text-align: center;
	vertical-align: middle;
}
.whlsltxtlist{
	list-style-type: none !important;
}
.btnTwo{
	font-size: 18px;
    text-transform: uppercase;
    color: #F6FDFB;
    background-color: #C6922C !important;
    border: 0px;
    outline: transparent;
    padding: 10px 50px;
    border-radius: 50px;
    font-weight: 600;
    transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    margin: 0 auto;
    display: inline-block;
}
.btnTwo:hover{
	opacity: .8;
	color: #fff;
}
.modal-header h5{
	font-weight: 700;
	color: #000;
}
.modal-footer input{
	font-size: 18px;
    text-transform: uppercase;
    color: #F6FDFB;
    background-color: #C6922C !important;
    border: 0px;
    outline: transparent;
    padding: 10px 50px;
    border-radius: 50px;
    font-weight: 600;
    transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    margin: 0 auto;
    display: inline-block;
}
.modal-footer input:hover{
	opacity: .8;
}
.modal-footer button{
	font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    background-color: #777 !important;
    border: 0px;
    outline: transparent;
    padding: 10px 50px;
    border-radius: 50px;
    font-weight: 600;
    transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    margin: 0 auto;
    display: inline-block;
}
.modal-footer button:hover{
	opacity: .8;
}
.swal2-styled.swal2-confirm {
    background-color: #C6922C !important;
	outline: transparent;
	border: 0;
}

/* #galleryModal .modal-body input{
	width: 130px;
	height: 180px;
	background-color: #eee !important;
	border: solid 1px #ccc !important;
	margin: 0 auto;
	opacity: 1;
}
#galleryModal .modal-body label{
	display: none;
}
#galleryModal .modal-body input[type="file" i] {
	opacity: 0 !important;
} */
#galleryModal .modal-body .custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse";
    background-color: #C6922C !important;
	color: #fff !important;
}
.paginate_button.next{
	position: relative;
	font-size: 0px !important;
	width: 30px;
	cursor: pointer;
	opacity: .5;
}
.paginate_button.next:hover{
	opacity: 1;
}
.paginate_button.next::after{
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url("../images/right-arrow-angle.svg");
	position: absolute;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 10;
	top: -15px;
    left: 5px;
}
.paginate_button.previous{
	font-size: 0px !important;
	width: 30px;
	position: relative;
	cursor: pointer;
	opacity: .5;
}
.paginate_button.previous:hover{
	opacity: 1;
}
.paginate_button.previous::before{
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url("../images/left-arrow-angle.svg");
	position: absolute;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 10;
	top: -15px;
    right: 5px;
}
.flotDivTwo{
	float: right !important;
}
.formT .table-striped tbody tr:nth-of-type(odd) {
    background-color: transparent !important;
}
.formT{
	border: solid .5px #eee !important;
	border-radius: 0px !important;
	border-radius: 10px !important;
}
.rightM{
	margin-right: 5px;
}
.titleSub{
	margin-bottom: .5rem;
    font-size: 16px;
    color: #000;
    font-weight: 600;
	display: block;
}

.showAddr input[type=checkbox]:checked {
    top: 15px !important;
}
button.btn.btnWidth:focus{
	outline: transparent;
	box-shadow: none;
}
.centerIn input{
	float: none;
	margin: 0 auto;
}
.marginB{
	margin-bottom: 0px !important;
}
.marginT{
	margin-top: 0px !important;
}
.floadtLR{
	float: right;
}
#totalTxt{
	font-size: 30px;
    font-weight: 700;
	color: #C6922C;
}
#subTotalTxt{
	font-size: 20px;
	color: #C6922C;
}
.order-customer-wrap:last-child p{
	margin-bottom: 0px;
}
.order-customer-wrap{
	font-weight: 700;
	font-size: 18px;
}
.addressWrap{
	font-weight: 600;
	font-size: 16px;
}
.infoQty{
	display: inline-block;
}
.space-between{
	justify-content: space-between;
}
.btnThree{
	padding: 10px 25px;
}
.slideDiv{
	width: 100%;
	height: initial;
	padding-top: 20px;
}
.slideDiv .row .col-sm-3{
	padding-bottom: 30px;
}
.slidesWrapper{
	width: 100%;
	border-radius: 25px;
	padding: 20px;
	background-color: #F9F3E7;
	height: 100%;
}
.slideIcon{
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background-color: #C6922C;
	margin-bottom: 10px;
	text-align: center;
	line-height: 70px;
}
.slideIcon img{
	width: 30px;
}
.slidesHed{
	font-weight: 900;
	font-size: 38px;
	margin-bottom: 5px;
	color: #000;
}
.slidesSubhead{
	font-size: 20px;
	color: #C6922C;
	text-transform: uppercase;
	font-weight: 700;
}
.slidesCont{
	font-size: 16px;
	color: #333;
	margin: 0;
	font-weight: 700;
}
.tableWrap{
	width: 100%;
	background-color: transparent;
	margin-bottom: 50px;
}
.tableHed{
	font-size: 24px;
	font-weight: 700;
	color: #000;
}
.filterDiv{
	border-radius: 15px;
	background-color: #F9F3E7;
	padding: 10px 20px;
	display: inline-block;
	float: right;
}
.dateDiv{
	display: inline-block;

}
.dateDiv label{
	font-size: 16px;
	color: #000;
	font-weight: 600;
	display: block;
}
.dateDiv label{
	font-size: 13px;
	color: #000;
	font-weight: 600;
}
.dateDiv input{
	width: 145px;
	height: 35px;
	font-size: 14px;
	color: #555;
	border: solid 1px #eee;
	padding: 5px;
	margin-right: 10px;
	border-radius: 10px;
}
.dateDiv select{
	width: 145px;
	height: 35px;
	font-size: 14px;
	color: #555;
	border: solid 1px #eee;
	padding: 5px;
	margin-right: 10px;
	border-radius: 10px;
}
.docDiv{
	display: block;
	text-align: right;
	padding: 10px 0;
	display: flex;
	width: 100%;
	justify-content: flex-end;
    align-items: center;
}
.docDiv button{
	display: inline-block;
	margin: 0 10px;
	padding: 6px 30px;
	border-radius: 40px;
	border: 1px solid;
}
.docDiv button img{
	width: 25px;
}
.pdf{
	background-color: #FFEDE8;
	border-color: #E63E38;
	color: #E63E38;
}
.xlsx{
	background-color: #E6FFED;
	border-color: #09AA34;
	color: #09AA34;
}
.clearfix::before{
	clear: both;
	display: block;
	content: '';
}
.clearfix::after{
	clear: both;
	display: block;
	content: '';
}
a.linkPage{
	font-size: 16px;
	color: #C6922C;
	text-decoration: none;
	display: block;
	text-align: left;
	margin-top: 10px;
}
a.linkPage img{
	width: 30px;
}
a.linkPage:hover{
	opacity: .8;
}
.tableWrapper{
	width: 100%;
}
.checkMark{
	width: 100%;
	text-align: right;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 10px 0;
}
.checkMarkBox{
	margin: 0 10px;
}
.checkMarkBox input{
	width: 15px;
	height: 15px;
	display:inline-block;
	margin-right: 6px;
}
.checkMarkBox label{
	font-size: 14px;
	color: #000;
}
.graphdiv{
	width: 100%;
	margin: 20px auto;
}
.graphholder{
	border: solid 1px #eee;
	background-color: #fff;
	padding: 20px;
	border-radius: 25px;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.14);
-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.14);
box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.14);
}

.select2-container .select2-selection--multiple{
	min-height: 0px;
}
.select2-container--default .select2-selection--multiple{
	padding: 0px 0px !important;
	padding-bottom: 0px;
	padding-right: 0px;
}
.select2-selection_choice_remove{
	position: relative !important;
}
.select2-container--default .select2-selection--multiple .select2-selection_choiceremove:hover, .select2-container--default .select2-selection--multiple .select2-selectionchoice_remove:focus {
	background-color: transparent !important;
}

.select2-selection__choice__remove{
	position: relative !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
	background-color: transparent;
}
.sliderWrap{
	max-width: 100%;
	margin: 0 auto;
	padding:5px 30px;
	text-align: center;
}
.sliderWrap .imgPreview{
	margin: 0 auto;
	text-align: center;
}

.modal-body .row{
	margin-right: 0px;
    margin-left:0px;
}

.sliderWrap .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    height: 0px;
	margin-top: -15px;
}
.sliderWrap .owl-carousel .owl-nav .owl-prev, .sliderWrap  .owl-carousel .owl-nav .owl-next{
	width: 30px;
	height: 30px;
	background-color: #C6922C;
	border-radius: 50%;
	line-height: 30px;
	text-align: center;
	font-size: 30px;
	color: #fff;
}
.sliderWrap .owl-carousel .owl-nav .owl-prev{
	position: absolute;
	left: -50px;
}
.sliderWrap .owl-carousel .owl-nav .owl-next{
	position: absolute;
	right: -50px;
}

.sliderWrap .owl-carousel .owl-nav button:focus{
	outline: transparent;
}
.imgPreviewTwo img{
	height:200px;
	width: initial;
	margin: 0 auto;
	-o-object-fit: contain;
}
.owl-carousel .owl-item img {
    display: block;
    width: initial;
}
.middleClass select{
	margin: 6px auto;
}
.infoTd input{
	display: inline-block;
}
.infoTd span.infoQty{
	margin-left: 6px;
    padding: 5px 8px 3px 8px;
    border-radius: 20px;
    background-color: #f00;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
}
.totalPriceWrap0{
	white-space: nowrap;
}
#tblLineItem{
	white-space: nowrap;
}
.select2-container--default .select2-selection--single{
	border: 0px !important;
}
.select2-selection__rendered{
	display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: initial;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	border-radius: 10px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px;
}
.addadmin{
	display: flex;
	align-items: flex-end;
	width: 100%;
	height: 100%;
}
.classWidth{
	display: flex;
	justify-content: flex-end;
}
.stl_mr{
	display: flex;
	align-items: flex-end;
}
.stl_mr button{
	margin-bottom: 16px;
}
.resLogo{
	display: none;
}
.resLogo img {
    height: 40px !important;
    width: auto !important;
	margin-top: 7px;
	margin-right: 10px;
}
#uploadmsg{
	font-size: 16px;
	color: #000;
	font-weight: 600;
}
.fileUploadTwo {
    width: 160px;
    height: 80px;
    background-color: #f9f9f9;
    border: 1px dashed #999;
    position: relative;
	border-radius: 10px;
	/*overflow: hidden;*/
}
.uploadPlaceTwo{
	font-size: 18px;
	color: #555;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.uploadPlaceTwo b{
	font-size:18px;
	display: block;
	line-height: 18px;
}
.fileUploadTwo input{
	width:100% !important;
	height: 100% !important;
}

.fileUploadTwo input[type="file" i] {
    opacity: 0;
}
.c-sidebar-minimized .c-sidebar-brand-full {
    display: block;
	height: 30px !important;
}

.resourceImg{
	display: flex;
	justify-content: center;
}
.rowInner{
	margin: 25px 0px;
	padding: 16px;
	border-radius: 17px;
	box-shadow: 3px 3px #8888885e;
}

.resourceImg img{
	height: 116px;
	margin-top: 17px;
}

.resourceTitle{
	font-size: 20px;
	color: #000;
	font-weight: 600;
}

.resourceBtnHolder{
	text-align:center;
}

.btnTxt{
	border: 1px solid;
	color: #a77209;
	background-color: #e0cda873 !important;
	border-radius: 37px;
	margin: 0px 6px;
	padding: 2px 8px;
}

.cardDetailsHolder{
	padding: 20px;
	border: 1px solid #dee2e6;
	border-radius: 20px;
}

.banner{
    margin-top: 70px;
    border-bottom: 2px solid #4d4d4d
}

.bannerDetail img{
    padding-top: 20px;
    width: 75%;
}

.badgeBox{
	width: 100%;
	padding: 25px 15px;
	border-radius: 10px;
	background-color: #f1f1f1;
	margin-bottom: 20px;
	text-align: center;
}
.badgeBox img{
	height: 100px;
	padding-top: 0px;
	margin-bottom: 10px;
}
.badgeBox h4{
	font-size: 20px;
	font-weight: 700;
}
.badgeBox p{
	min-height: 50px;
}
img.bannerTwoImgWrap{
	width: 100%;
	display: block;
	padding-top: 0px;
}
#frmChangeSec2{
	width: 100%;
}
.select2{
	margin-bottom: 9px;
}

.bannerDetail img {
    padding-top: 0px;
    width: 100%;
}
.btn:hover{
	opacity: .9;
}
.btn.btn-success:hover{
	opacity: .9;
}
.textDivWrap{
	margin-bottom: 30px;
}
.sectionBottomMargin{
	margin-bottom: 30px;
}
table.dataTable.no-footer{
	border-bottom: 0;
}
.noWrap{
	white-space: nowrap !important;
}
/* .dataTables_info{
	width: 49%;
	display: inline-block;
	text-align: left;
}
.dataTables_paginate{
	width: 50%;
	display: inline-block;
	text-align: right;
} */

.dataTables_wrapper .dataTables_info {
    clear: both;
    float: left;
    padding-top: 15px !important;
}
.dataTables_paginate {
    padding-top: 15px !important;
}
.backendPayment .panel-body{
	max-width: 450px;
	margin: 0 auto;
}
.resultStatus{
	margin: 0 auto;
	text-align: center;
	padding-top: 50px;
}
.resultStatus h2{
	font-weight: 800;
	color: #555;
	font-size: 30px;
}
.resultStatus h4{
	font-size: 20px;
}
.resultStatus img{
	height: 100px;
	margin-bottom: 30px;
}
.resultStatus button{
	margin-top: 30px;
}
.dropdown-item:hover{
	color: #C6922C;
}
table.dataTable.no-footer{
	border: 0px;
}
.payOptoin {
    white-space: nowrap;
}
.payOptoin label {
    max-width: calc(100% - 20px);
    display: inline-block;
    white-space: break-spaces;
}
.subtotalTable {
    float:right; width: 100%;
}
.btn.btn-success{
	font-size: 16px;
    text-transform: uppercase;
    color: #F6FDFB !important;
    background-color: #C6922C !important;
    border: 0px;
    outline: transparent;
    padding: 10px 50px;
    border-radius: 50px;
    font-weight: 600;
    transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    margin: 0 auto;
	margin-top: 10px;
	white-space: nowrap;
}
.btn.btn-warning{
	font-size: 16px;
    text-transform: uppercase;
    color: #F6FDFB;
    background-color: #C6922C !important;
    border: 0px;
    outline: transparent;
    padding: 10px 50px;
    border-radius: 50px;
    font-weight: 600;
    transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    margin: 0 auto;
	margin-top: 10px;
	white-space: nowrap;
}
.newBanner img{
	margin-top: 20px;
}
.newBanner{
	justify-content: flex-start !important;
}
.customBtn{
	font-size: 18px;
    text-transform: uppercase;
    color: #F6FDFB !important;
    background-color: #C6922C !important;
    border: 0px;
    outline: transparent;
    padding: 10px 50px;
    border-radius: 50px;
    font-weight: 600;
    transition: all .2s !important;
    -moz-transition: all .2s !important;
    -ms-transition: all .2s !important;
    -o-transition: all .2s !important;
    -webkit-transition: all .2s !important;
    margin: 0 auto;
	margin-top: 10px;
	letter-spacing: 0;
}
.btnTwo{
	font-size: 18px;
    text-transform: uppercase;
    color: #F6FDFB;
    background-color: #C6922C;
    border: 0px;
    outline: transparent;
    padding: 10px 50px;
    border-radius: 50px;
    font-weight: 600;
    transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    margin: 0 auto;
	margin-top: 10px;
	letter-spacing: 0;
	opacity: 1;
	line-height: initial;
}

#tblLabel .btn.btn-success{
	margin-top: 0px;
	padding: 0px 30px;
}

tbody td {
    border-right: solid 0px #eee;
    border-left: solid 0px #eee;
}
.select2-container--default .select2-selection--multiple{
	background-color: transparent !important;
}
.select2-selection__rendered{
	border: 0px !important;
}
#tblVariations  .btn.btn-success{
	margin-top: 0px;
	padding: 0px 30px;
}
.form-control{
	border: 1px solid #ced4da !important;
}
.select2-hidden-accessible{
	width: 100% !important;
	height: 100% !important;
}
.select2-container .select2-selection--single .select2-selection__rendered{
	border: solid 1px #ccc !important;
}
.modeInner .btn.btn-success{
	margin-top: 0px;
	padding: 5px 30px;
}
.editCarrierModeName .btn.btn-success{
	margin-top: 0px;
	padding: 5px 30px;
}
.btn-primary:focus, .btn-primary.focus{
	background-color: #C6922C;
	border-color: #C6922C;
}
.btn-primary.focus, .btn-primary:focus {
    box-shadow: none !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
	background-color: #fbf0d8 !important;
	border-radius: 50% !important;
	background: #fbf0d8 !important;
	color: #000 !important;
	border-color: #fbf0d8 !important;
}
.paginate_button.next:hover{
	background: transparent !important;
	border: transparent !important;
}
.paginate_button.previous:hover{
	background: transparent !important;
	border: transparent !important;
}
.saleCalender .btn.btn-warning{
	margin-top: 0px;

}
.form-control:focus{
	box-shadow: 0 0 0 0rem transparent !important;
}
.text-left{
	text-align: left;
}
.fulfillorder .btn.btn-success{
	margin-top: 0px;
}
.modal-footer{
	border-top: 0px !important;
	border-color: transparent !important;
}
.modal-header{
	border-bottom: 0px !important;
	border-color: transparent !important;
}
.modal-header .close:focus{
	outline: transparent;
}

.table-bordered th{
	border:1px;
}
.infoTd span.infoQty{
	padding: 0;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	line-height: 20px;
	text-align: center;
	font-size: 12px;
}
table tbody tr td input[type=number]{
	width: 100px !important;
}

.switchWrapper{
	margin: 25px 0 15px;
}
.switchDiv{
	display: flex;
	justify-content: flex-start;
}
.switchDiv p{
	font-size: 20px;
	font-weight: 600;
	color: #000;
	margin-bottom: 0px;
	margin-right: 15px;
}
.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height:30px;
  }

  .switch input {
	opacity: 0;
	width: 0;
	height: 0;
  }

  .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
  }

  .slider:before {
	position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    left: 5px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }

  input:checked + .slider {
	background-color: #2196F3;
  }

  input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
  }

  input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
  }
  .slider.round {
	border-radius: 34px;
  }

  .slider.round:before {
	border-radius: 50%;
  }
  .newFormWrapChecked{
	  margin-bottom: 20px;
	  display: none;
  }
  .pronameList{
	  display: block;
  }
  .pronameList span{
	  font-size: 14px;
	  color: #000;
	  margin: 5px 0;
	  margin-right: 5px;
	  background-color: #e4e4e4;
	  padding: 3px 6px;
	  border-radius: 3px;
	  display: inline-block;
  }

.customCheck {
    display: flex;
    align-content: center;
    justify-content: flex-start;
}
.text-left{
	padding-top: 15px;
}
.text-left button{
	margin: 0;
}
.mb-0{
	margin-bottom: 0px;
}

.topHedWrapper{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin: 15px 0;
}
.topHedWrapper .docDiv{
	width: initial;
}
.topHedWrapper .filterDiv .dateDiv{
	display: flex;
	align-items: center;
}
.topHedWrapper .filterDiv .dateDiv label{
	margin-bottom: 0;
	margin-right: 10px;
}
.topHedWrapper .filterDiv {
	display: flex;
	justify-content: center;
	align-items: center;
}
.headingSectonWrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.notiText{
	margin-top: 10px;
	font-size: 14px;
	color: #555;
}

.logPass {
    position: relative;
}

.logPass input{
    padding-right: 58px !important;
}

.logPass a{
    position: absolute;
    right: 3px;
    bottom: 1px;
    /*background-color: #a28686 !important;*/
    padding: 3px 10px;
    z-index: 10;
}

.logPass img{
    width: 28px;
}

.slidesSubheadAmb{
    font-size: 20px;
    margin-top: 11px;
    color: #C6922C;
    font-weight: 700;
}

.slidesSubheadAmb span{
    font-size: 15px;
}

.boxMsg{
    font-size: 16px;
    color: #6c6b6b;
    margin: 0;
    font-weight: 700;
    background-color: #fff;
    padding: 4px;
    border-radius: 7px;
}

.seccesMessageWrap {
    width: 100%;
    padding: 100px 20px;
}

@media (max-width: 992px) {
    .seccesMessageWrap {
        padding: 50px 20px;
    }
}

.seccesMessageWrap .messageBox {
    text-align: center;
}

.seccesMessageWrap .messageBox img {
    height: 60px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.seccesMessageWrap .messageBox h2 {
    color: #474645;
    display: block;
    text-align: center;
    margin-bottom: 20px;
    letter-spacing: 2px;
}

.seccesMessageWrap .messageBox h5 {
    margin-bottom: 35px;
    font-size: 22px;
    font-weight: 500;
    color: #474645;
    display: block;
    text-align: center;
}

.congratulationWrap {
    text-align: center;
    padding: 100px 20px;
    background-color: #F9F8F5;
}

@media (max-width: 992px) {
    .congratulationWrap {
        padding: 50px 20px;
    }
}

.congratulationWrap .congratulationBox {
    display: inline-block;
    margin: 0 auto;
    position: relative;
}

.congratulationWrap .congratulationBox img {
    height: 200px;
    left: -270px;
    position: absolute;
    top: 100px;
}

@media (max-width: 1080px) {
    .congratulationWrap .congratulationBox img {
        height: 150px;
        top: 150px;
        left: -150px;
    }
}

@media (max-width: 992px) {
    .congratulationWrap .congratulationBox img {
        height: 150px;
        top: 150px;
        left: -75px;
    }
}

@media (max-width: 600px) {
    .congratulationWrap .congratulationBox img {
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 30px;
    }
}

.congratulationWrap .congratulationBox h2 {
    font-family: "DINCondensed-Bold";
    text-transform: uppercase;
    letter-spacing: 0px;
    font-size: 90px;
    margin-bottom: 10px;
    line-height: 90px;
    letter-spacing: 0px;
    color: #474645;
}

@media (max-width: 600px) {
    .congratulationWrap .congratulationBox h2 {
        font-size: 50px;
        line-height: 60px;
    }
}

.congratulationWrap .congratulationBox p {
    color: #474645;
    font-size: 16px;
    line-height: 30x;
    color: #22293C;
    max-width: 600px;
    margin: 0 auto;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.congratulationWrap .congratulationBox h3 {
    font-family: "DINCondensed-Bold";
    text-transform: uppercase;
    letter-spacing: 0px;
    font-size: 20px;
    margin-bottom: 50px;
    line-height: 30px;
    letter-spacing: 0px;
    color: #474645;
}

.congratulationWrap .congratulationBox .add-card-btn {
    background-color: #c6922c !important;
}

.congratulationWrap .congratulationBox .add-card-btn:hover {
    color: #fff;
    background-color: #22293C;
}

.add-card-btn {
    color: #fff;
    background-color: #936916 !important;
    font-size: 17px;
    padding: 15px 70px;
}

.refContainer{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.refContainer a{
    text-decoration: none;
    transition: all 0.2s;
    opacity: 1;
    margin-left: 15px;
}
.refContainer a:hover{
    opacity: .8;
}
.refContainer a img{
    width: 35px;
    height: initial;
}

.expButton{
    text-decoration: none;
    transition: all 0.2s;
    opacity: 1;
}
.expButton:hover{
    opacity: .8;
}

.expButton span{
    font-size: 17px;
    color: #3f9c9a;
    font-weight: 700;
}

.dtTimeFilterAmbassador{
    background-color: #fff3dc;
    padding-top: 6px;
    padding-bottom: 3px;
    border-radius: 12px;
    margin-bottom: 10px;
}

.dtTimeFilterAmbassador label{
    padding-top: 9px;
}

.dtTimeFilterAmbassador button{
    background-color: #C6922C !important;
    border: 0px;
    outline: transparent;
    border-radius: 50px;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    color: #F6FDFB !important;
}






.modalFilterWrap{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}
.modalSearchWrap{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.modalSearchWrap p{
	font-size: 14px;
	color: #000;
	margin: 0 5px 0 0;
	font-weight: 600;
}

.categoryFilter{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 250px;
}
.categoryFilter p{
	font-size: 14px;
	color: #000;
	margin: 0 5px 0 0;
	font-weight: 600;
}
.categoryFilter select option{
	width: 200px;
}
.tableTh{
	white-space: nowrap;

}
.modalTableWrapper .btn.btn-success{
	margin-top: 0px;
}
.modalTableWrapper .table-responsive{
	width: 100%;
	max-height: 55vh;
	overflow-y: auto;
}
.modalSubHead {
	display: block;
	margin-bottom: 20px;
}
.modalSubHead h2{
	font-size: 18px;
	color: #000;
	font-weight: 800;
}
.labelDiv{
	width: 100%;
	margin-bottom: 20px;
}
.labelboxwrap{
	width: 100%;
	height: 40px;
	border-radius: 10px;
	background-color: #fff;
	border: solid 1px #ccc;
	padding: 10px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.labelboxwrap p{
	margin: 0;
	font-size: 13px;
	color: #000;
}
.modalFooterWrap{
	text-align: center;
	margin: 20px 0 20px;
}
.modalFooterWrap h2{
	font-size: 30px;
	color: #000;
	font-weight: 800;
	margin-bottom:20px;
}
.modalFooterWrap .modalSearchWrap{
	margin: 0 auto;
    width: 280px;
    margin-bottom: 30px;
}
.productViewWrap{
	width: 100%;
	margin-bottom: 20px;
}
.proDisplay{
	width: 100%;
	height: 200px;
	padding: 20px;
	background-color: #F6F6F6;
    text-align: center;
}
.proDisplay img{
	height: 100%;
	width: initial;
	object-fit: contain;
}
.proDisplayCont{
	width: 100%;
	height: 100%;
	border: solid 1px #ccc;
	border-radius: 10px;
}
.proDisplayCont h3{
	height: 40px;
	border: solid 1px #ccc;
	font-size: 16px;
	font-weight: 800;
	color: #000;
	margin: 0 0px;
	padding: 0px 20px;
	line-height: 40px;
}
/*.proDisplayCont p{
	height: calc(200px - 41px);
	border: solid 1px #ccc;
	font-size: 16px;
	color: #000;
	margin: 0 0px;
	padding: 20px;
	overflow: hidden;
	overflow-y: auto;
}*/

.prodDesc{
    height: calc(200px - 41px);
    border: solid 1px #ccc;
    margin: 0 0px;
    padding: 20px;
    overflow: hidden;
    overflow-y: auto;
    font-size: 16px;
    color: #000;
}
.prodDesc p{
    font-size: 16px;
    color: #000;
}
.prodDesc span{
    font-size: 16px;
    color: #000;
}

.custom-modal-body{
    max-height: 80vh;
    overflow: hidden;
    overflow-y: auto;
}

/*.gatewayToggle .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #c6922c;
    background-color: #c6922c;
}*/

.dateCtrlHolder{
    display: flex;
    gap:10px;
    align-items: center;
}

.totalContainer{
    padding: 10px 11px;
    background-color: #f0f0f0;
    border-radius: 16px;
    margin-bottom: 34px;
}

.totalContainerColumn{
    font-size: 19px;
}

.totalContainerColumn p span{
    font-weight: 700;
}

.archiveText{
    color: #888;
}

div.dt-buttons {
    position: relative;
    float: left;
    margin: 17px 0 0 10px !important;
}

.swal2-icon.swal2-info {
    border-color: #C6922C !important;
    color: #C6922C !important;
}

.swal2-styled.swal2-deny{
    background-color: #7b7979 !important;
}

.swal2-styled{
    min-width: 154px !important;
}

.viewUnitPriceOriginal{
    padding-right: 5px;
    text-decoration: line-through;
    font-size: 13px;
    color: #969696
}

.totalPriceWrapOriginal{
    padding-right: 5px;
    text-decoration: line-through;
    font-size: 13px;
    color: #969696
}

.btnYellow{
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    background-color: #C6922C !important;
    border: 0px;
    outline: transparent;
    height: 50px !important;
    width: 140px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    font-weight: 600;
    transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    margin: 0 10px !important;
    padding: 0 !important;
}

.btnGray{
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    background-color: #777 !important;
    border: 0px;
    outline: transparent;
    height: 50px !important;
    width: 140px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    font-weight: 600;
    transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    margin: 0 10px !important;
    padding: 0 !important;
}
.btnGray:hover{
    opacity: .8;
}
.btnYellow:hover{
    opacity: .8;
}
.modal-footer button.btnYellow{
    background-color: #C6922C !important;
}