@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');



span.brand-text.font-weight-light img {

    max-height: 56px;

}



img.brand-image-1 {

    max-height: 48px;

}



span.side-baricon img {

    /* width: 19px;

    height: 19px; */

    margin-right: 15px;

    margin-left: 12px;

}



.nav-pills .nav-link.active,

.nav-pills .show>.nav-link {

    color: #fff;

    background-color: #EC1C24 !important;

    border-radius: 0px !important;

}



.sidebar-mini .main-sidebar .nav-link {

    width: 100% !important;

}



.custom-aside li.nav-item .nav-link {

    padding: 13px 10px !important;

}



.arrow {

    position: relative;

}



.arrow img {

    width: 10px;

    height: 16px;

    position: absolute;

    right: 12px;

    top: -18px;

}



li.nav-item.menu-is-opening.menu-open .arrow img {

    -webkit-transform: rotate(-90deg);

    transform: rotate(90deg);

}



.custom-aside a.nav-link.active p {

    text-align: left;

    letter-spacing: 0px;

    color: #FFFFFF;

    opacity: 1;

    font-family: 'DM Sans', sans-serif;

    font-size: 16px;

}



nav.cust-sidenav .fa-plus:before {

    content: "\2b" !important;

    font-family: 'FontAwesome';

    font-style: normal;

    color: #333333 !important;

    padding-right: 0.5em;

    position: absolute;

    top: 18px;

    right: 9px;

    font-size: 16px;

    font-weight: 100;

}



.nav-sidebar>.nav-item {

    margin-bottom: 0;

}



.custom-aside a.nav-link p {

    color: #333;

    font-family: "DM Sans";

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    letter-spacing: 0.14px;

    padding-right: 15px;

}



nav.cust-sidenav {

    max-height: 770px;

    overflow-y: auto; 

    overflow-x: hidden; 

    --webkit-scrollbar-width: 2px;

    scrollbar-width: none;

}



.google-payStore{

    background: #EFF7FF;

    width: 100%;

    padding: 31px 45px;

    margin-top: auto;

}



.google-payStore .google-payStore-img{

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 7px;

    border: 1px solid #CCCCCB;

    background: #FFF;

    padding: 5px 20px;

}







.nav-sidebar .nav-item>.nav-link {

    margin-bottom: 0px;

}



.custom-aside .brand-link {

    border: none !important;

}



.fa-minus:before {

    content: "\2212" !important;

    font-family: 'FontAwesome';

    font-style: normal;

    font-weight: 600;

    text-decoration: inherit;

    color: #fff;

    padding-right: 0.5em;

    position: absolute;

    top: 0px;

    right: 5px;

    font-size: 30px;

}



aside.main-sidebar.sidebar-dark.elevation-4.custom-aside {

    background-color: #fff;

}



.badge-warning {

    color: #ffffff !important;

    background-color: #EC1C24 !important;

    font-family: 'DM Sans';

    border-radius: 50px !important;

    font-size: 14px !important;

}



.setting-box p {

    font-family: 'DM Sans', sans-serif;

    letter-spacing: 0px;

    color: #333333;

    font-size: 16px;

    font-weight: 700;

    line-height: 22px;

}



nav.cust-sidenav .fa-angle-right:before {

    content: "\f105";

    font-family: 'FontAwesome';

    font-style: normal;

    font-weight: normal;

    font-size: 22px;

    text-decoration: inherit;

    color: #EC1C24;

    padding-right: 0.5em;

    position: absolute;

    top: 14px;

    right: 12px;

}



.navbar-expand {

    justify-content: space-between !important;

}



.whatsapp-btn {

    text-align: left;

    font-family: 'DM Sans', sans-serif;

    letter-spacing: 0px;

    color: #FFFFFF;

    opacity: 1;

    padding: 6px 25px;

    background-color: #43D954;

    border-radius: 24px;

    font-size: 16px;

}



.fa-whatsapp:before {

    content: "\f232";

    font-size: 32px;

    padding-right: 6px;

}



.whatsapp-btn {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



button.btn.dropdown-toggle {

    position: relative;

}



/* .create-btn .dropdown-toggle::after {

    content: "\f107";

    font-family: 'FontAwesome';

    font-style: normal;

    font-weight: 100;

    border: none;

    position: absolute;

    top: 7px;

    right: -70px;

} */



.fa-bell-o:before {

    content: "\f0a2";

    font-size: 32px;

}



.cus-nav li.nav-item {

    padding: 0px 12px;

}



nav.main-header {

    /* padding: 11px; */

    height: 70px;

    background: #404040;

    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.04);

    border: none !important;

}



.pro-image {

    width: 33px;

    height: 33px;

    object-fit: cover;

    box-shadow: unset !important;

    outline: 2px solid #FFFFFF99;

    outline-offset: 3px;

    border: 1px solid #404040;

}



