.main-content {
    padding: 10px;
}

/*.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, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .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, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl, .col-xxl-auto {
    padding-right: 6px;
    padding-left: 5px;
}*/

.widget.widget-tile {
    margin-bottom: 10px;
}

.widget {
    margin-bottom: 10px;
}

.card {
    margin-bottom: 10px;
}

.form-group.row {
    padding: 2px 0;
}

.dataTables_filter {
    display: none;
}

.dt-buttons.btn-group.flex-wrap {
    margin-bottom: 5px;
}

.be-sub-navigation {
    margin-bottom: 0px;
}

/*Datatable*/
.dataTables_wrapper .dataTables_length {
    float: right !important;
}

.notifications-actions {
    font-size: 15px;
}

.notifications-actions a {
    padding-right: 3px;
    color: #404040;
}

.table-bordered > thead > tr > th {
    padding: inherit;
}

.table-sm tr, .table-sm td {
    padding: 4px;
}

table.dataTable.table-sm .sorting:before, table.dataTable.table-sm .sorting_asc:before, table.dataTable.table-sm .sorting_desc:before {
    top: -2px;
    right: 0.85em;
}

table.dataTable.table-sm .sorting:after, table.dataTable.table-sm .sorting_asc:after, table.dataTable.table-sm .sorting_desc:after {
    top: -2px;
}

.dataTable {
    table-layout: fixed;
}

table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right {
    text-align: right;
}

.table thead th {
    vertical-align: middle;
}

.table-responsive tbody > tr > td {
    padding-top: 2px;
    padding-bottom: 2px;
}

.notifications-actions {
    width: 30px;
}

.select2-container--default .select2-selection--single {
    height: 2rem;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 2rem;
    line-height: 2rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 2rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b:after {
    line-height: 2rem;
}

.page-link {
    padding: 0.5rem;
}

/*EndDatatable*/

.btn-secondary .icon, .btn-light .icon {
    color: white;
}

select.form-control-xs:not([size]):not([multiple]) {
    height: 24px;
}

.preview-table tr td:first-of-type {
    font-weight: bold;
}

.form-control-xs,
.dataTable .form-control-xs {
    height: 24px;
    padding: 4px 4px;
}

.dataTables_length {
    margin-bottom: 10px;
}

.notifications-actions a:hover {
    color: #06f !important;
    cursor: pointer;
}

/*collapsible start*/
.collapsible-example {
    background-color: #777;
    color: white;
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    height: 30px;
}

.collapsible-example:hover {
    background-color: #555;
}

.collapsible-content {
    padding: 0 18px;
    display: none;
    overflow: hidden;
    background-color: #f1f1f1;
}

/*collapsible end*/

.table th, .table td {
    padding: 5px;
}

table.preview tr td:first-of-type {
    font-weight: bold;
}

.widget.widget-fullwidth, .widget {
    padding: 5px;
}

#modal_open_window_sm .modal-content {
    max-width: 400px;
}

.modal_open_window_lg .modal-dialog,
.modal_open_window_lg .modal-content {
    max-width: 750px;
}

.modal_open_window_xl .modal-dialog,
.modal_open_window_xl .modal-content {
    max-width: 1700px;
}

.colored-header .modal-content .modal-header {
    padding: 5px 10px;
}

.select2-container--default .select2-selection--single {
    height: 24px;
}

.select2-container--default .select2-results__option {
    padding: 6px 6px;
}

select.form-control-xs {
    padding: 3px 9px;
}

.be-top-header .be-navbar-header .navbar-brand {
    background-size: 102px 45px;
}

.dt-body-right {
    text-align: right;
}

.select2-container--default .select2-results__option {
    padding: 1px 3px;
}

.dataTable input:not(:placeholder-shown), .has-selected-option {
    background: #fff2cc;
}

.mis-title {
    font-weight: bold;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    width: 100%;
    display: block;
    margin-bottom: 12px;
}

table.dataTable tbody tr.odd.selected,
table.dataTable tbody tr.odd.selected {
    background-color: #acbad4;
}

table.dataTable tbody tr.selected {
    background-color: #b0bed9;
}

