:root {
    --hoverColor: #D1E2AB;
    --backGroundTableForm: #ECE6C4;
}

body {
    font-family: 'Trebuchet MS', sans-serif;
}

.heder_index {
    background-image: url("../images/text5.jpg");
    background-repeat: round;
}

.testDiv100 {
    overflow-x: hidden;
    height: 80vh;
    padding: 0;
    background-color: var(--backGroundTableForm);
    /*    background: rgb(9,113,121);
    background: linear-gradient(0deg, rgba(9,113,121,1) 3%, rgba(251,251,251,1) 100%, rgba(223,205,60,0.5914740896358543) 100%);*/
    /*    background: rgb(2,0,36);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,212,255,1) 51%, rgba(9,9,121,1) 81%);*/
}

.testDiv50 {
    overflow-x: hidden;
    height: 40vh;
    background-color: var(--backGroundTableForm);
}

.testDiv25 {
    overflow-x: hidden;
    height: 19vh;
    background-color: var(--backGroundTableForm);
}

.testDiv75 {
    overflow-x: hidden;
    height: 60vh;
    padding: 0;
    margin: 0;
    background-color: var(--backGroundTableForm);
    margin-bottom: 10px;
}

.testDiv {
    background-color: var(--backGroundTableForm);
}

.testDiv80 {
    overflow-x: hidden;
    height: 70vh;
    padding: 0;
    margin: 0;
    background-color: var(--backGroundTableForm);
    margin-bottom: 10px;
}

.testDiv5 {
    overflow-x: hidden;
    height: 4vh;
    background-color: var(--backGroundTableForm);
}

.testDiv20 {
    overflow-x: hidden;
    height: 16vh;
    background-color: var(--backGroundTableForm);
}

.testDiv15 {
    overflow-x: hidden;
    height: 10vh;
    margin-bottom: 10px;
    background-color: var(--backGroundTableForm);
}

.testDiv10 {
    overflow-x: hidden;
    height: 8vh;
    margin-top: 3px;
    color: black;
    background-color: var(--backGroundTableForm);
}

/*.tableStatus {
}*/


.__infoDump {
    /*    padding: 10px;*/
    background-color: #FFFCDE;
    color: black;
    /*    margin-top: 2px;*/
    /*    border-bottom-width: 1px;*/
}

.__infoDump:hover {
    background-color: var(--hoverColor);
}

._cars {
    padding: 0 2px 0 2px;
}

.__cars:hover {
    background-color: var(--hoverColor);
}

.__cars {
    margin: 2px 0 2px 0;
    /*    background: linear-gradient(180deg, #F8F9FA 0%, #DADFE2 100%);*/
    background-color: #F0F0F0;
    color: black;
    padding: 10px;
}

.__dublicate {
    padding: 10px;
    background-color: #D3E1EC;
    color: black;
    margin-bottom: 2px;
}

.__dublicate:hover {
    background-color: var(--hoverColor);
}

._info_dublicate {
    text-align: center;
}

/*._info_dumps {
}*/



/*._info_count {*/
    /*    border-color:black;*/
/*}*/

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

._download {
    color: #ae1e0a;
    text-decoration: none;
}

._nameFile {
    color: #7f4987;
}

.cars_edit {
    background-color: white;
    text-align: left;
    padding: 20px;
}

.cars_send {
    background-color: #F7F7F7;
    text-align: left;
    padding: 20px;
}

.input_edit {
    width: 100%;
    padding: 12px 20px;
    margin: 0px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.div_edit {
/*    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 0px;*/
    background: linear-gradient(180deg, #F8F9FA 0%, #DADFE2 100%);
    /*    background-color: #F8F9FA;*/
    min-width: 350px;
    /*    width: auto;*/
    margin-left: auto;
    margin-right: auto;
}

.label_name {
    margin-right: 10px;
}
/*.input_submit_home_index {
    //width: 30%;
    padding: 12px 20px;
    margin: 10px;
    text-align: center;
}*/
.div_main_page {
    height: 10vh;
}

.button_submit {
    width: 30%;
    text-align: center;
    margin: 10px;
    background-color: #F2D7B9;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-family: "Trirong", serif;
}
.button_submit:hover {
    background-color: #F2B2DD;
}

.button_submit2 {
    width: 60%;
    text-align: center;
    margin: 10px;
    background-color: #F6ACDE;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-sizing: border-box;
    font-family: "Trirong", serif;
}

    .button_submit2:hover {
        background-color: #F68EFC;
    }

.button_submit3 {
    width: 90%;
    text-align: center;
    margin: 5px;
    padding: 5px;
    background-color: #F2D7B9;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-sizing: border-box;
    font-family: "Trirong", serif;
}

    .button_submit3:hover {
        background-color: #F2B2DD;
    }

.button_submit_save {
    width: 30%;
    text-align: center;
    margin: 10px;
    background-color: #B5CA85;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.button_submit_save:hover {
        background-color: #85CA9A;
}

span {
    font-family: "Trirong", serif;
}

.spanVinCode {
    font-family: "Trirong", serif;
    font-size: 20px;
    color: #001b41;
}

label {
    font-family: "Trirong", serif;
}

.select_cars {
    margin: 2px 0 2px 0;
    background-color: #F2CAE5;
    color: black;
    padding: 10px;
}

    .select_cars:hover {
        background-color: #F292D2;
    }

/*.fillIndex {
    background: linear-gradient(180deg, #F8F9FA 0%, #DADFE2 100%);*/
    /*    background-color: #F8F9FA;*/
    /*min-width: 350px;*/
    /*    width: auto;*/
    /*margin-left: auto;
    margin-right: auto;
}*/

.h1_select_car {
    font-family: "Trirong", serif;
}

.page2-form-group {
    background: linear-gradient(180deg, #F8F9FA 0%, #DADFC4 100%);
    padding: 10px;
}

.page4-form-group {
    background: linear-gradient(180deg, #8DA399 0%, #DADFE2 100%);
    padding: 10px;
}

.color_count_objectCar {
    color: #435667;
}

/*.testDivUser {
    overflow-x: hidden;
    height: 55vh;
    padding: 0;
    margin: 0;
    background-color: var(--backGroundTableForm);
    margin-bottom: 10px;
}*/

/*.button-s {
    background-color: #04AA6D;*/ /* Green */
    /*border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    width: 40px;
}*/

.button_submit {
    margin: 5px;
}
.input_User:hover {
    background-color: #F2F4EF
}

#span_vincode {
/*    font-style: italic;
    font-size: 15px;*/
    color: #004242;
}

#span_name_car_twin {
    color: #D04E5C;
}

#span_type_car_twin {
    color: #F07427;
}

#span_volume_car_twin {
    color: #EB4C42;
}

