[v-cloak] {
    display: none !important;
}


.unclickable {
    pointer-events: none;
    opacity: 0.6; /* Optional: to visually indicate the link is disabled */
    cursor: not-allowed;
}
.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    /*-khtml-user-select: none;*/
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*sidebar*/
a[aria-expanded="true"].has-arrow .waves-effect {
    background-color: green;
}

    /*general*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}
h4 {
    color: #0056FF !important;

}
.form-control.custom_search {
    border-radius: 7px;
    padding: 10px;
    border-color: #0056FF
}

.export_button {
    background-color: #C2FF4A !important;
    border-radius: 7px !important;
    padding: 10px !important;
    color: #0056FF !important;
    border-color: #C2FF4A !important;
}



.import_button {
    background-color: #C2FF4A !important;
    border-color: #C2FF4A !important;

    border-radius: 7px !important;
    padding: 10px !important;
    color: #0056FF !important;
}

.add_button {
    border-radius: 7px !important;
    padding: 10px !important;
    color: white !important;
    background-color: #0056FF !important;
}

.select2-selection__choice__remove {
    padding: 0 !important;
    /*width: 0 !important;*/
    /*height: 0 !important;*/
}
.select2-selection__choice {
    border: 1px solid #aaa !important;
    font-size: 12px !important;
    background-color: #e4e4e4 !important;
    padding: 0 10px 0 10px !important;

}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted {
    background-color: #DCDCDC !important;
}
.td-actions.text-left.text-body.fw-bold.sorting_desc {
    color: white !important;
}
.td-actions.text-left.text-body.fw-bold.sorting_asc {
    color: white !important;
}
.td-actions.text-left.text-body.fw-bold.sorting {
    color: white !important;
}
.td-actions.text-left.text-body.fw-bold.sorting_disabled {
    color: white !important;
}
.td-actions.text-left.align-middle.text-body.fw-bold.sorting_asc {
    color: white !important;
}
.td-actions.text-left.align-middle.text-body.fw-bold.sorting_desc {
    color: white !important;
}

.table-light {
    --bs-table-color: #fff !important;
    --bs-table-bg: #0056FF;
}
.table thead th:first-child {
    border-radius: 7px 0 0 0;

}
.table thead th:last-child {
    border-radius: 0 7px 0 0;
}
.horizontal-line {
    /*width: 195px;*/
    border: 1px solid #C2FF4A;
}
.auth-full-bg .bg-overlay {
    /*background: url("resources/images/LogoExpedos.png");*/
}
.bg-overlay {
    opacity: 1;
}
.form-control:disabled {
    background-color: white;
}

.form-select:disabled {
     color: black;
    background-color: white;
}

/*Select2 Bootstrap*/
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
    border: 1px solid #0056FF;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
    border: 1px solid #0056FF;
}

/*datepicker*/
.datepicker table tr td.new, .datepicker table tr td.old, .datepicker table tr td span.new, .datepicker table tr td span.old {
 opacity: unset;
}

.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
    background-color: #E5EEFF !important;
    border-radius: 7px;
    color: black !important;
    outline: 1px solid transparent;
}

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td .active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active {
    background-color: #0056FF !important;
    color: white !important;
    border-radius: 7px;
}

.datepicker table tr td.day.focused, .datepicker table tr td.day:hover, .datepicker table tr td span.focused, .datepicker table tr td span:hover {
    outline: 1px solid blue;
    border-radius: 7px;
    background-color: white;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
    background-color: #0056FF;
    border-radius: 7px;
}

/*Hover*/
.preview-container:hover {
    filter: brightness(0.8);
}

.delete-svg:hover {
    display: block;
    width: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
}

a.btn:hover {
    filter: brightness(0.95);
}
.btn.login {
    /*filter: brightness(0.95);*/
    background-color: #0056FF;
    border-color: unset;

}
.btn {
    --bs-btn-border-radius: 7px;
}
.btn-primary {
    --bs-btn-hover-bg: #004EE8;
}
.btn:hover {
    filter: brightness(0.95);
}
button:hover {
    filter: brightness(0.95);
}