.buttons-html5 {
    margin-right: 5px;
    margin-bottom: 5px;
}

.dataTable tfoot tr td {
    font-weight: bold;
}

.col-form-label {
    padding-top: 5px;
}

.be-left-sidebar .sidebar-elements > li ul li {
    width: fit-content;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0px 5px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 20px;
}

select.form-control-xs {
    padding: 3px 2px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 12px;
}

@media screen and (min-width: 768px) {
    .be-left-sidebar {
        width: 170px;
    }

    .be-content {
        margin-left: 170px;
    }
}


@media screen and (max-width: 767.98px) {
    .be-sub-navigation .navbar-nav > li.nav-item > a.nav-link {
        padding: 3px 20px;
    }
}

.note-editable {
    width: 100%;
    border: 1px solid #dadbdd;
    border-radius: 5px;
    padding: 10px 15px;
    outline: none;
    margin: 0;
    box-shadow: none;
    font-size: 12px;
    display: block;
    color: #222634;
    height: 130px;
    -webkit-resize: none;
    resize: none;
    transition: 0.2s;
    margin-bottom: 20px;
}


.extended_form_fields {
    display: none;
    width: 100%;
}

/*Start of extended form*/

.modal-dialog.full-modal {
    max-width: 100%;
    height: 100%;
    max-height: 100%;
}

.full-modal .modal-content {
    width: calc(100% - 40px);
    max-width: 100%;
    height: 100%;
    max-height: 100%;
}

@media (min-width: 576px) {
    .full-modal.modal-dialog {
        margin: 1.75rem auto;
    }
}

.main_form_fields {
    min-width: 530px;
}

.extended_form_fields {
    display: none;
    width: 100%;
}

.modal-dialog.full-modal #action-form {
    display: flex;
}

.modal-dialog.full-modal .extended_form_fields {
    display: block;
}

.modal-dialog.full-modal .note-editable.card-block {
    max-height: 1000px;
    height: auto;
    min-height: 290px;
}

.extended_form {
    margin-top: 2px;
}

.extended-form-label,
.extended_form {
    font-size: 11px;
    font-weight: bold;
}

/*End of extended form*/



/*BUTTONS*/
.btn-check {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}
/*Red*/
.btn-red, .btn-red:focus, .btn-red:active {
    display: inline-block;
    outline: none;
    border: none;
    font-size: 12px;
    color: #fff !important;
    background: #ff033e;
    border-radius: 5px;
    padding: 6px;
    min-width: 94px;
    text-align: center;
    cursor: pointer;
    line-height: 1.4;
    transition: 0.2s;
}

/*Green*/
.btn-green, .btn-green:focus, .btn-green:active {
    display: inline-block;
    outline: none;
    border: none;
    font-size: 12px;
    color: #fff !important;
    background: #277246;
    border-radius: 5px;
    padding: 6px;
    min-width: 94px;
    text-align: center;
    cursor: pointer;
    line-height: 1.4;
    transition: 0.2s;
}

.btn-green-light, .btn-green-light:focus, .btn-green-light:active {
    display: inline-block;
    outline: none;
    border: none;
    font-size: 12px;
    color: #fff !important;
    border-radius: 5px;
    padding: 6px;
    min-width: 94px;
    text-align: center;
    cursor: pointer;
    line-height: 1.4;
    transition: 0.2s;
}

.btn-red-light, .btn-red-light:focus, .btn-red-light:active {
    display: inline-block;
    outline: none;
    border: none;
    font-size: 12px;
    color: #fff !important;
    border-radius: 5px;
    padding: 6px;
    min-width: 94px;
    text-align: center;
    cursor: pointer;
    line-height: 1.4;
    transition: 0.2s;
}

.btn-check:active + .active-green-light,
.btn-check:checked + .active-green-light,
.active-green-light.active,
.active-green-light.dropdown-toggle.show,
.active-green-light:active {
    /*border: 1px solid #97c6ab;*/
    color: #000 !important;
    background: #97c6ab;
}

.btn-check:active + .active-blue-light,
.btn-check:checked + .active-blue-light,
.active-blue-light.active,
.active-blue-light.dropdown-toggle.show,
.active-blue-light:active {
    /*border: 1px solid #97c6ab;*/
    color: #000 !important;
    background: #deeaf2;
}

