@font-face {
    font-family: 'Nunito-Regular';
    src: url('../fonts/Nunito-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto-Thin';
    font-style: normal;
    src: url('../fonts/Roboto-Thin.woff') format('woff'),
         url('../fonts/Roboto-Thin.ttf') format('truetype');
}
@font-face {
    font-family: 'Avenir-Black';
    /*font-weight: bold;*/
    font-style: normal;
    src: url('../fonts/Avenir-Black.woff') format('woff'),
         url('../fonts/Avenir-Black.ttf') format('truetype');
}
@font-face {
    font-family: 'Avenir-Heavy';
    /*font-weight: bold;*/
    font-style: normal;
    src: url('../fonts/Avenir-Heavy.woff') format('woff'),
         url('../fonts/Avenir-Heavy.ttf') format('truetype');
}
@font-face {
    font-family: 'AvenirNext-Medium';
    /*font-weight: bold;*/
    font-style: normal;
    src: url('../fonts/AvenirNext-Medium.woff') format('woff'),
         url('../fonts/AvenirNext-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Avenir-Roman';
    /*font-weight: bold;*/
    font-style: normal;
    src: url('../fonts/Avenir-Roman.woff') format('woff'),
         url('../fonts/Avenir-Roman.ttf') format('truetype');
}

.h4-custom {
    font-family: Avenir-Black !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #000 !important;
}
.py-5-custom {
    padding-top: 1.5rem !important;
}
.img-lg-custom {
    max-height: 100px;
    /* max-width: 100px; */
    width: auto;
    height: auto;
}
.img-lg-custom-text {
    max-height: 100px;
    max-width: 100px;
    width: auto;
    height: auto;
    font-size: 40px;
    font-family: Avenir-Black !important;
}
.info-wrapper {
    width: 80%;
    margin: auto;
}
.link-title {
    color: #000 !important;
    font-size: 14px !important;
    font-family: Avenir-Black !important;
}
/*@media screen and (max-width: 1300px) {
    .img-lg-custom {
        display: none !important;
    }
}*/
.grid-chart {
    border-radius: 20px !important;
}

/*Scrollbar begin*/
.sidebar::-webkit-scrollbar {
    width: 5px;
}
.sidebar::-webkit-scrollbar-thumb {
    background-color: #E0E0E0;
    border-radius: 10px;
}
/*Scrollbar end*/

.navbar-dropdown .dropdown-body {
    height: 195px !important;
    overflow-x: hidden !important;
    padding-top: 0px !important;
}
.navbar-dropdown .dropdown-header {
    border-bottom: 2px solid #E0E0E0 !important;
    padding: 15px 20px 10px 15px !important;
}
.dropdown-list .content-wrapper {
    width: 100% !important;
}
.notification-listing {
    border-bottom: 1px solid #E0E0E0;
    padding: 7px;
}
.notification-name {
    color: #868e96;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 600;
}
.notification-amount {
    color: #868e96;
    font-size: 12px;
}
.notification-status-paid {
    color: #2273dc;
    font-size: 12px;
}
.notification-status-late {
    color: #d0021b;
    font-size: 12px;
}

/*Notification Scrollbar begin*/
.dropdown-body::-webkit-scrollbar {
    width: 5px;
}
.dropdown-body::-webkit-scrollbar-thumb {
    background-color: #E0E0E0;
    border-radius: 10px;
}
/*Notification Scrollbar end*/
#load-block{
    width: 100%;
    height: 100%;
}
.load-main-block {
    width: 100%;
    height: 100%;
    margin: auto 0;
}
.loader-img {
    margin-top: 200px;
    width: 100px;
    height: 100px;
}
.img-ss {
    width: 20px !important;
    height: 20px !important;
}
.btn:not(.social-icon-btn).social-btn-outlined {
    font-family: AvenirNext-Medium !important;
    border: 1px solid #f2f2f2;
    color: #4a4a4a;
    width: 120px;
    background-color: #fff;
    -moz-box-shadow: 0px 8px 7px 2px rgb(227, 227, 227, 0.5);
    -webkit-box-shadow: 0px 8px 7px 2px rgb(227, 227, 227, 0.5);
    box-shadow: 0px 8px 7px 2px rgb(227, 227, 227, 0.5);
}
.btn:not(.social-icon-btn).add-item {
    font-family: AvenirNext-Medium !important;
    border: 1px solid #f2f2f2;
    color: #4a4a4a;
    width: 145px;
    background-color: #fff;
    -moz-box-shadow: 0px 8px 7px 2px rgb(227, 227, 227, 0.5);
    -webkit-box-shadow: 0px 8px 7px 2px rgb(227, 227, 227, 0.5);
    box-shadow: 0px 8px 7px 2px rgb(227, 227, 227, 0.5);
}
.btn.social-btn-outlined i.small {
    margin-right: 20px !important;
    margin-left: -30px !important;
    color: #4a4a4a;
    border: 1px solid #e3e3e3;
    border-radius: 50%;
    padding: 4px 6px 4px 6px;
}
.btn.social-btn-outlined i.medium {
    margin-right: 20px !important;
    margin-left: -7px !important;
    color: #4a4a4a;
    border: 1px solid #e3e3e3;
    border-radius: 50%;
    padding: 4px 6px 4px 6px;
}
.add-item {
    width: 140px;
    height: 40px;
    background: rgb(237, 237, 237);
    border: none;
    border-radius: 8px;
    color: rgb(132, 132, 132);
    font-size: 16px;
    font-weight: 400;
    font-family: AvenirNext-Medium !important;
}
.split-header {
    width: 100% !important;
}
.split-sub-header {
    width: 100% !important;
}
.rectangle {
    height: 10px;
    width: 25px;
    border-radius: 10px;
    background-color: #00a6ff;
    display: inline-block;
}
.rectangle-darked {
    height: 10px;
    width: 25px;
    border-radius: 10px;
    background-color: #1956a6;
    display: inline-block;
}
.form-title {
    width: fit-content;
    padding: 8px 10px;
    line-height: 1;
    background-color: rgb(0, 166, 255, 0.15);
    color: rgb(0, 166, 255);
    border-radius: 5px;
    font-weight: 500;
    margin-bottom: 20px;
    font-family: Avenir-Heavy !important;
}
label, p {
    font-weight: 500;
    font-family: AvenirNext-Medium !important;
}
label.invoicing_total_label {
    margin-top: 10px;
}
input.form-control {
    border: 1px solid rgba(210, 223, 245) !important;
    border-radius: 5px !important;
    height: 40px !important;
    /*font-size: 14px !important;*/
    font-family: AvenirNext-Medium !important;
}
@media (min-width: 1400px) {
    input.form-control {
        border: 2px solid rgba(210, 223, 245) !important;
    }
}
/*--------------*/
@media (max-width: 1400px) {
    .custom-form .input-group-addon {
        border: 1px solid rgba(210, 223, 245) !important;
    }
}
@media (min-width: 1401px) {
    .custom-form .input-group-addon {
        border: 2px solid rgba(210, 223, 245) !important;
    }
}
@media screen and (min-width: 641px) {
    .custom-form label {
        font-size: 14px !important;
    }
}
@media screen and (max-width: 640px) {
    .custom-form label {
        font-size: 12px !important;
    }
}
@media screen and (min-width: 641px) {
    input.form-control {
        font-size: 14px !important;
    }
}
@media screen and (max-width: 640px) {
    input.form-control {
        font-size: 12px !important;
    }
}
/*----------------*/
input.form-control::placeholder {
    font-family: AvenirNext-Medium !important;
}
textarea.form-control::placeholder {
    font-family: AvenirNext-Medium !important;
    color: rgb(177, 177, 177) !important;
}
select.form-control {
    border: 1px solid rgba(210, 223, 245) !important;
    border-radius: 5px !important;
    height: 40px !important;
    font-size: 14px !important;
    font-family: AvenirNext-Medium !important;
}
@media (min-width: 1400px) {
    select.form-control {
        border: 2px solid rgba(210, 223, 245) !important;
    }
}

@media (min-width: 1401px) {
    .all_items_wrapper .remove-invoice-item {
        border: 2px solid rgba(210, 223, 245) !important;
    }
}
@media (max-width: 1400px) {
    .all_items_wrapper .remove-invoice-item {
        border: 1px solid rgba(210, 223, 245) !important;
    }
}

@media (min-width: 1401px) {
    .select2-container--default.select2-container--focus .select2-selection--multiple {
        border: 2px solid rgba(210, 223, 245) !important;
    }
}
@media (max-width: 1400px) {
    .select2-container--default.select2-container--focus .select2-selection--multiple {
        border: 1px solid rgba(210, 223, 245) !important;
    }
}

@media (min-width: 1401px) {
    .select2-container--default .select2-selection--multiple {
        border: 2px solid rgba(210, 223, 245) !important;
    }
}
@media (max-width: 1400px) {
    .select2-container--default .select2-selection--multiple {
        border: 1px solid rgba(210, 223, 245) !important;
    }
}

.bootstrap-tagsinput {
    border-radius: 5px !important;
}
@media (min-width: 1401px) {
    .bootstrap-tagsinput {
        border: 2px solid rgba(210, 223, 245) !important;
    }
}
@media (max-width: 1400px) {
    .bootstrap-tagsinput {
        border: 1px solid rgba(210, 223, 245) !important;
    }
}
@media screen and (max-width: 640px) {
    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
        text-align: right !important;
    }    
}
@media screen and (max-width: 640px) {
    .add-payment-link {
        font-size: 14px !important;
    }    
}