.user-panel1 {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.info a {

    text-align: left;

    letter-spacing: 0px;

    color: #333333;

    padding-block: 7px;

    opacity: 1;

    font-family: 'DM Sans', sans-serif;

    font-size: 16px;

    margin-left: 0px;

}



.dropdown-menu.order-xda.show {

    border-radius: 12px;

}



a.nav-link.cust-link {

    padding: 7px !important;

}



.content-header h1 {

    font-family: 'DM Sans', sans-serif;

    letter-spacing: 0px;

    color: #111111;

    font-size: 22px;

    opacity: 0.9;

}



.main-footer {

    background-color: #fff !important;

    border-top: 0 !important;

    color: #999 !important;

    padding: 1rem !important;

    font-family: "DM Sans";

    font-size: 12px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

}



footer.main-footer {

    text-align: center;

}



footer.main-footer a {

    color: #666 !important;

    font-family: "DM Sans";

    font-size: 12px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    text-decoration-line: underline !important;

}



.cust-bar i:before {

    content: "\f104";

    font-family: 'FontAwesome';

    font-style: normal;

    font-weight: normal;

    text-decoration: inherit;

    color: #111111;

    font-size: 18px;

    height: 20px;

    width: 20px;

    line-height: 20px;

    display: flex;

    padding: 5px 4px;

    /* background-color: #fdf2e8; */

    border-radius: 20px;

    color: #fff;

}



.cust-sidenav li.nav-item.menu-active {

    background-color: #00336A;

}



li.menu-active p {

    color: #fff;

}



li.menu-active .logo-img {

    filter: brightness(0) invert(1);

}



li.nav-item.menu-active p {

    color: #fff;

}



li.menu-active .fa-circle:before {

    content: "\f111";

    font-size: 10px;

    color: #fff;

}



.custom-aside li.menu-active .fa-angle-left:before {

    content: "\f104";

    color: #fff;

}



.custom-aside li.nav-item .fa-minus:before {

    color: #111111;

}



li.menu-active .fa-minus:before {

    color: #fff !important;

}



li.nav-item.menu-active .fa-plus:before {

    color: #fff;

}



li.nav-item.menu-active .fa-angle-right:before {

    color: #ffffff;

}



ul.sub-nav.nav.nav-treeview li.nav-item a.nav-link {

    padding: 13px 0px !important;

}



ul.sub-nav.nav.nav-treeview li.nav-item a.nav-link {

    padding: 13px 0px !important;

    color: #000 !important;

}



nav.cust-sidenav li.nav-item.navmenuactive .sub-nav.nav.nav-treeview{

    background: #FAFAFA !important;

}



ul.sub-nav.nav.nav-treeview li.nav-item a.nav-link p{

    color: #242424 !important;

}



ul.sub-nav.nav.nav-treeview li.nav-item.sideact a.nav-link p{

    color: #ffffff !important;

   

}



ul.sub-nav.nav.nav-treeview li.nav-item{

    padding:0 15px !important;

}

.nav-sidebar .menu-open>.nav-treeview{

    background: #FAFAFA !important;

    transition: all 0.5s ease;

}



/* Default styles */

ul.sub-nav.nav.nav-treeview li.nav-item {

    background-color: transparent;

    transition: background-color 0.3s, color 0.3s;

  }

  

  ul.sub-nav.nav.nav-treeview li.nav-item a.nav-link p {

    color: #333;

    transition: color 0.3s;

  }

  

  /* Hover effect: Change background color of li and text color of p */

  ul.sub-nav.nav.nav-treeview li.nav-item:hover {

    background-color: #EF3C3A !important;

  }

  

  ul.sub-nav.nav.nav-treeview li.nav-item:hover a.nav-link p {

    color: #ffffff !important;

  }



/* ul.sub-nav.nav.nav-treeview {

    margin: 0px 15px;

} */



ul.sub-nav.nav.nav-treeview li.nav-item a.nav-link {

    padding: 13px 0px !important;

    border-top: 1px solid #dfdfdf40;

    border-radius: 0px;

}



.Main-wrap-section {

    padding: 25px 15px;

}



.info-box .info-box-icon {

    align-items: center;

    display: flex;

    font-size: 1.875rem;

    justify-content: center;

    text-align: center;

    width: 50px;

    background-color: #fdf2e8 !important;

    border-radius: 50px;

    box-shadow: none !important;

    height: 50px;

}



.first-row {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



ul.cust-bar i.fa-bars:before {

    content: "\f0c9";

    font-family: 'FontAwesome';

    font-style: normal;

    font-weight: 100 !important;

    text-decoration: inherit;

    color: #fff;

    padding-right: 0.5em;

    font-size: 17px;

}



.content-wrapper {

    padding: 20px 20px;

}



.info-box-content span {

    font-family: 'DM Sans', sans-serif;

    letter-spacing: 0px;

    color: #111111;

    font-size: 18px;

    font-weight: 700;

    opacity: 0.9;

    line-height: 22px;

}



.info-box-content small {

    font-family: 'DM Sans', sans-serif;

    letter-spacing: 0px;

    color: #111111;

    font-size: 18px;

    font-weight: 700;

    opacity: 0.9;

    line-height: 22px;

}



.invoice-main-box .info-box {

    align-items: center;

    margin-bottom: 0px;

    box-shadow: none;

    background-color: none;

    background-color: transparent;

    padding: 20px 35px;

}



.info-box .info-box-number {

    font-family: 'DM Sans', sans-serif;

    letter-spacing: 0px;

    color: #111111;

    font-size: 18px;

    font-weight: 700;

    opacity: 0.9;

    line-height: 22px;

}



.invoice-main-box {

    display: flex;

    align-items: center;

    justify-content: space-between;

    background-color: #fff;

    box-shadow: 0px 0px 10px #0000000D;

    border-radius: 10px;

    width: 100%;

    /*    margin-top: 20px;*/

}



table.dataTable {

    clear: both;

    margin-top: 0px !important;

    margin-bottom: 0px !important;

    max-width: none !important;

    border-collapse: separate !important;

    border-spacing: 0;

    margin: 0px ! important;

}



.view_more a {

    padding: 0px 0px 18px ! important;

    text-align: center;



}



.view_more a:hover {

    text-decoration: underline;

}



.view_more {

    padding: 0px 0px 18px ! important;

    text-align: center;

}



th.sorting.sorting_asc {



    border-bottom: 1px solid #ccccccb0 ! important;

}



th.sorting {



    border-bottom: 1px solid #ccccccb0 ! important;

}



th.sorting {

    border-right: 2px solid #cccccc87 ! important;

}



.elevation-4 {

    box-shadow: unset !important;

    border-right: 1px solid #E4E8EC !important;

}



.main-sidebar.sidebar-dark.custom-aside{

    border-right: 1px solid #E4E8EC !important;

}



/* nav.main-header {

    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;

} */



/* .main-sidebar, .main-sidebar::before {

width: 290px ;

} */

/* body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {

transition: margin-left .3s ease-in-out;

margin-left: 290px ;

}

body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper{

margin-left: 290px;

} */

/* .create-btn {

    text-align: left;

    font-family: 'DM Sans', sans-serif;

    letter-spacing: 0px;

    color: #FFFFFF;

    opacity: 1;

    padding: 0px 20px;

    border-radius: 24px;

    font-size: 16px;

    line-height: 10px;

    border: 1px solid #dfdfdf;

} */



button.btn.dropdown-toggle.assdS {

    PADDING: 6PX 0;

}



ul.navbar-nav.cus-nav.ml-auto.afsf {

    align-items: baseline;

}



.create-btn button.btn.dropdown-toggle {

    margin-right: 80px;

}



.info-box.line {

    position: relative;

}



.info-box.line:before {

    content: "";

    position: absolute;

    height: 100%;

    left: 0px;

    width: 1px;

    opacity: .5;

    border: 1px dashed #CCCCCC;

}



section.sales-section {

    margin-top: 25px;

}



.sale-lft h2 {

    font-family: 'DM Sans', sans-serif;

    letter-spacing: 0px;

    color: #333333;

    font-size: 21px;

    font-weight: 700;

    opacity: 0.9;

    line-height: 22px;

}



.sale-header {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 15px 25px;

    padding-bottom: 0px;

}



.create-invoice-btn {

    display: inline-block;

    padding-bottom: 10px;

}



.create-invoice-btn.dashboard_invoicebtn {

    padding-bottom: 0px !important;

}



.setting-box {

    display: inline-block;

}



.create-invoice-btn i {

    position: relative;

}



.create-invoice-btn .fa-plus:before {

    content: "\2b" !important;

    font-family: 'FontAwesome';

    font-style: normal;

    color: #ffffff;

    font-size: 18px;

    padding-right: 4px;

    position: absolute;

    left: -24px;

}



button.cbtn {

    background-color: #EC1C24;

    border-radius: 24px;

    border: none;

    color: #fff;

    font-family: 'DM Sans', sans-serif;

    letter-spacing: 0px;

    font-size: 16px;

    margin-right: 20px;

    line-height: 28px;

    /* padding-left: 42px;

    padding-right: 25px;

    padding-top: 6px;

    padding-bottom: 6px; */

}



a.cbtn {

    background-color: #EC1C24;

    border-radius: 24px;

    border: none;

    color: #fff;

    font-family: 'DM Sans', sans-serif;

    letter-spacing: 0px;

    font-size: 16px;

    margin-right: 20px;

    line-height: 28px;

    padding-left: 42px;

    padding-right: 25px;

    padding-top: 6px;

    padding-bottom: 6px;

}



a.cbtn:hover {



    color: #fff !important;

}

a.expbtn{

    background-color: #3480D2;

    border-radius: 24px;

    border: none;

    color: #fff;

    font-family: 'DM Sans', sans-serif;

    letter-spacing: 0px;

    font-size: 16px;

    line-height: 28px;

    margin-right: 0;

    padding: 7px 25px 7px 24px;

    display: block;

}

.sale-rgt {

    display: flex;

    align-items: baseline;

}



.setting-box {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.setting-box p {

    margin-bottom: 0px;

}



.setting-box img {

    margin-right: 12px;

}



.card-primary:not(.card-outline)>.card-header a {

    color: #333333;

}



.card-primary:not(.card-outline)>.card-header {

    background-color: transparent;

}



.nav-link.active {

    color: #495057;

    background-color: #fff;

    border-bottom: 2px solid #EC1C24 !important;

    border: none;

}



.sale-main-box {

    width: 100%;

}



.nav-tabs .nav-link:hover {

    background-color: transparent !important;

}



.search-box input[type="search"] {

    text-align: left;

    font-family: 'DM Sans', sans-serif;

    letter-spacing: 0px;

    color: #FFFFFF;

    opacity: 1;

    padding: 10px 22px;

    border-radius: 24px;

    font-size: 16px;

    line-height: 10px;

    border: 1px solid #dfdfdf;

    width: 100%;

    outline: none;

}



.search-box {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    padding: 25px;

}



.search-lft {

    width: 33%;

}



.search-rgt {

    width: 33%;

}



.search-lft form {

    margin-right: 25px;

}



.saletable-box table thead {

    background-color: #FEF2E7;

}



.saletable-box table thead th {

    font-family: 'DM Sans', sans-serif;

    letter-spacing: 0px;

    color: #000;

    font-size: 16px;

    font-weight: 400;

    border: none;

}



.invoice-now h2 {

    font-family: 'DM Sans', sans-serif;

    letter-spacing: 0px;

    color: #033333;

    font-size: 22px;

    font-weight: 400;

}



.invoice-now {

    text-align: center;

    padding: 35px 30px;

}



.sale-tab-sec a.nav-link.active {

    font-family: 'DM Sans', sans-serif;

    letter-spacing: 0px;

    color: #111111 !important;

    font-weight: 600;

    opacity: 0.9;

}



.saletable-box .table-bordered {

    border: none;

}



.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {

    background: #CCCCCC;

    max-height: 250px;

    width: 2px;

    right: -2px;

}



.os-theme-light>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle {

    background: #CCCCCC;

}



.buyer-sec {

    margin-top: 25px;

    background-color: #fff;

    box-shadow: 0px 0px 10px #0000000D;

    border-radius: 10px;

}



.invoice-emp-box {

    text-align: center;

    padding-top: 13px;

}



.buyer-sec.afsfsdf {

    height: 400px;

}



/*  for height  */

.buyer-sec.sdff {

    overflow-y: auto;

    height: 410px;

}



.buyer-sec.sdfsd {

    height: 410px;

}



/* for height */







.buyer-sec h5.card-title {

    font-family: 'DM Sans', sans-serif;

    letter-spacing: 0px;

    color: #00336A;

    font-size: 21px;

    font-weight: 700;

    line-height: 22px;

}



.sale-main-box {

    margin-top: 0px;

    background-color: #fff;

    box-shadow: 0px 0px 10px #0000000D;

    border-radius: 10px;

}



.max-icon img {

    padding-right: 18px;

}



.buyer-header {

    padding: 18px 15px;

}



.buyer-header {

    padding: 18px 15px;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.btn-grp {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



span.description-num {

    font-family: 'DM Sans', sans-serif;

    letter-spacing: 0px;

    color: #ffffff;

    font-size: 18px;

    font-weight: 700;

    line-height: 22px;

}



.card-footer {

    padding: 0.75rem 1.25rem ! important;

    background-color: #EC1C24 ! important;

    border-top: 0 solid rgba(0, 0, 0, .125) ! important;

}



.bottom-line {

    position: relative;

}



.bottom-line:after {

    content: "";

    position: absolute;

    height: 1px;

    left: 22px;

    width: 75%;

    opacity: .5;

    border: 3px solid #fff;

    border-top-right-radius: 50px;

    border-top-left-radius: 50px;

    border-bottom-left-radius: 50px;

    border-bottom-right-radius: 50px;

    top: -8px;

}



p.des-text {

    font-family: 'DM Sans', sans-serif;

    letter-spacing: 0px;

    color: #ffffff;

    font-size: 15px;

    font-weight: 400;

    line-height: 22px;

}



.des-block.line2 {

    position: relative;

}



.des-block.line2:after {

    content: "";

    position: absolute;

    height: 85px;

    left: -8px;

    width: 1px;

    opacity: .5;

    border: 1px dashed #CCCCCC;

    top: -12px;

}



.des-block {

    text-align: center;

}



.card-footer {

    /*margin-top: -11px;*/

    border-bottom-left-radius: 15px;

    border-bottom-right-radius: 15px;

}



.table-box {

    padding-bottom: 30px;

}



.border-botm:after {

    content: "";

    position: absolute;

    height: 1px;

    left: 16px;

    width: 96%;

    opacity: .5;

    border: 1px solid #CCCCCC;

    top: 65px;

}



.buyer-header {

    position: relative;

}



.border-botm {

    padding: 12px 15px;

}



.buyer-body {

    padding-top: 62px;

    padding-bottom: 62px;

    text-align: center;

}



.buyer-body h5 {

    font-family: 'DM Sans', sans-serif;

    letter-spacing: 0px;

    color: #00336A;

    font-size: 21px;

    font-weight: 700;

    line-height: 22px;

}



.buyer-body span {

    color: #EC1C24;

    padding-left: 12px;

    font-family: 'DM Sans', sans-serif;

    line-height: 26px;

}



.mar-top {

    margin-top: 25px;

}



.tab-inner-body {

    min-height: 250px;

}



.r-head {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.trans-butn p {

    color: #fff;

    font-family: 'DM Sans', sans-serif;

    font-size: 16px;

    font-weight: 100;

}



.trans-butn p {

    color: #fff;

    font-family: 'DM Sans', sans-serif;

    font-size: 16px;

    font-weight: 100;

    background-color: #138807;

    padding: 4px 18px;

    margin-left: 12px;

    border-radius: 50px;

    margin-bottom: 0px;

}



footer.main-footer span {

    font-weight: 900;

    font-family: 'DM Sans', sans-serif;

}



ul#custom-tabs-one-tab li.nav-item a {

    padding: 5px 0px;

    margin: 0px 15px;

    font-weight: 500;

}



.info-box:hover .info-box-icon img {

    filter: brightness(0) invert(1);

}



.info-box:hover .info-box-icon {

    background-color: #EC1C24 !important;

    transition: .3s;

}



nav.cust-sidenav li.nav-item {

    position: relative;

}



nav.cust-sidenav li.nav-item:after {

    content: "";

    position: absolute;

    height: 1px;

    left: -10px;

    width: 107%;

    right: 0px;

    opacity: .5;

    border: 1px solid #dfdfdf;

}



.max-icon a {

    padding-right: 12px;

}



.max-icon i:before {

    color: #111111c4;

}



.search-rgt form {

    text-align: left;

    font-family: 'DM Sans', sans-serif;

    letter-spacing: 0px;

    opacity: 1;

    padding: 7px 5px 7PX 22PX;

    border-radius: 30px;

    font-size: 16px;

    line-height: 10px;

    border: 1px solid #dfdfdf;

    width: 100%;

    outline: none;

    position: relative;

    z-index: 1;

}



.cust-form {

    background-color: #fff;

    box-shadow: 0px 0px 10px #0000000D;

    border-radius: 10px;

    border: none;

    padding: 40px;

}



.search-rgt form input.date {

    width: 100%;

    outline: none;

    border: none;

}



.search-rgt form .fa-calendar:before {

    content: "\f073";

    position: absolute;

    top: 13px;

    right: 25px;

    z-index: -1;

}



.search-rgt form i.date-icon.fa.fa-calendar {

    display: block !important;

}



.saletable-box .table-bordered td:last-child,

.saletable-box .table-bordered th:last-child,

.saletable-box .table-bordered td:first-child,

.saletable-box .table-bordered th:first-child {

    border-left: 0px solid;

    border-right: 0px solid;

}



.col-md-6.buy-col {

    flex: 1;

}



.dropdown.create button.btn.dropdown-toggle {

    font-family: 'DM Sans', sans-serif;

    letter-spacing: 0px;

    color: #fff;

    font-size: 18px;

}



.user-panel1 button.btn.dropdown-toggle {

    font-family: 'DM Sans', sans-serif;

    letter-spacing: 0px;

    color: #111111;

    font-size: 18px;

}



.card-body1 {

    padding: 0px;

}



nav.cust-sidenav ul.sub-nav.nav.nav-treeview li.nav-item:after {

    border: none;

}



::placeholder {

    opacity: 0.6;

}



li.nav-item.menu-close ul.sub-nav.nav.nav-treeview {

    display: none !important;

}



ul.navbar-nav.cust-bar li {

    list-style: none;

    font-size: 14px;

    /* padding: 5px 20px; */

    /* border: 1px solid #fef2e7; */

    width: 32px;

    height: 32px;

    text-align: center;

    border-radius: 50%;

    line-height: 32px;

    text-align: center;

    display: flex;

    margin: 0px 10px;

    justify-content: center;

    background-color: #666666;

}



/*  login page css*/

.card-body.cust-form .form-group {

    width: 100%;

}



body.login-page .login-box,

.register-box {

    width: 609px;

}



.card-body.cust-form input.form-control {

    border: 1px solid #ced4da !important;

    border-radius: 50px;

    padding: 20px;



}



.cust-form button.login-btn {

    padding: 10px;

    background-color: #EC1C24;

    border-radius: 24px;

    border: none;

    color: #fff;

    font-family: 'DM Sans', sans-serif;

    letter-spacing: 0px;

    font-size: 18px;

    margin-right: 20px;

    line-height: 28px;

}



.cust-form button.login-btn:hover {

    color: #fff;

}



.cust-form .icheck-primary label {

    color: #00336A;

    font-family: 'DM Sans', sans-serif;

    letter-spacing: 0px;

    font-size: 16px;

    margin-right: 20px;

    font-weight: 400 !important;

}



.cust-form .icheck-primary label:hover {

    text-decoration: underline;

}



.cust-form .icheck-primary>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,

.icheck-primary>input:first-child:not(:checked):not(:disabled):hover+label::before {

    border-color: #00336A;

}



.cust-form .for-btn a {

    color: #00336A;

    font-family: 'DM Sans', sans-serif;

    letter-spacing: 0px;

    font-size: 16px;

    margin-right: 20px;

    line-height: 28px;

    font-weight: 400 !important;

}



.cust-form .for-btn a:hover {

    text-decoration: underline;

}



.cust-form span.reg-txt a.text-center {

    color: #00336A;

    font-family: 'DM Sans', sans-serif;

    letter-spacing: 0px;

    font-size: 18px;

    margin-right: 20px;

    line-height: 28px;

    font-weight: 400 !important;

}



.cust-form span.reg-txt a.text-center:hover {

    text-decoration: underline;

}



.cust-form .btn-fb {

    color: #111111;

    font-family: 'DM Sans', sans-serif;

    letter-spacing: 0px;

    font-size: 18px;

    margin-right: 20px;

    line-height: 28px;

    border: 1px solid #ced4da !important;

    border-radius: 50px;

    padding: 6px;

    opacity: 0.9;

}



.cust-form .btn-fb:hover {

    color: #111111;

}



.cust-form .btn-google {

    margin-top: 12px;

    color: #111111;

    font-family: 'DM Sans', sans-serif;

    letter-spacing: 0px;

    font-size: 18px;

    margin-right: 20px;

    line-height: 28px;

    border: 1px solid #ced4da !important;

    border-radius: 50px;

    padding: 6px;

    opacity: 0.9;

}



.cust-form .btn-google:hover {

    color: #111111;

}



.cust-form .form-group {

    margin-bottom: 10px;

}



.for-btn {

    text-align: right;

}



.cust-form {

    background-color: #fff;

    box-shadow: 0px 0px 10px #0000000D;

    border-radius: 10px;

    border: none;

}



.login-page,

.register-page {

    background-color: #F5F5F7;

}



/*.card {

  box-shadow: 0px 0px 10px #0000000D!important;  

}*/

.cust-form label {

    font-family: 'DM Sans', sans-serif;

    letter-spacing: 0px;

    color: #111111;

    font-size: 16px;

    font-weight: 400 !important;

    opacity: 0.9;

    line-height: 22px;

}



.cust-form .btn-block+.btn-block {

    margin-top: 1.5rem;

}



.cust-form .social-auth-links label {

    opacity: 0.5;

}



.cust-form .social-auth-links {

    position: relative;

}



.cust-form .social-auth-links label:after {

    content: "";

    position: absolute;

    height: 1px;

    right: 15px;

    width: 42%;

    top: 10px;

    opacity: .5;

    border: 1px solid #898282;

}



.cust-form .social-auth-links label:before {

    content: "";

    position: absolute;

    height: 1px;

    left: 15px;

    width: 42%;

    top: 10px;

    opacity: .5;

    border: 1px solid #898282;

}



.cust-form .social-auth-links {

    margin: 20px 0;

}



.cust-form a.btn.btn-block {

    position: relative;

}



.cust-form a.btn.btn-block img {

    position: absolute;

    left: 5px;

    top: 4px;

}



.cust-form .icheck-primary>input:first-child:checked+label::before {

    background-color: #00336a;

    border-color: #00336a;

}



.month-sec select {

    outline: none;

    text-align: left;

    font-family: 'DM Sans', sans-serif;

    letter-spacing: 0px;

    padding: 8px 20px;

    border-radius: 24px;

    font-size: 16px;

    border: 1px solid #dfdfdf;

    border-top-right-radius: 0px;

    border-bottom-right-radius: 0px;

    line-height: 28px;

    padding-right: 50px;

    color: #033333;

    opacity: 0.9;

}



.year-sec select {

    padding-right: 80px !important;

    border-top-left-radius: 0px !important;

    border-bottom-left-radius: 0px !important;

    outline: none;

    text-align: left;

    font-family: 'DM Sans', sans-serif;

    letter-spacing: 0px;

    padding: 8px 20px;

    border-radius: 24px;

    font-size: 16px;

    border: 1px solid #dfdfdf;

    line-height: 28px;

    color: #033333;

    opacity: 0.9;

}



.cal-cust select {

    -webkit-appearance: none;

    -moz-appearance: none;

    text-indent: 1px;

    text-overflow: '';

}



.month-sec {

    position: relative;

}



.month-sec:after {

    content: "\f107";

    font-family: 'FontAwesome';

    font-style: normal;

    border: none;

    position: absolute;

    top: 15px;

    right: 15px;

}



.year-sec {

    position: relative;

}



.year-sec:after {

    content: "\f107";

    font-family: 'FontAwesome';

    font-style: normal;

    font-weight: normal;

    border: none;

    position: absolute;

    top: 15px;

    right: 15px;

}



.search-box input[type="text"] {

    font-family: 'DM Sans', sans-serif;

    opacity: 0.5;

    border-radius: 24px;

    font-size: 14px;

    line-height: 10px;

}



.show-calendar .btn-success {

    color: #fff;

    background-color: #EC1C24;

    border-color: #EC1C24;

    box-shadow: none;

}



.daterangepicker td.active {

    background-color: #07386e !important;

}



.daterangepicker.show-calendar .ranges {

    margin-top: 4px !important;

}



.create-btn .dropdown-menu.show {

    background-color: #fff;

    box-shadow: 0px 0px 10px #0000000D;

}



.dropdown.create.show a.dropdown-item {

    padding: 15px 10px;

    position: relative;

}



.dropdown.create.show a.dropdown-item:after {

    content: "";

    position: absolute;

    height: 1px;

    left: 12px;

    width: 85%;

    right: 0px;

    opacity: .5;

    border: 1px solid #dfdfdf;

    bottom: 0px;

}



.dropdown-item.active,

.dropdown-item:active {

    color: #fff;

    text-decoration: none;

    background-color: #00336a !important;

}



select option:hover {

    color: #000;

    box-shadow: inset 20px 20px #00f;

}



body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer {

    margin-left: 0px;

}



.card {

    box-shadow: none ! important;

    margin-bottom: 1rem;

}



ul.navbar-nav.cus-nav.ml-auto {

    align-items: center;

}



li.mobile-logo {

    display: none;

}



div.dataTables_wrapper {

    position: relative;

    overflow: unset;

    white-space: nowrap;

}



div.dataTables_wrapper {

    position: relative;

    width: 100%;

}



/*::-webkit-scrollbar {

  display: none;

}*/

input#datepicker {

    border: 1px solid #ccccccad ! important;

}



li.nav-item.desktop {

    display: block ! important;

}



li.nav-item.mobile {

    display: none ! important;

}



h5#exampleModalLabel {

    font-family: 'DM Sans', sans-serif;

    letter-spacing: 0px;

    color: #00336A;

    font-size: 21px;

    font-weight: 700;

    margin-left: 14px;

    opacity: 0.9;

    line-height: 40px;

}



.modal-content.custom {

    width: 80%;

    justify-content: center ! important;

    margin: auto;

}



button.btn.btn-outline-secondary {

    color: #fff !important;

    background-color: #138807 !important;

    border-color: #138807 !important;

    box-shadow: none;

    padding: 4px 22px !important;

    border-radius: 50px !important;

}



input.form-control.text-l {

    border-radius: 30px ! important;

    margin-right: 20px;

}



.img_look {

    text-align: center;

}



.manage a {

    border: 1px solid #ccc;

    border-radius: 30px;

    padding: 10px 25px;

    margin-left: 20px;

    color: #033333;

    font-weight: 500;

}



.view_more a {

    color: #00336A;

    font-weight: 700;



}



.view_more {

    padding: 10px;

    text-align: center;



}



.one-data-number span {

    background: #EC1C24;

    padding: 1px 15px;

    border-radius: 6px;

    color: #fff;

    text-align: center;

}



.one-data-number p {

    padding-left: 15px;

    color: #666666;

}



.main-table-data {

    display: flex;

    border-bottom: 1px solid #ccc;

}



.update input {

    border-radius: 30px;

}



.uplode-xda.two {

    display: block;

}



.dropzone.add.two {

    width: 100%;

}



.dropzone.add.two {

    width: 100%;

    margin-left: 0px;

    padding: 19px;

}



span.Browse_File {

    color: #EC1C24;

    text-decoration: underline;

}



.row.align {

    align-items: center;

}



.button-xda button {

    border: none;

    background: #EC1C24;

    color: #fff;

    border-radius: 30px;

    padding: 10px 30px;

    margin-top: 20px;

}



a.com {

    border: none;

    background: #EC1C24;

    color: #fff;

    border-radius: 30px;

    padding: 10px 20px;

    margin-top: 20px;

}



a.com1 {

    border: 1px solid #ccc;

    background: #fff;

    color: #000;

    border-radius: 30px;

    padding: 10px 20px;

    margin-top: 20px;

}



.border-more {

    border: 1px solid #dee2e6;

    border-radius: 20px;

}



.button-xda.three {

    margin: 10px 5px !important;

}



.border-more {

    border: 1px solid #dee2e6;

    border-radius: 20px;

}



.button-xda #company_update {

    border: none;

    background: #EC1C24;

    float: right;

    color: #fff;

    border-radius: 30px;

    padding: 10px 30px;

    margin-top: 20px;

}



.select.third {

    width: 200px;

}



.uplode_img img {

    max-width: 100%;

}



.button-xda.three a:hover {

    color: #fff;

}



.main-profile_heading {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding-bottom: 20px;

}



.main-buttons {

    display: flex;

}



.main_profile_one h2 {

    font-family: 'DM Sans', sans-serif;

    letter-spacing: 0px;

    color: #333333;

    font-size: 21px;

    font-weight: bold;

    opacity: 0.9;

    line-height: 22px;

    margin-bottom: 0px;

    margin-left: 15px;

    padding-bottom: 20px;



}



.main_profile_one {

    display: flex;

    align-items: center;

}



.button-xda.three button {

    padding: 10px 20px;

    margin: 0px;

}



.button-xda.three button img {

    padding-right: 8px;

}



.button-xda.three {

    margin: 0px 5px;

}



.button-xda.three.four button {

    background: #fff;

    border: 1px solid #ccc ! important;

    color: #000;

}



.button-xda.three.five button:hover img {

    filter: brightness(0) invert(0);

}



.button-xda.three.five button:hover {

    background: #fff;

    border: 1px solid #ccc ! important;

    color: #000;

}



.recent_work {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.col-md-12.col-lg-12.rem-too {

    -ms-flex: 0 0 100%;

    flex: 0 0 40%;

    max-width: 40%;

}



.manage-saleheader-rgt.customers-add.sixth h2 {

    text-align: center;

}



.row.rem-one {

    justify-content: center;

}



.col-md-12.col-lg-12.rem-too {

    -ms-flex: 0 0 100%;

    flex: 0 0 50%;

    max-width: 50%;

}



.manage-saleheader-rgt.customers-add.sixth h2 {

    text-align: center;

}



.update_pass button {

    background: #EC1C24;

    padding: 10px 20px;

    border-radius: 30px;

    color: #fff;

    border: none;

}



.update_pass {

    padding-top: 30px;

    float: right;

}



.dropzone.add.two.three {

    min-width: 500px;

    margin-left: 0px;

    padding: 25px;

    margin-top: 10px;

}



/*.dropzone.add.two.three {

    border-radius: 10px;

    width: 400px;

    margin-left: 25px;

    border: 2px dashed #ccc;

}*/



.main-work-flex-org:after {

    position: absolute;

    content: "";

    background: #DADADF;

    width: 2px;

    top: 12%;

    left: -10%;

    height: 100%;

}



.row.text-old {

    padding-top: 20px;

}



.button-xda.fourth {

    padding-top: 25px;

}



input.upload-input.deco {

    position: absolute;

    top: 0px;

    right: 0%;

    margin: 0;

    padding: 0;

    font-size: 20px;

    cursor: pointer;

    opacity: 0;

    filter: alpha(opacity=0);

    width: 100%;

    height: 100%;

    cursor: pointer;

}



.main-work-flex-org {

    position: relative;

}



.main-top-head-one {

    display: flex;

    justify-content: space-between;

}



.manage-saleheader-rgt.customers-add.statement_heading h2 {

    padding-left: 0px !important;

}



.manage-saleheader-rgt.customers-add h2 {

    border: none ! important;

}



.manage-saleheader-rgt.customers-add .creat_ewayh2 h2 {

    padding-bottom: 0px !important;

}



.create-invoice-btn.border-olx button {

    background: #fff;

    border: 1px solid #ccc;

    color: #000;

    padding: 6px 30px;

}



.create-invoice-btn.border-olx button img {

    padding-right: 10px;

}



.maindata-demo-one p {

    padding: 0px 0.75rem;

    margin: 0px;

}



.maindata-demo-one {

    width: 50%;

}



.main-data {

    display: contents;

}



.maindata-demo-one {

    padding: 10px 0px;

    border-bottom: 1px solid #cccccc94;

}



.main-div {

    display: flex;

    justify-content: unset;

    align-items: center;

}



.text-overlap {

    padding-right: 25px;

}



.data-flex-work {

    display: flex;

    flex-basis: 100%;

}



a.main-xda-too.two {

    background: #00336A;

}



a.main-xda-too.three {

    background: #FF0000;

}



a.main-xda-too.four {

    background: #EC1C24;

}



.one-off-data {

    display: flex;

    align-items: center;

    flex-basis: 25%;

}



a.main-xda-too {

    padding: 8px 25px;

    background: #138807;

    margin: 0px;

    color: #fff;

    border-radius: 30px;

}



.text-overlap h4 {

    font: normal normal bold 22px/30px DM Sans;

    padding-left: 20px;

}



.one-off-data p {

    margin-bottom: 0px;

}



.one-off-data p {

    font: normal normal normal 16px/30px DM Sans;

    font-weight: 600;

    padding-right: 10px;

}



.bottom-shipment {

    padding-bottom: 20px;

}



a.main-xda-too:hover {

    color: #fff;

}



.custom-select {

    BORDER-RADIUS: 30PX;

}



.item {

    display: inline-flex;

}



.button-xda.three.five a {

    background: #EC1C24;

    color: #fff;

    padding: 10px 20px;

    border-radius: 30px;

}



.button-xda.three.four a {

    background: #fff;

    color: #000;

    border: 1px solid #ccc;

    padding: 10px 20px;

    border-radius: 30px;

}



.button-xda.three.four a img {

    padding-right: 10px;

}



.button-xda.three.five a img {

    padding-right: 10px;

}



a.edit {

    background: #EC1C24;

    color: #fff;

    padding: 10px 20px;

    border-radius: 30px;

}



a.edit img {

    padding-right: 7px;

}



a.edit:hover {

    color: #fff;

}



.modal-footer {



    border-top: transparent ! important;



}



.main-top-head-one.manage_cus.view_in {

    border-bottom: 1px solid #cccccc73;

    padding-bottom: 15px;

}



a.down {

    background: #138807;

    height: 30px;

    width: 30px;

    line-height: 30px;

    text-align: center;

    border-radius: 50%;

    display: inline-block;

    margin-left: 8px;

}



a.view-a {



    background: #EC1C24;

    height: 30px;

    width: 30px;

    line-height: 30px;

    text-align: center;

    border-radius: 50%;

    display: inline-block;

}



a.delete-a {



    background: #EC1C24;

    height: 30px;

    width: 30px;

    line-height: 30px;

    text-align: center;

    border-radius: 50%;

    display: inline-block;

}



.button-xda.three.five.sixth a {

    background: #fff;

    color: #000;

    border: 1px solid #ccc;

    padding: 10px 20px;

    border-radius: 30px;

}



.button-xda.three.four.sixth a {

    background: #EC1C24;

    color: #fff;

    padding: 10px 20px;

    border-radius: 30px;

}



.button-xda.three.four.sixth a img {

    filter: brightness(0) invert(1);

}



.button-xda.three.five.sixth a img {

    filter: brightness(1) invert(1);

}



a.clickable-a {

    color: #00336A;

}



a.del {

    height: 30px;

    width: 30px;

    line-height: 30px;

    text-align: center;

    border-radius: 50%;

    display: inline-block;

    margin-left: 8px;

    width: 30px;

    line-height: 30px;

    text-align: center;

    border-radius: 50%;

    display: inline-block;

    margin-left: 8px;

    background: #FF0000;

}



ul.nav.nav-pills.nav-sidebar.flex-column {

    margin-bottom: 20px;

    padding-bottom: 20px ! important;

}



.col-sm-12.for-margin {

    padding: 0px;

}



.invoice-main-box.manage_pur {

    margin-bottom: 20px;

    margin-top: 0px;

}



span.info-box-text.in-selk {

    color: #00336A;

    font: normal normal bold 24px/31px DM Sans;

    font-weight: bold;

}



.ml-xdaaa {

    margin: auto;

    display: flex;

    align-items: center;

}



a.clickable-a img {

    border: 1px solid #ccc;

    border-radius: 5px;

}



button.btn.btn-primary.search-hsn {

    width: 100%;

}



input.form-control.prequired.discription {

    border-radius: 10px;

    height: 60px;

}



.dropzone.add.fifth.sixth {

    margin-left: 8px;

    padding: 63px;

}



button.btn.btn-secondary.reame {

    font-size: 14px ! important;

    font: normal normal normal 14px/18px DM Sans;

}



a.del.ol {

    background: #EC1C24 ! important;

}



p.allowed {

    padding-top: 20px;

    line-height: 22px;

    font-size: 13px;

}



.modal-content.popup-content.reed {

    padding: 0px;

}



input#product_catdesc {

    border-radius: 10px;

    /* padding-bottom: 47px; */

    height: 60px;

    line-height: 0;

}



.modal-header.teliti {

    padding-bottom: 0px;

}



.product_img img {

    width: 100%;

    padding: 0px 20px;

}



.product_content h2 {

    color: #00336A;

    font-weight: 900;

    font-size: 28px;

    padding-left: 0px;

}



.product_content p {

    font-size: 16px;

    line-height: 30px;

}



.product_content {

    padding: 0px 20px 0px 0px;

}



.main-top-head-one.manage_cus.rwrewer {

    padding: 20px;

}



.main-h2-One h3 {

    text-align: center;

    font: normal normal bold 20px/29px DM Sans;

    color: #EC1C24;

    font-weight: 500;

    position: relative;

}



.login-logo.xdm a img {

    width: 200px;

}



label.lab-text {

    font-size: 15px;

}



.login-box.fghd {

    width: 750px ! important;

}



input.form-control.sfa {

    padding: 19px ! important;

}



.main-h2-One h3:after {

    content: "";

    position: absolute;

    width: -webkit-fill-available;

    height: 1px;

    top: 15px;

    /* left: 4px; */

    background: #cccccc73;

}



.main-h2-One h3:before {

    content: "";

    position: absolute;

    width: 41%;

    height: 1px;

    top: 15px;

    left: 0px;

    background: #cccccc73;

}



body.login-page.dsada {

    background: url(../images/user_bg.jpg);



}



.card-body.login-card-body.cust-form.dffasfd {

    padding: 40px;

}



td a {

    color: #EC1C24;

}



td a:hover {

    color: #00336a;

}





aside.main-sidebar.sidebar-dark.elevation-4.custom-aside {

    overflow: hidden;

}



.input-one input {

    position: relative;

    z-index: 999999 !important;

    background: transparent;

    cursor: pointer;

}



.input-one img {

    position: absolute;

    right: 63%;

    z-index: 1;

    cursor: pointer;

}



input#datepicker-two {

    position: relative;

    z-index: 999999;

    background: transparent;

    cursor: pointer;

}



.input-two img {

    position: absolute;

    left: 89%;

    z-index: 1;

    cursor: pointer;

}



ul.pagination li {

    outline: none ! important;

    border: none ! important;

}



.page-link:focus {

    z-index: 3;

    outline: 0;

    box-shadow: transparent !important;

}



.main-xda-forum img {

    width: 100px;

    object-fit: cover;

}



li.nav-item.sideact a p {

    color: #fff ! important;

    font-weight: 800;

}



.sideact {

    background: #EF3C3A !important;

}



li.nav-item.sideact img {

    filter: brightness(0) invert(1);

}



.main_profile_one img {

    width: 120px;

    object-fit: cover;

}



img.fhgdh {

    width: 120px;

    object-fit: cover;

}



aside.main-sidebar.sidebar-dark.elevation-4.custom-aside {

    overflow-x: hidden;

}



/*table.table.table-borderless.pro-tb.my_stripe {

    overflow: scroll;

    width: max-content;

}*/

button.btn.btn-secondary.sff {

    padding: 5px 30px ! important;

    font-size: 13px ! important;

}



input#product_catdesc {

    height: auto;

    border-radius: 30px;

}