.btn-check:active + .active-red-light,
.btn-check:checked + .active-red-light,
.active-red-light.active,
.active-red-light.dropdown-toggle.show,
.active-red-light:active {
    /*border: 1px solid #ffbaba;*/
    color: #000 !important;
    background: #ffbaba;
}

.btn-check:active + .active-orange-light,
.btn-check:checked + .active-orange-light,
.active-orange-light.active,
.active-orange-light.dropdown-toggle.show,
.active-orange-light:active {
    /* border: 1px solid #ffeee0;*/
    color: #000 !important;
    background: #ffeee0;
}

.btn-check:active + .active-purple-light,
.btn-check:checked + .active-purple-light,
.active-purple-light.active,
.active-purple-light.dropdown-toggle.show,
.active-purple-light:active {
    /*border: 1px solid #eddaf2;*/
    color: #000 !important;
    background: #eddaf2;
}

.btn-check:active + .active-grey-light,
.btn-check:checked + .active-grey-light,
.active-grey-light.active,
.active-grey-light.dropdown-toggle.show,
.active-grey-light:active {
    /*border: 1px solid #eddaf2;*/
    color: #000 !important;
    background: #ced4da;
}

/*Default*/
.btn-default-icon, .btn-default-icon:focus, .btn-default-icon:active {
    display: inline-block;
    outline: none;
    border: none;
    font-size: 12px;
    color: #222634 !important;
    background: #f1f2f5;
    border-radius: 5px;
    padding: 6px;
    min-width: 94px;
    text-align: center;
    line-height: 1.4;
    cursor: pointer;
    transition: 0.2s;
}

/*Navy*/
.btn-navy, .btn-navy:focus, .btn-navy:active {
    display: inline-block;
    outline: none;
    border: none;
    font-size: 12px;
    color: #fff !important;
    background: #222634;
    border-radius: 5px;
    padding: 6px;
    min-width: 94px;
    text-align: center;
    line-height: 1.4;
    cursor: pointer;
    transition: 0.2s;
}

/*Green*/
.btn-green-border-icon, .btn-green-border-icon:focus, .btn-green-border-icon:active {
    display: inline-block;
    outline: none;
    border: none;
    font-size: 12px;
    color: #277246 !important;
    border: 1px solid #277246;
    background: #fff;
    border-radius: 5px;
    padding: 4px;
    min-width: 94px;
    text-align: center;
    line-height: 1.4;
    cursor: pointer;
    transition: 0.2s;
}

.btn-blue-border-icon:focus,
.btn-blue-border-icon:active,
.btn-blue-border-icon:hover {
    background: #eff7f3;
}

/*Blue*/
.btn-blue-border-icon, .btn-blue-border-icon:focus, .btn-blue-border-icon:active {
    display: inline-block;
    outline: none;
    border: none;
    font-size: 12px;
    color: #0046af !important;
    border: 1px solid #0046af;
    background: #fff;
    border-radius: 5px;
    padding: 4px;
    min-width: 94px;
    text-align: center;
    line-height: 1.4;
    cursor: pointer;
    transition: 0.2s;
}

.btn-blue-border-icon:focus,
.btn-blue-border-icon:active,
.btn-blue-border-icon:hover {
    background: #edf1f4;
}

/*Light-blue*/
.btn-light-blue-border-icon, .btn-light-blue-border-icon:focus, .btn-light-blue-border-icon:active {
    display: inline-block;
    outline: none;
    border: none;
    font-size: 12px;
    color: #27addd !important;
    border: 1px solid #27addd;
    background: #fff;
    border-radius: 5px;
    padding: 4px;
    min-width: 94px;
    text-align: center;
    line-height: 1.4;
    cursor: pointer;
    transition: 0.2s;
}

.btn-light-blue-border-icon:focus,
.btn-light-blue-border-icon:active,
.btn-light-blue-border-icon:hover {
    background: #d1f2ff;
}

