@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');
body {background: #f7f7f7; font-size: 13px;  font-family: "Lexend", sans-serif; font-optical-sizing: auto; font-weight: <weight>; font-style: normal;}

[data-layout=horizontal] .container-fluid, [data-layout=horizontal] .layout-width {max-width:94%;}
.container-fluid {padding: 0;}
.border {border-color:#343a40 !important;}
.app-search .form-control {background: #ffffff; height: 30px;}
.form-control {height: 30px !important; padding-top: 3px;}
.form-control {border-color: #343a40 !important;}
.h30 {height: 30px !important}
.app-search span.search-widget-icon {top:-2px}
.topbar-user {background: #f7f7f7; position: relative; top: -10px;}
#page-topbar {background: #f7f7f7; border-bottom: none !important;}
.sidebar-background {background: #333333; opacity: 1; }
.navbar-menu .navbar-nav .nav-link {color:#f7f7f7 !important; font-size: 13px; padding: 11px 20px 10px 5px !important;}
.navbar-menu .menu-dropdown .nav-link {color:#333333 !important; padding: 0; margin: 0 !important;}
.navbar-menu .navbar-nav .nav-sm .nav-link {padding: 5px 15px !important; font-size: 13px; font-weight: 400 !important; }
.navbar-menu .menu-dropdown .nav-link {color:#333333 !important;}
.navbar-menu .menu-dropdown .nav-link:hover {background-color:#f1f1f1 !important}
.navbar-menu .navbar-nav .nav-link i {font-size: 16px; min-width: 22px; }
.btn {box-shadow: #fff 2px 2px 0 0, #579dca 2px 2px 0 1px; height: 30px !important; padding-top: 5px;  }
[data-layout="horizontal"] .navbar-menu {background: #000000;}
.btn-sm {box-shadow: #fff 2px 2px 0 0, #579dca 2px 2px 0 1px; height: 20px !important; padding-top: 0 !important;  }
.navbar-header {height: 50px; padding: 0 3%;}
.navbar-nav {padding-left: 3%;}
.for-controlsm {height: 30px; padding: 5px 10px; font-size: 13px;}
.card {border:1px solid #343a40; border-radius: 10px; box-shadow: none; overflow: hidden; margin-bottom: 10px;}
.card-header {padding: 5px 15px; border-bottom: 1px dashed #343a40; font-size: 13px;}
.card-title {font-size: 13px;}
#page-topbar .page-title-box {background-color:#f7f7f7 ; padding: 5px 0 5px 3% !important; box-shadow: none;}
.page-title-box h4 {font-size: 13px !important; font-weight: 500;}
.page-content {padding: 122px 3% 0 !important;}
#page-topbar .navbar-menu .navbar-nav .nav-link {font-size: 13px; margin-right: 8px; font-family: "Lexend", sans-serif;} 
.footer {background-color: #000000; height: 30px; padding: 5px calc(1.5rem * 0.5);}
.pagination .page-link {padding: 2px 7px !important; line-height: 13px; border: 1px solid #343a40; font-size: 13px; border-radius: 8px; margin:0 5px 10px 0}
[data-layout="horizontal"] .menu-dropdown {border:1px solid #343a40;}
table th {font-weight: 400; font-size: 12px;}
table td {font-weight: 400; font-size: 12px;}
.navbar-menu .navbar-nav .nav-link.menu-link.collapsed:after {color:#f7f7f7;}
.navbar-menu .navbar-nav .nav-link:hover {color:#60addf !important}
.footer {font-size:12px; color:#97aac1}
:is(.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6) { font-family: "Lexend", sans-serif !important;}
tbody, td, tfoot, th, thead, tr{border-color: #343a40 !important;}
table.table.dataTable th {background-color: #ced4da !important; border-color: transparent;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {border-color: #000000}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {border-color: #000000}
.nav-tabs .nav-link {border-bottom: none;}
.card-animate:hover {-webkit-transform: none; transform: none; border-color: rgb(67 196 129);}
.ledger-receivable { background: #DAF5E7 !important}
.ledger-payable { background: #FCE0DA !important}
table.table.dataTable>tbody>tr {border:none !important}
table.dataTable th { border:1px solid #333;}
table.dataTable td { border:1px solid #333;}
table.dataTable th:first-child, table.dataTable td:first-child { border-left: none !important}
table.dataTable th:last-child, table.dataTable td:last-child { border-right: none !important; text-align: right !important;}
/* First column in sub-tables inside DataTable */
table.dataTable table.dataTable thead th:first-child, table.dataTable table.dataTable tbody td:first-child {border-left: 1px solid #333 !important}
#products-list>tr>td:last-child {border-right: 1px solid #333 !important}
#products-list>tr>td:first-child {border-left: 1px solid #333 !important}
.products-table th:last-child {border-right: 1px solid #333 !important}
.products-table th:first-child {border-left: 1px solid #333 !important}
.products-table th {border:none !important; padding: 2px; font-size: 12px;}
table th:last-child { text-align: right !important;}
table th:first-child { text-align: left !important;}
.topnav-hamburger {display: none;}
/*table th:first-child, table td:first-child { border-left: none !important}
table th:last-child, table td:last-child{ text-align: right !important; border-right: none !important}*/
.table-active {--vz-table-accent-bg: #ced4da !important}
.mytable_notshow {position: absolute; bottom:-5px; left:28px}
.navbar-menu .navbar-nav .nav-link.menu-link.collapsed.arrow-right:after {right: 10px; transform: rotate(90deg) !important; color: #333;}
#quotation-view .products-table th:last-child {border-right: none !important}
#quotation-view .products-table th:first-child {border-left: none !important}
#quotation-view .products-table td:last-child {border-right: none !important}
#quotation-view .products-table td:first-child {border-left: none !important}
.pdf-page-content .products-table th:last-child {border-right: none !important}
.pdf-page-content .products-table th:first-child {border-left: none !important}
.pdf-page-content .products-table td:last-child {border-right: none !important}
.pdf-page-content .products-table td:first-child {border-left: none !important}
.pdf-page-content #products-list>tr>td:last-child {border-right: none !important}
.pdf-page-content #products-list>tr>td:first-child {border-left: none !important}

/**Mobile view**/

@media (max-width: 1024px) {
.topnav-hamburger {display: block;}
.navbar-nav .nav-item {width: 96%; float: left; display: block; position: relative;}
.navbar-menu .navbar-nav {flex-direction: column !important; position: relative;}
[data-layout="horizontal"] .navbar-menu {position: absolute; top: 0px; left: 0px; background: rgb(0, 0, 0); z-index: 99999; height: 300px; overflow: scroll;}
.navbar-header {height: 60px;}
.navbar-header .dropdown {position: relative; top:-6px;}
table.table-sm, table.table.dataTable {min-width: 1000px !important; overflow: scroll;}
.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {width: 100% !important; max-width: 100% !important; margin-bottom: 10px !important; padding: 0 2% !important} 
.form-control {margin-bottom: 0px !important;}
}

 .bgComColor { background-color: #CCF7FF !important; }