.form-hr {
    margin-top: 0px !important;
    border-top: 3px dashed rgba(210, 223, 245) !important;
}
.inv-rec-wrapper {
    background: #fff !important;
    border-radius: 20px !important;
}
.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.btn-attachment {
    width: 260px;
    height: 40px;
    background: #fff;
    border: 1px solid rgb(210, 223, 245) !important;
    border-radius: 8px !important;
    color: rgb(162, 162, 163);
    font-size: 15px !important;
    font-weight: 400 !important;
    font-family: AvenirNext-Medium !important;
}
@media (min-width: 1400px) {
    .btn-attachment {
        border: 2px solid rgb(210, 223, 245) !important;
    }
}
.upload-btn-wrapper input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
div.dt-buttons {
    display: none !important;
}
.dataTables_length label {
    display: none !important;
}
table.dataTable tbody tr {
    height: 70px !important;
    background-color: rgb(250,250,250) !important;
}
table.dataTable tbody tr:hover {
    background-color: #fff !important;
    -webkit-box-shadow: rgba(102, 102, 102, 0.09) 0px 0 15px;
    -moz-box-shadow: rgba(102, 102, 102, 0.09) 0 0 15px;
    box-shadow: rgba(102, 102, 102, 0.09) 0 0 15px;
    border-radius: 10px !important;
    opacity: 1;
}
.dataTables_wrapper table {
    border-collapse: separate !important;
    border-spacing: 0 5px !important;
}
.dataTables_wrapper table tbody tr td:first-child {
    border-top-left-radius: 10px !important;
    padding-left: 20px !important;
    border-bottom-left-radius: 10px !important;
}
.dataTables_wrapper table tbody tr td:last-child {
    border-top-right-radius: 10px !important;
    padding-right: 20px !important;
    border-bottom-right-radius: 10px !important;
}
.table:not(.table-dark) thead, .table:not(.table-dark) tfoot, table:not(.table-dark) thead, table:not(.table-dark) tfoot {
    background: transparent !important;
}
table.dataTable thead tr th {
    background-color: transparent !important;
    color: #B9B9B9 !important;
    font-family: Avenir-Heavy !important;
}
table.dataTable thead tr th:first-child {
    padding-left: 20px !important;
}
table.dataTable tbody tr td {
    font-weight: 500 !important;
    font-size: 12px !important;
    font-family: Avenir-Heavy !important;
    padding: 15px 5px !important;
}
.badge-btn {
    background-color: transparent !important;
}
.pos_Status_c, a.pos_Status_c {
    color: #A8A8A8 !important;
}
.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
    color: #B9B9B9 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: none !important;
    background-color: transparent !important;
    background: transparent !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: #B9B9B9 !important;
}
.dropdown.dt-vw-del-dpdwn button {
    border: none !important;
    background-color: transparent !important;
    color: #B9B9B9 !important;
}
.dropdown-menu a.dropdown-item {
    background-color: #E1F5FF !important;
}
.dropdown-menu a.dropdown-item:hover {
    background-color: #fff !important;
    color: #000 !important;
}
.dropdown-menu a.dropdown-item span {
    margin-right: 10px !important;
}
/*.reset-dataTable table.dataTable tbody tr.even td.sorting_1, .reset-dataTable table.dataTable tbody tr.odd td.sorting_1 {
    background-color: #E1F5FF !important;
}
.reset-dataTable table.dataTable tbody tr.even td.sorting_1, .reset-dataTable table.dataTable tbody tr.odd td.sorting_1:hover {
    background-color: #fff !important;
}
.reset-dataTable table.dataTable tbody tr.odd td.sorting_1, .reset-dataTable table.dataTable tbody tr.odd td.sorting_1 {
    background-color: #E1F5FF !important;
}
.reset-dataTable table.dataTable tbody tr.odd td.sorting_1, .reset-dataTable table.dataTable tbody tr.odd td.sorting_1:hover {
    background-color: #fff !important;
}
.reset-dataTable table.dataTable thead tr th:not(.no-event).sorting_asc {
    background-size: 16px;
    background-position: right center;
    background-position: calc(100% - 7px) center;
    background-image: url(../img/arrowU.svg);
    background-repeat: no-repeat;
}
.reset-dataTable table.dataTable thead tr th:not(.no-event).sorting_desc {
    background-size: 16px;
    background-position: right center;
    background-position: calc(100% - 7px) center;
    background-image: url(../img/arrowD.svg);
    background-repeat: no-repeat;
}*/
.start_stop_tax {
    display: flex;
}
.start_stop_tax .msg {
    color: #000 !important;
}
.pos_Status_cncl:active, .pos_Status_cncl:focus, .pos_Status_cncl:hover, a.pos_Status_cncl:active, a.pos_Status_cncl:focus, a.pos_Status_cncl:hover {
    color: red !important;
}
.pos_Status_cncl, a.pos_Status_cncl {
    color: red !important;
}
.pos_Status_c:active, .pos_Status_c:focus, .pos_Status_c:hover, a.pos_Status_c:active, a.pos_Status_c:focus, a.pos_Status_c:hover {
    color: rgb(0, 166, 255) !important;
}
.pos_Status_c, a.pos_Status_c {
    color: rgb(0, 166, 255) !important;
}
.sidebar .navigation-menu li .navigation-submenu li a {
    font-size: 14px !important;
    font-family: AvenirNext-Medium !important;
}
.modal-header .close {
    padding: 0px !important;
}
.modal .modal-dialog .close {
    top: 0px !important;
    right: 0px !important;
}
.modal-content {
    border-radius: 15px !important;
}
#message_popup .modal-header {
    /*height: 60px !important;*/
    border-bottom: none !important;
}
#message_popup .modal-header .form-title {
    margin-bottom: 0px !important;
}
#message_popup .modal-footer {
    border-top: none !important;
}
.sidebar .navigation-menu li .navigation-submenu li.active {
    border-right: 4px solid rgb(0, 166, 255);
}
.sidebar .navigation-menu li.active {
    border-right: 4px solid rgb(0, 166, 255);
}
.custom_range_selector {
    max-width: 350px !important;
    margin-top: 5px !important;
}
.custom_employee_selector {
    width: 160px !important;
}
.custom-form .form-control:disabled, .custom-form .form-control[readonly] {
    background-color: #fff !important;
}
.custom-form .input-group-addon {
    /*border: 1px solid rgba(210, 223, 245) !important;*/
    background-color: #fff !important;
    height: 40px !important;
}
.input-group-text {
    background-color: #fff !important;
    border: none !important;
}
table.dataTable.no-footer {
    border: none !important;
}
td a.badge-btn {
    background-color: #fff !important;
    border: 1px solid rgb(244, 244, 244) !important;
    padding: 7px 10px !important;
    font-family: AvenirNext-Medium !important;
}
.dataTables_wrapper .dataTables_filter input {
    width: 250px !important;
    height: 42px!important;
    color: #4a4a4a;
    -webkit-box-shadow: 0 0;
    box-shadow: 0 0;
    padding-right: 35px;
    padding-left: 15px;
    border-color: #e1e6ea;
    font-weight: normal;
    border-radius: 3px;
    /*background-image: url(new_assets/img/search.png);*/
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: right 15px center;
    border: none;
    border-radius: 5px;
}
.dataTables_wrapper .dataTables_filter input::-webkit-input-placeholder {
    color: rgb(177, 177, 177);
}

