html,body{
    margin:0;
    padding:0;
}

/*.enterprise_name_in_task{*/
/*    position: absolute;*/
/*    font-size: 0.8em;*/
/*    margin-top: 25px;*/
/*    margin-left: -5px;*/
/*}*/
/*body{*/
/*    font-family: Helvetica, sans-serif, Verdana, Tahoma, Arial;*/
/*    font-size: 12px;*/
/*    color:#454545;*/
/*    padding-top: 60px;*/
/*}*/
/**/
/** {*/
/*    outline: none!important;*/
/*}*/
/**/
/*a{*/
/*    color: #454545!important;*/
/*    text-decoration: underline!important;*/
/*}*/
/**/
/*a:hover{*/
/*    text-decoration: none!important;*/
/*}*/

/* --- Стили для ЛЕВОГО МЕНЮ (sidebar) --- */
.sidebar {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 225px;
    z-index: 1040;
    overflow-y: auto;
    background-color: #f8f9fc; /* Пример цвета */
    box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;

    -webkit-scrollbar-width: none;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.sidebar::-webkit-scrollbar {
    display: none;
}

/* --- Стили для ВЕРХНЕЙ ПАНЕЛИ (topbar) --- */
.topbar {
    position: fixed;
    top: 0;
    left: 225px;
    right: 0;
    z-index: 1050;
    margin-bottom: 0 !important; /* Убедитесь, что нет нижнего отступа от самого topbar */
    background-color: #fff;
    box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;
    height: 64px; /* Установите точную высоту вашего Topbar */
    display: flex;
    align-items: center;
    padding: 0 1.5rem;
}

/* --- Стили для ОСНОВНОГО СОДЕРЖИМОГО (content-wrapper и content) --- */
#content-wrapper {
    margin-left: 225px; /* Компенсация ширины Sidebar */
    /*
     * Увеличенный padding-top:
     * Высота Topbar (например, 64px) + желаемый отступ (например, 24px для 1.5rem)
     */
    padding-top: 88px; /* <-- Измените это значение! */
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

#content {
    flex-grow: 1;
}

/* --- Адаптивность для мобильных устройств --- */
@media (max-width: 768px) {
    .sidebar {
        position: static;
        height: auto;
        overflow-y: visible;
        width: 100%;
        z-index: auto;
        box-shadow: none;
    }

    .topbar {
        left: 0;
        position: static; /* Может быть static или fixed, в зависимости от желаемого поведения на мобильных */
        z-index: auto;
        height: auto;
    }

    #content-wrapper {
        margin-left: 0;
        padding-top: 0; /* Сброс отступа сверху, если topbar не фиксирован на мобильных */
    }

    #content {
        padding-top: 0;
    }

    body.sidebar-toggled #content-wrapper {
        margin-left: 0;
    }
    body.sidebar-toggled .topbar {
        left: 0;
    }
}

/*.sidebar {*/
/*    position: fixed;*/
/*    top: 0;*/
/*    left: 0;*/
/*    height: 100vh;*/
/*    overflow-y: auto; !* Обязательно оставляем auto, чтобы контент прокручивался *!*/
/*    width: 225px; !* Adjust as needed *!*/
/*    z-index: 1000;*/

/*    !* Скрываем полосы прокрутки для WebKit (Chrome, Safari, Opera) *!*/
/*    -webkit-scrollbar-width: none;  !* Скрывает полосу прокрутки *!*/
/*    scrollbar-width: none;         !* Скрывает полосу прокрутки для Firefox *!*/

/*    !* Скрываем полосы прокрутки для Internet Explorer и Edge (используя псевдоэлемент) *!*/
/*    -ms-overflow-style: none;*/
/*}*/

/*!* Также можно стилизовать полосу прокрутки для WebKit, делая ее прозрачной *!*/
/*.sidebar::-webkit-scrollbar {*/
/*    display: none; !* Полностью скрывает полосу прокрутки *!*/
/*}*/

/*!**/
/* * Вам также нужно будет добавить padding-left или margin-left к вашему основному контенту*/
/* * чтобы он не был скрыт за фиксированной боковой панелью.*/
/* *!*/
/*#content-wrapper {*/
/*    margin-left: 225px; !* Должен совпадать с шириной вашей боковой панели *!*/
/*}*/

