/*.printpage{*/
/*    display: none;*/
/*}*/

body{
    background: #f1f1f1;
}

header,
main,
footer{
    width: 100%;
}

.container__wrap{
    /*max-width: 1600px;*/
}

header,
footer,
.form-log-wrap,
.item__wrap{
    background-color: rgba(var(--bs-tertiary-bg-rgb));
}

main,
footer{
    display: grid;
}

header{
    min-height: 57px;
}

main{
    min-height: calc(100vh - 106px);
}

footer{
    min-height: 49px;
}

h1, h6, .prt_prevWayBill{
    color: var(--bs-secondary-color);
    font-weight: 100;
}

/*reset for <a> tag*/
.reset{
  all: unset;
  cursor: pointer;
}
/*----------------*/

.fc-login,
.fc-password{
    height: 20px;
}

.fc-login{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.fc-password{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.form-control:focus,
.form-select:focus,
.navbar-toggler:focus{
    box-shadow: none;
}

.navbar-collapse{
    justify-content: flex-end;
}

/* 404 page  */

.error{
    position: relative;
    padding: 120px 0;
}

.error .title{
    font-size: 42px;
    margin-top: 30px;
    margin-bottom: 15px;
}

.error .title b{
    font-size: 72px;
    color: #f45570;
}

.error p{
    font-size: 18px;
}

.error img{
  width: 70%;
}

.err-btn{
    padding: 12px 35px;
    text-transform: uppercase;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background-color: #6e41ff;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    color: #ffffff;
}

.error a{
    text-decoration: none;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
}
/*-------------*/

.navbar-nav .nav-link.active{
    color: #0d6efd;
}

.alert-danger span,
.alert-success span{
    text-align: center;
}

/* PLACE OF LICENSE PLATE */
.valLicenseplate{
   min-width: 118px; 
}

.valLicenseplate:has(#CARNUMBER:empty) {
    visibility: hidden;
}

#wrapLsPlate{
    display: grid;
    grid-template-areas:
         "flag numbr numbr numbr numbr"
         "indx numbr numbr numbr numbr";
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    border-radius: 2px;
    border: 1px #b4b4b4  solid;
    box-shadow: 0px 0px 4px #b4b4b4;
    align-items: center;
}

#wrapFlag{
    grid-area: flag; 
}

#wrapInd{
    grid-area: indx;
}

#lsNumb{
    grid-area: numbr;
}

.licensePlate{
    max-width: 122px;	
}

.numbCont, .indCont, .lsflag{
    display: flex;
    justify-content: center;
}

.lsflag{
    flex-direction: column;
    align-items: center;
}

.numbCont span{
    font-size: 17px;
    font-weight: bold;
    padding: 0 3px 0px 0;
    color: #595959;
}

.indCont{
    font-size: 8px;
}

.flRed{
    width: 10px;
    height: 4px;
    background: red;
}

.flGreen{
    width: 10px;
    height: 2px;
    background: green;
}
/* END PLACE OF LICENSE PLATE */

/* INDEX PAGE */