.modal-content.popup-content.dfdfsda {

    box-shadow:

        rgba(17, 12, 46, 0.2) 0px 48px 100px 0px;

    max-width: 700px;

    margin: auto;

}



img.height-100.mr-5.fsdfsdf {

    width: 120px;



    object-fit: cover;

}



span.small a {

    color: #138807;

}







/* popup scroll */



.modal {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 1050;

    display: none;

    width: 100%;

    height: 100%;

    overflow: hidden;

    outline: 0;

    overflow-y: scroll;

    overflow-x: auto;

    z-index: 9999;

}



.uplode_img img {

    object-fit: cover;

    width: 120px;

}



.datepicker-container.datepicker-dropdown.datepicker-top-right {

    DISPLAY: NONE ! IMPORTANT;

}





/* CALENDER NOT WORKING CODE */



.input-one.TWOOOO {

    WIDTH: 100%;

}





.input-one.TWOOOO IMG {

    position: absolute;

    right: 1%;

    z-index: 1;

    cursor: pointer;

    RIGHT: 5%;

    TOP: 79%;

}



.input-one.TWOOOO {

    BORDER: 1PX SOLID #ccc9;

    BORDER-RADIUS: 30PX;

    PADDING: 0PX;

}



.input-one.TWOOOO INPUT {

    padding: 10px 22px;

    WIDTH: 100% ! IMPORTANT;

}