/*Orange*/
.btn-orange-border-icon, .btn-orange-border-icon:focus, .btn-orange-border-icon:active {
    display: inline-block;
    outline: none;
    border: none;
    font-size: 12px;
    color: #c15903 !important;
    border: 1px solid #c15903;
    background: #fff;
    border-radius: 5px;
    padding: 4px;
    min-width: 94px;
    text-align: center;
    line-height: 1.4;
    cursor: pointer;
    transition: 0.2s;
}

.btn-orange-border-icon:focus,
.btn-orange-border-icon:active,
.btn-orange-border-icon:hover {
    background: #ffeee0;
}

/*Grey*/
.btn-grey-border-icon, .btn-grey-border-icon:focus, .btn-grey-border-icon:active {
    display: inline-block;
    outline: none;
    border: none;
    font-size: 12px;
    color: #000 !important;
    border: 1px solid #92949b;
    background: #fff;
    border-radius: 5px;
    padding: 4px;
    min-width: 94px;
    text-align: center;
    line-height: 1.4;
    cursor: pointer;
    transition: 0.2s;
}

.btn-grey-border-icon:focus,
.btn-grey-border-icon:active,
.btn-grey-border-icon:hover {
    background: #f1f2f5;
}

/*RED*/
.btn-red-border-icon, .btn-red-border-icon:focus, .btn-red-border-icon:active {
    display: inline-block;
    outline: none;
    border: none;
    font-size: 12px;
    color: #ff033e !important;
    border: 1px solid #ff033e;
    background: #fff;
    border-radius: 5px;
    padding: 4px;
    min-width: 94px;
    text-align: center;
    line-height: 1.4;
    cursor: pointer;
    transition: 0.2s;
}

.btn-red-border-icon:focus,
.btn-red-border-icon:active,
.btn-red-border-icon:hover {
    background: #fcefef;
}

/*Purple*/
.btn-purple-border-icon, .btn-purple-border-icon:focus, .btn-purple-border-icon:active {
    display: inline-block;
    outline: none;
    border: none;
    font-size: 12px;
    color: #b02ed1 !important;
    border: 1px solid #b02ed1;
    background: #fff;
    border-radius: 5px;
    padding: 4px;
    min-width: 94px;
    text-align: center;
    line-height: 1.4;
    cursor: pointer;
    transition: 0.2s;
}

.btn-purple-border-icon:focus,
.btn-purple-border-icon:active,
.btn-purple-border-icon:hover {
    background: #eddaf2;
}

.btn-green-border-icon.grey-border,
.btn-green-border-icon.grey-border:focus,
.btn-green-border-icon.grey-border:active {
    color: #222634 !important;
    border: 1px solid #aaaaaa;
}

.btn-green-border-icon.grey-border:hover {
.btn-group > .btn:last-of-type:not(.btn-secondary),
.input-group-btn > .btn:last-of-type:not(.btn-secondary),
.input-group-prepend > .btn:last-of-type:not(.btn-secondary),
.input-group-append > .btn:last-of-type:not(.btn-secondary)
color: #0066ff !important;
    border: 1px solid #0066ff;
}

/*Disabled*/
.disabled {
    color: #92949b !important;
    pointer-events: none !important;
    background-color: #e9ecef;
    opacity: 1;
}

button:disabled,
button[disabled] {
    color: #92949b !important;
    border: 1px solid #92949b !important;
    pointer-events: none !important;
    background: none !important;
    /*cursor: not-allowed!important;*/
}

.btn-group .btn:first-of-type {
    border-top-left-radius: 5px!important;
    border-bottom-left-radius: 5px!important;
}
/*End buttons*/

.group_views {
    display: none;
}

.group_views.show {
    display: table-row-group;
}

.pay-status-hold.show {
    display: contents!important;
}

#action-form .dropzone {
    min-height: 30px;
}

.dropzone .dz-message {
    margin: 5px 0;
}

/*FullCalendar*/

.fc-time {
    padding-left: 5px;
}

.fc-dayGridMonth-view .fc-time:before {
    content: "•";
    margin-right: 2px;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #0046af;
    color: #454545;
}

.fc-day-grid-event {
    padding: 0 5px !important;
}


