@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Victor+Mono:ital,wght@0,100..700;1,100..700&display=swap');

@font-face {
    font-family: "Tochka";
    font-style: normal;
    /* Браузер сначала попробует найти шрифт локально */
    src: local("Tochka"),
        /* Если не получилось, загрузит woff2 */
    url("/web/fonts/TT_Norms_Pro_Tochka_Regular.woff2") format("woff2");
}

@font-face {
    font-family: "TochkaBold";
    font-style: normal;
    /* Браузер сначала попробует найти шрифт локально */
    src: local("Tochka"),
        /* Если не получилось, загрузит woff2 */
    url("/web/fonts/TT_Norms_Pro_Tochka_Medium.woff2") format("woff2");
}

:root {
    --bs-font-family: "TochkaBold", sans-serif;
    --font-weight: 500!important;
    --danger-color: #9c2653 !important;
}


html,
body {
    height: 100%;
    font-family: var(--bs-font-family);
    font-weight: var(--font-weight);
    font-size: 1rem;
}

.btn {
    font-family: var(--bs-font-family);
    font-weight: var(--font-weight);
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.nav, .breadcrumb, .pagination {
    font-size: 1rem;
}

p {
    font-family: var(--bs-font-family);
    font-weight: var(--font-weight);
    font-size: 1rem;
}

.invalid-feedback {
    font-size: 1rem;
}

.dropdown-menu {
    border: none;
    box-shadow: inset 1px 1px rgba(255,255,255,.2), inset -1px -1px rgba(255,255,255,.1), 1px 3px 24px -1px rgba(0,0,0,.15);
    background-color: #550bcbc2;
    background-image: linear-gradient(125deg, rgba(255, 255, 255, .3), rgba(255, 255, 255, .2) 70%);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

.kv-table-header {
    background: unset!important;
}

.form-control {

    padding: .1rem 1.5rem;

}

button, input, optgroup, select, textarea {
    font-family: var(--bs-font-family);
    background-color: rgba(227, 117, 51, 0.08);
    color: rgba(137, 67, 30, 0.62);
}

option {
    color: rgba(106, 24, 255, 0.62);
}

.select2-dropdown {
    background-color: rgba(255, 255, 255, 0.35);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}


.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 1em;
    color: var(--danger-color);
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: var(--danger-color);
}

.form-control {
    font-size: 1.2rem;
}

.text-danger {
    color: var(--danger-color);
}

.btn-icon{
    font-size: 3rem;
}

.border{
    border-radius: 20px;
}

/*ssssssssssssss*/

/*.wrap {*/
/*    min-height: 100%;*/
/*    !*height: auto;*!*/
/*    !*margin: 0 auto 0px;*!*/
/*    padding: 20px;*/
/*}*/

/*.wrap > .container {*/
/*    !*padding: 10px 15px 60px;*!*/
/*}*/

/*.footer {*/
/*    height: 60px;*/
/*    background-color: #f5f5f5;*/
/*    border-top: 1px solid #ddd;*/
/*    padding-top: 20px;*/
/*}*/

/*.jumbotron {*/
/*    text-align: center;*/
/*    background-color: transparent;*/
/*}*/

/*.jumbotron .btn {*/
/*    font-size: 21px;*/
/*    padding: 14px 24px;*/
/*}*/

/*.not-set {*/
/*    color: #c55;*/
/*    font-style: italic;*/
/*}*/

/*!* add sorting icons to gridview sort links *!*/
/*a.asc:after, a.desc:after {*/
/*    position: relative;*/
/*    top: 1px;*/
/*    display: inline-block;*/
/*    font-family: 'Glyphicons Halflings';*/
/*    font-style: normal;*/
/*    font-weight: normal;*/
/*    line-height: 1;*/
/*    padding-left: 5px;*/
/*}*/

/*a.asc:after {*/
/*    content: !*"\e113"*! "\e151";*/
/*}*/

/*a.desc:after {*/
/*    content: !*"\e114"*! "\e152";*/
/*}*/

/*.sort-numerical a.asc:after {*/
/*    content: "\e153";*/
/*}*/

/*.sort-numerical a.desc:after {*/
/*    content: "\e154";*/
/*}*/

/*.sort-ordinal a.asc:after {*/
/*    content: "\e155";*/
/*}*/

/*.sort-ordinal a.desc:after {*/
/*    content: "\e156";*/
/*}*/

/*.grid-view th {*/
/*    white-space: nowrap;*/
/*}*/

/*.hint-block {*/
/*    display: block;*/
/*    margin-top: 5px;*/
/*    color: #999;*/
/*}*/

/*.error-summary {*/
/*    color: #a94442;*/
/*    background: #fdf7f7;*/
/*    border-left: 3px solid #eed3d7;*/
/*    padding: 10px 20px;*/
/*    margin: 0 0 15px 0;*/
/*}*/

/*!* align the logout "link" (button in form) of the navbar *!*/
/*.nav li > form > button.logout {*/
/*    padding: 15px;*/
/*    border: none;*/
/*}*/

/*@media(max-width:767px) {*/
/*    .nav li > form > button.logout {*/
/*        display:block;*/
/*        text-align: left;*/
/*        width: 100%;*/
/*        padding: 10px 15px;*/
/*    }*/
/*}*/

/*.nav > li > form > button.logout:focus,*/
/*.nav > li > form > button.logout:hover {*/
/*    text-decoration: none;*/
/*}*/

/*.nav > li > form > button.logout:focus {*/
/*    outline: none;*/
/*}*/

/*.btn{*/
/*    margin-bottom: 10px;*/
/*}*/

/*.bg-white{*/
/*    background-color: white;*/
/*}*/