.login-logo a img {

    width: 220px;

    padding-bottom: 25px;

}



/* CALENDER NOT WORKING CODE */

.card-body.login-card-body.cust-form.fsfsdfa {

    padding: 50px;

}



/*.card-body.login-card-body.cust-form.fsfsdfa {

    padding: 20px;

}*/

body.hold-transition.login-page {

    background-image: url(../images/l_bg.jpg);

}



p.dfsd {

    font-weight: bold;

}



table.table.table-striped {

    border: 1px solid #cccccc9e;

    text-align: center;

    white-space: nowrap;

}



img.height-100.fsdfsdf {

    width: 120px;

}



p.ggfd {

    font-weight: 900;

    font-size: 20px;

}



li.text-bold-800 {

    font-weight: 800;

}



.col-md-4.col-sm-12.box-one p {

    font-weight: 800;

}



strong.invoice_a {

    font-weight: 400;

}



.defeed {

    font-weight: 800;



}



button.cbtn a {

    padding: 7px 25px 7px 40px;

    display: block;

}







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

                                kanhaiya css

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

.wallet_container {

    margin-bottom: 20px;

}



.top_wallet {

    display: flex;

    justify-content: space-between;

    width: 100%;

    align-items: center;

    background-color: #fff;

    padding: 10px 20px;

    box-shadow: 0px 0px 10px #0000000D;

    border-radius: 10px;

    position: relative;

}



/* .top_wallet:after {

    content: "";

    position: absolute;

    height: 100%;

    left: 50%;

    width: 1px;

    opacity: .5;

    border: 1px dashed #CCCCCC;

} */



.left_wallet {

    display: flex;

    justify-content: start;

    align-items: center;

    gap: 0px 10px;

    width: 100%;

    padding: 20px;

}



.wallet_i_bg {

    width: 50px;

    height: 50px;

    background: #fdf2e8;

    line-height: 50px;

    text-align: center;

    border-radius: 50%;

    color: black;

    transition: all 0.5s;

}



.wallet_i_bg img {

    filter: brightness(4) invert(1);

}







.left_wallet:hover .wallet_i_bg {

    background-color: #EC1C24;



}



.left_wallet:hover .wallet_i_bg img {

    filter: brightness(0) invert(1);

}





.wallet_box {

    display: flex;

    width: 100%;

    justify-content: start;

    gap: 10px;

    align-items: center;

    width: 100%;

}



.wallet_box h6 {

    color: #333333;

    font-size: 21px;

    text-align: left;

    margin: 0px;

    font-weight: 600;

    opacity: 0.9;

}



.wallet_ball h6 {

    color: #EC1C24;

    font-size: 20px;

    text-align: left;

    margin: 0px;

    font-weight: 600;

}



.right_wallet {

    background: #fdf2e8;

}



.add_news_account_sec {

    display: block !important;

    color: #CCCCCC;

    height: 36px !important;

    font-size: 14px !important;

    font-weight: 500;

    padding: 0px 10px;

}



.icon_sec {

    position: absolute;

    right: 30px;

    top: 38%;

}



.textarea_add {

    height: 60px !important;

    border-radius: 8px;

    border: 1px solid #ced4da;

    width: 100%;

    padding: 15px;

    color: #495057;

}



.textarea_add:focus {

    border-color: #80bdff;

    outline: 0px;

}



.add_new {

    padding-left: 25px !important;

}



.add_new_form {

    position: relative;

}



.button_add {

    width: 100%;

    position: relative;

    margin-top: 15px;



}



button.btn.btn_add_new {

    font-size: 14px !important;

    color: #fff;

    height: 40px;

    width: 152px;

    background-color: #EC1C24;

    border-radius: 30px;

    position: absolute;

    right: 6px;



}



.add_news_account_sec option {

    padding: 10px;

    background-color: #fff;

}



.add_news_account_sec option:hover {

    background-color: yellow !important;

}



.manage_account_th svg {

    float: right !important;

}



.top_1 {

    display: flex;

    align-items: center;



}



.back_btn {

    width: 31px;

    height: 31px;

    text-align: center;

    line-height: 28px !important;

    background-color: #EC1C24;

    border-radius: 50%;

    border: none !important;

    outline: none !important;

    transition: all 0.5s;

    fill: #000;

    cursor: pointer;

}



.back_btn img {

    filter: brightness(0) invert(1);

}





.statement_heading h6 {

    font-size: 16px;

    font-weight: bold;

    color: #111111;

    padding: 0px 0px 20px 0px;





    border-bottom: 1px solid #DADADF;

}



.statement_heading h6 a {

    color: #EC1C24;

    font-size: 16px;

    font-weight: bold;

}



button.btn.view_statement {

    font-size: 14px !important;

    color: #fff !important;

    height: 40px;

    width: 152px;

    background-color: #EC1C24;

    border-radius: 30px;

    margin: 40px auto;



}



.search_sta {

    position: relative;

    background-color: #fff !important;

}



/* .date_img {

    position: absolute;

    right: 30px;

    top: 70%;

} */

.calendor_sta {

    position: relative;

}



.calendor_sta img {

    position: absolute;

    right: 24px;

    top: 30%;

    cursor: pointer;

}



.add_new {

    background-color: #fff !important;

}



/* .margin_tm{

    margin-top: 50px;

} */

.statement_padding {

    padding-bottom: 75px;

}



.Account_Statement_row {

    position: relative;

}



.Account_Statement_row:after {

    content: "";

    position: absolute;

    width: 1px;

    height: 96%;

    border: 1px dashed #00000012;

    left: 50%;

    top: 30px;

}



.Account_Statement_row:before {

    content: "";

    position: absolute;

    width: 98%;

    height: 1px;

    border: 1px dashed #00000012;

    left: 1%;

    top: 52%;

}



button.btn.btn_add_new.statement {

    margin-top: 15px;

    margin-right: 6px !important;

}



.statement_padding.statement_one {

    padding-right: 20px !important;

    padding-left: 0px !important;

}