.calendar-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: stretch;
    align-items: stretch;
    overflow: hidden;
    -webkit-box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
    box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    border-radius: 8px;
    opacity: 0;
    -webkit-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
}

.fc-more,
.fc-title {
    font-size: 11px !important;
}

.fc-title:before {
    content: "";
    display: inline-block;
    box-sizing: content-box;
    width: 0;
    height: 0;
    border: 5px solid #3788d8;
    border-radius: 5px;
    margin-right: 3px;
}

.fc-list-heading-main,
.fc-list-item-title,
.fc-list-heading-alt {
    font-size: 14px;
}

.fc-event-dot {
    display: inline-block;
    box-sizing: content-box;
    width: 0;
    height: 0;
    border: 5px solid #3788d8;
    border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, #3788d8);
    border-radius: 5px;
    border-radius: calc(var(--fc-list-event-dot-width, 10px) / 2);
}

.fc .fc-list-day-cushion,
.fc .fc-list-table td {
    line-height: 25px;
}

.popup {
    display: none;
    position: absolute;
}

.fullcalendar-modal {
    width: 600px;
    border-radius: 10px;
    background: #fff;
    z-index: 99;
    -webkit-box-shadow: 0px 5px 16px 0px rgba(58, 63, 81, 0.3);
    -moz-box-shadow: 0px 5px 16px 0px rgba(58, 63, 81, 0.3);
    box-shadow: 0px 5px 16px 0px rgba(58, 63, 81, 0.3);
    transition: 0.2s;
    font-size: 12px;
}

.menu-trigger-content {
    width: 360px;
    padding: 12px 18px;
}

.action-status:before {
    content: "";
    display: inline-block;
    box-sizing: content-box;
    width: 0;
    height: 0;
    border-radius: 5px;
    margin-right: 3px;
}

.action-status.red:before,
.fc-day-grid-event.red .fc-title:before,
.fc-time-grid-event.red .fc-title:before,
.fc-list-item.red .fc-event-dot {
    border: 5px solid #ff033e;
}

.action-status.green:before,
.fc-day-grid-event.green .fc-title:before,
.fc-time-grid-event.green .fc-title:before,
.fc-list-item.green .fc-event-dot {
    border: 5px solid #277246;
}

.action-status.purple:before,
.fc-day-grid-event.purple .fc-title:before,
.fc-time-grid-event.purple .fc-title:before,
.fc-list-item.purple .fc-event-dot {
    border: 5px solid #e1b6ed;
}

.action-status.orange:before,
.fc-day-grid-event.orange .fc-title:before,
.fc-time-grid-event.orange .fc-title:before,
.fc-list-item.orange .fc-event-dot {
    border: 5px solid #f9d2b1;
}

.action-title {
    font-size: 10px;
}

.crm_actions_time {
    font-size: 10px;
}

.actions-from-to {
    line-height: 30px;
    font-size: 12px;
}

.client-title {
    font-size: 12px;
}

.fc .fc-list-day-cushion, .fc .fc-list-table td {
    font-size: 12px;
}

.fc-event-dot {
    border-width: 4px !important;
}

.invoice-closed {
    font-size: 10px;
    color: #ff033e;
}

.upcoming-actions-filter {
    max-height: 600px;
    overflow-y: scroll;
}

.upcoming-actions-filter tr td {
    vertical-align: top !important;
}

.title-xs {
    font-size: 11px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 18px;
    position: relative;
}

.upcoming-actions a {
    color: #222634 !important;
}

.cb-dropdown-wrap:hover .cb-dropdown {
    height: 350px;
    overflow: auto;
    transition: 0.2s height ease-in-out;
    width: auto;
}

#holder_get_actions_html {
    min-height: 300px;
}

.calendar-users-filter label {
    font-size: 10px;
}

.filter-checkbox label:before {
    line-height: 15px;
    width: 15px;
    height: 15px;
    font-size: 10px;
}

.calendar-users-filter .filter-checkboxes {
    margin-bottom: 0px;
}

.calendar-users-filter .filter-checkbox {
    margin-bottom: 0px;
    height: 18px;
}

.calendar-users-filter .title-xs {
    margin-bottom: 0px
}

