body{color: #0A1835; overflow-x: hidden; font-family: 'Roboto', sans-serif; font-size: 0.9rem;}
body.web-app{padding-left: 256px;}
html,body{height: 100%;}
img{max-width: 100%; height: auto;}
ul{margin: 0; padding: 0;}
ul li{list-style: none;}
a{text-decoration: none;}
.form-control:focus{outline: none; box-shadow: none;}
button:focus,.btn:focus, .accordion-button:focus{outline: none; box-shadow: none;}
a, .btn, button, img{transition: all 0.5s ease;}
.headernav{width: 100%; background-color: #fff; position: relative;}
.btn-green{background-color: #01A54F; border-color: #01A54F; color: #fff;}
.btn-green:focus-visible{background-color: #01A54F; border-color: #01A54F; color: #fff;}
.btn-green:hover{background-color: #56c58b; border-color: #56c58b; color: #fff;}
.form-group{position: relative; width: 100%;}
.text-success{color:#01A54F!important;}
.error{font-size:12px; color:#ff0000;}
.bg-success{background-color:#01A54F!important;}
.border_line {
    width: 100%;
    background-color: #91E2B8;
    height: 1px;
}
.btn-white{background-color:#fff!important;}
.form-control {
    border-radius: 3px;
    font-size:14px;
    background-color: #fff;
}


.bg-dark{background-color:#0A1835!important;}
.twi-ui{position: relative; min-height: 100%; display: flex; align-items: center;}
.bg-success{background-color: #01A54F!important;}
.border-success{border-color: #01a54f!important;}
.border-dark{border-color: #0A1835!important;}
.btn-dark{background-color: #0A1835!important;}
.btn-success{background-color: #01a54f!important; border-color: #01a54f!important;}
.bg-dots-darker {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.22676 0C1.91374 0 2.45351 0.539773 2.45351 1.22676C2.45351 1.91374 1.91374 2.45351 1.22676 2.45351C0.539773 2.45351 0 1.91374 0 1.22676C0 0.539773 0.539773 0 1.22676 0Z' fill='rgba(0,0,0,0.07)'/%3E%3C/svg%3E");
}
.mobile-nav-toggle {
    position: fixed;
    background: #01a54f;
    color: #fff;
    border: solid 1px #01a54f;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 3px;
    right: 15px;
    font-size: 21px;
    border-radius: 3px;
    z-index: 999;
}
.mobile-nav {
    position: fixed;
    left: -300px;
    top: 0;
    width: 0;
    height: 100%;
    overflow-y: auto;
    transition: all 0.5s ease;
    background-color: #fff;
    padding: 1rem;
    border-right: solid 1px #f5f5f8;
    z-index: 99;
}
.mobile-nav-active .mobile-nav {
    left: 0;
    width: 100%;
    display: block!important;
}
 .mobile-nav .menu-nav{display:flex; width:100%; flex-wrap:wrap;}
 .mobile-nav .menu-nav li{width:100%;}
 .mobile-nav .menu-nav li a {
    color: #212529;
    padding: 1rem 0;
    display: block;
    font-weight: 500;
    }
.mobile-nav-toggle .lni-menu.lni-close::before {
    content: "\ea63";
}
.mobile-nav-active .mobile-nav-toggle{top:10px;}
.form-select, .custom-date-picker{cursor:pointer;}
#site-loader{width: 100%; height: 100%; position: fixed; background: rgba(0, 0, 0, .5); z-index: 999999999; display: none; align-items: center; justify-content: center; left: 0; right: 0; top: 0; bottom: 0;}
.form-section {
    width: 100%;
    background: #fff;
    padding: 50px 30px 30px 30px;
    border-radius: 30px;
    box-shadow: 0 0 35px rgb(0, 0, 0, 0.10);
    text-align: left;
    position: relative;
    z-index: 0;
}
.form-section:before {
    content: "";
    width: 100%;
    height: 91px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/curve.png) top left repeat;
    background-size: cover;
    z-index: -1;
    border-radius: 30px 30px 0 0;
}
.form-section .form-group .bx {
    position: absolute;
    top: 6px;
    left: 0;
    font-size: 23px;
    color: #777575;
}
.form-section .form-control {
    border: none;
    border-bottom: solid 2px #bdbdbd;
    padding: 13px 15px 13px 30px;
    border-radius: 0;
}
.fw-semi {
    font-weight: 500;
}
.fs-6 {
    font-size: 0.9rem!important;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}
input.box_top {
    width: 50px;
    height: 44px;
    border: none;
    border-radius: 4px;
    text-align: center;
    font-size: 20px;
    outline: none;
    box-shadow: 0px 0px 0px 1px #dbdbdb;
}
.siderbarHeader.fixed {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1030;
}
.siderbarHeader {
    border-top: solid 2px #0A1835;
    border-right: solid 1px #0A1835;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 256px;
    flex: 0 0 256px;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-order: -1;
    order: -1;
    width: 256px;
    padding: 0;
    box-shadow: none;
    color: #fff;
    transition: box-shadow .3s .15s, margin-left .3s, margin-right .3s, width .3s, z-index 0s ease .3s, -webkit-transform .3s;
    transition: box-shadow .3s .15s, transform .3s, margin-left .3s, margin-right .3s, width .3s, z-index 0s ease .3s;
    transition: box-shadow .3s .15s, transform .3s, margin-left .3s, margin-right .3s, width .3s, z-index 0s ease .3s, -webkit-transform .3s
}
.sidebar-nav{height: calc(100% - 100px); overflow-y:auto;}
.sidebar-nav .navbar-nav li{border-bottom: solid 1px rgba(255, 255, 255, .3);}
.sidebar-nav .navbar-nav li a{padding:1rem; width: 100%; background-color: #3c4b64; color: rgba(255,255,255,0.8);}
.sidebar-nav .navbar-nav li.active a{background-color: #0A1835; color: #fff;}
.sidebar-nav .navbar-nav li a:hover{background-color: #0A1835; color: #fff;}
.sidebar-nav .navbar-nav li a i{width: 20px;}
.logout .app-logout{background-color: #3c4b64; padding:1rem 2rem 1rem 1rem; border: none; color: #fff; text-transform: uppercase;}
.dataTables_wrapper {
    position: relative;
    overflow-x: auto;
}
.dataTables_wrapper .dataTables_length {
    float: left;
}
.dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_length {
    padding: 3px 7px;
    background-color: #fff;
    width: 50%;
}
div.dataTables_wrapper div.dataTables_filter label, div.dataTables_wrapper div.dataTables_length label {
    margin: 0;
    color: #01458e;
    font-size: 14px;
    font-weight: 500;
}
.dataTables_wrapper .dataTables_length select {
    background-color: #fff!important;
    padding: 4px;
    border: solid 1px #ddd;
    border-radius: 3px;
}
.dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right;
}
.dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_length {
    padding: 3px 7px;
    background-color: #fff;
    width: 50%;
}
.dataTables_wrapper .dataTables_filter input {
    padding: 3px!important;
    background-color: #fff!important;
    border: solid 1px #ddd;
    border-radius: 3px;
    margin-left: 3px;
}
.dataTables_processing {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -46px;
    margin-top: -12px;
    background: #fff;
    padding: 1px 5px;
    border: solid 2px #011111;
    border-radius: 3px;
}
table.dataTable.no-footer {
    border-bottom: none!important;
}
table.dataTable thead .sorting {
    background-position: right 10px!important;
    background-image: url("../images/sort_both.png");
    background-repeat: no-repeat;
}
table.dataTable thead .sorting_asc {
    background-position: right 12px!important;
    background-image: url("../images/sort_asc.png");
    background-repeat: no-repeat;
}
table.dataTable thead .sorting_desc {
    background-position: right 6px!important;
    background-image: url("../images/sort_desc.png");
    background-repeat: no-repeat;
}
table.dataTable thead th, table.dataTable tfoot th {
    font-weight: 500!important;
}
table.dataTable thead th, table.dataTable thead td {
    padding: 0.5rem!important;
}
table.table-ds th, table.table-ds td {
    font-size: 14px;
    vertical-align: top;
}
table.table-ds th, .table-ds th {
    background-color: #fafafa;
    color: #01458e;
    font-weight: 500;
}
table.table-ds tr:nth-child(odd) td {
    background-color: #fff;
}
.dataTables_wrapper .dataTables_info {
    padding: 3px 7px!important;
    font-size: 13px!important;
    float: left;
    width: 50%;
}
.dataTables_wrapper .dataTables_paginate {
    padding: 3px 7px!important;
    float: right;
    text-align: right;
    width: 50%;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #666 !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #01A54F!important;
    border: solid 1px #01A54F!important;
    color: #fff;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: inherit;
    padding: 0px 5px!important;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    font-size: 13px;
    border-radius: 2px;
    color: #0A1835;
}
table.table-ds {
    border-top: solid 2px #0A1835;
}
.text-primary {
    color: #01458e!important;
}
table.dataTable {
    width: 100%!important;
}
table.dataTable tbody td {
    border-bottom: solid 1px #ddd;
}
.hdr-r .navbar-nav .dropdown-toggle {
    position: relative;
    color: #01458e;
    font-weight: 500;
}
.hdr-r .navbar-nav .dropdown-toggle .small{position: absolute; right: 20px; bottom: -9px; font-size: 12px;}
.siderbarHeader .navbar-nav .dropdown-menu.show{position: static!important; transform: none!important;}
.siderbarHeader .navbar-nav .dropdown-menu{padding:0; border-radius: 0; border: none; box-shadow: none;}
.siderbarHeader .navbar-nav .dropdown-menu li a{padding-left: 2.5rem; font-size: 14px;}
.siderbarHeader .navbar-nav .dropdown-toggle::after{position: absolute; top: 26px; right: 16px;}
.sidebar-nav .navbar-nav li .dropdown-toggle{position: relative;}
.siderbarHeader .navbar-nav .dropdown-menu li{border-bottom: none;}
.company-logo-preview img{max-width: 100px;}
.uploadData{overflow: hidden;}
.uploadData .btn-upload{position: absolute; top: 0; right: 0; border-radius: 0px 3px 3px 0px; border: none;}