.statement_padding.statement_two {

    padding-left: 20px;

    padding-right: 0px !important;

}



.margin_tm.statement_three {

    padding-right: 20px;

    padding-left: 0px !important;

}



.margin_tm.statement_four {

    padding-left: 20px;

    padding-right: 0px;

}



button.btn.statement_new {

    padding: 0px 30px;

    background: #EC1C24;

    height: 40px;

    line-height: 40px;

    font-size: 14px !important;

    color: #fff;

    border-radius: 30px;

    float: right;

    margin-top: 15px;

}



.manage-saleheader-rgt.customers-add.account_st {

    border-bottom: 2px solid #00000014 !important;

}



.statement_heading.accou h6 {

    padding: 0px !important;

    margin: 0px !important;

    border: none !important;

}



.to_date_div {

    margin-top: 11px;

}



.no_paadding_div {

    padding: 0px !important;

}



.live {

    width: 100%;

    border-radius: 10px;

    height: 150px;

    background-color: #fff;

    overflow: scroll;

    padding: 10px 20px;

    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

    margin-top: 10px;

    position: absolute;

    z-index: 2;

}



.live ul li {

    list-style: none;

    text-align: left;

    padding: 5px 15px;

    font-size: 14px !important;

    color: #033333;

    border-radius: 10px;

    cursor: pointer;

}



.live ul li:hover {

    color: #fff;

    background-color: #00336a;

}



input#datepickersix,

input#datepickerfour,

input#datepickerfive,

input#datepickerthree,

input#datepicker,

input#datepickertwo,

input#datepickerone,

input#from_date,

input#to_date {

    z-index: 99 !important;

    background-color: transparent !important;

    position: relative;

    cursor: pointer;



}



.sales_account {

    margin-top: 20px;

}



.account_modal button.close {

    background: #EC1C24 !important;

    z-index: 2;



}



.account_modal .modal-title {

    font-size: 20px !important;

    color: #00336A;

    font-weight: bold;

}



.account_modal .modal-header {

    padding-bottom: 0px !important;

}



.account_modal .modal-body p {

    font-size: 16px !important;

    color: #000;

    font-weight: 500;

}



.account_modal .modal-body p b {

    font-weight: 700;

}



.account_modal .modal-content {

    border-radius: 10px !important;

}





.account_modal .btn-secondary {

    font-size: 14px !important;

    background-color: #EC1C24 !important;

    color: #fff !important;

    border: 1px solid #EC1C24 !important;

    outline: none !important;

    padding: 9px 20px !important;

    transition: all 0.5s;

}



.account_modal .btn-secondary:hover {

    background-color: transparent !important;

    color: #000 !important;

}



button.btn.btn-primary.manage_delete {

    font-size: 14px !important;

    background-color: #fff !important;

    color: #000 !important;

    border: 1px solid #00000045;

    outline: none !important;

    padding: 9px 20px !important;

    transition: all 0.5s;

}



button.btn.btn-primary.manage_delete:hover {

    background-color: #EC1C24 !important;

    color: #fff !important;

}



.forgot_password_content {

    text-align: center;

}



.forgot_password_content h3 {

    font-size: 26px;

    color: #00336A;

    font-weight: bold;

}



.forgot_password_content p {

    font-size: 16px;

    color: #333333;



}



button.btn.btn-block.login-btn.forgot_btn {

    font-size: 16px;

    text-transform: capitalize;

}



.back_login {

    margin-top: 30px;

    text-align: center;



}



.back_login a {

    font-size: 16px;

    color: #00336A;

}



.dont_receive {

    color: #333333 !important;

}



.dont_receive a {

    color: #EC1C24 !important;

    border-bottom: 1px solid transparent;

    transition: all 0.2s;

}



.email_verify label {

    font-size: 16px !important;

}



.email_verify input::placeholder {

    font-size: 16px !important;

    color: #CCCCCC !important;

}



.dont_receive a:hover {

    border-bottom: 1px solid #EC1C24;

}



.mobile_view_p {

    display: none;

}



.account_modal.inventory_modal_box .modal-body {

    padding: 20px 30px 0px 30px;

}



.account_modal.inventory_modal_box .modal-footer {

    padding-top: 0px;

}



label.modal_label {

    font-size: 16px;

    font-weight: 500 !important;

}



label.modal_label span {

    color: #EC1C24;

    margin-left: 2px;

}



.inventory_modal_box .modal-header {

    position: relative;

    border: none !important;

}



.inventory_modal_box .modal-header::after {

    content: "";

    position: absolute;

    width: 94%;

    height: 100%;

    background: transparent;

    border-bottom: 1px solid #CCCCCC;

    top: 0;

    right: 0;

}



button.btn.btn_add_new.export_customer {

    left: 0 !important;

}



.main-box.import_main {

    padding-top: 20px !important;

    border-top: 1px solid #CCCCCC;

}



.manage-saleheader-rgt.customers-add.import_heading {

    padding-bottom: 20px;

}



.login-box .card {

    border-radius: 15px;

}



.manage-saleheader-rgt.customers-add.stock_log_h h2 {

    padding-bottom: 0px !important;

}



.modal-content {

    box-shadow: 0 0.1rem 1rem rgb(0 0 0 / 20%) !important;

}



.dropdown-menu-lg .dropdown-item:first-child {

    border-radius: 10px 10px 0px 0px !important;

}



.dropdown-menu-lg .dropdown-item:last-child {

    border-radius: 0px 0px 10px 10px !important;

}



.dropdown-menu.show {

    border-radius: 10px !important;

}



.navbar-expand .navbar-nav .dropdown-menu{

    margin-top: 10px;

}



.navbar-expand-lg .navbar-nav .dropdown-menu::before {

    content: '';

    position: absolute;

    top: -10px;

    right: 14px;

    width: 20px;

    height: 20px;

    background: #fff;

    transform: rotate(45deg);

    z-index: -1;

    /* border: 1px solid #CCC; */

}



.import_content p {

    font-size: 16px;

    color: #333333;

    font-weight: 500;

}



.import_content p a {

    color: #EC1C24;

    transition: all 0.2s;

}



.import_content p a:hover {

    border-bottom: 1px solid #EC1C24;

}



.second_import_row {

    /* padding: 20px; */

    background-color: #FEF8F3;

    margin: 0px;

    border-radius: 10px;

}



.second_import_row ol {

    padding: 10px;

    margin: 0px !important;

}



.second_import_row ol li {

    color: #333333;

    font-size: 16px;

    font-weight: bold;

    padding: 7px 15px;

    list-style: none;



}



.dropzone.add.fifth.import_drag {

    border: 1px dashed #CCCCCC;

    width: 100%;

    padding: 30px 10px 20px 10px !important;

    margin: 20px 0px 20px 0px !important;

    /* padding: 63px; */



}



.import_drag .dynamic-message {

    FONT-SIZE: 16PX ! important;

}



button.btn.btn_add_new.import_btn {

    left: 50%;

    transform: translate(-50%);

}



span.sucess_upload {



    color: green;

    font-weight: 600;

    position: absolute;

    left: 50%;

    transform: translate(-50%);

    bottom: -11px;

}



span.customer_upload {

    color: green;

    position: absolute;

    right: 6px;

    bottom: -11px;

    font-weight: 600;

}



.export_btn {

    margin-top: 0px !important;

}



section.manage-sales-section.content.third.import_section {

    padding: 20px 30px 75px 30px !important;

}



.row.second_import_row .col-lg-4.col-md-6 {

    padding: 0px !important;

}



.row.second_import_row {

    margin: 0px;

}



.import_mobile {

    display: none;

}



.import_drag .mobile-message {

    text-align: center;

    display: none !important;

    padding-top: 10px;

    line-height: 22px !important;

    margin: 0px;

}



.import_drag input.upload-input {

    right: 0 !important;

    top: 0 !important;

}









.custom-radio-wrap form .form-group input {

    display: none;

    cursor: pointer;

}



.custom-radio-wrap form .form-group input:checked+label {

    background-color: #e9ecee;

    color: #99a1a7;

    border: 1px solid #0079bf;

}



.custom-radio-wrap form .form-group input:checked~.label-text {

    color: #0079bf;

    font-weight: 700;

}



.custom-radio-wrap form .form-group input:checked+label:after {

    content: '';

    width: 14px;

    height: 14px;

    border-radius: 50px;

    position: absolute;

    top: 1px;

    left: 1px;

    background: #0079bf;

    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3);

    text-shadow: none;

    font-size: 32px;

}









.custom-radio-wrap {

    display: inline-flex !important;

    gap: 50px;

    padding: 15px 0px 20px 0px;



}



.custom-radio-wrap .form-group {

    margin-bottom: 0px !important;

}



.custom-radio-wrap .form-group:last-child {

    margin-bottom: 0;

}



.custom-radio-wrap .form-group label {

    -webkit-appearance: none;

    background-color: transparent;

    border: 1px solid #cacece;

    padding: 10px;

    border-radius: 50px;

    display: inline-block;

    position: relative;

    vertical-align: middle;

    cursor: pointer;

}



.custom-radio-wrap .form-group .label-text {

    vertical-align: middle;

    cursor: pointer;

    padding-left: 5px;

    font-size: 14px;

    color: #333333;

    font-weight: 500;

}



.custom-radio-wrap .form-group input {

    display: none;

    cursor: pointer;

}



.custom-radio-wrap .form-group input:checked+label {

    background-color: transparent;

    border: 1px solid #CCCCCC;

}



.custom-radio-wrap .form-group input:checked+label:after {

    content: '';

    width: 14px;

    height: 14px;

    border-radius: 50px;

    position: absolute;

    top: 3px;

    left: 3px;

    background: #EC1C24;

    /* box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); */

    text-shadow: none;

    font-size: 32px;

}



.import_customer_input {

    padding-bottom: 0px !important;

}



label.custom-radio {

    margin: 0px !important;

}



.dropzone.add.fifth.import_drag.customer_drag {

    padding: 30px 10px 20px 10px !important;

}



.update.invoice_input {

    display: flex;

}



button.btn.invoice {

    cursor: auto !important;

    height: calc(2.25rem + 2px);

    padding: 0.375rem 0.95rem;

    background-color: #00336A;

    border-radius: 0px 30px 30px 0px !important;

    color: #fff;

    border: none;

    font-size: 14px !important;



}



section.manage-sales-section.content.third.invoice_se {

    padding: 20px 30px 40px 30px !important;

}



button.btn.btn_add_new.invoice_btn_b {

    position: relative;

    display: block;



    margin-left: auto;

    right: 10px !important;

}



input.btn_add_new.invoice_btn_b.reset_btn {

    font-size: 14px !important;

    color: #fff;

    height: 40px;

    width: 152px;

    background-color: #EC1C24;

    border-radius: 30px;

}



.main-box.import_main.invoice_se {

    padding-top: 0px !important;

}



.invoice_col {

    padding: 0px !important;

}



input.form-control.margin-bottom.prequired.add_new.invoice_prefix {

    border-radius: 30px 0px 0px 30px;

    padding-left: 15px !important;

}



.btn.cbtn {

    background-color: #EC1C24;

    border-radius: 24px;

    border: none;

    color: #fff;

    font-family: 'DM Sans', sans-serif;

    letter-spacing: 0px;

    font-size: 16px;

    margin-right: 20px;

    line-height: 28px;

    padding-left: 42px;

    padding-right: 25px;

    padding-top: 6px;

    padding-bottom: 6px;

}



.btn.cbtn:hover {

    color: #fff !important;

}



table.dataTable th {

    font-weight: 600 !important;

}



.top_left_estimate {

    display: grid;

    grid-template-columns: repeat(2, 1fr);



}



.top_left_estimate .add_new {

    border-radius: 0px 30px 30px 0px !important;

    border-right: transparent !important;

    z-index: 99 !important;

    display: block;

    position: relative;

    background-color: transparent !important;

}



.left_invoice {

    padding-right: 15px !important;

}



.right_invoice {

    padding-left: 15px !important;

}



.eyes {

    position: relative;

}



.eye_one {

    position: absolute;

    top: 50%;

    right: 20px;

    transform: translate(0, -50%);

    cursor: pointer;

}



.estimate_table .border-more {

    border-radius: 10px;

    border: 1px solid #DADADF;

    margin-top: 50PX;

}



.estimate_table th {

    color: #000 !important;

}



.estimate_table .hone {

    border-radius: 10px 10px 0px 0px;

    border: 1px solid #DADADF;

    margin-top: 50PX;

    border: none;

    /* border-top: transparent; */

    border-bottom: 1px solid #DADADF;

}



.estimate_table tr {

    font-weight: 500;

}



.estimate_table .boldcl {

    font-weight: 600;

}



.wallet_ball h6 span {

    white-space: nowrap;

}



.estimate_download {



    margin-left: auto;

    position: relative;

    display: block !important;

}



img.search_btn1 {

    height: 30px;

    background-color: #EC1C24;

    border-radius: 50%;

    top: 50%;

    right: -11px;

    transform: translate(-50%, -50%);

    z-index: 999 !important;

    width: 30px;

    padding: 6px;

}



.top_left_estimate .add_new1 {

    border-radius: 30px !important;

    padding-left: 40px !important;

    width: 115% !important;

    padding-right: 40px !important;

}