.calendar-users-filter hr {
    margin-top: 15px;
    margin-bottom: 5px;
}

td.fc-event-container a {
    border: 1px solid #c5c5c5 !important
}

.fc-time-grid-event .fc-content {
    min-height: 30px;
}

/*ENd FullCalendar*/

.splitter {
    margin-top: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #e6e7ea;
}

.action_preview p {
    margin-bottom: 0;
}

.nav-item.dropdown.active > a .icon {
    color: #4285f4!important;
}

.filter-checkbox label {
    display: inline-block;
    white-space: nowrap;
}

/*Kanban start*/
.kaban-block-list {
    padding: 6px;
    border-top: 3px solid transparent;
    background: #e9eaee;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.kaban-block-list-blue {
    border-top: 3px solid #0066ff;
}
.kaban-block-list-red {
    border-top: 3px solid #ff033e;
}
.kaban-block-list-orange {
    border-top: 3px solid #ff7805;
}
.kaban-block-list-yellow {
    border-top: 3px solid #e4d201;
}
.kaban-block-list-green {
    border-top: 3px solid #2e965b;
}
.kaban-block-list-navy {
    border-top: 3px solid #222534;
}
.kaban-block-list-purple {
    border-top: 3px solid #b12ed2;
}

.kaban-block-title {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 9px;
}
.kaban-block-title span {
    font-size: 14px;
    font-weight: 400;
    color: #9c9ea3;
}

.kaban-block-item {
    background: #fff;
    border-radius: 5px;
    padding: 15px 20px 18px;
    margin-bottom: 6px;
}
.kaban-block-item:last-child {
    margin-bottom: 0px;
}

.kaban-grid-hold .row {
    margin-right: -6px;
    margin-left: -6px;
}
.kaban-grid-hold .row .col-sm-12 {
    padding-left: 6px;
    padding-right: 6px;
}

.kaban-block-item-top-left {
    font-size: 13px;
    padding-right: 5px;
}
.kaban-block-item-top-left span {
    display: inline-block;
    font-weight: 600;
    min-width: 67px;
}

.kaban-block-item-top-right {
    text-align: right;
    font-size: 13px;
    padding-left: 5px;
}

.kaban-block-item-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-bottom: 11px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e6e7ea;
}

.kaban-block-item-bottom-title {
    font-size: 13px;
    font-weight: 600;
}

.kaban-block-item-bottom-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.kaban-block-item-bottom-left {
    padding-right: 5px;
    font-size: 13px;
}
.kaban-block-item-bottom-left a {
    color: #0066ff;
    transition: 0.2s;
}
.kaban-block-item-bottom-left a:hover {
    color: #004fc6;
}

.kaban-block-item-bottom-right {
    padding-left: 5px;
    font-size: 13px;
    font-weight: 600;
}

.kanban-item {
    padding: 0px;
}

.kaban-block-item {
    padding: 5px;
}

.kanban-item {
    margin-bottom: 5px;
}

.kaban-block-item-top {
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.kaban-block-item-top-left,
.kaban-block-item-top-right,
.kaban-block-item-bottom-left,
.kaban-block-item-bottom-right,
.kaban-block-item-bottom-title {
    font-size: 10px;
}

.universal-table-hold {
    background: #fff;
    border-radius: 10px;
    min-height: 100%;
}

.kaban-block-list {
    min-height: 200px;
}
/*Kanban end*/


.modal_open_window_lg .modal-dialog,
#modal_open_window_lg .modal-dialog {
    max-width: 1000px;
}

#modal_open_window_xl .modal-dialog {
    max-width: 1400px;
}

.modal-lg {
    max-width: 900px !important;
}

#search_results_clients {
    height: 200px;
    overflow: auto;
}

.kaban-block-list {
    max-width: 312px;
}

.kanban-item {
    max-width: 300px;
}

.kanban-title-board a,
.kanban-item a {
    color: #0e53c5!important;
}

.kaban-block {
    min-width: 300px!important;
}

.user-timeline-compact > li {
    padding-bottom: 22px!important;
}

/*
Email list
*/

.aside-compose {
    padding: 5px 10px;
}