.ind-pg-bg{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.ind-img{
    height: 50px;
}

.ico__title{
}

.ico__img{
    width: 80px;
    height: 80px;
    background-color: #fff5e1;
    border: 1px solid #f09641;
    border-radius: 10px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.item__wrap{
    border: 1px solid #f09641;
    border-radius: 5px;
    background: #ffffffde;
    box-shadow: 0px 0px 12px #0d6efd73;
    transition: all .3s ease-out;
}

.item__wrap:hover{
    box-shadow: 0px 0px 12px #0d6efd;
    transition: all .3s ease-out;
}

.item__link{
    text-decoration: none;
}

/* END INDEX PAGE */

/* PAGE CAR */

.valWaybill,
.valRout,
.valOdometer,
.valFuel,
.valOwner,
/*.valTrailer,*/
.valDateCarFrom,
.valTimedepart,
.valDateCarTill{
    display: none;
}

.carImgLsp{
    min-height: 168px;
    padding: 10px 0 22px 0;
}

.valCarbrand, .valTrailer,
.valDriver{
    min-height: 40px;
}

.valCarbrand  span{
    color: #197491;
    font-size: x-large;
}

.valDriver span{
    color: #197491;
    font-size: x-large;
}

.nav-nick{
    font-size: 13px;
    color: #197491;
}

.hr{
    margin: 0.3rem 0;
}

.leftSideForm{
    border-right: none !important;
}

.rightSideForm{
    border-left: none !important;
}


.prt_prevWayBill{
    text-align: center;
    padding: 0;
    margin: 0;
}

.prt_prevWayBill span{
    font-size: 18px;
    font-weight: 600;
}

.prt_prevWayBill a{
    text-decoration: none;
}

/*----------------------------------------------------------------------*/
/*перенести в принтпэйдж*/

/* print_car-front-page */

.prt_crFrtPg,
.prt_crRearPg{
    /*background: #FFF;*/
    width: calc(297mm);
    height: calc(210mm);
    padding: 15mm 5mm 5mm 5mm;
}

.prt_carTableFront,
.prt_carTableRear,
.prt_carTableFrontTop{
    width: calc(297mm - 10mm);
}

.prt-vert{
    writing-mode: vertical-lr;
    transform: rotate(180deg);
}

.prt_txtCenter{
    text-align: center;
}

.asc{
    cursor: pointer;
}

.prt_carRow{
    font-weight: 300;
    font-size: 15px;
}

.prt_carRowDate{
    width: 34mm;
}

.prt_carRowOdometer{
    width: 20mm;
}

.prt_carRowPermDrvr{
    width: 37mm;
}

.prt_carRowPermAuto{
    width: 26mm;
}

.prt_carRowFuel{
    width: 14mm;
}

.prt_carRowRout{
    width: 160mm;
}

.prt_carTableFront tr th,
.prt_carTableRear tr th{
    border: 1px gray solid;
}

.prt_carTableFront tr td{
    height: 13mm;
    font-size: 14px;
    text-align: center;
    border: 1px gray solid;
}

.prt_carTableRear tr td{
    height: 18mm;
    font-size: 14px;
    text-align: center;
    border: 1px gray solid;
}

.prt_carRowTopLeft1{
    width: 20mm;
}

.prt_fontSize{
    font-size: 12px;
}

.prt_fontSize14{
    font-size: 14px;
}


/**/

.prt_carTopLable{
    display: flex;
    justify-content: space-between;
    margin-bottom: 12mm;
}

.prt_carTopLableLeft{
    width: calc(70mm);
    text-align: center;
    font-size: 13px;
}

.prt_carTopLableCenter{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(129mm);
}

.prt_carTopLableRight{
    display: flex;
    flex-direction: column;
    width: calc(78mm);
    font-size: 17px;
}

.prt_carTopLabelRightItem{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.prt_carTopLabelRightItemName{
    width: 108px;
}

.prt_carTopLabelCenterHead{
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.prt_carTopLabelCenterHeadInnner span{
    font-size: 19px;
}

.prt_carRoutRear{
    text-align: left !important;
}

/*     PRINT TRUCK       */
.prt_truckRow{
    font-size: 14px;
}

.prt_stampDoc{
    height: 15mm;
}

/*     END PRINT TRUCK       */

.rotate180{
    transform: rotate(180deg);
}

/*     PRINT BUSINESS-TRIP      */
.prt_bstrWrap{
    width: calc(210mm);
    height: calc(297mm);
    padding: 5mm 10mm;
}

.prt_bstrFrtPg,
.prt_bstrRearPg{
    width: calc(190mm);
    height: calc(138mm);
}

.fs_9px{
    font-size: 9px !important;
}

.fs_10px{
    font-size: 10px !important;
}

.fs_11px{
    font-size: 11px !important;
}

.fs_12px{
    font-size: 12px !important;
}
/*     END PRINT BUSINESS-TRIP      */

/*---STATS WAYBILL*/

.statsCar{
    /*width: 62vw;*/
}

.statsCar th{
    text-align: center;
}

.paginationCustom{
    justify-content: center;
}

.archiveTab{
    align-items: start;
}

.statsTopSubLine{
    padding-left: 0;
    padding-right: 0;
}

.inputBoxDate {
  /* родительский блок относительно которого будем формировать положение
  тега label */
  position: relative;
  /*outline: none;*/
}

.inputBoxDate input,
.inputBoxDate select{
  background: #fff;
  padding: 10px;
  border-radius: 11px;
  border-style: none;
  border: 1px solid #c6c7c8;
}

.inputBoxDate input:focus{
    border-color: #86b7fe;
    outline: 0;
}

.inputBoxDate label {
  position: absolute;
  font-size: 12px;
  top: -10px;
  left: 10px;
  background: #f1f2f3;
  padding: 0 5px;
  border-radius: 11px;
  border-style: none;
  border: 1px solid #c6c7c8;
}

.filterButtons button,
.alertNotWaybills button{
    font-size: 14px;
}

.alertNotWaybills{
    text-align: center;
}

.footer_tbl{
    font-size: 12px;
}

/*класс hidden для работы скрипта pagination.js*/
.hidden {
     display: none;
}

.table_empl{
    font-weight: 300;
    font-size: 12px;
}

/*стрелка в начало страницы*/
.back-to-top {
        position: fixed;
        bottom: 30px;
        right: 30px;
        display: none; /* Изначально скрыта */
        z-index: 99;
        padding: 15px;
        text-align: center;
        line-height: 1;
    }
/* Конец стрелка в начало страницы*/

/*Таблица входящих документов sticky header таблицы*/
#stickyTable thead {
      position: sticky;
      top: 56px; /* Прикрепит к верхней части экрана */
      z-index: 1; /* Гарантирует, что заголовок будет поверх контента */
    }
/*Конец таблица всех сотрудников sticky header таблицы*/

/* Кликабельность ссылок на странице всего персонала*/
.table-hover tbody tr {
    cursor: pointer;
}
/*КОНЕЦ Кликабельность ссылок на странице всего персонала**/

/* Всплывающая подсказка на странице всего персонала*/
.custom-tooltip {
    position: absolute;
    background-color: #333;
    color: #fff;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 14px;
    pointer-events: none; /* Чтобы подсказка не блокировала события мыши */
    z-index: 1000;
}
/* Конец Всплывающая подсказка на странице всего персонала*/

/*Шрифт для отчета минсельхозпрода*/
.timesNewRoman {
    font-family: 'Times New Roman', Times, serif;
    font-size: 18px;
  }
  
 .prt_reportLand{
    /*background: #FFF;*/
    width: calc(297mm);
    /*height: calc(210mm);*/
    padding: 25mm 5mm 15mm 5mm;
}
/*Конец Шрифт для отчета минсельхозпрода*/

/*Стилизация полей редактирования в карточке сотрудника*/
.editable-field:hover {
    cursor: pointer;
    background-color: #f0f0f0;
}
/*КОНЕЦ Стилизация полей редактирования в карточке сотрудника*/

/* Изменяем курсор для редактируемых полей в карточке сотрудника*/
.editable-field:hover,
.editable-select:hover {
    cursor: pointer;
}
/**/

/*Чтобы сделать пустые поля ещё более заметными в карточке сотрудника*/
/* Изменяем курсор для редактируемых полей */
.editable-field:hover,
.editable-select:hover {
    cursor: pointer;
}

/* Скрываем текст, когда поле в фокусе */
.editable-field.editing::after,
.editable-select.editing::after {
    display: none;
}

/* Отображаем текст, когда поле не в фокусе */
.empty-field {
    color: #999;
}
/**/

/* курсор в палец для страницы всех сотрудников блок справочный вывод*/
.filter-category {
    cursor: pointer;
}
/**/

/* Анимация для индикатора сохранения в карточке сотрудника*/
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.saving-indicator {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    animation: spin 1s linear infinite;
}

/* Улучшаем внешний вид карточки сотрудника*/
.card {
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Изменяем цвет фона заголовка карточки */
.card-header.bg-primary {
    background-color: #007bff !important; /* Синий */
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

/* КОНЕЦ Улучшаем внешний вид карточки сотрудника*/

/* Подсвечиваем ячейку пенсионный возраст*/
.table-danger a {
    color: white !important;
}
/* КОНЕЦ Подсвечиваем ячейку пенсионный возраст*/

/*Кнопка калькулятора расчета расхода топлива в карточке автомобиля*/
.btn_calc{
    border: none !important;
    background: none !important;
}
/*Конец Кнопка калькулятора расчета расхода топлива в карточке автомобиля*/

    /* Убираем жирный шрифт в шапке таблицы списка автомобилей по умолчанию */
    .car-table thead th {
        font-weight: normal; /* Делаем шрифт обычным */
    }

    /* Делаем шрифт заголовка таблицы списка автомобилей локации жирным и темным, чтобы он выделялся */
    .location-header-row td {
        font-weight: bold;
        color: #0d6efd; /* Темно-синий цвет, чтобы был контраст на зеленом фоне */
    }
    
/* ТУЛТИП В ЖУРНАЛЕ ПУТЕВЫХ ЛИСТОВ ПРИВЯЗАННЫЕ КОМАНДИРОВКИ*/
.mission-tooltip .tooltip-inner {
    max-width: 400px; /* Увеличиваем ширину тултипа */
    text-align: left;
    white-space: normal;
}
.mission-tooltip hr {
    border-color: rgba(255, 255, 255, 0.4);
}
/* КОНЕЦ ТУЛТИП В ЖУРНАЛЕ ПУТЕВЫХ ЛИСТОВ ПРИВЯЗАННЫЕ КОМАНДИРОВКИ*/