.top_left_estimate .add_new {

    border-left: 1px solid transparent !important;

}



.input_common {

    padding-right: 90px !important;

}



.calendor_sta .estimate_calendor {

    position: absolute;

    right: 60px;

    top: 30%;

    cursor: pointer;

    z-index: 2;

}



.total_b h6 {

    font-size: 24px;

    /* padding: 30px 0px; */

    padding-top: 30px;

    color: #00336A;

    font-weight: 800;

}



.total_b h6 span {

    color: #EC1C24;

    margin-left: 25px;

    font-weight: 800;

}



img.date_divide {

    position: absolute;

    left: -20px;

    top: 50%;

    transform: translate(0, -50%);

}



.top_left_estimate .sales_date {

    left: 15px;

}



.sale_date {

    padding-left: 50px !important;

}



button.btn.btn_sales {

    background: #EC1C24;

    display: flex;

    justify-content: start;

    align-items: center;

    height: calc(2.25rem + 2px);

    padding: 0.375rem 0.75rem;

    color: #fff;

    border-radius: 0px 30px 30px 0px !important;

    font-size: 13px !important;

    white-space: nowrap;

}



.gst_sales .add_new {

    border-radius: 0px !important;

}



button.btn.group_btn {

    color: #999999;

    height: calc(2.25rem + 2px);

    padding: 0.375rem 0.75rem;

    border-radius: 30px;

    background-color: #fff;

    font-size: 14px !important;

    border-radius: 30px;

    border: 1px solid #ced4da;

}



.dbtn_g {

    margin-top: 20px;

}



button.btn.group_btn:hover {

    background-color: #138807;

    color: #fff;

}



button.btn.group_btn:hover img {

    filter: brightness(0) invert(1);



}



.vigiblity_1 {

    visibility: hidden;

}



.date_p {

    z-index: 999;

}



.main23 {

    display: none;

}



ul.pdown {

    border-radius: 10px;

    box-shadow: 0px 0px 10px #0000001A;

    border: 1px solid #CCCCCC;

    position: absolute;

    z-index: 2;

    width: 100%;

}



ul.pdown li {

    list-style: none;

    padding: 10px 20px;

    background-color: #fff;

    font-size: 14px;

    cursor: pointer;

    color: #333333;

}



ul.pdown li:first-child {

    border-radius: 10px 10px 0px 0px;

}



ul.pdown li:last-child {

    border-radius: 0px 0px 10px 10px;

}



ul.pdown li:hover {

    background-color: #00336A;

    color: #fff;

}



input#datepicker12 {

    width: 100%;

    z-index: 2;

    border: none;

    outline: none;

    position: relative;

    background-color: transparent;

}



span.one_two {

    position: absolute;

    left: 30px;

    z-index: 1;

}



.btn_group {

    display: flex;

    justify-content: space-between;

    align-items: normal;

    margin-top: 30px;



}



input.btn_add_new.invoice_btn_b.reset_btn {

    font-size: 14px !important;

    color: black;

    height: 40px;

    width: 100px;

    background-color: #fff;

    border-radius: 30px;

    outline: none;

    border: 1px solid #CCCCCC;

}



.invoice_alert {

    margin-top: 10px;

}



.alert .close,

.alert .mailbox-attachment-close {

    opacity: 1 !important;

}



.main_sales {

    position: relative;

}



img.date_img.estimate_calendor.sales_date {

    position: absolute;

    top: 26%;

    left: 15px;

}



.sales_input {

    background: transparent;

    border: 1px solid #ced4da;

    padding: 0.375rem 1.75rem 0.375rem 2.75rem;

    font-size: 1rem;

    font-weight: 400;

    border-radius: 30px 0px 0px 30px;

}



.manage-saleheader-rgt.customers-add.import_heading.reports h2 {

    padding-bottom: 0px !important;

}



.main-box.import_main.invoice_se.main_reports {

    padding-top: 15px !important;

}



button.btn.group_btn {

    margin-bottom: 5px !important;

}



.ranges li {

    background-color: #FEF8F3 !important;

    color: #000 !important;

    /* box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; */

}



.ranges li:hover {

    background-color: #00336a !important;

    color: #fff !important;

}



button.applyBtn.btn.btn-sm.btn-success {

    border: none;

    font-size: 13px !important;

    color: #fff !important;

    border-radius: 30px !important;

    background-color: #f18e30 !important;

    outline: none;

}



button.cancelBtn.btn.btn-sm.btn-default {

    color: #000 !important;

    font-size: 13px !important;

    background-color: #fff !important;

    border-radius: 30px !important;

}



.top_left_estimate .add_new1.estimate12 {

    padding-left: 15px !important;

    padding-right: 90px !important;

    width: 100% !important;

    z-index: 99 !important;

    display: block;

    position: relative;

    background-color: transparent;

}



.top_left_estimate .add_new1.estimate12.new_esti {

    border-radius: 30px 0px 0px 30px !important;

    border-right: 0px !important;

}



.top_left_estimate .add_new1.estimate12 .mobile_view_total {

    display: none;

}



.update_password {

    position: relative;

}



.eye_update {

    position: absolute;

    right: 20px;

    top: 50%;

    transform: translate(0, -50%);

    cursor: pointer;

}



/* .daterangepicker.dropdown-menu.ltr.opensright.show-calendar {

    display: flex !important;

    justify-content: center !important;

    z-index: 999;

  

} 

 .range_inputs {

    position: absolute !important;

    bottom: 10px !important;

    left: 174px !important;

    z-index: 1024 !important;

} */





.daterangepicker .ranges ul {

    width: 140px;

    margin: 0;

}



.daterangepicker.dropdown-menu.ltr.opensright.show-calendar {

    width: 657px;

}



.calendar.left {

    position: absolute;

}





.calendar.left {

    position: absolute;

    top: 0;

    left: 163px;

}



.calendar.right {

    position: absolute;

    top: 0;

    left: 410px;

}



.date_divide12 {

    width: 1px;

    background: #CCCCCC;

    position: absolute;

    top: 50%;

    left: 0;

    height: 70%;

    transform: translate(-50%, -50%);

}



.custom-select {

    padding-top: 2px !important;

    box-shadow: none !important;

}



img.date_img.estimate_calendor.estimate_mobile.eways_cal {

    right: 28px;

}



.list_color {

    color: #EC1C24 !important;

}



.create-invoice-btn.bill_btn {

    padding-bottom: 0px;

}



input.form-control.margin-bottom.prequired.add_new1.input_common.estimate12.eway {

    width: 500px !important;

    z-index: 1 !important;

    display: block;

    padding: 19.6px;

    padding-left: 15px !important;

    position: relative;

    background-color: transparent;

}



a.btn.cbtn {

    font-size: 14px !important;

    /* padding: 6.8px 25px; */

}



/* .create-invoice-btn.bill_btn {

    position: absolute;

    top: 50%;

    right: -17px;

    font-size: 14px !important;

    z-index: 99 !important;

    transform: translate(0,-50%);

} */



.main_input_bill {

    display: flex;

    justify-content: center;

    align-items: center;

    position: relative;

}



input.form-control.margin-bottom.prequired.add_new1.bill {

    border-radius: 50px 0px 0px 50px;

    border-right: 1px solid transparent;



}





input.form-control.margin-bottom.prequired.add_new1.bill1 {

    border-radius: 0px 50px 50px 0px;

    border-left: 1px solid transparent;

}



.main_input_bill:after {

    position: absolute;

    content: "";

    width: 1px;

    height: 80%;

    background: #CCCCCC;

    left: 50%;

    top: 10%;

}



.row.first_bill_row {

    background-color: #FEF2E7;

    padding: 15px 20px;

}



.row.second_bill_row {

    background-color: transparent;

    padding: 15px 20px;

}



.row.another_bill_row {

    background-color: #FEF2E7;

    padding: 15px 20px;

}



.row.first_bill_row {

    background-color: #FEF2E7;

    padding: 15px 20px;

}



.row.third_bill_row {

    padding: 15px 20px;

}



.third_bill_row table thead tr {

    border: none !important;

    background-color: #fff !important;

}



.third_bill_row table thead tr th {

    border: none !important;



}



.row.fourth_bill_row {

    padding: 15px 20px;





}



.row.fifth_bill_row {

    padding: 15px 20px;

    background-color: #FEF2E7;



}



h6.bill_first_h {

    color: #333333;

    font-size: 18px;

    font-weight: 800;

}



.p_none {

    padding: 0px !important;

}



.first_bill_form .lable {

    font-weight: normal !important;

    color: #000 !important;

}



.first_bill_form .lable span {

    color: #EC1C24 !important;

}



section.manage-sales-section.content.third.eway_section {

    padding: 0px 0px 40px 0px !important;

    overflow-x: hidden;

}



a.mobile_search {

    padding: 10px 40px;

    background: #EC1C24;

    border-radius: 30px;

    text-align: center;

    align-items: center;

    color: #fff;

    display: none;

}



.top_left_estimate.way_bills_h {

    padding: 15px;

}



.custon_play_col h3,

.manage-saleheader-rgt h2,

section.manage-sales-section.content.third.eway_section h2 {

    font-family: 'DM Sans', sans-serif;

    letter-spacing: 0px;

    color: #333333;

    font-size: 20px;

    font-weight: bold;

    opacity: 0.9;

    line-height: 22px;

    margin-bottom: 0px;

    margin-left: 0px;

}



.eway_section .top_1 {

    padding: 15px;

}



.main-box.import_main.ewaybills_div {

    border: none !important;

    padding-top: 0px !important;

}



.ewaybills_div .lable span {

    color: #EC1C24;

}



.top_left_estimate.way_bills_h label {

    padding: 0px;

}



button.btn.btn_add_new.invoice_btn_b.group_l_btn {

    position: relative;

    display: block;

    /* left: 10px; */

    left: 20px;

    margin-left: 0px;

}



.divider_div {

    background: #1f1b1b29;

    height: 80%;

    width: 1px;

    position: absolute;

    top: 10%;

}



.top_left_estimate.more_1 {

    margin-top: 35px;

}



.treeview-menu-visible img {

    filter: brightness(0) invert(1);

}



.nav-sidebar>.nav-item .nav-icon {

    margin-left: 0.05rem;

    font-size: 1.2rem;

    margin-right: 0.2rem;

    text-align: center;

    width: 1.6rem;

}







.main-table_content.estimate_table1:before {

    content: "";

    position: absolute;

    height: 100%;

    width: 1px;

    background-color: #dadadf;

    left: 50%;

    z-index: -1;

}



li.nav-item.da.sideact a {

    background-color: #00336A !important;

}



.main-table_content.estimate_table1 {

    position: relative;

    z-index: 2;

}



.estimate_table1 td {

    width: 50%;

}



button.btn.btn-secondary.estimate_download.buttons-html5 {

    margin: 40px 0px 40px auto;

    font-size: 1.2rem !important;

}



button.btn.btn_add_new.invoice_btn_b.eway_bill_right_btn {

    width: auto;

}



.btn_group.eway_b_g {

    margin-right: 20px;

}



.calendor_sta .estimate_calendor.eway_cal {

    position: absolute;

    right: 20px;

    top: 30%;

    cursor: pointer;

    z-index: 2;

}



.eway_date {

    position: relative !important;

    z-index: 99 !important;

    background-color: transparent !important;

    padding-left: 20px !important;

}



.eway_heading h2 {

    font-size: 20px;

    margin: 0;

    color: #333333 !important;

    font-weight: 800;

}







button.btn.Generate_btn {

    position: relative;

    font-size: 14px !important;

    color: #fff;

    padding: 10px 30px !important;

    background-color: #EC1C24;

    border-radius: 30px;

}



.creat_eway_bill_btn {

    display: flex;

    justify-content: right;

    padding-right: 20px;

    padding-top: 30px;

    gap: 10px;

}



.back_btn_creat_way a {

    font-size: 14px !important;

    color: black;

    padding: 10px 25px;

    background-color: #fff;

    border-radius: 30px;

    outline: none;

    border: 1px solid #CCCCCC;

}



.back_btn_creat_way a i {

    opacity: 0.8;

}



.back_btn_creat_way {

    padding-top: 30px;

    padding-left: 25px;

}



a.down_creat {

    color: #00336A;

    border-bottom: 1px solid #00336A;

}



a.down_creat:hover {

    color: #00336A;



}



input.craet_input1 {

    background-color: #fff !important;

}



input.craet_input1::placeholder {

    color: #000 !important;

}



input.count.count_number {

    border: 1px solid #ced4da;

    padding: 8px 22px;

    border-radius: 24px;

    outline: none !important;

}



input.count.count_number:focus {

    border: 1px solid #ced4da;

}



a.delete-a {



    background: #EC1C24;

    height: 30px;

    width: 30px;

    line-height: 30px;

    text-align: center;

    border-radius: 50%;

    display: inline-block;

}



.calendor_sta {

    background: #fff !important;

    border-radius: 30PX;

}



.update.date_search a.btn.cbtn {

    display: none;

    padding: 6px 35px;

    margin-top: 10px;



}



.update.date_search a.btn.cbtn.eway_submit {

    display: block !important;

    margin-top: 0px;

}