.email-head-title {
    padding: 5px 10px!important;
    font-size: 16px;
    font-weight: bold;
}
.email-compose-fields {
    padding: 10px 10px!important;
}

.email-head-subject {
    padding: 5px 10px;
}

.email-head-subject .title {
    font-size: 16px;
    font-weight: bold;
}

.email-head-sender {
    padding: 5px 10px;
    line-height: 15px;
}

.email-body {
    padding: 10px;
}

.page-aside {
    width: 400px;
}

.email-list {
    padding-bottom: 100px!important;
}

.email-list-item .from {
    line-height: 14px;
    font-weight: bold;
}

.email-list-item {
    padding: 5px;
}

.email-list-item .msg {
    line-height: 14px;
}

.email-list-item:last-child {
    margin-bottom: 100px!important;
}

.aside-nav .nav li a {
    color: #404040;
    padding: 3px 22px!important;
}

.email-list-actions {
    width: 20px;
}

.custom-checkbox .custom-control-label:before {
    width: 15px;
    height: 15px;
}

.email-body p {
    line-height: 16px;
    margin-bottom: 2px;
}

.email-list-detail .date {
    font-size: 12px;
}

.input-group-sm > .form-control:not(textarea) {
    height: 26px;
}

.input-search.input-group-sm .input-group-btn button {
    height: 18px;
    margin-right: 8px;
}
.email-filters .be-select-all.custom-checkbox {
    padding: 0;
}

/*
END Email list
*/

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    font-size: 16px!important;
}

.custom-control-label::after {
    width: 16px!important;
    height: 16px!important;
}

.email-list-item.active {
    background: white;
}

.email-list-item.active:after {
    content: '';
    display: block;
    position: absolute;
    width: 3px;
    top: -1px;
    bottom: -1px;
    left: 0;
    background-color: #4285f4;
}

.email-list-item--unread:after {
    background-color: #ff7805;
}


/*Image gallery - Carousel start*/

#custCarousel .carousel-indicators {
    position: static!important;
    margin-top: 20px!important;
}

#custCarousel .carousel-indicators>li {
    width: 100px!important;
}

#custCarousel .carousel-indicators li img {
    display: block!important;
    opacity: 0.5!important;
}

#custCarousel .carousel-indicators li.active img {
    opacity: 1!important;
}

#custCarousel .carousel-indicators li:hover img {
    opacity: 0.75!important;
}

.carousel-item,
.carousel-item img {
    max-height: 300px;
}

/*Image gallery - Carousel end*/

.page-aside {
    width: 185px;
    left: 170px!important;
}
.be-aside .main-content {
    margin-left: 70px;
    width: auto;
}
.dataTable td{
    color: black;
}
a {
    color: #2057b4;
}
.be-left-sidebar .sidebar-elements > li.active > a > span {
    color: #2057b4;
}
.be-left-sidebar .sidebar-elements > li ul li.active > a {
    color: #2057b4;
}
.be-left-sidebar .sidebar-elements > li.active > a {
    color: #2057b4;
}
.be-sub-navigation .navbar-nav > li.nav-item.active > a.nav-link {
    color: #2057b4;
}

.be-left-sidebar .sidebar-elements > li ul li > a {
    color: black;
}
.be-icons-nav > li.dropdown > a .icon {
    color: #000000;
}
.be-notifications .notification > a .notification-info .text {
    color: #000;
}
.be-icons-nav > li.dropdown .dropdown-menu .title {
    color: #000;
}
.be-icons-nav > li.dropdown .dropdown-menu .footer a {
    color: #000;
}
.be-notifications .notification > a .notification-info .user-name {
    color: #2057b4;
}
.be-top-header .navbar-nav > li.dropdown .dropdown-menu > a {
    color: #000;
}
label {
    color: #000;
}
.card {
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 30%);
}
.card-header {
    padding: 10px 10px;
}
.pb-3, .py-3 {
    padding-bottom: 5px !important;
}
p {
    margin: 0px 0 2px;
}

.card-header {
    margin: 5px!important;
    padding: 5px!important;
}
.card-header .title {
    font-size: 14px;
}