/*!* Корректировки для маленьких экранов *!*/
/*@media (max-width: 768px) {*/
/*    .sidebar {*/
/*        position: static;*/
/*        height: auto;*/
/*        overflow-y: visible;*/
/*        width: 100%;*/
/*    }*/
/*    #content-wrapper {*/
/*        margin-left: 0;*/
/*    }*/
/*}*/

/* ------ */
.bg-gradient-darkgrey{
    background-color:#2f4050;
    background-image:linear-gradient(180deg,
    #2f4050 10%,
    rgba(47, 64, 80, 0.87) 100%);
    background-size:cover
}
.text-darkgrey{
    color: rgba(79, 96, 111, 0.87) !important
}
a.text-darkgrey:focus,a.text-darkgrey:hover{
    color: #2f4050 !important
}
.border-left-darkgrey{
    border-left:.25rem solid #2f4050!important
}
.border-bottom-darkgrey{
    border-bottom:.25rem solid #2f4050!important
}
.border-top-darkgrey {
    border-right:.25rem solid #2f4050!important;
}
.border-bottom-darkgrey{
    border-top:.25rem solid #2f4050!important;
}
.btn-darkgrey{color:#fff;background-color:#324251;border-color:#324251}
.btn-darkgrey:hover{color:#fff;background-color:#2f4050;border-color:#202b35}
.btn-darkgrey.focus,.btn-darkgrey:focus{box-shadow:0 0 0 .2rem rgba(53, 74, 94, 0.35)}
.btn-darkgrey.disabled,.btn-darkgrey:disabled{color:#fff;background-color:#324251;border-color:#324251}
.btn-darkgrey:not(:disabled):not(.disabled).active,.btn-darkgrey:not(:disabled):not(.disabled):active,.show>.btn-darkgrey.dropdown-toggle{color:#fff;background-color: #26394b;border-color:#202b35}
.btn-darkgrey:not(:disabled):not(.disabled).active:focus,.btn-darkgrey:not(:disabled):not(.disabled):active:focus,.show>.btn-darkgrey.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(53, 74, 94, 0.35)}

/* ------ */
/*{*/
/*    color: #233609*/
/*}*/
/*{*/
/*    color: #314e0d*/
/*}*/
/*{*/
/*    color: #326e18*/
/*}*/
/*{*/
/*color: #669746*/
/*}*/
/*{*/
/*color: #5e8840*/
/*}*/
/*{*/
/*color: #9c6*/
/*}*/

.bg-gradient-darkgreen{
    background-color:#233609;
    background-image:linear-gradient(180deg,
    #233609 10%,
    #314e0d 100%);
    background-size:cover
}
.text-darkgreen{
    color: #326e18 !important
}
a.text-darkgreen:focus,a.text-darkgreen:hover{
    color: #233609 !important
}
.border-left-darkgreen{
    border-left:.25rem solid #233609!important
}
.border-bottom-darkgreen{
    border-bottom:.25rem solid #233609!important
}
.border-top-darkgreen {
    border-right:.25rem solid #233609!important;
}
.border-bottom-darkgreen{
    border-top:.25rem solid #233609!important;
}
.btn-darkgreen{color:#fff;background-color:#326e18;border-color:#233609}
.btn-darkgreen:hover{color:#fff;background-color:#326e18;border-color:#233609}
.btn-darkgreen.focus,.btn-darkgreen:focus{box-shadow:0 0 0 .2rem #669746}
.btn-darkgreen.disabled,.btn-darkgreen:disabled{color:#fff;background-color:#326e18;border-color:#233609}
.btn-darkgreen:not(:disabled):not(.disabled).active,.btn-darkgreen:not(:disabled):not(.disabled):active,.show>.btn-darkgreen.dropdown-toggle{color:#fff;background-color: #326e18;border-color:#233609}
.btn-darkgreen:not(:disabled):not(.disabled).active:focus,.btn-darkgrey:not(:disabled):not(.disabled):active:focus,.show>.btn-darkgrey.dropdown-toggle:focus{box-shadow:0 0 0 .2rem #669746}
/* ------ */
/*

$white: #fff !default;
$gray-100: #f8f9fc !default;
$gray-200: #eaecf4 !default;
$gray-300: #dddfeb !default;
$gray-400: #d1d3e2 !default;
$gray-500: #b7b9cc !default;
$gray-600: #858796 !default;
$gray-700: #6e707e !default;
$gray-800: #5a5c69 !default;
$gray-900: #3a3b45 !default;
$black: #000 !default;
// Borders Radius
$border-radius: 0.35rem !default;
$border-color: darken($gray-200, 2%);

$primary:       $blue !default;
$secondary:     $gray-600 !default;
$success:       $green !default;
$info:          $cyan !default;
$warning:       $yellow !default;
$danger:        $red !default;
$light:         $gray-100 !default;
$dark:          $gray-800 !default;

$blue:    #007bff !default;
$indigo:  #6610f2 !default;
$purple:  #6f42c1 !default;
$pink:    #e83e8c !default;
$red:     #dc3545 !default;
$orange:  #fd7e14 !default;
$yellow:  #ffc107 !default;
$green:   #28a745 !default;
$teal:    #20c997 !default;
$cyan:    #17a2b8 !default;

*/
/*.collapse-item-darkgreen, .collapse-item-darkgrey {*/
/*    padding: 0.5rem 1rem;*/
/*    margin: 0 0.5rem;*/
/*    display: block;*/
/*    color: #3a3b45;*/
/*    text-decoration: none;*/
/*    border-radius: 0.35rem;*/
/*    white-space: nowrap;*/
/*}*/
/*.collapse-item-darkgreen, .collapse-item-darkgrey :hover {*/
/*     background-color: #eaecf4;*/
/* }*/
/*.collapse-item-darkgreen, .collapse-item-darkgrey :active {*/
/*     background-color: #dddfeb;*/
/* }*/
.active-darkgreen {
     color: #326e18 !important;
     font-weight: 700 !important;
 }
.active-darkgrey {
    color: #2f4050 !important;
    font-weight: 700 !important;
}
.active-primary {
    color: #007bff !important;
    font-weight: 700 !important;
}
.active-info {
    color: #17a2b8 !important;
    font-weight: 700 !important;
}

.page-link-darkgreen{
    position:relative;
    display:block;
    padding:.5rem .75rem;
    margin-left:-1px;
    line-height:1.25;
    color:#326e18;
    background-color:#fff;
    border:1px solid #dddfeb
}
.page-link-darkgreen:hover{
    z-index:2;
    color:#326e18;
    text-decoration:none;
    background-color:#eaecf4;
    border-color:#dddfeb
}
.active .page-link-darkgreen{
    z-index:1;
    color:#fff;
    background-color:#326e18;
    border-color:#326e18
}
.page-link-darkgrey{
    position:relative;
    display:block;
    padding:.5rem .75rem;
    margin-left:-1px;
    line-height:1.25;
    color:#2f4050;
    background-color:#fff;
    border:1px solid #dddfeb
}
.page-link-darkgrey:hover{
    z-index:2;
    color:#2f4050;
    text-decoration:none;
    background-color:#eaecf4;
    border-color:#dddfeb
}
.active .page-link-darkgrey{
    z-index:1;
    color:#fff;
    background-color:#2f4050;
    border-color:#2f4050
}

.page-link-primary{
    position:relative;
    display:block;
    padding:.5rem .75rem;
    margin-left:-1px;
    line-height:1.25;
    color:#4e73df;
    background-color:#fff;
    border:1px solid #dddfeb
}
.page-link-primary:hover{
    z-index:2;
    color:#224abe;
    text-decoration:none;
    background-color:#eaecf4;
    border-color:#dddfeb
}
.active .page-link-primary{
    z-index:1;
    color:#fff;
    background-color:#4e73df;
    border-color:#4e73df
}

.page-link-info{
    position:relative;
    display:block;
    padding:.5rem .75rem;
    margin-left:-1px;
    line-height:1.25;
    color:#17a2b8;
    background-color:#fff;
    border:1px solid #dddfeb
}
.page-link-info:hover{
    z-index:2;
    color:#17a2b8;
    text-decoration:none;
    background-color:#eaecf4;
    border-color:#dddfeb
}
.active .page-link-info{
    z-index:1;
    color:#fff;
    background-color:#17a2b8;
    border-color:#17a2b8
}

.verification_mail_block{
    width: 700px;
    text-align: center;
    margin: 0 auto;
    margin-top: 150px;
}
.container_center{
    margin: 0 auto;
}
.exist_user_alert{
    color: red;
    width: 100%;
    text-align: center;
}
.crm_name{
    /*color: #FFFFFF;*/
    margin: 30px auto -30px;
    z-index: 1;
}
.crm_name a{
    color: #ffffff;
    text-decoration: underline;
}
.crm_name a:hover{
    color: #444444;
    text-decoration: underline;
    cursor: pointer;
}
.fa-l-2{
    margin-left: -10px;
    margin-right: 5px;
}
.border-right-primary{
    border-right:.25rem solid #4e73df!important;
}
.border-top-primary{
    border-top:.25rem solid #4e73df!important;
}
.border-top-info{
    border-right:.25rem solid #36b9cc!important;
}
.border-bottom-info{
    border-top:.25rem solid #36b9cc!important;
}
.border-top-success {
    border-right:.25rem solid #1cc88a!important;
}
.border-bottom-success{
    border-top:.25rem solid #1cc88a!important;
}
.form-horizontal{
    padding-top: 15px;
}
.control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
    font-size: 0.8em;
    font-weight: bold;
    color: #555555;
}
.sex-radio{
    width: 30px !important;
    margin-top: 10px;
}

/*table tr:first-child {*/

.last_table_line{
}
.field_lines_3, .field_lines_2{
    width: 100%;
}
.field_line_button{
    height: 40px;
}
.field_data_button{
    height: 33px;
}
.field_line{
    width: 100%;
}
.field_label{
    width: 100%;
    font-size: 0.6em;
    float: left;
    /*color: #8b89a6;*/
    color: #a87652;
    font-weight: bold;
}
.field_label_letter_parts{
    /*width: 100%;*/
    font-size: 0.6em;
    /*float: left;*/
    /*color: #8b89a6;*/
    color: #a87652;
    font-weight: bold;
}
.letter_parts_table{
    margin: 0 auto;
}
.field_data{
    width: 100%;
    font-size: 0.95em;
    /*height: 25px;*/
    min-height: 25px;
    overflow: hidden;
}
.field_data_2_row{
    width: 100%;
    height: 63px;
}
.field_data_3_row{
    width: 100%;
    height: 94px;
}
.font_red{
    /*font-weight: bold;*/
    color: rgba(255,0,0, 1);
}
.client_comment{
    width: 200px;
    font-size: 0.8em;
    overflow: hidden;
}
.client_comment_short{
    width: 200px;
    font-size: 1em;
    overflow: hidden;
}

/*end*/

.closed_task{
    background-color: lightgray;
}

.overdue_task{
    background-color: rgba(255,0,0, 0.1);
}
.readiness{
    border: 1px solid lightgrey;
}
.readiness_back{
    background-color: lightgreen;
    width: 100%;
}
.readiness_data{
    position: absolute;
    width: 100%;
}
.comments_table_name{
    background: #8e8e8e;
    font-size: 1.2em;
    font-weight: bold;
    border: 1px solid grey;
    color: whitesmoke;
}
.comments_table_col_top{
    border-top: 1px solid grey;
}
.comments_table_col_bottom{
    border-bottom: 1px solid grey;
}
.empty_line_50{
    width: 100%;
    height: 50px;
}
#product-image-add{
    /*width: 150px;*/
    /*height: 150px;*/
    /*!*margin: 0 auto;*!*/
    /*margin: 5px 0 0 10px;*/
}
#profilePhoto{
    margin: 5px 0px 0px 0px;
}
.profile_photo_td_size{
    width: 120px;
}
.dismissed_employee{
    background-color: #8e8e8e;
    color: darkgreen;
    display: none;
}
.margin_top_20{
    margin-top: -20px;
}

.dash-sprite-link{
    cursor: pointer;
}
.dash-sprite-link:hover{
    background-color: #f2f2f2;
}
.text-underline{
    text-decoration: underline;
}
.add_client_mailing_button{
    background: #290065;
    /*border-radius: 30px;*/
    /*margin: 0 0 5px 345px;*/
    /*font-size: 30px;*/
    color: white;
    border: none;
}

.font-size-08{
    font-size: 0.8em;
}

.font-size-07{
    font-size: 0.7em;
}

.tariff-name{
    font-size: 1.5em;
    font-weight: bold;
}
.tariff-full-price{
    font-size: 1.3em;
    /*font-weight: bold;*/
    background-color: #fff5c1;
}

.get-pay-select{
    margin-right:10px;
}

.privacy-policy{
    font-size: 0.9em;
    text-decoration: underline;
}

.noPayMenuItem{
    background-color: #eee !important;
    color: #bbb !important;
}

#mailUsBtn{
    width: 135px;
    cursor: pointer;
}
#video_about_ukrcrm {
    height: 450px;
}

.taskEnterpriseName{
    font-size: 0.7em;
    font-weight: bold;
    margin-top: -10px;
}
.padding-0{
    padding: 0;
}

.border-top-dark {
  border-top: 0.25rem solid #5a5c69 !important;
}

.border-right-dark {
  border-right: 0.25rem solid #5a5c69 !important;
}

.page-link-dark {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #5a5c69;
	background-color: #fff;
	border: 1px solid #dddfeb;
}

.active .page-link-dark {
	z-index: 1;
	color: #fff;
	background-color: #5a5c69;
	border-color: #5a5c69;
}

/* ------ */
.bg-gradient-blue{
    background-color:#1c3273;
    background-image:linear-gradient(180deg,
    #1c3273 10%,
    rgba(47, 64, 80, 0.87) 100%);
    background-size:cover
}
.text-blue{
    color: rgba(79, 96, 111, 0.87) !important
}
a.text-blue:focus,a.text-blue:hover{
    color: #1c3273 !important
}
.border-left-blue{
    border-left:.25rem solid #1c3273!important
}
.border-bottom-blue{
    border-bottom:.25rem solid #1c3273!important
}
.border-top-blue {
    border-right:.25rem solid #1c3273!important;
}
.border-bottom-blue{
    border-top:.25rem solid #1c3273!important;
}
.btn-blue{color:#fff;background-color:#324251;border-color:#324251}
.btn-blue:hover{color:#fff;background-color:#1c3273;border-color:#202b35}
.btn-blue.focus,.btn-blue:focus{box-shadow:0 0 0 .2rem rgba(53, 74, 94, 0.35)}
.btn-blue.disabled,.btn-blue:disabled{color:#fff;background-color:#324251;border-color:#324251}
.btn-blue:not(:disabled):not(.disabled).active,.btn-blue:not(:disabled):not(.disabled):active,.show>.btn-blue.dropdown-toggle{color:#fff;background-color: #26394b;border-color:#202b35}
.btn-blue:not(:disabled):not(.disabled).active:focus,.btn-blue:not(:disabled):not(.disabled):active:focus,.show>.btn-blue.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(53, 74, 94, 0.35)}

/* ------ */
.active-blue {
    color: #1c3273 !important;
    font-weight: 700 !important;
}
.page-link-blue{
    position:relative;
    display:block;
    padding:.5rem .75rem;
    margin-left:-1px;
    line-height:1.25;
    color:#1c3273;
    background-color:#fff;
    border:1px solid #dddfeb
}
.page-link-blue:hover{
    z-index:2;
    color:#1c3273;
    text-decoration:none;
    background-color:#eaecf4;
    border-color:#dddfeb
}
.active .page-link-blue{
    z-index:1;
    color:#fff;
    background-color:#1c3273;
    border-color:#1c3273
}
/* ------ */
#marked {
    background-color: #fafbbf;
    cursor: pointer;
    margin: 15px 0;
}
#pointed {
    cursor: pointer;
    margin: 15px 0;
}
.taskDescription {
    border: 1px solid #d1d3e2;
    border-radius: .35rem;
    background-color: #eaecf4;
    padding: .375rem .75rem;
}

.mailing_status, .letter_status{
    padding: 2px 4px;
}

.green-border {
    border: 1px solid green;
    box-shadow: 0 0 6px 1px green;
}

.orange-border {
    border: 1px solid orange;
    box-shadow: 0 0 6px 1px orange;
}

.red-border {
    border: 1px solid red;
    box-shadow: 0 0 6px 1px red;
}