.dataTables_wrapper .dataTables_filter input:-ms-input-placeholder {
    color: rgb(177, 177, 177);
}

.dataTables_wrapper .dataTables_filter input::placeholder {
    color: rgb(177, 177, 177);
}
@media (min-width: 1200px) {
    .table thead tr th, .table tfoot tr th, table thead tr th, table tfoot tr th {
        font-size: 16px;
    }
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-top: none !important;
    font-family: Avenir-Heavy !important;
}
.table.dataTable tbody td {
    border-top: none !important;
    font-family: AvenirNext-Medium !important;
}
.employee_date_range {
    margin-top: 10px !important;
}
.custom-chart-label span {
    font-family: AvenirNext-Medium;
}
.sidebar .user-profile .user-name {
    font-family: Avenir-Heavy !important;
}
.custom-form label {
    font-family: AvenirNext-Medium !important;
    font-weight: 600 !important;
    /*font-size: 14px !important;*/
}
.btn {
    font-family: Avenir-Heavy !important;
}
.highcharts-axis-labels text {
    font-family: Avenir-Black !important;
}
.highcharts-tooltip text {
    font-family: AvenirNext-Medium !important;
}
@media (max-width: 1000px) {
    .page-title {
        margin-left: 0rem !important;
    }
}
/**:focus {
    outline: none;
}*/
textarea:focus, input:focus, select:focus{
    outline: none !important;
}
@media (max-width: 991.98px) {
    .header-fixed .sidebar {
        margin-top: 65px;
    }
    .sidebar .navigation-menu {
        padding-bottom: 70px;
    }
}
@media screen and (max-width: 1120px) {
    .custom-chart-label span {
        font-size: 10px !important;
    }
    .custom-chart-label {
        padding-right: 0px;
    }
    .rectangle {
        height: 8px !important;
        width: 15px !important;
    }
    .rectangle-darked {
        height: 8px !important;
        width: 15px !important;
    }
}
@media screen and (max-width: 600px) {
    .h4-custom {
        font-size: 16px !important;
        margin-bottom: 0px !important;
    }
    #daterange {
        font-size: 10px !important;
    }
    select#employee {
        font-size: 10px !important;
        margin-right: 5px;
    }
    .custom_employee_selector {
        width: auto !important;
    }
}
@media screen and (max-width: 380px) {
    .btn:not(.social-icon-btn).social-btn-outlined {
        font-size: 10px !important;
    }
    /*.btn i {
        font-size: 12px !important;
    }*/
    .btn.social-btn-outlined i.small {
        margin-left: -10px !important;
    }
    /*.btn.social-btn-outlined i.medium {
        margin-left: -7px !important;
    }*/
}
@media screen and (max-width: 950px) {
    .link-title {
        font-size: 12px !important;
    }
    .sidebar .navigation-menu li .navigation-submenu li a {
        font-size: 12px !important;
    }
}
.daterangepicker .ranges li:hover {
    color: #007bff !important;
}