#span_year_car_twin {
    color: #9457EB;
}
#span_datareg_twin {
    color: #00154D;
}
#span_namefile_twin {
    color: #50A641;
}
#span_description_twin {
    color: #00425F;
}
#span_procent_twin {
    color: #B8321E;
}
#span_namecar {
    color: #CC242C;
}
.p_inUse {
    margin: 0 20px 0 20px;
    background-color: #FFBF9D;
    height: 10px;
}
.p_inDept {
    margin: 0 20px 0 20px;
    background-color: #FFFFA9;
    height: 10px;
}
.span_dubl_data {
    color: #593838;
    font-weight: bold;
}
.span_in_Use {
    color: #740003;
}

.span_in_Dept {
    color: #5C4D08;
}
.span_description {
    color: #002C2C;
/*    white-space: pre-wrap;*/
    white-space: pre-line;
}

._carNewRow {
    background-color: #F7F7F7;
    margin: 10px;
    padding: 10px;
}

#div_names_files {
    background-color: #FFE497;
    color: #002c2c;
}
/*.getRowHeight {
    height: 70vh;
}*/

._colorNewRow {
    background-color: #E1DAAD;
}
._textNewRow {
    color: #004A4A;
    font-weight: bold;
}
._textNewRowName {
    color: #4A0B00;
    font-weight: bold;
}

._textNewRowPhone {
    color: #001B41;
    font-weight: bold;
}

._textNewRowEmail {
    color: #213500;
    font-weight: bold;
}
/*------------------------*/
#messageBox {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    width: 300px;
}

#overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9998;
}

.button_messageBox {
    padding: 8px 16px;
    margin: 10px;
    border: none;
    cursor: pointer;
}

.ok-btn_messageBox {
    background-color: green;
    color: white;
}

.cancel-btn_messageBox {
    background-color: red;
    color: white;
}
/*--------------------------*/

.sticky-button {
    position: sticky;
    top: 20px; /* Sets how far from the top the button sticks */
    z-index: 10; /* Keeps it above other elements if needed */
}

.scrollable-column {
    height: 350px; /* Set a height for the scrollable column */
    overflow-y: auto; /* Allows scrolling within the column */
    border: 1px solid #ccc; /* Optional styling for column */
    padding: 10px;
}

.head_span {
    background-color: #001b41;
    color: #ffffa9;
    height: 50px;
    /*    text-align: center;*/
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
}

.container1 {
    margin: 0 20px 0 20px;
}

/* Стили для контекстного меню */
#context-menu {
    display: none;
    position: absolute;
    background-color: #ffffff;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    width: 150px;
    padding: 10px;
}

#context-menu li {
    list-style: none;
    padding: 8px;
    cursor: pointer;
}

#context-menu li:hover {
    background-color: #f0f0f0;
}

.procent100 {
    color: #740003;
}

#SelectOption {
    color: #4a0b00
}

.form_loginForm {
    padding: 20px;
    margin-left: auto;
    margin-right: auto
}

/*.login_hh {
    padding-top: 10px;
    background-color: #F6F9F6;
}*/

.login_h {
    /*  background-color: white;*/
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    background: #594a4a;
    background: linear-gradient(90deg,rgba(89, 74, 74, 1) 1%, rgba(48, 107, 69, 1) 52%, rgba(74, 4, 4, 1) 89%);
    /*   box-shadow: 10px 10px;*/
}

.lb_clr {
    color: white
}

.btn_enter {
    text-transform: capitalize;
    font-size: 18px;
/*    letter-spacing: .2rem;*/
    font-family: "Trirong", serif;
}

/*.heder_login {*/
   /* background: linear-gradient(180deg, #EDF4FA 0%, #C4CBD1 100%);*/
/*}*/