.page-link:hover {
    color: white;
    background-color: #0056ff;
    border-color: #0056ff;
    filter: brightness(0.95);
}

.btn.waves-effect.waves-light.mb-2.me-2:hover {
    /*color: white !important;*/
    filter: brightness(0.95);
}

/*Priority List*/
.p1_priority {
    background-color: rgb(222 37 32 / 20%);
    /*background-color: #FF0C72;*/
    /*color: white;*/
    color: #DE2520;
    border-radius: 5px;
    width: 40px;
    height: 25px;
}

.p2_priority {
    background-color: rgb(255 144 39 / 20%);
    /*background-color: #FF7F11;*/
    /*color: white;*/
    color: #FF9027;
    border-radius: 5px;
    width: 40px;
    height: 25px;
}

.p3_priority {
    background-color: rgb(134 213 66 / 20%);
    /*background-color: #C2FF4A;*/
    /*color: black;*/
    color: #86D542;
    border-radius: 5px;
    width: 40px;
    height: 25px;
}

/*Status List*/
.status_new {
    /*background-color: rgba(227, 245, 191, 1);*/
    background-color: #FFFFEC;
    /*color: #4C7002;*/
    color: #BCA713;
    padding: 4px 8px 4px 8px;
    border-radius: 7px;
    width: fit-content;
}

.status_count {
    /*background-color: rgba(240, 195, 240, 1);*/
    background-color: #EAF5FF;
    /*color: #750C75;*/
    color:#006096;
    padding: 4px 8px 4px 8px;
    border-radius: 7px;
    width: fit-content;
}

.status_cancel {
    /*background-color: rgba(250, 205, 205, 1);*/
    background-color: #C8C8C8;
    /*color: #CC0000;*/
    color: black;
    padding: 4px 8px 4px 8px;
    border-radius: 7px;
    width: fit-content;
}

.status_ready {
    /*background-color: rgba(203, 216, 252, 1);*/
    background-color: #FFF7ED;
    /*color: #0E35B2;*/
    color: #EA580C;
    padding: 4px 8px 4px 8px;
    border-radius: 7px;
    width: fit-content;
}

.status_unsold {
    /*background-color: rgba(255, 239, 230, 1);*/
    background-color: #FEF2F2;
    /*color: #E05504;*/
    color: #F87171;
    padding: 4px 8px 4px 8px;
    border-radius: 7px;
    width: fit-content;
}

.status_sold {
    /*background-color: rgba(188, 247, 212, 1);*/
    background-color: #F1FFEF;
    /*color: #008A40;*/
    color: #2F6846;
    padding: 4px 8px 4px 8px;
    border-radius: 7px;
    width: fit-content;
}

.status_unload {
    /*background-color: rgba(190, 250, 247, 1);*/
    background-color: #DAF3D6;
    /*color: #005C5C;*/
    color: #27583B;
    padding: 4px 8px 4px 8px;
    border-radius: 7px;
    width: fit-content;
}

.status_inwork {
    /*background-color: rgba(196, 239, 255, 1);*/
    background-color: #E6EDFE;
    /*color: #0372AD;*/
    color: #0A64EC;
    padding: 4px 8px 4px 8px;
    border-radius: 7px;
    width: fit-content;
}

.status_unactual {
    /*background-color: rgba(239, 239, 239, 1);*/
    background-color: #F3F3F3;
    /*color: #404040;*/
    color: #525252;
    padding: 4px 8px 4px 8px;
    border-radius: 7px;
    width: fit-content;
}


/*Status Lead*/
.status_research {
    color: #0b5394;
    background-color: #c4d3e2;
    padding: 4px 8px;
    border-radius: 7px;
    width: fit-content;
}

.status_new_lead {
    color: #00b0f0;
    background-color: #d2ebeb;
    padding: 4px 8px;
    border-radius: 7px;
    width: fit-content;
}