.main-box.cancel_eway {

    padding-top: 10px;

    border-top: 1px solid #DADADF;

}



.main-top-head-one.manage_cus.rbnnnn.e_ways_bill.eway_heading.eway_cancel {

    padding-bottom: 15px;

}



.lable span {

    color: #EC1C24;

}



label.col-form-label {

    padding-top: 20px;

}



input.form-control.required {

    border-radius: 30px;

}



.cal-icon input[type="text"] {

    outline: none;

    font-family: 'DM Sans', sans-serif;

    letter-spacing: 0px;

    opacity: 1;

    font-size: 16px;

    color: #000;

    background: transparent;

    cursor: pointer;

}



.fourth_bill_row small {

    font-size: 16px;

    font-weight: 600;

}



.fourth_bill_row .grand {

    font-size: 18px;

}



.fourth_bill_row label.col-form-label {

    color: black;

}



.input_amount {

    margin-top: 8px;

}



.input-one {

    position: relative;

}



.input-two {

    position: relative;

}



.form-inline {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-flow: row wrap;

    flex-flow: inherit;

    -ms-flex-align: center;

    align-items: center;

}



table#DataTables_Table_0 {

    overflow-y: auto;

    /* display: block; */

    white-space: nowrap;

    width: 100% ! important;

}



#cancel_bill .modal-dialog {

    width: 30%;

}



#cancel_bill .btn-secondary {

    background-color: #fff !important;

    border: 1px solid #dfdfdf !important;

    color: #000 !important;

}









.cal-icon img {

    position: absolute;

    right: 18px;

    top: 10px;

    z-index: -1;

}



.modal-dialog.inventory_modal {

    max-width: 40%;

}



.back-arrow i:before {

    content: "\f104";

    font-family: 'FontAwesome';

    font-style: normal;

    font-weight: normal;

    text-decoration: inherit;

    color: #FFFFFF;

    font-size: 16px;

    padding: 6px 10px;

    background-color: #EC1C24;

    border-radius: 20px;

    margin-right: 15px;

}



.invoice-row2 select.form-select {

    padding: 2px 35px;

    border-radius: 24px;

    font-size: 16px;

    line-height: 10px;

    border: 1px solid #dfdfdf;

    width: 100%;

    outline: none;

    font-family: 'DM Sans', sans-serif;

    letter-spacing: 0px;

    opacity: 1;

    color: #000;

    line-height: 33px;

}



select#gst_state {

    padding: 0px 22px;

    border-radius: 24px;

    font-size: 16px;

    line-height: 19px;

    border: 1px solid #dfdfdf;

    width: 100%;

    outline: none;

    font-family: 'DM Sans', sans-serif;

    letter-spacing: 0px;

    opacity: 1;

}



select#gst_state_s {

    padding: 0px 22px;

    border-radius: 24px;

    font-size: 16px;

    line-height: 19px;

    border: 1px solid #dfdfdf;

    width: 100%;

    outline: none;

    font-family: 'DM Sans', sans-serif;

    letter-spacing: 0px;

    opacity: 1;

}



.modal-dialog.add_product_m {

    max-width: 50%;

}



.defalt_tax {

    padding: 10px 22px !important;

}



.add-row button.cbtn {

    background-color: #138807;

    margin-top: 20px;

    padding-left: 42px;

    padding-right: 25px;

    padding-top: 6px;

    padding-bottom: 6px;

}



.back_btn.eway_back {

    background-color: #EC1C24 !important;

    fill: #fff;

}



.back_btn.eway_back img {

    filter: brightness(0) invert(1);

}



.product-main td.tb-border input[type="text"] {

    width: auto !important;

}



tr.p-des td.tb-border.pad-top.product_desc_eway input[type="text"] {

    width: 100% !important;

}





div.dataTables_wrapper div.dataTables_length label {

    display: flex !important;

    align-items: center !important;

    gap: 2px !important;

}



a.delete_b {

    padding: 5px;



    border-radius: 50%;

}



.update.modal_u {

    display: flex;

    flex-direction: column;

}



.manage_transporter .modal-dialog {

    max-width: 700px;

}



.dlt {

    width: 30px;

    height: 30px;

    display: flex;

    background: #EC1C24;

    border-radius: 50%;

    position: relative;

    margin: auto;

    cursor: pointer;
    align-items: center;
    justify-content: center;

}



.dlt a img {

    filter: brightness(0) invert(1);

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.ewya_one td {

    padding: 5px;

    font-size: 16px;

    color: #000000;

}



.eway_details_h {

    text-align: center;

    font-size: 36px;

    color: #00336A;

    border-top: 2px solid #0000000D;

    padding-top: 30px;

    font-weight: 600;

}



.eway_details {

    display: flex;

    justify-content: space-between;

    margin: 30px 0px;

}



.ewya_one a {

    color: #00336A;

    text-align: center;

    font-size: 16px;

}



.ewya_one a {

    text-align: center;

    color: #00336A;

    font-size: 16px;

    position: relative;

    font-weight: 700;

    display: block;

}



h3.part_a_h {

    width: 100%;

    padding: 10px;

    color: #fff;

    font-size: 20px;

    background-color: #00336A;

}



.borderless td,

.borderless tr {

    border: none !important;

}



img.bar_code {

    position: relative;

    margin-left: auto;

    display: block;

}



.last_t {

    border-bottom: 1px solid #0000000D;

    margin: 10px 0px 20px 0px;

}



a.btn.cbtn.first_b {

    background-color: #fff;

    color: #333333;

    border: 1px solid #CCCCCC;

}



a.btn.cbtn.first_b:hover {

    background-color: #EC1C24 !important;

    color: #fff !important;



}



.eway_d .btn.cbtn {

    padding: 6px 25px;



}



.create-invoice-btn.eway_d {

    display: flex;

    padding-bottom: 20px;

}



.eway_d button {

    padding: 8px 25px !important;

    font-size: 14px !important;



}



.btn-primary:not(:disabled):not(.disabled).active {

    background-color: #EC1C24 !important;

}



.eway_d .btn-primary.dropdown-toggle:active {

    background-color: #EC1C24 !important;

}



.qr_1 {

    display: none;

}



.right_img img {

    width: 100%;

    padding: 10px 0px;

}



.ewya_one .first_t {

    white-space: pre-line !important;

    margin: 10px 0px;



}



img.bar_code {

    max-width: 100%;

}



a.green_clr {

    text-align: start;

    display: inline-block;

    padding: 2px 4px;

    background: #138807;

    color: #fff;

    border-radius: 5px;

}



a.green_clr:hover {

    color: #fff;

}



a.red_clr {

    text-align: start;

    display: inline-block;

    padding: 2px 4px;

    background: #eb240e;

    color: #fff;

    border-radius: 5px;

}



a.red_clr:hover {

    color: #fff;

}



.part_A.part_b {

    margin-top: 10px;

}



.eways_new {

    border-top: 2px solid #0000000D;

    margin-top: 10px;

}



section.manage-sales-section.content.third.invoice_se.eways_details {

    padding: 20px 50px 40px 50px !important;

}



.login_heading {

    text-align: center;

    color: #00336A;

    font-size: 24px;

    font-weight: 600;

    padding: 10px 0px;

}



.width_c {

    width: 210px;

}



.main-box.import_main.e_invoice {

    border: none;

    padding: 0px !important;

}



input.form-control.margin-bottom.prequired.create_invoice4 {

    border-radius: 30px 0px 0px 30px;

    border-right: none;

}



input.form-control.margin-bottom.create_invoice7 {

    border-radius: 0px 30px 30px 0px;



}



.border_class {

    border-top: 2px solid #0000000D;

}



.creat_e_invoice_sec .creat_eway_bill_btn {

    padding: 30px 0px;

}



button.btn.statement_new.cancel_e_invoice {

    float: none !important;

    margin-top: 35px !important;

}



.create-invoice-btn .fa-circle-xmark:before {

    top: -12px;

    font-size: 18px;

    padding-right: 4px;

    position: absolute;

    left: -24px;

}



.creat_e_invoice_sec #customer_name,

#customer_company,

#customer_phone {

    color: #000 !important;

}



.creat_e_invoice_sec input {

    color: #000 !important;

}



.creat_e_invoice_sec input::placeholder {

    color: #000 !important;

}



.new_input {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

}



input.count_number2 {

    border: 1px solid #ced4da;

    padding: 8px 15px;

    border-radius: 24px;

    outline: none !important;

}





.invoice-date-sec-lft.search-rgt h4 {

    font-size: 18px;

    font-weight: bold;

    font-family: 'DM Sans', sans-serif;

    padding-top: 20px;

    color: #333;

}



.border_none {

    border: none !important;

    z-index: 99 !important;

    background: transparent;

    position: relative;

    cursor: pointer;

    border: none !important;

}



.input-one .border_none {

    border: none !important;

    z-index: 99 !important;

    background: transparent;

    position: relative;

    cursor: pointer;

    border: none !important;

}



form.formly {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.input-one {

    position: relative;

}



.input-one img {

    position: absolute;

    right: 3%;

    z-index: 1;

    cursor: pointer;

}



.input-two {

    position: relative;

}



.input-two img {

    position: absolute;

    left: 89%;

    z-index: 1;

    cursor: pointer;

}



.row.invoice-detail {

    margin-top: 0px;

}



.ewya_one td {

    padding: 5px;

    font-size: 16px;

    color: #000000;

}



.e_invoice_row {

    padding: 0px 7.5px;

}



.b_l_i {

    position: relative;

}



.b_l_i::after {

    height: 78%;

    position: absolute;

    content: "";

    width: 1px;

    background: #0000000D;

    /* top: 0; */

    left: 0;

    bottom: 0;

}



.b_l_i .ewya_one {

    padding: 0px 0px 0px 20px;

}



.b_l_i h3.part_a_h {

    padding: 10px 10px 10px 20px !important;

}



.mobile_toggle {

    display: none;

}



.btn-danger {

    background-color: #EC1C24 !important;

}



div#ui-datepicker-div {

    z-index: 9999 !important;

}





.modal select.form-select.custom-select {

    padding: 6px 22px !important;

}







.manage_transporter .modal-dialog {

    max-width: 700px;

}



#delete_model .modal-dialog {

    width: 30%;

}



.gst_border_1 {

    border-bottom: 1px solid #138807;

}



.calendor_sta.estimate_new_123 {

    display: inline-flex !important;

    gap: 10px;

}



.new_p {

    padding: 15px 15px 20px 15px;

}



.new_p input {

    width: 500px !important;

}



.custome_view a {

    background-color: #fff !important;



}



.custome_view a:hover {

    border: 1px solid #ccc;

    color: #6e6c6cd9 !important;

}



.trantion_view .card-header {

    padding: .75rem 0rem;

}



.trantion_view .btn-group {

    margin-top: 10px;

}



/* akash*/

.bx-1 {

    line-height: 8px;

}



.create-invoice-btn a.cbtn {

    margin-right: 0;

    padding: 7px 25px 7px 40px;

    display: block;

}



.form-control.invoice_prefix {

    height: 54px;

}



.wallet_ball span {

    color: #EC1C24;

    font-size: 20px;

    text-align: left;

    margin: 0px;

    font-weight: 600;

}



.login-time p {

    color: #00336A;

    font-weight: 500;

}



#DataTables_Table_0 .odd td a{

    transition: all 0.3s ease;

    position: relative;

/*    display: block;*/

}



#DataTables_Table_0 .odd td a.nav-link{

    display: inline !important;

}



#DataTables_Table_0 .odd td a:hover{

    -webkit-transform: scale(1.02);

    -ms-transform: scale(1.02); 

    transform: scale(1.02); 

    text-decoration: none;

}



#DataTables_Table_0 .odd td a.dropdown-item:hover{

    transform: unset;

}



/* .odd td a.dropdown-item{

    white-space: pre-line;

} */



.downlode_and_view{

    display: flex;

}



/* #add_company .s2-rw.three{

    width: 50%;

} */



@media (max-width: 767px){

    #add_company .row{

        padding:  0 20px;

    }

}





#demo1 .accordiantxt-body .form-group.row .col-sm-9.select, #demo2 .row.shipping .col-sm-9.select,

#edit_shipping_details .modal-content.popup-content.qwweqr .col-sm-9.select{

    width: 75%;

  }

/* Month Picker CSS */

.month-picker {

    position: relative;

    display: inline-block;

    width: 100%;

}

.calendar_month_picker {

    display: none;

    position: absolute;

    top: calc(100% + 5px);

    left: 0;

    width: 100%;

    border: 1px solid #ccc;

    border-radius: 5px;

    background-color: #fff;

    padding: 10px;

    box-shadow: 0 4px 8px rgba(0,0,0,0.1);

    z-index: 999999;

}



.year-selector {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 10px;

}



.year-selector button {

    width: 30px;

    height: 30px;

    margin: 0 10px;

    position: relative;

    background: #FFF3F6;

    border: 1px solid rgba(234, 67, 67, 0.20);

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    cursor: pointer;

}

.year-selector button:hover {

    background-color: #FFF3F6;

}



#currentYear_monthpicker {

    font-size: 18px;

    font-weight: bold;

}



.month-grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 5px;

}



