/*@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');*/
/*@import url('https://fonts.googleapis.com/css?family=Poppins&display=swap');*/
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap');

body {font-family: 'Source Sans Pro', sans-serif;background: #eff3f6;font-size: 14px;}
p {font-family: 'Source Sans Pro', sans-serif;font-size: 1.1em;font-weight: 300; line-height: 1.7em;color: #999;}
h1,h2,h3,h4,h5,h6{font-family: 'Source Sans Pro', sans-serif;font-weight: 600;color:#48465b;}
a,
a:hover,
a:focus {color: inherit;text-decoration: none;transition: all 0.3s;}
.navbar {padding: 5px 10px;background: #fff;border: none;border-radius: 0;margin-bottom: 40px;box-shadow: 0 0 40px 0 rgba(82,63,105,.1);
    z-index:99;height:70px;}
.navbar-btn {box-shadow: none;outline: none !important;border: none;}
.line {width: 100%;height: 1px;border-bottom: 1px dashed #ddd;margin: 40px 0;}
/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
.wrapper {display: flex;width: 100%;}
/*sidebar*/
#sidebar,#report_sidebar {width: 220px;position: fixed;top: 0;left: 0;height: 100vh;z-index: 999;background: #23394a;
    color: #fff;transition: all 0.3s;}
#sidebarlink {transition: all 0.3s;}
#sidebar.active {/*margin-left: -170px;*/width:80px;}
#sidebarlink.active {margin-left: 90px;}
#sidebar .sidebar-header {padding: 19px 33px;background: #23394a;border-bottom: 1px solid #1c2c38;}
#sidebar ul.components {/*padding: 20px 0;*//*border-bottom: 1px solid #47748b;*/}
#sidebar ul p {color: #fff;padding: 10px;}
#sidebar ul li a {/*padding: 9px 20px;*/font-size: 14px;display: block;border-left:4px solid transparent;}
#sidebar ul li a:hover {color: #fff;background: #1f2433;}
#sidebar ul li a i{margin-right: 10px}
#sidebar ul li.active>a[aria-expanded="true"] {color: #fff;background: #23394a;}
a[data-toggle="collapse"] {position: relative;}
.dropdown-toggle::after {display: block;position: absolute;top: 50%;right: 20px;transform: translateY(-50%);}
ul ul a {font-size: 0.9em !important;padding-left: 55px !important;background: transparent;}
.sidebar-item{padding: 5px 5px;}
ul.CTAs {padding: 20px;}
ul.CTAs a {text-align: center;font-size: 0.9em !important;display: block;border-radius: 5px;margin-bottom: 5px;}
a.download {background: #fff;color: #23394a;}
a.article,a.article:hover {background: #23394a !important;color: #fff !important;}
#sidebar:hover{width:220px !important;}
.sidebar-header{height: 70px}
#sidebarlink{margin-left: 238px;}
.content-wrapper{margin-left: 220px;padding-top: 80px;padding-bottom:20px;width:100%;transition: all 0.3s;min-height:100vh;overflow: hidden;}
.content-wrapper.active{margin-left: 80px;padding-top: 80px;width:100%;transition: all 0.3s;overflow: hidden;}
.sidebar-overlay {background-color: rgba(0, 0, 0, 0.1);bottom: 0;display: none;left: 0;position: fixed;right: 0;top: 0;z-index: 100;}
#sidemenu li:hover{background: #1f2433;color:#fff !important;}
#sidemenu li a{text-transform: uppercase;}
#sidemenu{overflow-y: auto;height:580px;}
.submenu{padding-left: 0px;overflow: hidden;}
 ul li {list-style: none;}
.accordion {width: 100%;max-width: 384px;/*margin: 30px auto 20px;*//*background: #FFF;*/-webkit-border-radius: 4px;-moz-border-radius: 4px;
    border-radius: 0px}
.accordion .link {cursor: pointer;display: block;padding: 15px 15px 15px 42px;color: rgb(192, 196, 209);
    font-size: 14px;font-weight: 500;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;
    transition: all 0.4s ease;height:48px;}
.accordion li:last-child .link {border-bottom: 0}
.accordion li i {position: absolute;top: 16px;left: 12px;font-size: 17px;color: rgb(192, 196, 209);-webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;transition: all 0.4s ease}
.accordion li i.fa-chevron-down {right: 12px;left: auto;font-size: 10px;top:19px;}
.accordion li.open i {color: #fff;}
.accordion li.open i.fa-chevron-down {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);
    transform: rotate(180deg);}
.left-29{left:29px !important;}
.submenu {display: none;font-size: 14pxpadding-left: 0px;}
.submenu a {display: block;text-decoration: none;color: #c0c4d1;padding: 12px;padding-left: 60px !important;-webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;transition: all 0.25s ease}
.submenu a:hover {background: #1f2433;color: #FFFfont-weight:600px;}
.sidemenu_highlight{color: #fff;border-left: 4px solid #36AEEB !important;background: #637484;}
.accr-ul{padding-left: 0px !important;}
ul.vendor_cont li:before{content: "\f00c";
    font-family: 'Font Awesome 5 Free';color: #36AEEB;font-weight: bold;left:0;right: 0;margin-right: 10px;}
.acrd-heading:hover{text-decoration: none !important;}
.tower,.line1,.pie,.data{color: #212529;}
.tower:before{content: "\f080";font-family: 'Font Awesome 5 Free';color: #212529;font-weight: bold;left:0;right: 0;margin-right: 10px;}
.line1:before{content: "\f201";font-family: 'Font Awesome 5 Free';color: #212529;font-weight: bold;left:0;right: 0;margin-right: 10px;}
.pie:before{content: "\f200";font-family: 'Font Awesome 5 Free';color: #212529;font-weight: bold;left:0;right: 0;margin-right: 10px;}
.report-data:before{content: "\f1c0";font-family: 'Font Awesome 5 Free';color: #212529;font-weight: bold;left:0;right: 0;margin-right: 10px;}
.report-type a:hover > .tower::before{color: deeppink !important;}
.report-type a:hover > .line1::before{color: deeppink !important;}
.report-type a:hover > .pie::before{color: deeppink !important;}
.report-type a:hover > .report-data::before{color: deeppink !important;}
.rnote_left{margin-left: 40px;}
.rnote_left1{padding-left: 80px;}
.rnote_left2{padding-left: 120px;}
.rnote_left2 li:before{content: "\f621";font-family: 'Font Awesome 5 Free';margin-right: 5px;color: #000;font-weight: bold;font-size: 9px;}
/* ---------------------------------------------------
    footer style
----------------------------------------------------- */
.footer{padding-left: 220px;transition: all 0.25s ease;z-index:99;box-shadow: 0 0 40px 0 rgba(82,63,105,.1);}
.footer1{transition: all 0.25s ease;z-index:99;box-shadow: 0 0 40px 0 rgba(82,63,105,.1);}
.footer.active{padding-left: 80px;transition: all 0.25s ease;}
/* ---------------------------------------------------
    font styles
----------------------------------------------------- */
.f10{font-size: 10px}
.f11{font-size: 11px}
.f12{font-size: 12px}
.f13{font-size: 13px}
.f14{font-size: 14px !important;}
.f15{font-size: 15px !important;}
.f16{font-size: 16px}
.f17{font-size: 17px}
.f18{font-size: 18px}
.f20{font-size: 20px}
.f50{font-size: 50px}
.f64{font-size: 64px}

.release-block-wid{width:18.7%;}
.w-20{width:20%;}
.w-30{width:30%;}
.w-25{width:25%;}
.w-23{width:23%;}
.w-15{width:15%;}
.w-19{width:19%;}
.w-32{width:32%;}
.w-45{width:45%;}
.w-40{width:40%;}
.w-70{width:70%;}
.w-80{width:80%;}
.w-amt{width:27.5%;}
.wid-100{width:100px;}

/* ---------------------------------------------------
    button styles
----------------------------------------------------- */
.btn{outline: none !important;}
.btn-custom{color: #fff;background-color: #36AEEB;border-color: #36AEEB;font-weight:bold;text-transform: uppercase;}
.btn-custom:hover{color: #fff;background-color: #25a5e6;border-color: #25a5e6;}
.btn-custom{color: #fff;background-color: #36AEEB;border-color: #36AEEB;font-weight:bold;text-transform: uppercase;}
.btn-custom:hover{color: #fff;background-color: #25a5e6;border-color: #25a5e6;}
.btn-tab{background-color: #36aeeb2b;color: #36AEEB;}
.btn-transparent{background-color: transparent;color: #23394a;}
.btn-transparent:hover{background-color: #36AEEB;color: #fff;}
.btn-active{background-color: #28a7451f;color: #28a745;}
.btn-delete{background-color: #dc35451f;color: #dc3545;}
.btn-tab:hover{color: #fff;background-color: #36AEEB;border-color: #36AEEB;}
.btn-active:hover{background-color: #28a745;color: #fff;}
.btn-delete:hover{background-color: #dc3545;color: #fff;}
.btn-circle {width: 30px;height: 30px; padding: 6px 0px;border-radius: 15px;text-align: center;font-size: 12px;line-height: 1.42857;
}
.btn-circle1 {width: 30px;height: 30px; padding: 4px 0px;border-radius: 15px;text-align: center;font-size: 15px;line-height: 1.42857;
}
.more-btn{color: #fff;border-color: #36AEEB;text-transform: uppercase;font-weight: 600;background:#36AEEB;}
.more-btn:hover{color: #fff;border-color: #25a5e6;text-transform: uppercase;font-weight: 600;background:#25a5e6;}
.btn-outline-custom{color: #36AEEB;border-color: #36AEEB;text-transform: uppercase;font-weight: 600;}
.btn-outline-custom:hover{color: #FFF;border-color: #36AEEB;background:#36AEEB;}

.btn-outline-warning{color: #ffc107;border-color: #ffc107;text-transform: uppercase;font-weight: 600;}
.btn-outline-warning:hover{color: #FFF;border-color: #ffc107;background:#ffc107;}

.btn-outline-viod{color: #031163;border-color: #031163;text-transform: uppercase;font-weight: 600;}
.btn-outline-viod:hover{color: #fff ;border-color: #031163;background: #031163;}

.btn-outline-payroll{color: #1978a5;border-color: #1978a5;text-transform: uppercase;font-weight: 600;}
.btn-outline-payroll:hover{color: #fff;border-color: #1978a5;background: #1978a5;}

.btn-outline-exp{color: #05716c;border-color: #05716c;text-transform: uppercase;font-weight: 600;}
.btn-outline-exp:hover{color: #fff ;border-color: #05716c;background: #05716c;}

.btn-outline-payments{color: #1fbfb8;border-color: #1fbfb8;text-transform: uppercase;font-weight: 600;}
.btn-outline-payments:hover{color: #fff ;border-color: #1fbfb8;background: #1fbfb8;}

.btn-outline-store{color: #00aced;border-color: #00aced;text-transform: uppercase;font-weight: 600;}
.btn-outline-store:hover{color: #fff ;border-color: #00aced;background: #00aced;}
.btn-outline-invstore{color: #829079;border-color: #829079;text-transform: uppercase;font-weight: 600;}
.btn-outline-invstore:hover{color: #fff ;border-color: #829079;background: #829079;}
.btn-outline-invoice_store{color: #1e847f;border-color: #1e847f;text-transform: uppercase;font-weight: 600;}
.btn-outline-invoice_store:hover{color: #fff ;border-color: #1e847f;background: #1e847f;}
.btn-outline-orderstore{color: #408ec6;border-color: #408ec6;text-transform: uppercase;font-weight: 600;}
.btn-outline-orderstore:hover{color: #fff ;border-color: #408ec6;background: #408ec6;}

.btn-outline-lotto{color: #a8c66c;border-color: #a8c66c;text-transform: uppercase;font-weight: 600;}
.btn-outline-lotto:hover{color: #fff ;border-color: #a8c66c;background: #a8c66c;}
.btn-outline-invlotto{color: #dad2a0;border-color: #dad2a0;text-transform: uppercase;font-weight: 600;}
.btn-outline-invlotto:hover{color: #fff ;border-color: #dad2a0;background: #dad2a0;}
.btn-outline-orderlotto{color: #7a2048;border-color: #7a2048;text-transform: uppercase;font-weight: 600;}
.btn-outline-orderlotto:hover{color: #fff ;border-color: #7a2048;background: #7a2048;}

.btn-outline-sublotto{color: #fff;border-color: #fff;text-transform: uppercase;font-weight: 600;}
.btn-outline-sublotto:hover{color: #ffc107 ;border-color: #fff;background: #fff;}

.btn-outline-weekly{color: #e1dd72;border-color: #e1dd72;text-transform: uppercase;font-weight: 600;}
.btn-outline-weekly:hover{color: #fff ;border-color: #e1dd72;background: #e1dd72;}

.btn-outline-game{color: #1b6535;border-color: #1b6535;text-transform: uppercase;font-weight: 600;}
.btn-outline-game:hover{color: #fff ;border-color: #1b6535;background: #1b6535;}

.btn-outline-delivery{color: #1e306e;border-color: #1e306e;text-transform: uppercase;font-weight: 600;}
.btn-outline-delivery:hover{color: #fff ;border-color: #1e306e;background: #1e306e;}
/*.btn-outline-subfuel{color: #fff ;border-color: #fff ;text-transform: uppercase;font-weight: 600;}*/
/*.btn-outline-subfuel:hover{color: #233849 ;border-color: #fff ;background: #fff ;}*/
.btn-outline-vedeer{color: #8e3c77;border-color: #8e3c77;text-transform: uppercase;font-weight: 600;}
.btn-outline-vedeer:hover{color: #fff ;border-color: #8e3c77;background: #8e3c77;}
.btn-outline-network{color: #c6427b;border-color: #c6427b;text-transform: uppercase;font-weight: 600;}
.btn-outline-network:hover{color: #fff ;border-color: #c6427b;background: #c6427b;}

.btn-outline-fuel{color: #563672;border-color: #563672;text-transform: uppercase;font-weight: 600;}
.btn-outline-fuel:hover{color: #fff  ;border-color: #563672;background: #563672;}
.btn-outline-invfuel{color: #b9925e;border-color: #b9925e;text-transform: uppercase;font-weight: 600;}
.btn-outline-invfuel:hover{color: #fff  ;border-color: #b9925e;background: #b9925e;}
.btn-outline-invoice_fuel{color: #000;border-color: #000;text-transform: uppercase;font-weight: 600;}
.btn-outline-invoice_fuel:hover{color: #fff  ;border-color: #000;background: #000;}
.btn-outline-orderfuel{color: #1e2761;border-color: #1e2761;text-transform: uppercase;font-weight: 600;}
.btn-outline-orderfuel:hover{color: #fff  ;border-color: #1e2761;background: #1e2761;}

.btn-outline-income{color: #FFf;border-color: #FFf;text-transform: uppercase;font-weight: 600;}
.btn-outline-income:hover{color: #488A99 ;border-color: #fff;background: #fff;}
.btn-outline-commission{color: #644ca2;border-color: #644ca2;text-transform: uppercase;font-weight: 600;}
.btn-outline-commission:hover{color: #fff ;border-color: #644ca2;background: #644ca2;}
.btn-outline-rebates{color: #3e77e9;border-color: #3e77e9;text-transform: uppercase;font-weight: 600;}
.btn-outline-rebates:hover{color: #fff ;border-color: #3e77e9;background: #3e77e9;}

.btn-outline-safe{color: #FFf;border-color: #FFf;text-transform: uppercase;font-weight: 600;}
.btn-outline-safe:hover{color: #99488a;border-color: #fff;background: #fff;}

.btn-outline-bank{color: #FFf;border-color: #FFf;text-transform: uppercase;font-weight: 600;}
.btn-outline-bank:hover{color: #324ab2 ;border-color: #fff;background: #fff;}

.btn-outline-catalog{color: #FFf;border-color: #FFf;text-transform: uppercase;font-weight: 600;}
.btn-outline-catalog:hover{color: #ff007b ;border-color: #fff;background: #fff;}

.btn-outline-store_inv{color: #FFf;border-color: #FFf;text-transform: uppercase;font-weight: 600;}
.btn-outline-store_inv:hover{color: #07b561;border-color: #fff;background: #fff;}

.btn-outline-run{color: #dc3545;border-color: #dc3545;text-transform: uppercase;font-weight: 600;}
.btn-outline-run:hover{color: #FFF;border-color: #dc3545;background:#dc3545;}
.btn-outline-custom:disabled{opacity: 0.65;pointer-events: none;}

.btn-invstore{color: #fff;background-color: #829079 ;border-color: #829079;border-radius: 50%;width:50px;height:50px;font-size: 20px;}
.btn-invstore:hover{color:#fff;background:#727d6b;}
.btn-invlotto{color: #fff;background-color: #dad2a0 ;border-color: #dad2a0;border-radius: 50%;width:50px;height:50px;font-size: 20px;}
.btn-invlotto:hover{color:#fff;background:#c3ba83;}
.btn-invfuel{color: #fff;background-color: #b9925e ;border-color: #b9925e;border-radius: 50%;width:50px;height:50px;font-size: 20px;}
.btn-invfuel:hover{color:#fff;background:#9c7847;}

.btn-ordstore{color: #fff;background-color: #408ec6 ;border-color: #408ec6;border-radius: 50%;width:50px;height:50px;font-size: 20px;}
.btn-ordstore:hover{color:#fff;background:#3272a0;}
.btn-ordlotto{color: #fff;background-color: #7a2048 ;border-color: #7a2048;border-radius: 50%;width:50px;height:50px;font-size: 20px;}
.btn-ordlotto:hover{color:#fff;background:#6b173c;}
.btn-ordfuel{color: #fff;background-color: #1e2761 ;border-color: #1e2761;border-radius: 50%;width:50px;height:50px;font-size: 20px;}
.btn-ordfuel:hover{color:#fff;background:#151d54;}

.btn-invoicestore{color: #fff;background-color: #1e847f ;border-color: #1e847f;border-radius: 50%;width:50px;height:50px;font-size: 20px;}
.btn-invoicestore:hover{color:#fff;background:#196b67;}
.btn-invoicefuel{color: #fff;background-color: #000 ;border-color: #000;border-radius: 50%;width:50px;height:50px;font-size: 20px;}
.btn-invoicefuel:hover{color:#fff;background:#0a0a0a;}

.btn-pricestore{color: #fff;background-color: #00aced ;border-color: #00aced;border-radius: 50%;width:50px;height:50px;font-size: 20px;}
.btn-pricestore:hover{color:#fff;background:#0697ce;}
.btn-pricefuel{color: #fff;background-color: #563672 ;border-color: #563672;border-radius: 50%;width:50px;height:50px;font-size: 20px;}
.btn-pricefuel:hover{color:#fff;background:#44285d;}



.btn-view{color:#28a745 !important;border-radius: 50%;background: #36aeeb0f;}
.btn-view:hover{background: #28a745;color:#fff !important;}

.btn-email{color:#36AEEB;border-radius: 50%;background: #36aeeb0f;}
.btn-email:hover{background: #36AEEB;color:#fff;}
.btn-print{color:#000;border-radius: 50%;background: #0000000a;}
.btn-print:hover{background:#000;color:#fff;}
.btn-pdf{color:#bb0706;border-radius: 50%;background: #bb07060d;}
.btn-pdf:hover{background:#bb0706;color:#fff;}
.btn-excel{color:#007bff;border-radius: 50%;background: #007bff14;}
.btn-excel:hover{background:#007bff;color:#fff;}
.btn-fax{color:#17a2b8;border-radius: 50%;background: #17a2b80f;}
.btn-fax:hover{background:#17a2b8;color:#fff;}
.btn-graph{color:#ff1493;border-radius: 50%;background: #ff14930d;}
.btn-graph:hover{background:#ff1493;color:#fff;}
.btn-graph:focus{background:#ff1493;color:#fff;}
.li-graph:hover{background:#ff149321;color:#ff1493;}
.btn-download{color:#bb0706;border-radius: 50%;background:#bb070614;}
.btn-download:hover{background:#bb0706;color:#fff;}
.btn-ny{color:#ffa500;border-radius: 50%;background: #ffa50014;}
.btn-ny:hover{background:#ffa500;color:#fff;}
.btn-beverage{background:#316789;color:#fff;border-radius: 50%;padding: 2px 8px;}
.ficon{font-size: 13px;}

.close:focus{outline: 0;box-shadow: none !important;}
.btn:focus{outline: 0;box-shadow: none !important;}
.custom-switch{display: inline-block;}
.custom-check-label::before {background-color: #95e8ae8c;border: #4bb53b solid 1px;outline: none;box-shadow: none !important;cursor: pointer;}
.custom-switch .custom-check-label::after{background:#4bb53b;outline: none;box-shadow: none !important;cursor: pointer;}
.custom-control-label::before {outline: none;box-shadow: none !important;cursor: pointer;}
.custom-control-input .custom-control-label::after{background:#4bb53b;outline: none;box-shadow: none !important;cursor: pointer;}
.custom-control-label::before{border:1px solid #4bb53b;background: #4bb53b2e;}
.custom-switch .custom-control-label::after{background-color: #4bb53b;}
.custom-control-input:checked~.custom-control-label::before{border-color: #e12e2e;background-color: #e12e2e30;}
.custom-switch .custom-control-input:checked~.custom-control-label::after{color:#e12e2e;background:#e12e2e;}
.comnt-btn{color:#b4b8ce;border-radius: 50%;font-size: 18px;}
.comnt-btn:hover{background: #36AEEB1a;border-radius: 50%;color:#36AEEB;}
.gift-btn{color:#8c61ff;border-radius: 50%;font-size: 18px;}
.gift-btn:hover{background: #8c61ff38;border-radius: 50%;color:#8c61ff;}
.gift-btn:focus{color:#8c61ff;background: #8c61ff38;border-radius:30px;}
.btn-circlelight{background:#36AEEB1a;color:#36AEEB;border-radius: 50%;padding: 2px 7px;}
.btn-circlelight:hover{background:#36AEEB;color:#fff;}
.bgroup-bg{background: #36aeeb2b}
.btn-navbg{background: #36AEEB;color:#fff;}
.btn-sidebg{background: #23394a;color:#fff;}
.btn-sidebg:hover{background: #111b23;color:#fff;}

.btn-fb{background: #3b5998c7;color:#fff;}
.btn-fb:hover{background: #325090;color:#fff;}

.btn-linkedin{background: #0e76a8b8;color:#fff;}
.btn-linkedin:hover{background: #0e6a96;color:#fff;}

.btn-twitter{background: #00aceebf;color:#fff;}
.btn-twitter:hover{background: #059fda;color:#fff;}

.btn-dis{background: #3f5564;color:#8fa6ac;}
.bg-sidemenu{background: #23394aba !important;}
.table-row td{height: 30px;}
.tab-edit{color:#23394a;background:transparent;border-radius: 50%;height: 30px;width:30px;}
.tab-edit:hover{color:#28a745;background: #28a74536;border-radius: 50%;height: 30px;width:30px;}
.tab-delete{color:#23394a;background:transparent;border-radius: 50%;height: 30px;width:30px;}
.tab-delete:hover{color:#dc3545;background: #dc35455e;border-radius: 50%;height: 30px;width:30px;}
/* ---------------------------------------------------
    top menu
----------------------------------------------------- */
.dropdown.show .top_icon{color:#fff;background: #36AEEB;border-radius: 30px;}
.dropdown.show .top_icon1{color:#36AEEB;border-radius: 30px;}
.card-imglog{height:100px;width:100%;}
.rt_list li{padding: 2px !important;}
.rt_list{padding-right: 11px;}
.top_icon{color:#b4b8ce ;padding: 10px;font-size:18px;}
.top_icon1{color:#b4b8ce ;padding: 5px;font-size:18px;}
.top_icon:hover{color:#36AEEB;background: #36AEEB1a;border-radius: 30px;}
.top_icon1:hover{color:#36AEEB;background: #36AEEB1a;border-radius: 30px;}
.rt_list li {display: inline-block;}
.dropdown-menu{border:0px;box-shadow: 0 0 50px 0 rgba(82,63,105,.15)}
.top-list{margin-bottom:0px;padding-left: 10px; }
.top-list li{display: inline;margin-right: 5px;}
.dropdown-menu-left{top:45px;}
.cur_pointer{cursor: pointer;}
/* ---------------------------------------------------
    notification styles
----------------------------------------------------- */
.notify-btn{color:deeppink;border-radius: 50%;}
.notify-btn:hover{background: #ffc0cb52;border-radius: 50%;color:deeppink;}
.notify-btn:focus{border:1px transparent;}

.setup-btn{color:#b4b8ce;border-radius: 50%;}
.setup-btn:hover{color:#36AEEB;background: #36AEEB1a;border-radius:30px;}
.setup-btn:focus{color:#36AEEB;background: #36AEEB1a;border-radius:30px;}
.setup-card{box-shadow: none !important;}
.setup-title i{font-size: 22px;}
.setup-title span{color: #5d5b6f;}

.setup-card:hover{background-color: #e9ecef4a !important;}
/*.setup-link:hover i {color: #fff;}
.setup-link:hover span{color: #fff;}*/
.notify-badge{left:12px;color:deeppink;}
.btn .notify-badge{top:-10px;}
.n_after{color:deeppink !important;margin-right: -20px;font-weight: bold;}
.n_after{animation: ring 1.5s ease;animation-iteration-count: infinite;}
@keyframes ring {0% {transform: rotate(35deg);}
    12.5% {transform: rotate(-30deg);}
    25% {transform: rotate(25deg);}
    37.5% {transform: rotate(-20deg);}
    50% {transform: rotate(15deg);}
    62.5% {transform: rotate(-10deg);}
    75% {transform: rotate(5deg);}
    100% {transform: rotate(0deg);}}

/* ---------------------------------------------------
  text styles
----------------------------------------------------- */
.text-head{font-size: 14px;font-weight:400;color:#23394a;}
.text-total{font-weight:400;color:#23394a;}
.text-default{color:#36AEEB;}
.text-custom{color:#23394a;}
.text-dull{color:#b4b8ce;}
.text-lotto{color:orange;}
.text-catalog{color:#ff007b;}
.text-sidemenu{color:#c0c4d1;}
.text-sidemenu:focus{color:#c0c4d1;}
.text-scroll{color:#D32399;}
.text-pink{color:deeppink;}
.text-icon{color: #0000008c;}
.text-brown-light{color:#a52a2acf;}
.text-grey-light{color: #808080a1;}
.text-success-light{color: #28a745a8;}
.text-primary-light{color: #007bffb0;}
sup {top: -.0em !important;}
.game_input:focus{outline: 0;}
.drop-side{background:#23394a !important;}
.drop-side:hover{color: #fff;background: #1f2433 !important;}
.active-sidebg{color: #fff;background: #637484 !important;border-radius: 0px !important;border-left: 4px solid #36AEEB !important;}
.drop-head{background: #1f2433 !important;}
.list-group-item-action:focus, .list-group-item-action:hover{background: #1f2433;}
/*.item[aria-expanded="false"] .submenu-icon::after {
  content: " \2795";
  font-family: FontAwesome;
  display: inline;
  text-align: right;
  padding-left: 10px;
  font-size: 14px;
}
.item[aria-expanded="true"] .submenu-icon::after {
  content: " \2796";
  font-family: FontAwesome;
  display: inline;
  text-align: right;
  padding-left: 10px;
  font-size: 14px;
}*/

/*.item[aria-expanded="true"].link-highlight{background: #1f2433 !important;}
.item[aria-expanded="true"].link-highlight .link i{color: #fff !important;}
.item[aria-expanded="true"].link-highlight .link span{color: #fff !important;}

.item[aria-expanded="true"].link-highlight1{background: #1f2433 !important;}
.item[aria-expanded="true"].link-highlight1 .link i{color: #fff !important;}
.item[aria-expanded="true"].link-highlight1 .link span{color: #fff !important;}*/
.card-header > button:before{background: green !important;}
.icon-accr > button:before {
    float: right !important;
    font-family: "Font Awesome 5 Free";
    content:"\f078";
    padding-right: 5px;
    font-weight: bold;
}
.icon-accr > button.collapsed:before {
    float: right !important;
    content:"\f054";
}
.icon-accr:hover{text-decoration: none;}
.add_icon{font-size: 17px;}
/* ---------------------------------------------------
  login styles
----------------------------------------------------- */
.carousel-item{height:100%;opacity: 0.28; background-repeat: no-repeat;
  background-size: 100% 100%;background-position: center;}
#background-carousel{position:fixed;width:100%;height:100%;z-index:-1;}
.carousel,.carousel-inner {width:100%;height:100%;z-index:0;overflow:hidden;} 
#content-main { position:absolute;z-index:1 !important;min-width:100%;min-height:100%;}
.log-content{background-image: url("<?php echo base_url();?>img/bg.png"); background-repeat: no-repeat;background-size: cover;background-size: cover;padding: 60px 40px;}
.card-imglog img{width:195px;background: #fff;box-shadow: 0px 1px 3px 2px #bfbfc136;padding: 10px;border-radius: 5px;}
.card-imglog{position: absolute;top: -34px;left: 0;}
.otp_group{padding: 4px;border-radius: 5px;max-width: 110px;}
.tax_group{padding: 4px;border-radius: 5px;max-width: 110px;}
.btn-active{background: #36AEEB !important;color:#fff !important;}
.log-con{padding: 60px 40px;}
.background-light {background: rgba(21, 39, 51, 0.78) !important;}
.log-dropdown{width:70%;}
.log-dropdown .select{border:0px;box-shadow: 0px 0px 4px 3px #bfbfc136;}
.otp-input{margin:0px 10px;font-weight: bold;text-align: center;padding: 5px 5px;}
.otp-input:focus{ border:1px solid #23394a;}
.otp-card{box-shadow: none !important;border-radius: 10px;background: #e8ecef !important;}
.otp-details{transition: all 0.3s;}
.login-body{background: #23394a;}
.body_bg{background:#23394a;}
.body_lightbg{background:#36aeeb1f;}
.mx-width{max-width: 120px !important;}
.mx1-width{max-width: 140px !important;}
.accmax-width{max-width: 300px;}
.forgot:hover{text-decoration: underline !important;}
.scroll-div{position: absolute;width:100%;left:0px;right:0px;bottom:30px;overflow: hidden;}
.scroll-msg{border-left: 5px solid #D32399;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.scroll-padd{padding: 10px;}
/* ---------------------------------------------------
    form STYLE
----------------------------------------------------- */
.form-group label,label{font-size: 14px;font-weight:600;}
.form-control{font-size: 14px;font-weight:400;}
.form-control:focus,input[type="file"]:focus{box-shadow: none;}
/*.input-group-text{background:#36AEEB;color:#fff;border:1px solid #36AEEB;}*/
.custom-file-label::after{background:#36AEEB;color:#fff;border:1px solid #36AEEB;}
/* ---------------------------------------------------
    Entry fields STYLE 
----------------------------------------------------- */
.dropdown_custom{box-shadow: 0px 1px 4px 0px #23394a63;border-radius: 3px;border-left: 5px solid transparent;border-top:1px solid transparent;
border-right:1px solid transparent;border-bottom:1px solid transparent;}
.dropdown_custom:focus{box-shadow: 0px 1px 4px 0px #23394a63;border-radius: 3px;border-left: 5px solid #36AEEB;border-top:1px solid #36AEEB;
border-right:1px solid #36AEEB;border-bottom:1px solid #36AEEB;}
.dropdown_custom[readonly]{border-left:5px solid #e9ecef;pointer-events: none;}
.dropdown_custom:disabled{border-left:5px solid #e9ecef;pointer-events: none;}

.dropdown_custom_1{border-radius: 0px;border-top:0px;border-left:0px solid;
border-right:0px solid;border-bottom:1px solid #dee2e6;}
.dropdown_custom_1:focus{border-radius: 0px;border-bottom:1px solid #36AEEB;}
.dropdown_custom_1[readonly]{pointer-events: none;}
.dropdown_custom_1:disabled{pointer-events: none;}

.input_custom{box-shadow: 0px 1px 4px 0px #23394a63;border-radius: 3px;border-left: 5px solid transparent;border-top:1px solid transparent;
border-right:1px solid transparent;border-bottom:1px solid transparent;}
.input_custom:focus{box-shadow: 0px 1px 4px 0px #23394a63;border-radius: 3px;border-left: 5px solid #36AEEB;border-top:1px solid #36AEEB;
border-right:1px solid #36AEEB;border-bottom:1px solid #36AEEB;}
.input_custom[readonly]{border-left:5px solid #e9ecef;pointer-events: none;}
.input_custom:disabled{border-left:5px solid #e9ecef;pointer-events: none;}
.input_custom[readonly]{tab-index: -1;}

.input_custom_1{border-top:0px solid transparent;border-left:0px solid transparent;
border-right:0px solid transparent;border-bottom:1px solid #dee2e6;border-radius:0px;}
.input_custom_1:focus{border-radius: 0px;border-bottom:1px solid #36AEEB;}
.input_custom_1[readonly]{pointer-events: none;}
.input_custom_1:disabled{pointer-events: none;}

.input-datetext-custom1{padding: .375rem .25rem !important;}
.input-datetext-custom_left{padding: .375rem .25rem !important;box-shadow: -2px 1px 4px 0px #23394a63;}
.input-datetext-custom_right{padding: .375rem .25rem !important;box-shadow: 3px 1px 4px 0px #23394a63;}
.temp_dropdown{border-top:0px !important;border-left:0px !important;border-right:0px !important;border-radius: 0px !important;}
.temp_input{border-top:0px !important;border-left:0px !important;border-right:0px !important;border-radius: 0px !important;}

.input-total{border:0px;background: transparent;}
.input-total:focus{background: transparent;}
.inputgroup_custom{box-shadow: 0px 1px 4px 0px #23394a63;border-radius: 3px;border: 0px;}
.inputgroup_custom:focus{border:1px solid #36AEEB !important;}

.date_custom{box-shadow: 1px 1px 4px 0px #23394a63 !important;border-radius: 0px !important;border-top: 0px;
    border-left: 0px;border-right: 0px;border-bottom: 3px solid #36aeeb !important;padding-left: 13px !important;text-align: left !important;}
/*.date_custom:focus{border-radius: 0px !important;border-top: 0px;
    border-left: 0px;border-right: 0px;border-bottom: 3px solid #36aeeb;padding-left: 13px !important;}*/
.date_custom1{box-shadow: 1px 1px 4px 0px #23394a63 !important;border-radius: 0px !important;border-top: 0px;
    border-left: 0px;border-right: 0px;border-bottom: 3px solid #36aeeb !important;padding-left: 13px !important;text-align: left !important;}
/*.date_custom1:focus{box-shadow: 0px 1px 4px 0px #23394a63;border-radius: 3px !important;border:transparent !important;} */

.datepicker_custom{box-shadow: 0px 1px 4px 0px #23394a63;border-radius: 3px;border-left: 5px solid transparent;border-top:1px solid transparent;
border-right:1px solid transparent;border-bottom:1px solid transparent;}
.datepicker_custom:focus{box-shadow: 0px 1px 4px 0px #23394a63;border-radius: 3px;border-left: 5px solid #36AEEB;border-top:1px solid #36AEEB;
border-right:1px solid #36AEEB;border-bottom:1px solid #36AEEB;}
.datepicker_custom[readonly]:focus{background:#fff !important;}
.form-control[readonly]:focus{border: 0px solid;}
.date-picker-default{background-color: transparent !important;}
/*.date-picker-default[readonly]:focus{border-left: 5px solid #36AEEB !important;border-top:1px solid #36AEEB;
border-right:1px solid #36AEEB;border-bottom:1px solid #36AEEB;}*/
.input_custom_error{box-shadow: 0px 1px 4px 0px #23394a63;border-radius: 3px;border-left: 5px solid #dc3545;border-top:1px solid #dc3545;
border-right:1px solid #dc3545;border-bottom:1px solid #dc3545;}
.input_custom_error:focus{box-shadow: 0px 1px 4px 0px #23394a63;border-radius: 3px;border-left: 5px solid #dc3545;border-top:1px solid #dc3545;
border-right:1px solid #dc3545;border-bottom:1px solid #dc3545;}

.input_custom_success{box-shadow: 0px 1px 4px 0px #23394a63;border-radius: 3px;border-left: 5px solid #36AEEB;border-top:1px solid #36AEEB;
border-right:1px solid #36AEEB;border-bottom:1px solid #36AEEB;}
.input_custom_success:focus{box-shadow: 0px 1px 4px 0px #23394a63;border-radius: 3px;border-left: 5px solid #36AEEB;border-top:1px solid #36AEEB;
border-right:1px solid #36AEEB;border-bottom:1px solid #36AEEB;}

/*.input_custom_primary{box-shadow: 0px 1px 4px 0px #23394a63;border-radius: 3px;border-left: 5px solid #36AEEB;border-top:1px solid #36AEEB;
border-right:1px solid #36AEEB;border-bottom:1px solid #36AEEB;}*/

.choose_custom{box-shadow: 0px 1px 4px 0px #23394a63;border-radius: 3px;border:1px solid transparent;}
.choose_custom:focus{box-shadow: none !important;}
/*.chooseinp_custom:focus{box-shadow: 0px 1px 4px 0px #23394a63;border-radius: 3px;border-left: 5px solid #36AEEB;border-top:0px solid transparent;
border-right:0px solid transparent;border-bottom:0px solid transparent;}*/
.inputgroup_custom{box-shadow: 0px 1px 4px 0px #23394a63;border-radius: 3px;border:0px solid transparent;}
.inputgrouptxt_custom:focus{border-radius: 3px;border-left: 5px solid #36AEEB;border-top:1px solid #36AEEB;
border-right:1px solid #36AEEB;border-bottom:1px solid #36AEEB;}
.inpgrpbg-custom{background:#36AEEB;color:#fff;}
.inp-apend{background: transparent;border:1px solid #ced4da;}
.ricon{background:#36AEEB;border-top-right-radius:5px;border-bottom-right-radius:5px;border:1px solid #36AEEB;}
.refticon{background:#36AEEB;border-top-left-radius:5px;border-bottom-left-radius:5px;border:1px solid #36AEEB;}
.ricon-red{background:#dc3545;border-top-right-radius:5px;border-bottom-right-radius:5px;border:1px solid #dc3545;}
.ricon-left-red{background:#dc3545;border-top-left-radius:5px;border-bottom-left-radius:5px;border:1px solid #dc3545;}
.coment_inp{border-top:0px solid;border-left:0px solid;border-right:0px solid;border-radius: 0px;}
.pd-4{padding-right: 4px;}
.total_width{max-width: 153px;}
.plan_input{border-top:0px;border-left:0px;border-right:0px;}
.plan_input:focus{outline: 0;}
.boxshadow_none{box-shadow: none !important;}
.bank-tab{background: #fff;}
.tab1{border-radius: 0px !important;border-left: 1px solid #ced4da;border-right: 1px solid #ced4da;}
.tab2{border-top-left-radius: 0px !important;border-bottom-left-radius: 0px !important;}
.bank-tab.active{background: #36AEEB !important;}
.tab-store{background: #fff;border-radius: 0px !important;border-left: 1px solid #ced4da;border-right: 1px solid #ced4da;}
.tab-store.active{background: #36AEEB !important;}
.taxable_search{height: 36.5px;}
.d_none{display: none !important;}
.pl-20{padding-left: 20px !important;}
.pl-30{padding-left: 30px !important;}
/*.input_custom[readonly]{:off;}*/
.tp_style{background: #ffc107;font-size: 13px;border-radius: 50%;padding: 1px 4px;}
/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
::-webkit-input-placeholder { color: lightgrey !important;}
#content {width: calc(100% - 220px);padding: 40px;min-height: 100vh;transition: all 0.3s;position: absolute;top: 0;right: 0;}
#content.active {width: 100%;}
.breadcrumb{background: transparent;margin-bottom: 0px}
.page-heading{display:flex;align-items:center;margin-bottom: 0px}
.card{background: #fff;border:0px;border-radius: 5px;box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.19);}
/*.card-header{background: #fff;padding:15px 20px;border-bottom: 1px solid #ebedf2;display: flex;}*/
/*.card-header h5{font-size: 1rem;font-weight: 600;color: #48465b;padding: 0px;margin:0px;}*/
/*.card{box-shadow: 0 0 40px 0 rgba(82,63,105,.1);}*/
.card-title{display:flex;align-items:center;margin-bottom: 0px}
.card-status{display:flex;align-items:center;}
.card-content h5{font-size: 13px;margin-bottom: 0px;}
.card-content p{font-size: 12px;margin-bottom: 0px;}
.card-image img{border-radius: 30px;width:45px;height:45px;margin-right: 10px;}
.card-image i{border-radius: 30px;width:45px;height:45px;margin-right: 10px;font-size: 45px;color:#fff;}
.card-icon i {color:#36AEEB;background: #eef1ff;padding: 15px;border-radius: 30px;font-size: 16px;margin-right: 10px;}
.card-icon i.ui{color:#fd397a;background: #fd397a1a;padding: 15px;border-radius: 30px;font-size: 16px;margin-right: 10px;}
.card-icon i.warning{color:#ffb822;background: #ffb8221a;padding: 15px;border-radius: 30px;font-size: 16px;margin-right: 10px;}
.highlight{color: #fff;background-color: #36AEEB;border-color: #36AEEB;}
.card-custom{background: #3db1ec4f;}
.card-custom:hover{background: #36AEEB;color:#fff;}
.card-custom h5,.card-custom p{color:#212529;}
.card-custom:hover h5,.card-custom:hover p{color:#fff;}

.card-custom1{background: #f3cd0585;}
.card-custom1:hover{background: #f3cd05;color:#fff;}
.card-custom1 h5,.card-custom1 p{color:#212529;}
.card-custom1:hover h5,.card-custom1:hover p{color:#fff;}

.card-custom2{background: #f1890494;}
.card-custom2:hover{background: #f18904;color:#fff;}
.card-custom2 h5,.card-custom2 p{color:#212529;}
.card-custom2:hover h5,.card-custom2:hover p{color:#fff;}

.card-custom3{background: #c25d0580;}
.card-custom3:hover{background: #c25d05;color:#fff;}
.card-custom3 h5,.card-custom3 p{color:#212529;}
.card-custom3:hover h5,.card-custom3:hover p{color:#fff;}

.icon-left{position: absolute;}
.icon-left i {font-size: 75px;color:#ffffffa3;}
.fa-chevron-circle-right:hover{transform: translateX(20%);transition: 0.4s ease-in;cursor: pointer;}
/*.card-custom h5,.card-custom p{color:#fff;}*/
.border-bottom{border-bottom:1px solid #dee2e666!important}
.tab_hover:hover{background: #f2f3f7;color:#36AEEB;cursor: pointer;}
.nav-tabs li{margin-right: 20px;}
.nav-tabs li a {text-transform: uppercase;}
/*.nav-tabs li a:hover{border-bottom: 1px solid #36AEEB;padding-bottom:15px;color:#36AEEB;}*/
.new_customers li {padding:12px 0px;}
.new_customers li a.active{color:#36AEEB;border-bottom:2px solid #36AEEB;padding:12px 0px;font-weight:bold;}
.updates li a.active .btn , .tickets li a.active .btn{color:#fff;background: #36AEEB}
.container-fluid{padding-right: 30px;padding-left: 30px;padding-top: 20px;}
.container-fluid1{padding-right: 30px;padding-left: 30px;padding-top:5px;}
.entry-fluid{padding-right: 30px;padding-left: 30px;}
.custom_bg{background: #36AEEB;}
.customlight_bg{background: #c2e6f8;}
.p-10{padding: 10px}
.msg_info{margin-top: -19px;box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.15);}
.notify_div{max-height:250px;height:100%;overflow-y: scroll;}
.card-info p,h6{font-size: 14px;margin-bottom: 0px;}
.card-info{margin-right: 10px}
.store_head_bg{background: #fd397a;color:#fff;}
.lotto_head_bg{background: #5867dd;color:#fff;}
.fuel_head_bg{background: #1dc9b7;color:#fff;}
.inputWithIconleft { position: relative;}
.inputWithIcon { position: relative;}
.inputWithIcon_date { position: relative;}
.inputWithIconright { position: relative;}
.inputWithIconright button {position: absolute;right: 0px;top: 0px;padding: 3px 7px;color: #fff;transition: 0.3s;
  background: #23394a;margin-top:3px;margin-right: 3px;border-radius:5px;}
.inputWithIconleft i {position: absolute;left: 0px;top: 0px;padding: 7px 7px;color: #fff;transition: 0.3s;
  background: #23394a;margin-top:3px;margin-left: 3px;border-radius:5px;}
.inputWithIcon i {position: absolute;right: 30px;top: 0px;padding: 7px 7px;color: #fff;transition: 0.3s;
  background: #23394a;margin-top:3px;margin-right: 3px;border-radius:5px;cursor: pointer;}
.inputWithIconbtn {position: absolute;right: 0px;top: 0px;padding: 3px 6px;color: #fff;transition: 0.3s;
    background: #FF8C00;margin-top: 3px;margin-right: 3px;border:1px solid transparent;border-radius: 5px;cursor: pointer;font-size: 13px;outline: none !important;}
.tpIcon{padding: 3px 5px;color: #fff;transition: 0.3s;
  background: #FF8C00;border:0px solid transparent;border-radius:5px;cursor: pointer;outline: none !important;}
.nopayIcon{padding: 5px 7px;color: #fff;transition: 0.3s;
  background: #23394a;border-radius:5px;cursor: pointer;}
.inputWithIcon_date i {position: absolute;right: 0px;top: 0px;color: #23394a;transition: 0.3s;margin-top:6px;margin-right: 11px;
   font-size: 20px;pointer-events: none;}
.lottorecon_dateicon{font-size: 20px;margin-top:7px;margin-right: 11px;}
.navlight_bg{background: #e9ecef;}
.date_field{max-width: 180px;flex-wrap: inherit;}
.date_field2{max-width: 210px;flex-wrap: inherit;}
.date_field_new{max-width: 140px;flex-wrap: inherit;}
.date_field3{max-width: 325px;flex-wrap: inherit;}
.date_field1{max-width: 300px;flex-wrap: inherit;}
.inputWithIconleft input[type="text"] {padding-left: 35px;}
.input-group-text i {cursor:pointer;}
/*.custom-select{background: none;}*/
.shadow-custom{box-shadow: 0 0 7px 3px rgba(24, 22, 27, 0.05);}
.sidenavbg{background: #23394a;color:#fff;}
.new-button,.new-button1,.new-button2{margin-top: -41px;}
.facdah-body{height: 100vh;}
.calender-icon{border-top:0px solid;border-right: 0px solid;border-bottom:0px solid;}
.left-icon{border-top:0px solid;border-left: 0px solid;border-bottom:0px solid;}
.month-year{outline: 0;}
.in-block{display: inline-block;}
.col-padd{padding-left:0px;padding-right:0px;}
.search_sp {transition: all .3s ease !important;}
.search_trans{border-top-left-radius: 5px !important;border-bottom-left-radius: 5px !important;}
.sicon_bor{border-top-left-radius: 5px !important;border-bottom-left-radius: 5px !important;}
.sicon_bor1{border-top-left-radius: 5px !important;border-bottom-left-radius: 5px !important;}
.report-search{border-radius: 50% !important;padding: 0px 9px;margin-bottom: 3px;}
.report_bor{border-top-left-radius: 0px !important;border-bottom-left-radius: 0px !important;border-bottom-right-radius: 5px !important;border-top-right-radius: 5px !important;}
.srhgroup{height:35px;}
.reporttable{margin: auto;box-shadow: 0px 1px 4px 0px #23394a63;}
.add-line{font-size: 17px !important;font-weight:bold;color:#212529;}
.report-logo{height: 50px;}
.report-heading{margin-bottom: 1rem !important;}
.pt-20{padding-top:22px;}
.mt-20{margin-top:20px;}
.log-width{min-width: 480px;width:100%;}

/*.payment-bg{color:#fff;background-color: #8e44ad !important;background-image: linear-gradient(to right, #8e44ad , #cd8fe6);}
.expenses-bg{color:#fff;background-color: #5D280C  !important;background-image: linear-gradient(to right, #5D280C , #b16136);}
.payroll-bg{color:#fff;background-color: #006400  !important;background-image: linear-gradient(to right, #006400 , #0fc70f);}
.vcheck-bg{color:#fff;background-color: #F31EB4   !important;background-image: linear-gradient(to right, #F31EB4  , #ef92d3);}
.store-bg{color:#fff;background-color: #007bff  !important;background-image: linear-gradient(to right, #007bff , #83b1e2);}
.lotto-bg{color:#fff;background-color: #ffc107 !important;background-image: linear-gradient(to right, #ffc107 , #f9d875);}
.fuel-bg{color:#fff;background-color: #233849  !important;background-image: linear-gradient(to right, #233849 , #666a6d);}
.income-bg{color:#fff;background-color: #488A99  !important;background-image: linear-gradient(to right, #488A99 , #66b7ca);}
.safe-bg{color:#fff;background-color: #99488a  !important;background-image: linear-gradient(to right, #99488a , #ce65ba);}
.bank-bg{color:#fff;background-color: #324ab2  !important;background-image: linear-gradient(to right, #324ab2 , #4b6af1);}*/

.payment-bg{color:#fff;background-color: #1fbfb8 !important;}
.expenses-bg{color:#fff;background-color: #05716c  !important;}
.payroll-bg{color:#fff;background-color: #1978a5  !important;}
.vcheck-bg{color:#fff;background-color: #031163   !important;}
.store-bg{color:#fff;background-color: #00aced  !important;}
.invstore-bg{color:#fff;background-color: #829079  !important;}
.lotto-bg{color:#fff;background-color: #aec66c !important;}
.invlotto-bg{color:#fff;background-color: #dad2a0 !important;}
.orderlotto-bg{color:#fff;background-color: #7a2048 !important;}
.fuel-bg{color:#fff;background-color: #563672  !important;}
.invfuel-bg{color:#fff;background-color: #b9925e  !important;}
.invoice_fuel-bg{color:#fff;background-color: #000  !important;}
.orderfuel-bg{color:#fff;background-color: #1e2761  !important;}
.income-bg{color:#fff;background-color: #488A99  !important;} 
.safe-bg{color:#fff;background-color: #99488a  !important;}
.bank-bg{color:#fff;background-color: #324ab2  !important;}
.catalog-bg{color:#fff;background-color: #ff007b  !important;}
.store_inv-bg{color:#fff;background-color: #07b561  !important;}
.invoice_store-bg{color:#fff;background-color: #1e847f  !important;}
.orderstore-bg{color:#fff;background-color: #408ec6  !important;}
.game-bg{color:#fff;background-color: #1b6535  !important;}
.weekly-bg{color:#fff;background-color: #e1dd72  !important;}
.delivery-bg{color:#fff;background-color: #1e306e !important;}
.recon-bg{color:#fff;background-color: #00aced !important;}
.cashsales-bg{color:#fff;background-color: #7DBF2C !important;}
.search-bg{background-color:#e9ecef;}
.search-bg:focus{background-color:#e9ecef;}
.commission-bg{color:#fff;background-color: #644ca2 !important;}
.rebate-bg{color:#fff;background-color: #3e77e9 !important;}
.vedeer-bg{color:#fff;background-color: #8e3c77 !important;}
.network-bg{color:#fff;background-color: #c6427b !important;}

.subtotal-bg{background-color: #36aeeb08;}
.netdepot-bg{background-color: #dc35450d;}
.nontax-header{;background-image: linear-gradient(to right, #ff8e8e , #fdbf89) !important;}
.storesales-header{;background-image: linear-gradient(to right, #f6d500 , #9eef3e) !important;}
.storecharges-header{;background-image: linear-gradient(to right, #bb8bd8 , #ff91ce) !important;}
 #lotto-subblock{transition: all 0.3s;}
 .bor-radius5{border-radius: 5px;}
 .card-border{background: #fff;border: 1px solid #00000020;border-radius: 5px;box-shadow: none;width: 100% !important;}
/* ---------------------------------------------------
  pagination styles
----------------------------------------------------- */
.page-link{color:#36AEEB;}
.page-item.active .page-link{background-color: #36AEEB;border-color: #36AEEB;}


/* ---------------------------------------------------
 modal styles
----------------------------------------------------- */
.modal_left{min-height: 72px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;height: 100%;}
.modal_right{border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.mt-14{margin-top: 14px;}
.dialog_div{position:fixed;z-index:10;left: 72%;top:11%;right: 20%;bottom:50%;display: block;}
.dialog_modal{position:fixed;z-index:10;margin:auto;display: block;width:330px}

.dialogupdate_div{position:fixed;z-index:10;left: 72%;top:11%;right: 20%;bottom:50%;display: none;}
.dialogupdate_modal{position:fixed;z-index:10;margin:auto;display: block;width:330px}
.modal_warningbg{background: #ffc10740;}
.modal_successbg{background: #28a74512;}
.mwarning-dialog{max-width: 568px !important;}
.mp-linehight{line-height: 15px;}
/* ---------------------------------------------------
  sweet alert styles
----------------------------------------------------- */
body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right{top:63px !important;}
.swal2-popup.swal2-toast .swal2-title{font-size: 14px !important;color:#23394a !important;}
/* ---------------------------------------------------
  sadmin styles
----------------------------------------------------- */
.retailcus_bg{background: #36AEEB;color:#fff;}
.retailcus_bg:hover{background: #149de2;}
.crd-icon{opacity: 0.5;}
.retailfac_bg{background: #f80;color:#fff;}
.retailfac_bg:hover{background: #e68516;}
.billinghm_bg{background: #23394ac7;color:#fff;}
.billinghm_bg:hover{background: #23394a;}
.fleetcus_bg{background: #2bbbad;color:#fff;}
.fleetcus_bg:hover{background: #0ba797;}
.tab-head-spadmin{background:#6f8293;border-top-left-radius: 5px;border-top-right-radius: 5px;height:75px;}
.table-search{padding: 20px 15px 15px 15px;height: 75px;border-top-right-radius: 10px;}
.table-search-date{background: #637484;padding: 20px 15px 15px 15px;height: 75px;border-top-right-radius: 10px;display: flex;}
.tab-padd{padding-left: 30px;padding-right: 30px;margin-bottom: 0px !important;}
.card-padd{padding-left: 10px;padding-right: 10px;margin-top:25px;margin-bottom: 25px;}
.card-padd-notify{padding-left: 10px;padding-right: 10px;}
/*.notify-block{box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);transition: all .2s ease-in-out;cursor: pointer;}*/
.notify-block{transition: all .2s ease-in-out;cursor: pointer;}
.notify-block:hover{box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.15);transform: scale(1.020);}
.report-block1,.report-block2,.report-block3,.report-block4,.report-block5,.report-block6,.report-block7,.report-block8
,.report-block9,.report-block10,.report-block11,.report-bock12,.report-block13,.report-block14,.report-block15,.report-block16{cursor: pointer;}
.text-block1{color:#1fbfb8;}
.report-block1:hover{border-left:5px solid #1fbfb8;border-top-left-radius: 5px;border-bottom-left-radius: 5px;background:#1fbfb829 !important;margin-left:-5px;}
.text-block2{color:#05716c;}
.report-block2:hover{border-left:5px solid #05716c;border-top-left-radius: 5px;border-bottom-left-radius: 5px;background:#05716c26 !important;margin-left:-5px;}
.text-block3{color:#1978a7;}
.report-block3:hover{border-left:5px solid #1978a7;border-top-left-radius: 5px;border-bottom-left-radius: 5px;background:#1978a724 !important;margin-left:-5px;}
.text-block4{color:#031163;}
.report-block4:hover{border-left:5px solid #031163;border-top-left-radius: 5px;border-bottom-left-radius: 5px;background:#03116324 !important;margin-left:-5px;}
.text-block5{color:#26495c;}
.report-block5:hover{border-left:5px solid #26495c;border-top-left-radius: 5px;border-bottom-left-radius: 5px;background:#26495c33 !important;margin-left:-5px;}
.text-block6{color:#c4a35a;}
.report-block6:hover{border-left:5px solid #c4a35a;border-top-left-radius: 5px;border-bottom-left-radius: 5px;background:#c4a35a38 !important;margin-left:-5px;}
.text-block7{color:#c66b3d;}
.report-block7:hover{border-left:5px solid #c66b3d;border-top-left-radius: 5px;border-bottom-left-radius: 5px;background:#c66b3d26 !important;margin-left:-5px;}
.text-block8{color:#a9a99d;}
.report-block8:hover{border-left:5px solid #a9a99d;border-top-left-radius: 5px;border-bottom-left-radius: 5px;background:#a9a99d38 !important;margin-left:-5px;}
.text-block9{color:#d72631;}
.report-block9:hover{border-left:5px solid #d72631;border-top-left-radius: 5px;border-bottom-left-radius: 5px;background:#d726311a !important;margin-left:-5px;}
.text-block10{color:#a2d5c6;}
.report-block10:hover{border-left:5px solid #a2d5c6;border-top-left-radius: 5px;border-bottom-left-radius: 5px;background:#a2d5c640 !important;margin-left:-5px;}
.text-block11{color:#077b8a;}
.report-block11:hover{border-left:5px solid #077b8a;border-top-left-radius: 5px;border-bottom-left-radius: 5px;background:#077b8a21 !important;margin-left:-5px;}
.text-block12{color:#5c3c92;}
.report-block12:hover{border-left:5px solid #5c3c92;border-top-left-radius: 5px;border-bottom-left-radius: 5px;background:#5c3c9230 !important;margin-left:-5px;}
.text-block13{color:#edca82;}
.report-block13:hover{border-left:5px solid #edca82;border-top-left-radius: 5px;border-bottom-left-radius: 5px;background:#edca8238 !important;margin-left:-5px;}
.text-block14{color:#097770;}
.report-block14:hover{border-left:5px solid #097770;border-top-left-radius: 5px;border-bottom-left-radius: 5px;background:#09777029 !important;margin-left:-5px;}
.text-block15{color:#e0cdbe;}
.report-block15:hover{border-left:5px solid #e0cdbe;border-top-left-radius: 5px;border-bottom-left-radius: 5px;background:#e0cdbe4d !important;margin-left:-5px;}
.text-block16{color:#a9c0a6;}
.report-block16:hover{border-left:5px solid #a9c0a6;border-top-left-radius: 5px;border-bottom-left-radius: 5px;background:#a9c0a63d !important;margin-left:-5px;}
/*main dashboard*/
.main-bock,.main-bock1{cursor: pointer;}
.main-block i,.main-block h5,.main-block p{color:#23394a;}
.main-block:hover{border-left:5px solid #36AEEB;border-top-left-radius: 5px;border-bottom-left-radius: 5px;margin-left:-5px;}
.main-block1{background: #36AEEB;border-radius: 5px;}
.main-block1 i,.main-block1 h5,.main-block1 p{color:#fff;}
.main-block1:hover{border-left:5px solid #36AEEB;border-top-left-radius: 5px;border-bottom-left-radius: 5px;margin-left:-5px;background: #fff;}
.main-block1:hover i,.main-block1:hover h5,.main-block1:hover p{color:#23394a;}
.mblock-width{max-width: 200px;width:100%;}

/**/
.card-padd-two{padding-left: 10px;padding-right: 10px;}
.card-padd-foot{padding-left: 10px;padding-right: 10px;}
.entry-address{border-bottom: 1px solid #6f8293;padding: 8px;}
.v-line{border-left: 1px solid #00000020;}
.card-zoom { transition: all .2s ease-in-out; }
.card-zoom:hover { transform: scale(1.08); }
.cardcus-padd{padding-left:10px !important;padding-right: 10px !important;}
/*data entry product backgroud colors*/
.regular_bg{background:#383d40 !important;color:#fff;}
.plus_bg{background:#51A0D5 !important;color:#fff;}
.premium_bg{background:#FF0000 !important;color:#fff;}
.kerosine_bg{background:#654321 !important;color:#fff;}
.e85_bg{background:#A4DE02 !important;color:#fff;}
.racing_bg{background:#FFC0CB !important;color:#fff;}
.offroad_bg{background:#FFFF00 !important;color:#fff;}
.def_bg{background:#D3D3D3 !important;color:#fff;}
.diesel_bg{background:#FFA500 !important;color:#fff;}
.nonethonal_bg{background:#008000 !important;color:#fff;}
.pruple_bg{background:purple !important;color:#fff;}
.ultra_bg{background:purple !important;color:#fff;}
.mid_bg{background: #498564 !important;color:#fff;}
.btn-right{margin-right: 110px;}
.text-pink{color: deeppink;}
.newreport-tab{max-width: 768px;margin: auto;}
.report-line {position: absolute;top:155px;height: 2px;width:100%;max-width:768px;background-color:#b4b8ce;left:0;right:0;margin: auto;}
.b-group{background: #fff;padding: 0px 5px;}
.dropa-padd{padding: 0.55rem 1.75rem}
/*notificatio switch styles*/
.material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 14px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 35px;
}
.dis::before {
    background: grey !important;
}
.dis::after {
    background: grey !important;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 20px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -3px;
    transition: all 0.3s ease-in-out;
    width: 20px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}
.label-success{background: #28a745;}
/* ---------------------------------------------------
  comment styles
----------------------------------------------------- */
.inp1 {position: relative;margin: auto;width: 100%;}
.inp1 .label {position: absolute;top: 16px;left: 0;font-size: 13px;color: #23394a;font-weight: 500;
    transform-origin: 0 0;transition: all 0.2s ease;pointer-events: none;}
.inp1 .border {position: absolute;bottom: 0;left: 0;height: 2px;
    transform: scaleX(0);transform-origin: 0 0;transition: all 0.15s ease;}
.inp1 input {-webkit-appearance: none;width: 100%;border: 0;font-family: inherit; padding: 12px 0;
    height: 38px;font-size: 13px;border-bottom: 1px solid #c8ccd4;background: none;
    border-radius: 0;color: #223254;transition: all 0.15s ease;color:red;}
.inp1 input:not(:placeholder-shown) + span {color: #000;transform: translateY(-26px) scale(0.75);font-size: 13px}
.inp1 select:not(:placeholder-shown) + span {color: #000;transform: translateY(-26px) scale(0.75);font-size: 13px}
.inp1 input:focus {background: none;outline: none;}
.inp1 select:focus {background: none;outline: none;}
.inp1 input:focus + span {transform: translateY(-26px) scale(0.75);}
.inp1 input:focus + span + .border {transform: scaleX(1);}
.inp_trans{transform: translateY(-26px) scale(0.75);}

/*void check*/
.voids_div{background:#36AEEB;padding: 10px;border-radius: 10px;padding-left:30px;padding-right: 30px;
    padding-top: 60px;padding-bottom: 60px; transition: 0.3s;width:100%;}
.voids_divright{width:50%;display: none;}
.store-child,.fuel-child,.lotto-child,.taxstore-child,.taxfuel-child,.taxlotto-child,.oper_store-child,.oper_lotto-child,.oper_sal-child,.oper_other-child,.rebate-child,.comm-child{transition: all 0.15s ease;}
/* ---------------------------------------------------
    table Styles
----------------------------------------------------- */

.table-striped tbody tr:nth-of-type(odd){background: #f4f5f7;}
table tr th{text-transform: uppercase;font-size: 13px;}
.table tr td{white-space: nowrap;vertical-align: middle;}
.table tr th{white-space: nowrap;vertical-align: middle;}
.inner-tab tr td{border-top:0px !important;width: 300px;}
.inner-tab{margin-bottom: 0px !important;}
.table-bottom{margin-bottom: 25px !important;}
.subtab-padd{padding-left: 20px !important;padding-right: 0px !important;}
.tab-boxshadow{box-shadow: 0px 3px 6px 0px #99999959;}
/* ---------------------------------------------------
  custom scroll-bar
----------------------------------------------------- */
.scroll-custom::-webkit-scrollbar-track {border: 1px solid #e8ecef;padding: 2px 0;background-color: #e8ecef;border-radius: 10px;}
.scroll-custom::-webkit-scrollbar {width: 10px;height:12px;}
.scroll-custom::-webkit-scrollbar-thumb {border-radius: 10px;box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #6f8293;
border: 1px solid #e8ecef;}

/*calender*/
.month_field {max-width: 195px;flex-wrap: inherit;}
.inputgroup-custom{border: 0px solid #ced4da;border-radius:0px;}

/* ---------------------------------------------------
  tooltip
----------------------------------------------------- */
/*.tooltip-inner {padding: 3px 8px;color: #23394a !important;text-align: center;background-color: #fff !important;
    border-radius: .25rem;box-shadow: 0px 1px 4px 0px #23394a63;}
.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.bs-tooltip-left .arrow::before {
    right: 0;content: "";border-width: 5px 0 5px 5px;border-left-color: #fff;}
.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
    content: "";border-width: 5px 5px 0;border-top-color: #fff;}
.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.bs-tooltip-right .arrow::before {
    content: "";border-width: 5px 5px 5px 0;border-right-color: #fff;}
.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {
    content: "";border-width: 0 5px 5px;border-bottom-color: #fff;}*/
.tooltip-inner {padding: 3px 8px;color: #dc3545;text-align: center;background-color: #fff !important;border-radius: .25rem;box-shadow: 0px 1px 4px 0px #23394a63;border:1px solid #dc3545;}
.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {
    content: "";border-width: 0 5px 5px;border-bottom-color: #dc3545;}
.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
    content: "";border-width: 5px 5px 0;border-top-color: #dc3545;}

/*---------------------------------*/
.date-arrow{border: 1px solid #eff3f6; padding: 4px 8px;border-radius: 50%;background: #36aeeb2b;color:#36AEEB;}
.date-arrow:hover{background: #36AEEB;color:#fff;}

.date-arrow1{padding: 4px 5px;color:#36AEEB;font-size: 25px;line-height: 2px;}
/*.date-arrow1:hover{background: #36AEEB;color:#fff;}*/
.plus-prev{border: 1px solid #eff3f6; padding: 4px 8px;border-radius: 50%;background: #36aeeb2b;color:#36AEEB;cursor:pointer;}
.plus-prev:hover{background: #36AEEB;color:#fff;}

.tp-icon{border: 1px solid transparent; padding: 3px 6px;border-radius: 50%;background: #36AEEB1a;color:#36AEEB;cursor:pointer;outline: none !important;
    }
.tp-icon:hover{background: #36AEEB;color:#fff;}
.tp-icon:disabled{pointer-events: none;}
.plus-mar{margin-top: 7px;margin-right:10px;}

.plus-icon{border: 1px solid transparent; padding: 7px 8px;border-radius: 50%;background: #fff;color:#000;cursor:pointer;}
.plus-icon:hover{background: #36AEEB;color:#fff;border: 1px solid transparent;}
.plus-icon:focus{background: #36AEEB;color:#fff;border: 1px solid transparent;}
.left-new{outline: 0 !important;box-shadow: none !important;border:0px !important;}


.lotto_down-icon{border: 1px solid transparent; padding: 7px 8px;border-radius: 50%;background: #36aeeb2b;color:#36AEEB;cursor:pointer;}
.lotto_down-icon:hover{background: #36AEEB;color:#fff;border: 1px solid transparent;}

.download-icon{border: 1px solid #fff; padding: 4px 8px;border-radius: 50%;background: #fff;color:#dc3545;cursor:pointer;}
.download-icon:hover{background: #dc3545;color:#fff;border: 1px solid #dc3545;}
.download-icon:focus{outline: 0;}
.pdf{color:#dc3545;cursor:pointer;background:#fff;}
.pdf:hover{background: #dc3545;color:#fff;}

.print-icon{border: 1px solid #fff; padding: 4px 8px;border-radius: 50%;background: #fff;color:#28a745;cursor:pointer;}
.print-icon:hover{background: #28a745;color:#fff;border: 1px solid #28a745;}
.print-icon:focus{outline: 0;}
.print{color:#28a745;cursor:pointer;background:#fff;}
.print:hover{background: #28a745;color:#fff;}

.excel-icon{border: 1px solid #fff; padding: 4px 9px;border-radius: 50%;background: #fff;color:#36AEEB;cursor:pointer;}
.excel-icon:hover{background: #36AEEB;color:#fff;border: 1px solid #36AEEB;}
.excel-icon:focus{outline: 0;}
.excel{color:#36AEEB;cursor:pointer;background:#fff;}
.excel:hover{background: #36AEEB;color:#fff;}

.ny-icon{border: 1px solid #fff; padding: 4px 6px;border-radius: 50%;background: #fff;color:#ffa500;cursor:pointer;}
.ny-icon:hover{background: #ffa500;color:#fff;border: 1px solid #ffa500;}
.ny-icon:focus{outline: 0;}
.ny{color:#ffa500;cursor:pointer;background:#fff;}
.ny:hover{background: #ffa500;color:#fff;}
.bor_lft_radius{border-top-left-radius: 5px !important;border-bottom-left-radius: 5px !important;}
/*---------------------------------*/
.effect:focus {outline: none !important;border:1px solid #36AEEB;}
.d-input{float: left;position: relative;z-index:1;box-shadow: 0px 1px 4px 0px #23394a63;border-radius: 3px;border: 0px solid transparent;} /* necessary to give position: relative to parent. */
.d-inputtext{width: 100%; box-sizing: border-box;font-size: 13px;}
.effect{padding: .375rem .75rem; border: 1px solid transparent; background-color: transparent;border-radius: 3px;text-align: right;}
.effect ~ label{position: absolute; left: 0; width: 100%; top: 9px; color: #aaa; transition: 0.3s; z-index: -1; letter-spacing: 0.5px;}
.effect ~ label, .effect ~ label{top: -9px; font-size: 13px; color: #36AEEB; transition: 0.3s;background: #fff;z-index: 1;
    left: 6px;width: fit-content;}
/*reports*/
#sidereport_link{display:none;}
#report_sidebar{display: none;}
.accordion-toggle:after {font-family:'FontAwesome';content:"\002D";float: right;
    color: inherit;font-weight:bold;font-size: 24px;margin-top:-7px;}
.sidebar-link.collapsed .accordion-toggle:after {content:"\002B";font-weight:bold;font-size: 24px;margin-top:-7px;}
.table-right{justify-content: flex-end !important;}
.tab-width{width:80%;}
.bor{border-right: 2px solid #ced4da;margin-left: 10px;margin-right: 10px;}
.no_box{box-shadow: none !important;}
.month-bor{border-bottom: 2px solid #ddd;margin-bottom: 10px;}
.custom-ul{padding-left: 20px !important;}
.custom-ul li{list-style-type: circle;}
[class^="ficon2-"]:before, [class*=" ficon2-"]:before,
    [class^="ficon2-"]:after, [class*=" ficon2-"]:after {     
      font-size: 30px !important;
    }
/*----------------reports icon on click open menu------------------*/
.hamburger-menu-button {
  width: 28px;
  height: 28px;
  padding: 6px;
  display: block;
  position: relative;
  /*margin-top: 35px;*/
  margin-right: 10px;
  z-index: 10;
  background: #fff;
  border: 5px solid white;
  box-sizing: content-box;
  border-radius: 50%;
  text-indent: 100%;
  color: #000;
  white-space: nowrap;
  cursor: pointer;
  overflow: hidden;
  outline: none;
  border:0px;
  box-shadow: 0px 0px 5px 1px silver;
}
.hamburger-menu-button:focus{outline: none;
  border:0px;}
.hamburger-menu-button-open {
  top: 50%;
  margin-top: -1px;
  left: 50%;
  margin-left: -9px;
}
.hamburger-menu-button-open, 
.hamburger-menu-button-open::before, 
.hamburger-menu-button-open::after {
  position: absolute;
  width: 20px;
  height: 2px;
  background: #000;
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.hamburger-menu-button-open::before, 
.hamburger-menu-button-open::after {
  left: 0;
  content: "";
}
.hamburger-menu-button-open::before {
  top: 6px;
}
.hamburger-menu-button-open::after {
  bottom: 6px;
}
/*.hamburger-menu-button-close {
  background: transparent;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.hamburger-menu-button-close::before {
  -webkit-transform: translateY(-6px) rotate(45deg);
          transform: translateY(-6px) rotate(45deg);
}
.hamburger-menu-button-close::after {
  -webkit-transform: translateY(6px) rotate(-45deg);
          transform: translateY(6px) rotate(-45deg);
}*/
#hamburger-menu .dots{margin-left: -73px;font-size: 23px;}
.dot1{width:8px;height: 8px;border-radius: 50%;background: #000;margin-right: 10px;}
.dot2{width:8px;height: 8px;border-radius: 50%;background: #000;margin-right: 10px;}
.dot3{width:8px;height: 8px;border-radius: 50%;background: #000;}
.ham-menu {
  position: absolute;
  top:7px;
  left: auto;
  right: 123px;
  margin: auto;
  /*max-width: 570px;*/
  overflow: hidden;
  direction: rtl;
  margin-right: -83px;
}
.ham-menu > .on {
  overflow: visible;
  z-index: 100;  
}
.ham-menu ul {
  -webkit-transform: translateX(+101%);
          transform: translateX(+101%);
  /*background-color: #3896d3;*/
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.ham-menu.on ul {
  -webkit-transform: translateX(+1%);
          transform: translateX+1%);
}
.ham-menu ul {
  font-size: 0;
}
.ham-menu ul li {
  display: inline-block;
}
.ham-menu ul li:first-child .ham-menu ul li a {
  padding-left: 30px;
}
.ham-menu ul li a {
  padding: 5px;
  display: block;
  background-color: transparent;
  color: #fff;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-size: 13px;
}
.ham-menu ul li.active a, .ham-menu ul li a:hover {
  /*background-color: #2980b9;*/
  color: #fff !important;
} 
.dot-top{margin-top:3px;}
.dot-lheight{line-height: 1px;}
.web-link:hover{background: #36AEEB !important;}
.web-link:hover h6{color: #fff;}

/*#sidebar.active ul li.link .sub-nav{display: none !important}*/
/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */

@media (max-width: 768px) {
    #brand{display: block !important;}
    #brand1{display: none !important;}
    /*#report_sidebar{display: block;}*/
    #sidebar {margin-left: -220px;transition: all 0.3s;}
    #report_sidebar {margin-left: -220px;transition: all 0.3s;}
    #sidebar.active {margin-left: 0px;width: 220px;}
    #report_sidebar.active {margin-left: 0px;width: 220px;}
    #sidebar.active ul li .left_icon{left:12px !important;}
    #sidebar.active ul li .right_icon{left:auto !important;}
    #sidebar.active ul li .link .nav-title{display: block !important}
    /*#sidebar.active .sidebar-submenu{display: block !important;}*/
    /*.item[aria-expanded="true"] ~.sidebar-submenu{display: block !important;}*/
    /*.item[aria-expanded="false"] ~.sidebar-submenu{display: none !important;}*/
    .sidebar-header{padding: 19px 33px !important;}
    .content-wrapper.active .sidebar-overlay{display: block;}
    #sidebarlink{margin-left: 0px;}
    #sidebarlink.active{margin-left: 0px;}
    .content-wrapper{margin-left:0px;min-height:100vh;}
    .content-wrapper.active{ margin-left:0px;}
    .fac_div{width:50%;}
    .state_div{width:100%;}
    .m_div{width:100% !important;}
    .online_row{flex-wrap: unset;}
    .footer.active{padding-left: 0px;transition: all 0.25s ease;}
    .fright_content{justify-content: flex-start !important;}
    .m_text{display: none;}
    .rt_list {padding-top:0px !important;margin-left: -34px;}
    .audit-btn,.gift-drop{margin-bottom:12px; }
    #sidebarlink{margin-bottom:13px;padding-left:10px;}
    .top-list{display: none}
    .footer{padding-left: 0px}
    .content-block {display: block !important;}
    .state_div {width: 100% !important;}
    .submit-btn{width:100%;}
    .delete-col{width:55%;}
    .dialog_div{position:fixed;z-index:10;left: 10%;top:15%;right: 20%;bottom:50%;display: block;}
    .dialogupdate_div{position:fixed;z-index:10;left: 10%;top:11%;right: 20%;bottom:50%;display: none;}
    .notification li{margin-right: 7px;font-size: 12px;}
    /*.operation_list li{margin-right: 10px;font-size: 12px;}*/
    .drop-notify{right: -55px;}
    .m-padd{padding-left: 6px;padding-right: 6px;}
    .d-input{float: none !important;}
    .mdiv_hide{display: none !important;}
    .voids_div{width:100% !important;}
    .voids_divright{width:100% !important;}
    .m-tableft{display: none;}
    .total_table{display: none;}
    .m-border-top{border-top:1px solid #00000020;padding-top: 13px;}
    .new-button{margin-top: 14px;float: left !important;}
    .card-padd-two{margin-top: 20px !important;}
    .new-button1{margin-top: 44px;margin-right: 10px;}
    .date_field{max-width: 200px;}
    .login-body{background: #eff3f6;}
    #background-carousel {display: none;}
    .otp_group {max-width: 100%;}
    .otp_group .btn {width: 49%;}
    .facdah-body{height: 100%;}
    .tc{display: block !important;}
    .tc1{display: none !important;}
    .nav-tabs li{margin-right: 15px;}
    .dropdown.show .top_icon1{color:#36AEEB;background: transparent;}
    .in-block{display: block}
    .col-padd{padding-left:15px;padding-right:15px;}
    .search_icon{right:20px !important;}
    .search{width:150px !important;}
    .invoice_file{width:165px;}
    .mb-margin{margin-bottom: 10px;}
    #sidereport_link{display: block;}
    #report_menu{display: none;}
    .mt-20{margin-top: 0px;}
    .pt-20{padding-top: 0px;}
    .table-right{justify-content: flex-start !important;}
    .tab-width{width:100%;}
    .log-width{min-width: auto;width:100%;}
    .social-icons{justify-content: center !important;margin-bottom: 1rem;}
    .location{justify-content: flex-start !important;}
    .follow-us{text-align: center !important;}
    .m-name{display: none;}
    .btn-right{margin-right: 0px;}
    .newreport-tab{max-width:100%;}
    .report-line{max-width: auto !important;}
    .mflex{display: unset !important;}
    .card-mleft{left: 50px;}
    .card-mright{right: 90px;}
    .mblock-width{max-width: 100%;}
    .ham-menu{margin-right: -105px;}
    .hamburger-menu-button{margin-right: -10px;}
    .rnote_left{margin-left: 20px;}
    .rnote_left1{padding-left: 40px;}
    .rnote_left2{padding-left: 80px;}
    .release-block-wid{width:100%;}

}
/***  Slider ***/

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.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: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  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);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
/*** Slider ***/
/*** datagrid Icon ***/

.inputWithIconbtn_DataGrid {right: 0px;top: 0px;padding-right: 4px;padding-left: 4px;color: #fff;transition: 0.3s;
    background: #FF8C00;border:1px solid transparent;border-radius: 5px;cursor: pointer;font-size: 8px;outline: none !important;}

/*** datafris Icon ***/