.status_in_work {
    color: #8cc274;
    background-color: #e6eae3;
    padding: 4px 8px;
    border-radius: 7px;
    width: fit-content;
}

.status_qualified {
    color: #980000;
    background-color: #e4c0c0;
    padding: 4px 8px;
    border-radius: 7px;
    width: fit-content;
}

.status_meeting_schedule {
    color: #ff9900;
    background-color: #f2e6d4;
    padding: 4px 8px;
    border-radius: 7px;
    width: fit-content;
}

.status_meeting_held {
    color: #674ea7;
    background-color: #dbd9e2;
    padding: 4px 8px;
    border-radius: 7px;
    width: fit-content;
}

.status_calculation {
    color: #e4b72d;
    background-color: #fff6dc;
    padding: 4px 8px;
    border-radius: 7px;
    width: fit-content;
}

.status_defense_meeting_scheduled {
    color: #ff00ff;
    background-color: #ebd2eb;
    padding: 4px 8px;
    border-radius: 7px;
    width: fit-content;
}

.status_defense_meeting_held {
    color: #9900ff;
    background-color: #e1d2eb;
    padding: 4px 8px;
    border-radius: 7px;
    width: fit-content;
}

.status_contract_signed {
    color: #c27ba0;
    background-color: #e7ccdc;
    padding: 4px 8px;
    border-radius: 7px;
    width: fit-content;
}

.status_executed {
    color: #46bdc6;
    background-color: #dae6e7;
    padding: 4px 8px;
    border-radius: 7px;
    width: fit-content;
}

.status_successful_deal {
    color: #34a853;
    background-color: #d3e2d7;
    padding: 4px 8px;
    border-radius: 7px;
    width: fit-content;
}

.status_lost_deal {
    color: #ff0000;
    background-color: #ebd2d2;
    padding: 4px 8px;
    border-radius: 7px;
    width: fit-content;
}

.status_long_cycle {
    color: #999999;
    background-color: #e5e5e5;
    padding: 4px 8px;
    border-radius: 7px;
    width: fit-content;
}


/*Status Priority/Potential*/
.status_high {
    color: #4CAF50;
    background-color: #E8F5E9;
    padding: 4px 8px;
    border-radius: 7px;
    width: fit-content;
}

.status_medium {
    color: #E6B800;
    background-color: #FFF9CC;
    padding: 4px 8px;
    border-radius: 7px;
    width: fit-content;
}

.status_low {
    color: #FF4C4C;
    background-color: #FFF0F0;
    padding: 4px 8px;
    border-radius: 7px;
    width: fit-content;
}

/*Status Show*/
.status_new_show {
    background-color: #FFFFEC !important;
    color: #BCA713;
}

.status_count_show {
    background-color: #EAF5FF !important;
    color:#006096;
}

.status_cancel_show {
    background-color: #C8C8C8 !important;
    color: black;
}

.status_ready_show {
    background-color: #FFF7ED !important;
    color: #EA580C;
}

.status_unsold_show {
    background-color: #FEF2F2 !important;
    color: #F87171;
}

.status_sold_show {
    background-color: #F1FFEF !important;
    color: #2F6846;
}

.status_unload_show {
    background-color: #DAF3D6 !important;
    color: #27583B;
}

.status_inwork_show {
    background-color: #E6EDFE !important;
    color: #0A64EC;
}

.status_unactual_show {
    background-color: #F3F3F3 !important;
    color: #525252;
}

.status_calc_show {
    background-color: #FFF0F6 !important;
    color: #C026D3;
}

.status_longcycle_show {
    background-color: #FEFCE8 !important;
    color: #854D0E;
}



/*Status Lead Show*/
.status_research_show {
    color: #0b5394 !important;
    background-color: #c4d3e2 !important;
}

.status_new_lead_show {
    color: #00b0f0 !important;
    background-color: #d2ebeb !important;
}