.month-grid span {

    display: block;

    width: 100%;

    padding: 10px;

    cursor: pointer;

    background-color: #fff;

    color: black;

    text-align: center;

    border-radius: 4px;

    font-size: 16px;

    transition: background-color 0.3s;

}



.month-grid span:hover {

    background-color: #FEF2E7;

}

.month-grid span.disabled {

    background-color: #e0e0e0; /* Light gray background for disabled months */

    color: #b0b0b0; /* Gray text color for disabled months */

    cursor: not-allowed; /* Change cursor to indicate disabled state */

}

.month-grid .selected {

    background-color: #FEF2E7; /* Highlight color for selected month */

    color: black;

}







/* Search select */

.tax-search-dropdown .dropdown-item {

    white-space: normal;

}



#tax-search-input {

    margin-bottom: 10px; /* Add space between the search input and items */

}



.tax-search-dropdown .dropdown-menu {

    max-height: 400px;

    overflow-y: auto;

    max-width: 100%;

    width: 100%;

    transform: translate3d(0px, 40px, 0px) !important; /* Custom dropdown positioning */

    overflow-x: hidden; /* Prevent horizontal scrolling */

    white-space: normal; /* Allow text to break into multiple lines */

}



.tax-search-dropdown button {

    white-space: nowrap;

    width: 100%;

    border: 1px solid #dfdfdf; /* Custom border */

    max-width: 100%;

    text-align: left;

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 10px; /* Add padding inside the select button */

    border-radius: 30px; /* Add 30px border radius */

    background-color: white; /* Optional: Ensure background color is white */

    height: 42.4px; /* Set the height */

}



.tax-search-dropdown button:hover {

    border: 1px solid #dfdfdf; /* Retain border on hover */

}



.tax-search-dropdown .dropdown-toggle::after {

    display: none; /* Remove default Bootstrap caret */

}



.tax-search-dropdown .fa-angle-up {

    transform: rotate(180deg); /* Rotate the angle icon when open */

}



/* Additional styles for the select box  */

#tax-selected-option {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    flex-grow: 1; /* Allow the text to grow and shrink within available space */

    padding-right: 10px; /* Add padding to avoid overlap with the icon */

    display: inline-block; /* Ensure the text doesn't wrap */

    /* color : #000 !important; */

}



/* //123 */

#tax_treatment[value]:not([value=""]) + button #tax-selected-option {

    color: #000; /* Selected style */

    font-style: normal;

    font-weight: 500;

}



.tax-dropdown-icon {

    padding-left: 5px; /* Add padding to the icon */

}



/* Scrollbar styling */

.tax-search-dropdown .dropdown-menu::-webkit-scrollbar {

    width: 8px; /* Width of the scrollbar */

}



.tax-search-dropdown .dropdown-menu::-webkit-scrollbar-thumb {

    background-color: lightgrey; /* Scrollbar color */

    border-radius: 4px; /* Round scrollbar edges */

}



.tax-search-dropdown .dropdown-menu::-webkit-scrollbar-thumb:hover {

    background-color: #b3b3b3; /* Darker scrollbar on hover */

}







.create-btn .dropdown.create button, #companylist{

    border-radius: 6px;

    border: 1px solid #999;

    background: linear-gradient(0deg, rgba(217, 217, 217, 0.12) 0%, rgba(115, 115, 115, 0.12) 100%);

   min-width: 140px;

    width: 100%;

    height: 38px;

    display: flex;

    align-items: center;

    position: relative;

    justify-content: space-between;

  

}



#companylist {

    color: #E4E8EC !important;

    position: relative;

    font-family: Roboto;

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    text-transform: capitalize;

    max-width: 330px !important;

    padding: 10px 40px 10px 10px !important;

}



#companylist option {

    color: #333 !important; 

    background: #FEF2E7; 

}

  



.create-btn .dropdown.create button, .create-btn .dropdown.create .dropdown-menu a{

    color: #E4E8EC !important;

    padding: 0 13px !important;

    font-family: Roboto;

    font-size: 14px !important;

    font-style: normal;

    font-weight: 500;

    line-height: normal;



}



.create-btn .dropdown.create .dropdown-menu a.dropdown-item:active{

    background-color: #fff !important;

}



.create-btn .dropdown.create .dropdown-menu a{

    color: #404040 !important;

    padding: 15px 20px !important;

}



.create-btn::after, #companyForm::after{

    content: '';

    position: absolute;

    right: 13px;

    top: 50%;

    transform: translateY(-50%);

    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjciIHZpZXdCb3g9IjAgMCA5IDciIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Ik04LjQxNTUzIDAuNDY0MTAxTDQuMzU4NTMgNi4yNzA1MUwwLjM1MzM1IDAuNUw4LjQxNTUzIDAuNDY0MDFaIiBmaWxsPSIjZmZmZmZmIi8+PC9zdmc+');

    background-size: contain;

    background-repeat: no-repeat;

    width: 9px; /* Width of the SVG */

    height: 7px; /* Height of the SVG */

}



#companyForm {

    position: relative;

}





.create-btn .dropdown.create .dropdown-toggle::after{

   display: none !important; 

}



.navbar-nav.top-in-menu li.r-info-nav{

    padding-left: 40px !important;

    position: relative;

    height: 100%;

}



.navbar-nav.top-in-menu li.r-info-nav::after {

    content: '';

    position: absolute;

    width: 1px;

    height: 72px;

    background: #545454;

    box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.30);

    top: -22px;

    right: -16px;

}



@media(max-width:541px){

    .navbar-nav.top-in-menu li.r-info-nav.r-info-nav1::after{

        top: -35px;

    }

}



.cus-nav li.nav-item, li.price{

    padding: 0 !important;

}



.create-btn button.btn.dropdown-toggle{

    margin-right: 0 !important;

}



 .cust-sidenav {

    height: 100%;

    margin-bottom: auto;

} 



a.nav-link.cust-link {

    padding: 7px !important;

    border: 0 !important;

    background: none !important;

}

#prntship {

    all: unset;

    cursor: pointer;

    display: inline-flex;

    align-items: center;

    justify-content: center;

  }

  

  /* //123 */

@media (max-width: 767.98px) {

    .main-sidebar, .main-sidebar::before {

        box-shadow: none !important;

        margin-left: 0px;

        

    }

    .r-info{

        display: none;

    }

}









  /* Pricing Section */



  

.pricing-sec{

    /* background: url(../images/pricing-bg-img.png); */

    width: 100%;

    height: 100%;

    background-size: auto;

    background-position: center;

    position: relative;

    padding: 0 0 87px;

}



.pricing-sec h2{

    color: #333;

    font-family: Roboto;

    font-size: 42px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;



}



.pricing-sec p{

    color: #666;

    font-family: "Roboto Flex";

    font-size: 18px;

    font-style: normal;

    font-weight: 300;

    line-height: 27px; 

    letter-spacing: 0.36px;

    margin-bottom: 37px;

}



.pricing_left_sec{

    border-radius: 20px;

    background: linear-gradient(194deg, #FDECFE 4.26%, #FFF 45%);

    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);

    height: 100%;

    border: 2px solid #fff;

}



.pricing_txt_top{

    padding: 48px 30px 39px;

    border-bottom: 1px dashed #AFBDC3;

}



.pricing_txt_bottom{

    padding: 34px 30px 95px;

}



.pricing_txt01{

    display: flex;

    gap: 21px;

    align-items: center;

    margin-bottom: 34px;

}



.pricing_txt01 h5{

    color: #2E2E2E;

    font-family: Roboto;

    font-size: 28px;

    font-style: normal;

    font-weight: 700;

    line-height: 50px; 

}



.pricing_txt01 h5 span{

    color: #2E2E2E;

    font-weight: 300;

}



.pricing_txt02 p{

    color: #333;

    font-size: 14px;

    line-height: normal;

    letter-spacing: 0.42px;

    margin-bottom: 18px;

    max-width: 355px;

}



.pricing_txt02 {

    width: 100%;

}



.plan_btn{

    background: #2E2E2E;

    max-width: 356px;

    width: 100%;

    height: 48px;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 7px;

    color: #FFF;

    text-align: center;

    font-family: "Roboto";

    font-size: 18px;

    font-style: normal;

    font-weight: 700;

    line-height: 38px;

    letter-spacing: 0.18px;

    transition: all 0.5s ease;

}



.plan_btn:hover{

    background-color: #EC1C24;

    color: #fff;

}



.info-detail-text1 li {

    color: #333;

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 34px; 

    letter-spacing: 0.48px;

    padding-left: 30px;

    position: relative;

    display: block;

}



.info-detail-text1 li::before {

    content: '';

    position: absolute;

    left: 0px;

    top: 10px;

    width: 16px;

    height: 16px;

    background: url(../images/done_ring_round_light.svg);

    background-repeat: no-repeat;

    background-size: contain;

}



.pricing_txt_bottom p{

    color: #EF3C3A;

    text-align: center;

    font-family: Roboto;

    font-size: 18px;

    font-style: normal;

    font-weight: 300;

    line-height: 20px;

    letter-spacing: 0.54px;

    margin-bottom: 28px;

}



.pricing_right_sec{

    border-radius: 20px;

    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);

    background: linear-gradient(194deg, #FFF2E4 4.26%, #FFF 45%);

    height: 100%;

    position: relative;

    border: 2px solid #fff;

}



.pricing_right_sec::after{

    position: absolute;

    top: -50px;

    right: -50px;

    content: '';

    /* background: url(../images/30days.png); */

    width: 130px;

    height: 130px;

    /* filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.15)); */

}



.pricing_right_sec .pricing_txt02 p{

    color: #2E2E2E;

    font-family: "Roboto Flex";

    font-size: 32px;

    font-style: normal;

    font-weight: 400;

    line-height: 26px;

    letter-spacing: 0.96px;

    text-transform: capitalize;

}



.pricing_txt02 p span b{

    font-weight: 700;

    font-size: 48px

}

.pricing_txt02 p span{

    color: #037BD1;

    font-size: 48px;

    font-weight: 300;

}



.pricing_right_sec .pricing_txt_top{

    padding: 48px 30px 27px;

    border-bottom: 1px dashed #AFBDC3;

}



.pricing_right_sec .pricing_txt02{

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.pricing_right_sec .pricing_txt02 .plan_btn{

    max-width: 300px;

}



.pricing_right_sec .pricing_txt_bottom {

    padding: 36px 30px 39px;

}



.pricing_right_sec .pricing_txt_bottom p{

    margin-bottom: 43px;

}



.pricing_left1_sec{

    border-radius: 20px;

    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);

    background: linear-gradient(225deg, #E5F4FF 2.66%, #FFF 55.02%);

    border: 2px solid #fff;

    height: 100%;

}





.pricing_left1_sec .pricing_left1_con, .pricing_right1_sec .pricing_txt02{

    padding: 30px 40px 35px;

}



.pricing_left1_sec .pricing_txt02 p{

    color: #333;

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: normal; 

    letter-spacing: 0.32px;

    margin-bottom: 3px;

}



.pricing_left1_sec .pricing_txt02 p.year-para{

    font-weight: 600;

    color: #2E2E2E;

    font-size: 22px;

    margin-bottom: 27px;

    letter-spacing: 0.66px;

    line-height: normal;

}

.pricing_left1_sec .pricing_txt02 p.utilize_para{

    color: #333;

    font-family: "Roboto Flex";

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    letter-spacing: 0.42px;

    margin-bottom: 24px;

}



.pricing_left1_sec .pricing_txt_top, .pricing_right1_sec .pricing_txt_top{

    padding: 20px 30px;

    border-bottom: 1px dashed #AFBDC3;

}



.pricing_left1_sec .pricing_txt01, .pricing_right1_sec .pricing_txt01{

    margin-bottom: 0;

}



.pricing_left1_sec .pricing_txt02 p.utilize_para span{

    color: #333;

    font-size: 14px;

    font-weight: 600;

}



.pricing_left1_sec .pricing_txt02 p.utilize_para small{

    color: #EF3C3A;

}



.pricing_left1_sec .pricing_txt02{

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    height: 100%;

}



.pricing_left1_con .pricing_txt02.text-center{

    height: auto;

    align-items: center;

}





.pricing_right1_sec{

    border-radius: 20px;

    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);

    background: linear-gradient(225deg, #FFF1F1 2.66%, #FFF 55.02%);

    border: 2px solid #fff;

    height: 100%;

}



.pricing_right1_sec .pricing_txt02 .creditLimit{

    margin-bottom: 14px;

}



.pricing_right1_sec .pricing_txt02 .creditLimit p{

    border: 1px solid #333333;

    padding: 11px 0px;

    border-radius: 117px;

    margin-bottom: 0;

    text-align: center;

    color: #333;

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

    letter-spacing: 0.32px;

}



.pricing-sec .row {

    --bs-gutter-x: 38px !important;

}



.pricing-sec .row.m-top{

    margin-top: 15px !important;

}



   /* //123 */

  .modal-header.teliti h4#myModalLabel {

    font-family: "DM Sans", sans-serif;

    letter-spacing: 0px;

    color: #333333;

    font-size: 21px;

    font-weight: 700;

    margin-left: 14px;

    opacity: 0.9;

    line-height: 40px;

    padding-top: 9px;

}