/* тот самый градиентик, ради которого все и затевалось */
body {
    min-height: 100vh;
    /* background-image: radial-gradient(circle at center, #ffffff 0%, #f7f3ea 40%, #d2e8ff 100%); */

    background-size: cover;
    background-image: url('/public/bg.png'), radial-gradient(circle at center, #ffffff 0%, #f7f3ea 40%, #d2e8ff 100%);
    /* background-image: url('/public/bg.webp'), radial-gradient(circle at center, #ffffff 0%, #f7f3ea 40%, #d2e8ff 100%); */
    /* background: linear-gradient(135deg, #D0DFED 0%, #ffffff 100%); */
    /* background: linear-gradient(135deg, #D0DFED 0%, #ffffff 100%); */
    /* background: linear-gradient(135deg, #d2e8ff 0%, #ffffff 50%, #f7f3ea 100%); */
    /* background: linear-gradient(180deg, #5885e7 0%, #d2e8ff 15%, #ffffff 100%); */
    /* background: linear-gradient(160deg, #ffffff 0%, #f7f3ea 50%, #d2e8ff 100%); */
    /* background: linear-gradient(180deg, #d2e8ff 0%, #5885e7 70%, #0a1a56 100%); */
    background-attachment: fixed;
}
/* перезапишем эту прекрасную палитру ХД */
:root {
    --main-panel-bgcolor: #f8fafc;
    --table-header-bgcolor: #1e293b;
    --main-button-bgcolor: #3b82f6;
    --main-button-color: #ffffff;
    --inactive-button-bgcolor: #eeeeee;
    --hover-button-bgcolor: #2563eb;
    --delete-button-bgcolor: #f98195;
    --form-legend-bgcolor: #e3e7ea;
    --form-legend-color: #366383;
    --link-active-color: #0284c7;
    --link-hover-color: #e74141;
    /* --link-hover-color:  #ca222d; */
    --row-border-color: #e2e8f0;
    --row-even-bgcolor: #fff;
    --row-odd-bgcolor: #f8fafc;
    --main-font-family: Tahoma, Arial, "sans serif";
    --menu-bgcolor: #f8fafc;

    --item-active-background: #eee;
    --info-bgcolor: #ffe8749e;


    --input-bgcolor: #ffffff;
    --input-border: #cbd5e1;
    --input-focus-border: #3b82f6;

    --tripwave-darkblue:#0a1a56;
    --tripwave-blue: #5885e7;
    --tripwave-lightblue:#d2e8ff;
    --tripwave-cream: #f7f3ea;
    --tripwave-dark:#1d1d1b;

    --panel-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

#header {
    /* max-width: 1200px;
    margin: 0 auto; */
    font-size: 14px;
}

#header .high-menu {
    padding-top: 6px;
}
#header .high-menu .logo {

    margin-left: 6px;
}

#header .bottom-menu {
    border-radius: 5px;
    background: transparent;
}

#header .menu {
    width: var(--main-container-width);
    margin: auto;
    background-color: var(--main-panel-bgcolor);
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: var(--panel-shadow);
}

#header .menu ul ul {
    display: none;
    box-shadow: var(--panel-shadow);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-top: none;
    border-radius: 0 0 5px 5px;
}
#header .menu ul li:hover, #header .menu a:hover {
    border-radius: 5px 5px 0 0;
}

/* контейнер с копирайтом внизу страницы */
.samosoft {
    /* его забыли справа снизу, он уехал куда-то вдаль */
    max-width: 1200px;
    padding-top: 20px;
}
.samosoft a {
    color: var(--tripwave-darkblue) !important;
    font-size: 14px;
}
.samosoft a:hover {
    color: var(--link-hover-color) !important;
}

/* основной контейнер, с контентом страницы */
.samo_container {
    background: none;
}

/* псевдотаба на странице поиска */
.samo_container .searchmodes .searchmode_button {
    padding: 10px 20px;
}
/* активная кнопка и просто кнопка - это две совершенно разные кнопки */
.samo_container .searchmodes .searchmode_selected {
    padding: 10px 20px;

}
.samo_container .panel {
    margin-bottom: 20px;
    border-radius: 8px;
    box-shadow: var(--panel-shadow);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.samo_container table.panel  tr:first-child th,
.samo_container table.panel  tr:first-child td {
    padding-top: 20px;
    font-width:  600;
    font-size: 14px;
}
.content table tr:last-child td {
    padding-top: 15px;
    padding-bottom: 20px;
}

.chosen-container-single .chosen-single {
    /* вот сюда запрятали тот самый градиент,
    который делает все селекты прямиком из 2007 */
    background-image: none !important;
    background-color: var(--input-bgcolor);
    border: 1px solid var(--input-border);

    padding-left: 10px;
    height: 26px;
    line-height: 26px;

    color: #1e293b;



}

/* это стрелочка */
.chosen-container-single .chosen-single div b {
    background: url('../pict/chosen/chosen-sprite.png') no-repeat 2px 4px;
}

.samo_container select {
    /* вот тут вообще не уверена */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    background-color: var(--input-bgcolor);
    border: 1px solid var(--input-border);
    border-radius: 5px;
    box-shadow: none;

    padding: 10px 12px;
    height: auto;


    cursor: pointer;
    outline: none;

}

.samo_container input,
.samo_container textarea,
.samo_container input.frm-input {
    font-size: 14px !important;

    background-color: var(--input-bgcolor);
    border: 1px solid var(--input-border);
    border-radius: 5px;
    /* padding: 10px 12px; */
    padding-left: 10px;
    color: #1e293b;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
    /* transition: all 0.2s ease; */

}
.samo_container input.frm-input {
    height: 26px;

}

.samo_container input.spin-button {
    background-size: 22px 69px;
}
.samo_container input.spin-button.down {
    cursor: pointer;
    background-position: 100% -46px;
}
.samo_container input.spin-button.up {
    cursor: pointer;
    background-position: 100% -23px;
}

.samo_container button.Zebra_DatePicker_Icon_Inside {
    margin-top: 0px;
}


input:focus {
    outline: none;
    border-color: var(--input-focus-border);

    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}

.samo_container div.logon-wrapper button {
    background-color: var(--tripwave-darkblue);
}

.samo_container div.logon-wrapper button:hover {
    background: var(--tripwave-blue);


}

.samo_container div.logon-wrapper div.panel div.choose a {

    text-decoration: underline;
    text-decoration-style: dashed;
    text-underline-offset: 6px;

    font-weight: 400 !important;
    margin-right:10px
    /* border: 0;
    border-radius: 4px;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; */
}

.samo_container div.logon-wrapper div.panel div.choose span.legend {
    display: block;
    width: 147px;
    font-size: 18px;
    font-weight: bolder;
    line-height: 36px;
    text-align: left;
    color: var(--tripwave-darkblue);
}

.chosen-container-single .chosen-single span {

    margin-right: 0px !important;

}