.status_in_work_show {
    color: #8cc274 !important;
    background-color: #e6eae3 !important;
}

.status_qualified_show {
    color: #980000 !important;
    background-color: #e4c0c0 !important;
}

.status_meeting_schedule_show {
    color: #ff9900 !important;
    background-color: #f2e6d4 !important;
}

.status_meeting_held_show {
    color: #674ea7 !important;
    background-color: #dbd9e2 !important;
}

.status_calculation_show {
    color: #e4b72d !important;
    background-color: #fff6dc !important;
}

.status_defense_meeting_scheduled_show {
    color: #ff00ff !important;
    background-color: #ebd2eb !important;
}

.status_defense_meeting_held_show {
    color: #9900ff !important;
    background-color: #e1d2eb !important;
}

.status_contract_signed_show {
    color: #c27ba0 !important;
    background-color: #e7ccdc !important;
}

.status_executed_show {
    color: #46bdc6 !important;
    background-color: #dae6e7 !important;
}

.status_successful_deal_show {
    color: #34a853 !important;
    background-color: #d3e2d7 !important;
}

.status_lost_deal-show {
    color: #ff0000 !important;
    background-color: #ebd2d2 !important;
}

.status_long_cycle_show {
    color: #999999 !important;
    background-color: #e5e5e5 !important;
}



/*Priority Show*/
.p1_priority_show {
    background-color: rgb(222 37 32 / 20%) !important;
    color: #DE2520;
}

.p2_priority_show {
    background-color: rgb(255 144 39 / 20%) !important;
    color: #FF9027;
}

.p3_priority_show {
    background-color: rgb(134 213 66 / 20%) !important;
    color: #86D542;
}


label {
    color: #949494;
}

.navbar-brand-box {
    text-align: left;
}

.datepicker-dropdown td {
    text-align: center;
}

.form-control {
    border: 1px solid #0056FF;
}
.form-select {
    border: 1px solid #0056FF;

}
.select2-container--bootstrap-5 .select2-selection {
    font-size: 0.8125rem !important;
    border: 1px solid #0056FF !important;

}

.select2-container--bootstrap-5 .select2-selection--single {
    border: 1px solid #0056FF;
    font-size: 0.8125rem;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option {
    font-size: 0.8125rem !important;
}

:root {
    --bs-input-border-color: #0056FF;
    --bs-input-focus-border-color: #0056FF;
}

.select2-container--default .select2-selection--single{
    border: 1px solid #0056FF;

}

.pagination {
    --bs-pagination-border-color: #0056FF;
    --bs-pagination-active-bg: #0056FF;
    --bs-pagination-disabled-color: #0056FF;
    --bs-pagination-disabled-border-color: #0056FF;
}

.paginate_button {
    padding-right: 20px;
}
.paginate_button.page-item.next {
    --bs-pagination-active-bg: #0056FF;
    --bs-pagination-bg: #0056FF;
    --bs-pagination-color: white;
}

.paginate_button.page-item.previous {
    --bs-pagination-active-bg: #0056FF;
    --bs-pagination-bg: #0056FF;
    --bs-pagination-color: white;
}

.paginate_button.page-item.active {
    --bs-pagination-active-bg: #0056FF;
    --bs-pagination-bg: #0056FF;
    --bs-pagination-color: white;

}

.page-item:first-child .page-link {
    border-radius: 7px;
}

.page-item:not(:first-child) .page-link {
    border-radius: 7px;
}

/*Dark*/
.btn-primary {
    --bs-btn-bg: #0056FF;
}

body[data-sidebar="dark"] #sidebar-menu ul li ul.sub-menu li a {
    color: white;
}
a.has-arrow.waves-effect.mm-active {
    background-color: white !important;
    border-radius: 10px 0 0 10px !important;
    color: #0056FF !important;
    font-weight: bold;
}
a.has-arrow.waves-effect.mm-active i {
    color: #0056FF !important;
}

body[data-sidebar="dark"] #sidebar-menu ul li a {
    color: white;
}
body[data-sidebar="dark"] #sidebar-menu ul li a i:active {
    color: #0056FF;
}
body[data-sidebar="dark"] #sidebar-menu ul li a:active {
    /*background-color: white !important;*/
    /*border-radius: 10px 0 0 10px !important;*/
    /*color: #0056FF !important;*/
    /*font-weight: bold;*/

}
#sidebar-menu .mm-active > .has-arrow:after {
    color: #0056FF !important;
}

#sidebar-menu a[aria-expanded="true"] {
    background-color: white !important;
    color: #0056FF !important;
    font-weight: bold;
    border-radius: 10px 0 0 10px !important;
}

#sidebar-menu .solo {
    background-color: white !important;
    color: #0056FF !important;
    font-weight: bold;
    border-radius: 10px 0 0 10px !important;
}

#sidebar-menu .solo i{
    background-color: white !important;
    color: #0056FF !important;
    font-weight: bold;
    border-radius: 10px 0 0 10px !important;
}
#sidebar-menu li.non-white > a[aria-expanded="true"] {
    color: white !important;
    font-weight: normal;
    background-color: transparent !important;
}


#sidebar-menu a[aria-expanded="true"].has-arrow.waves-effect i {
    color: #0056FF !important;
}

body[data-sidebar="dark"] #sidebar-menu ul li a::after {
    color: rgba(194, 255, 74, 1) !important;
}

body[data-sidebar="dark"] #sidebar-menu ul li ul.sub-menu li a.active {
    background-color: transparent;
    color: white !important;
    font-weight: bold;
    text-decoration: underline !important;
}

/*body[data-sidebar="dark"] #sidebar-menu ul li ul.sub-menu li a:active {
    background-color: transparent;
    color: #0056FF !important;
    font-weight: bold;
    text-decoration: underline !important;
}*/

body[data-sidebar="dark"] .mm-active > a {
}

/*body[data-sidebar="dark"] .mm-active .active {*/
    /*color: #0056FF !important;*/
    /*border-radius: 10px 0 0 10px;*/
    /*text-decoration: underline !important;*/
    /*font-weight: bold;*/
/*}*/
/*
body[data-sidebar="dark"] .mm-active .active i {
    color: #0056FF !important;
}*/
/*
body[data-sidebar="dark"] .active {
    color: #0056FF !important;
}*/

body[data-sidebar="dark"] .vertical-menu {
    /*background: #C2FF4A;*/
    background: #0056FF;
}

body[data-sidebar="dark"] #sidebar-menu ul li ul.sub-menu li a:active {
    /*text-decoration: underline !important;*/
}

body[data-sidebar="dark"] .navbar-brand-box {
    /*background: #C2FF4A;*/
    background: #0056FF;
}

body[data-sidebar="dark"] #sidebar-menu ul li a i {
    color: white;
}

/*Colored*/

body[data-sidebar="colored"] .vertical-menu {
    background: #0056FF;
}

body[data-sidebar=colored] .navbar-brand-box {
    background: #0056FF;
}
body[data-sidebar=colored] #sidebar-menu ul li a {
    color: rgba(255, 255, 255, 0.6);
}
body[data-sidebar=colored] #sidebar-menu ul li a i {
    color: rgba(255, 255, 255, 0.6);
}
a.logo.logo-light span.logo-lg img {
    height: 35px;
    content: url("https://consolline.wstart.com.ua/assets/images/logo_light(test)(resize).png");
}

.reset {
    background-color: #0056FF;
    color: white;
    border: none;
}

.reset:hover {
    background-color: #0056FF;
    filter: brightness(0.95);
    color: white;
    border: none;
}


.reset:focus {
    background-color: #0056FF;
    filter: brightness(0.95);
    color: white;
    border: none;
}

.reset:active {
    background-color: #0056FF;
    filter: brightness(0.95);
    color: white;
    border: none;
}