.popup-form-row {
    width: 100%;
    display: block;
    text-align: left;
    padding-bottom: 5px;
    font-size: 0px;
}

.popup-form-item {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-size: 12px;
}


.popup-form-item--5 {
    width: 5%;
}

.popup-form-item--10 {
    width: 10%;
}
.popup-form-item--15 {
    width: 15%;
}
.popup-form-item--20 {
    width: 20%;
}
.popup-form-item--25 {
    width: 25%;
}
.popup-form-item--30 {
    width: 30%;
}
.popup-form-item--33 {
    width: 33.333333%;
}
.popup-form-item--35 {
    width: 35%;
}
.popup-form-item--40 {
    width: 40%;
}
.popup-form-item--45 {
    width: 45%;
}
.popup-form-item--50 {
    width: 50%;
}
.popup-form-item--55 {
    width: 55%;
}
.popup-form-item--60 {
    width: 60%;
}
.popup-form-item--65 {
    width: 65%;
}

.popup-form-item--66 {
    width: 66.666666%;
}

.popup-form-item--70 {
    width: 70%;
}
.popup-form-item--75 {
    width: 75%;
}
.popup-form-item--80 {
    width: 80%;
}
.popup-form-item--85 {
    width: 85%;
}
.popup-form-item--90 {
    width: 90%;
}

.popup-form-item--95 {
    width: 95%;
}

.popup-form-item--100 {
    width: 100%;
}

.popup-form-item--28 {
    width: 28%;
}

.popup-form-item--12 {
    width: 12%;
}


input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

.popup-form-button {
    padding: 4px 12px;
    margin-left: 10px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    line-height: 1.45;
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
}

.popup-form-button-ok {
    background-color: var(--light);
    font-weight: 600;
    color: #FFFFFF;
    background-color: var(--light);
}
.ui-error {
    color: var(--red);
}
.ui-validator-hidden {
    display: none;
}
.popup-form-button-cancel {
    background-color: #50597B;
}

.popup-form-item input.form-control, .popup-form-item select.form-control {
    width: calc(100% - 10px) !important;
    width: -moz-calc(100% - 10px) !important;
    width: -webkit-calc(100% - 10px) !important;
    margin-top: 0 !important;
}
.popup-form-item .bootstrap-select {
    width: calc(100% - 10px) !important;
    width: -moz-calc(100% - 10px) !important;
    width: -webkit-calc(100% - 10px) !important;
}

.bootstrap-select > select {
    left: 0 !important;
}

.bootstrap-select.multiple-select-container .dropdown-menu {
    max-height: 500px;
    overflow-y: auto;
}


.table-grid--button--fa {
    width: 30px;
    height: 30px !important;
    color: #ffffff !important;
    font-size: 18px !important;
}

.table-grid--button {
    border: solid 1px #1F253D;
    position: relative;
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 11px;
    font-weight: bold;
    line-height: 30px;
    height: 30px;
    color: #333;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    text-decoration: none;
    background-color: #394264;
    /*-ms-border-radius: 5px;
    border-radius: 5px;*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    text-align: center;
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    -ms-transition: background-color 300ms ease-out;
    -o-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
    margin-left: 0px;
}

.n-svg-icon--orange {
    fill: #ffffff;
}

.table-grid--buttons--3 {
    width: 140px;
}
.table-grid--buttons--4 {
    width: 180px;
}

.table-grid--buttons--5 {
    width: 220px;
}

.table-grid--buttons--2 {
    width: 90px;
}

.bootstrap-select > .dropdown-toggle {
    background-color: #50597B;
    border: 1px solid #394264;
    color: #ffffff;
}

.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    background-color: #50597B;
    border: 1px solid #394264;
    color: #ffffff;
}

    .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
        background-color: #50597B;
        border: 1px solid #394264;
        color: #ffffff;
    }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #3468AF;
    outline: 0;
}

.dropdown-menu {
    background-color: #50597B;
    border: 1px solid #394264;
    color: #ffffff;
}

.bootstrap-select .bs-deselect-all, .bootstrap-select .bs-select-all {
    color: #ffffff !important;
    background-color: #3468AF !important;
    border-color: #1F253D !important;

    padding-left: 5px;
    padding-right: 5px;
}

.bootstrap-select .dropdown-menu > li > a:hover, .bootstrap-select .dropdown-menu > li > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #3468AF;
    outline: 0;
}

.bootstrap-select .dropdown-menu > li > a {
    color: #FFFFFF;
}

.table-grid--fa--button {
    width: 30px;
    height: 30px !important;
    color: #ffffff !important;
    font-size: 18px !important;
}

.checkbox-filter {
    height: 20px;
    display: inline-block;
}

.checkbox-label-inline {
    display: inline-block;
    height: 20px;
}
.popup-form-item .checkbox-label-inline {
    width: auto !important;
    vertical-align: top;
    padding-left: 10px;
    padding-top: 5%;
}

.popup-form-item .checkbox-filter-inline {
    width: 20px !important;
    margin-top: 10px !important;
}

.btn-default.disabled, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus {
    background-color: #1F253D !important;
    border: 1px solid #50597B;
    color: #50597B;
}
.sort-column, .sort-column:hover {
    color: #ffffff;
}
.form-block-header hr {
    margin-top: 5px;
    margin-bottom: 10px;
    border: none;
    color: #3468AF;
    background-color: #3468AF;
    height: 2px;
}

.button-disabled {
    pointer-events: none;
    cursor: default;
    background-color: #1F253D !important;
    border: 1px solid #50597B;
    color: #50597B;
}

input[readonly] {
    cursor: default;
    background-color: #1F253D !important;
    border: 1px solid #50597B;
    color: #50597B;
}




/*!
 * Bootstrap Grid v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.66666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.66666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.66666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.66666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.66666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-inline-grid{display:inline-grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}@media (min-width:576px){.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-inline-grid{display:inline-grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}}@media (min-width:768px){.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-inline-grid{display:inline-grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}}@media (min-width:992px){.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-inline-grid{display:inline-grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}}@media (min-width:1200px){.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-inline-grid{display:inline-grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}}@media (min-width:1400px){.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-inline-grid{display:inline-grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-inline-grid{display:inline-grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}
/*# sourceMappingURL=bootstrap-grid.min.css.map */
.choices{position:relative;overflow:hidden;margin-bottom:24px;font-size:16px}.choices:focus{outline:0}.choices:last-child{margin-bottom:0}.choices.is-open{overflow:visible}.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input{background-color:#eaeaea;cursor:not-allowed;-webkit-user-select:none;user-select:none}.choices.is-disabled .choices__item{cursor:not-allowed}.choices [hidden]{display:none!important}.choices[data-type*=select-one]{cursor:pointer}.choices[data-type*=select-one] .choices__inner{padding-bottom:7.5px}.choices[data-type*=select-one] .choices__input{display:block;width:100%;padding:10px;border-bottom:1px solid #ddd;background-color:#fff;margin:0}.choices[data-type*=select-one] .choices__button{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);padding:0;background-size:8px;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:.25}.choices[data-type*=select-one] .choices__button:focus,.choices[data-type*=select-one] .choices__button:hover{opacity:1}.choices[data-type*=select-one] .choices__button:focus{box-shadow:0 0 0 2px #00bcd4}.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button{display:none}.choices[data-type*=select-one]::after{content:"";height:0;width:0;border-style:solid;border-color:#333 transparent transparent;border-width:5px;position:absolute;right:11.5px;top:50%;margin-top:-2.5px;pointer-events:none}.choices[data-type*=select-one].is-open::after{border-color:transparent transparent #333;margin-top:-7.5px}.choices[data-type*=select-one][dir=rtl]::after{left:11.5px;right:auto}.choices[data-type*=select-one][dir=rtl] .choices__button{right:auto;left:0;margin-left:25px;margin-right:0}.choices[data-type*=select-multiple] .choices__inner,.choices[data-type*=text] .choices__inner{cursor:text}.choices[data-type*=select-multiple] .choices__button,.choices[data-type*=text] .choices__button{position:relative;display:inline-block;margin:0-4px 0 8px;padding-left:16px;border-left:1px solid #008fa1;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);background-size:8px;width:8px;line-height:1;opacity:.75;border-radius:0}.choices[data-type*=select-multiple] .choices__button:focus,.choices[data-type*=select-multiple] .choices__button:hover,.choices[data-type*=text] .choices__button:focus,.choices[data-type*=text] .choices__button:hover{opacity:1}.choices__inner{display:inline-block;vertical-align:top;width:100%;background-color:#f9f9f9;padding:7.5px 7.5px 3.75px;border:1px solid #ddd;border-radius:2.5px;font-size:14px;min-height:44px;overflow:hidden}.is-focused .choices__inner,.is-open .choices__inner{border-color:#b7b7b7}.is-open .choices__inner{border-radius:2.5px 2.5px 0 0}.is-flipped.is-open .choices__inner{border-radius:0 0 2.5px 2.5px}.choices__list{margin:0;padding-left:0;list-style:none}.choices__list--single{display:inline-block;padding:4px 16px 4px 4px;width:100%}[dir=rtl] .choices__list--single{padding-right:4px;padding-left:16px}.choices__list--single .choices__item{width:100%}.choices__list--multiple{display:inline}.choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;margin-right:3.75px;margin-bottom:3.75px;background-color:#00bcd4;border:1px solid #00a5bb;color:#fff;word-break:break-all;box-sizing:border-box}.choices__list--multiple .choices__item[data-deletable]{padding-right:5px}[dir=rtl] .choices__list--multiple .choices__item{margin-right:0;margin-left:3.75px}.choices__list--multiple .choices__item.is-highlighted{background-color:#00a5bb;border:1px solid #008fa1}.is-disabled .choices__list--multiple .choices__item{background-color:#aaa;border:1px solid #919191}.choices__list--dropdown,.choices__list[aria-expanded]{visibility:hidden;z-index:1;position:absolute;width:100%;background-color:#fff;border:1px solid #ddd;top:100%;margin-top:-1px;border-bottom-left-radius:2.5px;border-bottom-right-radius:2.5px;overflow:hidden;word-break:break-all;will-change:visibility}.is-active.choices__list--dropdown,.is-active.choices__list[aria-expanded]{visibility:visible}.is-open .choices__list--dropdown,.is-open .choices__list[aria-expanded]{border-color:#b7b7b7}.is-flipped .choices__list--dropdown,.is-flipped .choices__list[aria-expanded]{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:.25rem .25rem 0 0}.choices__list--dropdown .choices__list,.choices__list[aria-expanded] .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.choices__list--dropdown .choices__item,.choices__list[aria-expanded] .choices__item{position:relative;padding:10px;font-size:14px}[dir=rtl] .choices__list--dropdown .choices__item,[dir=rtl] .choices__list[aria-expanded] .choices__item{text-align:right}@media (min-width:640px){.choices__list--dropdown .choices__item--selectable,.choices__list[aria-expanded] .choices__item--selectable{padding-right:100px}.choices__list--dropdown .choices__item--selectable::after,.choices__list[aria-expanded] .choices__item--selectable::after{content:attr(data-select-text);font-size:12px;opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}[dir=rtl] .choices__list--dropdown .choices__item--selectable,[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable{text-align:right;padding-left:100px;padding-right:10px}[dir=rtl] .choices__list--dropdown .choices__item--selectable::after,[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable::after{right:auto;left:10px}}.choices__list--dropdown .choices__item--selectable.is-highlighted,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted{background-color:#f2f2f2}.choices__list--dropdown .choices__item--selectable.is-highlighted::after,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after{opacity:.5}.choices__item{cursor:default}.choices__item--selectable{cursor:pointer}.choices__item--disabled{cursor:not-allowed;-webkit-user-select:none;user-select:none;opacity:.5}.choices__heading{font-weight:600;font-size:12px;padding:10px;border-bottom:1px solid #f7f7f7;color:gray}.choices__button{text-indent:-9999px;-webkit-appearance:none;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}.choices__button:focus,.choices__input:focus{outline:0}.choices__input{display:inline-block;vertical-align:baseline;background-color:#f9f9f9;font-size:14px;margin-bottom:5px;border:0;border-radius:0;max-width:100%;padding:4px 0 4px 2px}.choices__input::-webkit-search-cancel-button,.choices__input::-webkit-search-decoration,.choices__input::-webkit-search-results-button,.choices__input::-webkit-search-results-decoration{display:none}.choices__input::-ms-clear,.choices__input::-ms-reveal{display:none;width:0;height:0}[dir=rtl] .choices__input{padding-right:2px;padding-left:0}.choices__placeholder{opacity:.5}
.ui-timepicker-wrapper {
	overflow-y: auto;
	max-height: 150px;
	width: auto;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	outline: none;
	z-index: 10052;
	margin: 0;
}

.ui-timepicker-wrapper .ui-timepicker-list li {
    padding-right: 20px;
}

.ui-timepicker-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ui-timepicker-duration {
	margin-left: 5px; color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
	color: #888;
}

.ui-timepicker-list li {
	padding: 3px 0 3px 5px;
	cursor: pointer;
	white-space: nowrap;
	color: #000;
	list-style: none;
	margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
	background: #fff; color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
	background: #1980EC; color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
	color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	color: #888;
	cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	background: #f2f2f2;
}

@charset "UTF-8";
@font-face {
  font-family: "Inter";
  src: url("/css/fonts/Inter-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/css/fonts/Inter-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/css/fonts/Inter-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/css/fonts/Inter-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/css/fonts/Inter-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/css/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/css/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/css/fonts/Inter-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/css/fonts/Inter-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
:root {
  --white: #ffffff;
  --dark: #212121;
  --dark-grey: #373737;
  --dark-light: #3c3c3c;
  --grey: #555555;
  --light-grey: #9F9F9F;
  --light: #6f6f6f;
  --green: #32BF68;
  --blue: #73B5E8;
  --yellow: #FCB150;
  --orange: #FFA129;
  --red: #FC3D3D;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

* p {
  margin: 0;
  padding: 0;
}

* ul,
* li {
  padding: 0;
  margin: 0;
  list-style: none;
}

* button {
  font-family: inherit;
  outline: none;
  cursor: pointer;
}

* input,
* textarea {
  font-family: inherit;
  outline: none;
}

*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

* a {
  display: inline-block;
  text-decoration: none;
  color: inherit;
}

hr {
  opacity: 1;
}

.hide {
  display: none !important;
}

body {
  font-family: "Inter";
  font-weight: 400;
  color: var(--white);
  background-color: var(--dark);
  margin: 0;
}

.wrap-content {
  padding: 16px 24px;
  max-width: 1920px;
  min-width: 1400px;
  margin: 0 auto;
}

.header {
  background-color: var(--grey);
  border-radius: 4px;
}

.header__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.header__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header__elem {
  position: relative;
  overflow: hidden;
}
.header__elem.active {
  overflow: visible;
}

.header__profile-container {
  padding: 0 20px;
}

.header__profile {
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  background-color: var(--dark-light);
  right: 0;
  margin-top: -10px;
  width: 334px;
  padding-bottom: 16px;
  -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.16);
}
.header__profile::before {
  position: absolute;
  content: "";
  right: 38px;
  top: -5px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid var(--dark-light);
}

.header__elem.active .header__profile {
  visibility: visible;
  opacity: 1;
}

.header__profile-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 24px 0;
}

.header__icon-profile {
  width: 62px;
  height: 54px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 20px;
}

.header__profile-name {
  font-size: 16px;
  font-weight: 400;
}

.header__profile-role {
  margin-top: 1px;
  font-size: 12px;
  font-weight: 400;
}

.header__profile-line {
  background-color: #222222;
  margin: 0;
  border: none;
  height: 1px;
  width: 100%;
}

.header__profile-list {
  padding: 16px 24px;
}

.header__profile-item {
  font-size: 12px;
  padding: 8px 0;
}

.header__profile-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}
.header__profile-link:hover {
  opacity: 0.8;
}

.header__profile-icon {
  margin-right: 12px;
  min-width: 12px;
  max-width: 12px;
  min-height: 12px;
  max-height: 12px;
  -o-object-fit: contain;
     object-fit: contain;
}

.header__profile-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.header__profile-feedback {
  font-size: 12px;
  font-weight: 400;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}
.header__profile-feedback:hover {
  opacity: 0.8;
}

.header__profile-logout {
  font-size: 12px;
  font-weight: 400;
  padding: 8px 16px;
  border: 1px solid var(--white);
  border-radius: 4px;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}
.header__profile-logout:hover {
  background-color: #565656;
}

.header__icon-wrap {
  position: relative;
}

.header__notify-count {
  padding-left: 1px;
  font-size: 16px;
  font-weight: 400;
  color: var(--white);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 2;
}

.header__notify {
  position: relative;
}

.header__notify-wrap {
  width: 248px;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  background-color: var(--dark-light);
  left: 0;
  margin-top: -10px;
  -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.16);
}
.header__notify-wrap::before {
  position: absolute;
  content: "";
  left: 31px;
  top: -5px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid var(--dark-light);
}

.header__notify-list {
  max-height: 400px;
  overflow-y: auto;
}
.header__notify-list::-webkit-scrollbar {
  width: 8px;
}
.header__notify-list::-webkit-scrollbar-track {
  background: var(--dark-grey);
}
.header__notify-list::-webkit-scrollbar-thumb {
  background: var(--grey);
}
.header__notify-list::-webkit-scrollbar-thumb:hover {
  background: var(--light);
}

.header__elem.active .header__notify-wrap {
  visibility: visible;
  opacity: 1;
}

.header__notify-item {
  position: relative;
  padding: 8px 12px;
  padding-right: 28px;
  border-bottom: 2px solid var(--white);
}
.header__notify-item--approved {
  border-bottom: 2px solid var(--green);
}
.header__notify-item--correct {
  border-bottom: 2px solid var(--orange);
}
.header__notify-item--process {
  border-bottom: 2px solid var(--light-grey);
}
.header__notify-item--reject {
  border-bottom: 2px solid var(--red);
}

.header__notify-close {
  border: none;
  background: transparent;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 12px;
  height: 12px;
  right: 8px;
  top: 8px;
}
.header__notify-close::after {
  position: absolute;
  content: "";
  width: 12px;
  height: 2px;
  background-color: var(--white);
  right: 0;
  left: 0;
  margin: 0 auto;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
      -ms-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}
.header__notify-close::before {
  position: absolute;
  content: "";
  width: 12px;
  height: 2px;
  background-color: var(--white);
  right: 0;
  left: 0;
  margin: 0 auto;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

.header__notify-content {
  font-size: 12px;
}

.header__button-logo {
  width: 32px;
  height: 32px;
  margin-right: 1rem;
}

.header__button-icon {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.header__button {
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  border: none;
  color: var(--white);
  padding: 0;
  padding: 0 24px;
  min-height: 74px;
  margin: 0;
  font-size: 20px;
  position: relative;
  -webkit-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out;
}
.header__button::after {
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background-color: transparent;
}
.header__button.active::after {
  background-color: #707070;
}
.header__button:not(.header__button--darken,
.header__button--notify,
.header__button--search,
.header__button--profile):hover::after {
  background-color: #707070;
}
.header__button--darken {
  min-width: 394px;
  background-color: var(--dark-light);
  border-radius: 4px;
  padding-left: 28px;
  padding-right: 64px;
}
.header__button--darken::before {
  top: 50%;
  -webkit-transform: translateY(-80%) rotate(45deg);
      -ms-transform: translateY(-80%) rotate(45deg);
          transform: translateY(-80%) rotate(45deg);
  right: 24px;
  position: absolute;
  content: "";
  width: 5px;
  border: solid var(--white);
  border-width: 0 2.5px 2.5px 0;
  display: inline-block;
  padding: 2.5px;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}

.header__button.disabled {
  opacity: 0.5;
}
.header__button.disabled::after {
  content: none;
}

.header__button--profile,
.header__button--notify {
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}
.header__button--profile:hover,
.header__button--notify:hover {
  opacity: 0.8;
}

.header__elem.active .header__button::before {
  -webkit-transform: translateY(-50%) rotate(-135deg);
      -ms-transform: translateY(-50%) rotate(-135deg);
          transform: translateY(-50%) rotate(-135deg);
}

.header__button--icon {
  padding-left: 60px;
  position: relative;
}
.header__button--icon::before {
  position: absolute;
  content: "";
  left: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-size: contain;
}

.header__button--flatplan::before {
  background-image: url(/images/icons/flatplan.svg);
}

.header__button--thumbs::before {
  background-image: url(/images/icons/thumbs.svg);
}

.header__button--list::before {
  background-image: url(/images/icons/list.svg);
}

.header__elem-title--lg {
  font-size: 24px;
}

.header__elem-title {
  margin-left: 12px;
}

.header__list {
  opacity: 0;
  overflow: hidden;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  position: absolute;
  top: 74px;
  width: 100%;
  background-color: var(--dark-light);
  -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.16);
  border: 1px solid #191919;
  border-top: 0;
  z-index: 2;
}

.header__elem.active .header__list {
  opacity: 1;
}

.header__sub-list {
  border-top: 1px solid #191919;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}

.header__item.active .header__sub-list {
  display: block;
  opacity: 1;
  visibility: visible;
}

.section {
  margin-top: 24px;
  position: relative;
  z-index: 1;
  background-color: transparent;
}

.section:first-child {
  margin-top: 0;
}

.section__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 82px;
  border-radius: 4px;
  padding: 0 32px;
  background-color: var(--grey);
  cursor: pointer;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}
.section__info:hover {
  background-color: var(--light);
}

.section--simple .section__info {
  background-color: var(--dark-grey);
}
.section--simple .section__info:hover {
  background-color: var(--grey);
}

.section--simple .section__title {
  width: 100%;
}

.section__info--static {
  cursor: initial;
}
.section__info--static:hover {
  background-color: var(--grey);
}
.section__info--static .section__title::before {
  content: none;
}

.section__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.section__item {
  min-width: 76px;
  margin-right: 16px;
}
.section__item:last-child {
  margin-right: 0;
}

.section__item-line {
  margin: 0;
  height: 5px;
  width: 100%;
  border: none;
  margin-top: 6px;
}

.section__item-title {
  font-size: 26px;
  line-height: 1;
}

.section__item-desc {
  font-size: 12px;
  line-height: 1;
  margin-top: 6px;
}

.section__item {
  text-align: center;
}
.section__item--green .section__item-title {
  color: var(--green);
}
.section__item--green .section__item-line {
  background-color: var(--green);
}
.section__item--orange .section__item-title {
  color: var(--orange);
}
.section__item--orange .section__item-line {
  background-color: var(--orange);
}
.section__item--red .section__item-title {
  color: var(--red);
}
.section__item--red .section__item-line {
  background-color: var(--red);
}
.section__item--grey .section__item-title {
  color: var(--light-grey);
}
.section__item--grey .section__item-line {
  background-color: var(--light-grey);
}

.section__title {
  font-size: 20px;
  font-weight: 400;
  position: relative;
  z-index: 1;
  padding-right: 32px;
}
.section__title::before {
  top: 50%;
  -webkit-transform: translateY(-80%) rotate(45deg);
      -ms-transform: translateY(-80%) rotate(45deg);
          transform: translateY(-80%) rotate(45deg);
  right: 0px;
  position: absolute;
  content: "";
  width: 5px;
  border: solid var(--white);
  border-width: 0 2.5px 2.5px 0;
  display: inline-block;
  padding: 2.5px;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}

.section.active .section__title::before {
  -webkit-transform: translateY(-35%) rotate(-135deg);
      -ms-transform: translateY(-35%) rotate(-135deg);
          transform: translateY(-35%) rotate(-135deg);
}

.section.disabled {
  pointer-events: none;
  opacity: 0.5;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.tab {
  margin-top: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.content {
  width: 82.3%;
}

.sidebar {
  width: 16.5%;
  min-width: 260px;
}

.sidebar__title {
  text-align: center;
  font-weight: 400;
  font-size: 18px;
  margin-bottom: 20px;
}

.options__icon {
  max-width: 21px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  min-height: 20px;
  max-height: 20px;
}

.options__display-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--dark-grey);
  border-radius: 4px;
  padding: 10px;
}

.options__display-box-item:nth-child(1) {
  width: 20%;
  padding: 12px 0;
}
.options__display-box-item:nth-child(2) {
  width: 80%;
}

.options__display-block {
  background-color: var(--dark-grey);
}

.options__displays {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.options__display {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 18px 8px 12px 8px;
  background-color: var(--dark-grey);
  border: none;
  border-radius: 4px;
  margin: 0;
  margin-right: 2px;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}
.options__display:not(.disabled):hover {
  background-color: var(--light);
}
.options__display.active {
  background-color: var(--light);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.options__display:last-child {
  margin-right: 0;
}

.options__display.disabled {
  background-color: #2b2a2a;
}

.options__display .options__text {
  margin-top: 6px;
}

.options__submit {
  background-color: var(--light);
  width: 100%;
  text-align: center;
  border: none;
  border-radius: 4px;
  font-size: 12px;
  color: var(--white);
  padding: 8px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}
.options__submit:hover {
  background-color: var(--light-grey);
}

.options__submit--red {
  background-color: var(--red);
}
.options__submit--red:hover {
  background-color: #fd6f6f;
}

.options__submit-text {
  margin-left: 0.5rem;
}

.options__displays--lg .options__display {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.options__displays--lg .options__icon {
  max-width: 16px;
  max-height: 12px;
}
.options__displays--lg .options__icon--lg {
  max-width: 22px;
  max-height: 22px;
}
.options__displays--lg .options__icon--sm {
  max-width: 15px;
  max-height: 15px;
  min-height: auto;
}
.options__displays--lg .options__text {
  margin-top: 0;
  font-size: 12px;
  margin-left: 8px;
}

.options__display-text {
  font-size: 12px;
}
.options__display-text--approval {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--green);
  padding: 8px 0;
  padding-bottom: 0;
}
.options__display-text img {
  margin-right: 12px;
}

.options__display-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.options__display-buttons .options__display {
  width: 49.5%;
  margin: 0;
}
.options__display-buttons .options__display:nth-child(1) {
  margin-right: 1%;
}

.options__displays-form {
  font-size: 12px;
  padding: 20px 20px;
  display: none;
  background-color: var(--light);
  min-height: 30px;
}
.options__displays-form.active {
  display: block;
}

.options__displays-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 8px;
}
.options__displays-row .comment__checkbox-label {
  height: 16px;
}
.options__displays-row .comment__checkbox {
  height: auto;
}

@media (max-width: 1620px) {
  .options__displays-form {
    padding: 16px 12px;
  }

  .options__displays-row {
    padding: 0;
  }
}
.options__displays-col--sm {
  min-width: 8ch;
}
.options__displays-col--lg {
  width: 100%;
}
.options__displays-col:last-child {
  padding-right: 0;
}
.options__displays-col .choices {
  min-width: 100%;
}
.options__displays-col .choices__item, .options__displays-col .choices__list .choices__item .options__displays-col .choices__list[aria-expanded] .choices__item {
  background-color: var(--grey) !important;
}
.options__displays-col .choices__item,
.options__displays-col .choices__list[aria-expanded] .choices__item {
  padding-left: 15px;
}
.options__displays-col .choices__input {
  font-size: inherit;
  background-color: var(--grey) !important;
  color: inherit;
  padding: 4px 10px !important;
  padding-left: 15px !important;
  border: none !important;
  border-top: 2px solid var(--dark-grey) !important;
  line-height: 1.25 !important;
}
.options__displays-col .choices__list--dropdown .choices__item {
  line-height: 1.25;
  white-space: wrap !important;
  text-overflow: initial !important;
}
.options__displays-col .is-selected {
  background-color: #959595 !important;
}
.options__displays-col input[type=search] {
  background-color: var(--dark-grey) !important;
}

.options__displays-cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.options__displays-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: none;
  min-width: 70%;
  padding: 10px;
  margin: 0 auto;
  text-align: center;
  border: none;
  background-color: var(--grey);
  color: var(--white);
  border-radius: 4px;
  font-weight: 600;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.options__displays-btn:hover {
  background-color: var(--dark-light);
}

.choices__list--dropdown .choices__list,
.choices__list[aria-expanded] .choices__list {
  max-height: 200px;
}
.choices__list--dropdown .choices__list::-webkit-scrollbar,
.choices__list[aria-expanded] .choices__list::-webkit-scrollbar {
  width: 8px;
}
.choices__list--dropdown .choices__list::-webkit-scrollbar-track,
.choices__list[aria-expanded] .choices__list::-webkit-scrollbar-track {
  background: var(--grey);
}
.choices__list--dropdown .choices__list::-webkit-scrollbar-thumb,
.choices__list[aria-expanded] .choices__list::-webkit-scrollbar-thumb {
  background: var(--dark-grey);
}
.choices__list--dropdown .choices__list::-webkit-scrollbar-thumb:hover,
.choices__list[aria-expanded] .choices__list::-webkit-scrollbar-thumb:hover {
  background: var(--dark);
}

.options__text {
  font-weight: 400;
  font-size: 14px;
  color: var(--white);
}

.options__inner-text {
  margin-left: 8px;
}

.options__filter {
  background-color: var(--dark-grey);
  border-radius: 4px;
  margin-top: 2px;
  padding: 8px 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.options__filter.options__filter--multify {
  gap: 8px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.options__filter.options__filter--multify .choices {
  margin-left: auto;
}

.options__filter-selects {
  width: 146px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.options__filter-selects .choices:nth-child(1) {
  width: 48%;
  margin-bottom: 8px;
}
.options__filter-selects .choices:nth-child(2) {
  width: 48%;
  margin-left: auto;
  margin-bottom: 8px;
}

@media (max-width: 1800px) {
  .options__filter-selects {
    width: 130px;
  }
}
.dropdown__value {
  color: var(--white);
  border: none;
  margin: 0;
  text-align: left;
  line-height: 1.17;
  display: block;
  width: 100%;
  max-width: 146px;
  padding: 4px 10px;
  background-color: var(--light);
  border-radius: 48px;
  font-size: 12px;
  position: relative;
}
.dropdown__value::after {
  position: absolute;
  content: "";
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-80%) rotate(45deg);
      -ms-transform: translateY(-80%) rotate(45deg);
          transform: translateY(-80%) rotate(45deg);
  border: solid var(--white);
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}

.options__dropdown {
  position: relative;
  overflow: hidden;
}
.options__dropdown.active {
  overflow: visible;
}

.dropdown__item {
  font-weight: 400;
  color: var(--white);
  font-size: 12px;
  padding: 3px 12px;
  border-bottom: 2px solid var(--dark-grey);
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
  cursor: pointer;
}
.dropdown__item:last-child {
  border-bottom: 0;
}
.dropdown__item:hover {
  background-color: #959595;
}

.dropdown__list {
  position: absolute;
  overflow: hidden;
  top: 24px;
  background-color: var(--light);
  border-radius: 4px;
  width: 100%;
  z-index: 2;
}

.options__field {
  font-weight: 400;
  color: var(--white);
  font-size: 12px;
  padding: 4px 12px;
  width: 100%;
  max-width: 146px;
  border-radius: 48px;
  background-color: var(--light);
  border: none;
}

.header__icon {
  display: block;
}

.header__item-button {
  font-size: 16px;
  font-weight: 400;
  padding: 18px 18px 18px 28px;
  width: 100%;
  text-align: left;
  border: none;
  border-top: 1px solid #191919;
  margin: 0;
  color: var(--white);
  background-color: transparent;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
  position: relative;
}
.header__item-button:hover {
  background-color: var(--light);
}
.header__item-button::before {
  top: 50%;
  -webkit-transform: translateY(-60%) rotate(45deg);
      -ms-transform: translateY(-60%) rotate(45deg);
          transform: translateY(-60%) rotate(45deg);
  right: 24px;
  position: absolute;
  content: "";
  width: 4px;
  border: solid var(--white);
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}

.header__item.active .header__item-button::before {
  -webkit-transform: translateY(-40%) rotate(-135deg);
      -ms-transform: translateY(-40%) rotate(-135deg);
          transform: translateY(-40%) rotate(-135deg);
}

.header__sub-link {
  width: 100%;
  display: block;
  font-size: 12px;
  padding-left: 28px;
  padding: 8px 28px 8px 28px;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}
.header__sub-link:hover {
  background-color: var(--light);
}

.actions,
.status {
  margin-top: 16px;
}

.actions__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.actions__button {
  width: 49.7%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0;
  border: none;
  background-color: var(--dark-grey);
  color: var(--white);
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  padding: 10px 20px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 38px;
  margin-bottom: 2px;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}
.actions__button--full {
  width: 100%;
}
.actions__button:last-child {
  margin-bottom: 0;
}
.actions__button:hover {
  background-color: var(--light);
}

.actions__icon {
  margin-right: 10px;
}

.card__dropdown-loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.card__dropdown-line {
  width: 12px;
  height: 2px;
  border: none;
  margin: 0;
  border-radius: 2px;
  background-color: #707070;
  margin-right: 6px;
  margin-top: 14px;
}
.card__dropdown-line:last-child {
  margin-right: 0;
}

.card__dropdown {
  margin-top: 8px;
  padding: 0 6px;
  width: 100%;
}

.choices__list--dropdown,
.choices__list[aria-expanded] {
  z-index: 100;
}

.card__dropdown .choices__item {
  text-align: center;
}

.card__dropdown .choices,
.card__dropdown .choices__inner,
.card__dropdown .choices__list--dropdown .choices__item,
.card__dropdown .choices__list[aria-expanded] .choices__item {
  font-size: 10px;
}

.card__dropdown .choices__list--single .choices__item {
  padding-left: 24px;
}

.section__content {
  display: none;
  visibility: hidden;
  opacity: 0;
  -webkit-animation: section-animation 0.3s forwards linear;
          animation: section-animation 0.3s forwards linear;
  position: relative;
  z-index: 2;
}

@-webkit-keyframes section-animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes section-animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.section.active .section__content {
  display: block;
  visibility: visible;
  opacity: 1;
}

.cards__wrap {
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 1340px;
  margin: 0 auto;
  padding-bottom: 44px;
  margin-bottom: 44px;
}
.cards__wrap::-webkit-scrollbar {
  height: 1rem;
  cursor: pointer;
}
.cards__wrap::-webkit-scrollbar-track {
  background-color: #373737;
}
.cards__wrap::-webkit-scrollbar-thumb {
  background: #555555;
}

.cards {
  margin-top: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}

.card {
  border-radius: 0;
  background-color: var(--grey);
  color: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 8px;
}

.cards--4 .card {
  margin-right: 0.56%;
  margin-left: 0.56%;
  width: 23.3%;
  margin-bottom: 3.4%;
}
.cards--4 .card:nth-child(2n+2) {
  margin-right: 3.4%;
}
.cards--4 .card:nth-child(4n+4) {
  margin-right: 0;
}

.cards--8 .card {
  margin-right: 0.28%;
  margin-left: 0.28%;
  margin-bottom: 3.4%;
  width: 10.8%;
}
.cards--8 .card:nth-child(2n+2) {
  margin-right: 3.4%;
}
.cards--8 .card:nth-child(8n+8) {
  margin-right: 0;
}

.cards--10 {
  width: 125%;
}
.cards--10 .card {
  margin-right: 0.21%;
  margin-left: 0.21%;
  margin-bottom: 2.55%;
  width: 8.65%;
}
.cards--10 .card:nth-child(2n+2) {
  margin-right: 2.55%;
}
.cards--10 .card:nth-child(10n+10) {
  margin-right: 0;
}

.cards--16 {
  width: 203%;
}
.cards--16 .card {
  margin-right: 0.14%;
  margin-left: 0.14%;
  margin-bottom: 1.6%;
  width: 5.3%;
}
.cards--16 .card:nth-child(2n+2) {
  margin-right: 1.68%;
}
.cards--16 .card:nth-child(16n+16) {
  margin-right: 0;
}

.cards--24 {
  width: 306%;
}
.cards--24 .card {
  margin-right: 0.1%;
  margin-left: 0.1%;
  margin-bottom: 1.125%;
  width: 3.5%;
}
.cards--24 .card:nth-child(2n+2) {
  margin-right: 1.125%;
}
.cards--24 .card:nth-child(24n+24) {
  margin-right: 0;
}

.card__picture-wrap {
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}
.card__picture-wrap:hover {
  opacity: 0.8;
}

.card__picture {
  margin: 0;
  padding: 6px;
  max-width: 100%;
  width: 100%;
}

.card__image {
  display: block;
  max-width: 100%;
  width: 100%;
  min-height: 162px;
  max-height: 162px;
  -o-object-fit: contain;
     object-fit: contain;
}

.card__title {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  padding: 4px;
  width: 100%;
  text-align: center;
}

.card__title--correct {
  background-color: var(--orange);
}
.card__title--approved {
  background-color: var(--green);
}
.card__title--process {
  background-color: var(--light);
}
.card__title--miss {
  background-color: var(--light);
}

.card__count {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
}

.card__icon {
  position: absolute;
  left: 6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.card__item,
.card__button {
  position: relative;
  text-align: center;
  font-size: 10px;
}

.card__item--alert,
.card__button--alert {
  position: relative;
}
.card__item--alert::before,
.card__button--alert::before {
  position: absolute;
  content: "";
  background-image: url(/images/icons/alert.svg);
  width: 13px;
  height: 12px;
  background-size: contain;
  left: 6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.card.hidden {
  visibility: hidden;
}

.status__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.status__item {
  width: 100%;
}

.status__line {
  margin: 0;
  border: none;
  height: 5px;
  width: 100%;
}
.status__line--green {
  background-color: var(--green);
}
.status__line--yellow {
  background-color: var(--yellow);
}
.status__line--red {
  background-color: var(--red);
}
.status__line--grey {
  background-color: var(--light-grey);
}

.status__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.status__desc {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 400;
}

.status__per {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 8px;
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
}
.status__per sup {
  top: 0;
  font-size: 60%;
  line-height: 1;
}

.status__chart-wrap {
  background-color: var(--dark-grey);
  border-radius: 4px;
  padding-bottom: 16px;
}

.status__chart {
  padding: 24px 48px;
}

.choices[data-type*=select-one]::after {
  position: absolute;
  content: "";
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-80%) rotate(45deg);
      -ms-transform: translateY(-80%) rotate(45deg);
          transform: translateY(-80%) rotate(45deg);
  border: solid var(--white);
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
  margin: 0;
}

.choices[data-type*=select-one].is-open,
.is-open .choices__inner {
  border-radius: 48px;
}

.choices__list--dropdown,
.choices__list[aria-expanded] {
  border-radius: 4px !important;
  background-color: var(--light);
  border: none;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background-color: var(--light);
}

.choices__item--choice:hover {
  background-color: #959595 !important;
}

.is-selected {
  background-color: #959595 !important;
}

.choices__list--dropdown .choices__item,
.choices__list[aria-expanded] .choices__item {
  padding: 0;
}

.choices,
.choices__inner,
.choices__list--dropdown .choices__item,
.choices__list[aria-expanded] .choices__item {
  font-size: 12px;
  color: var(--white);
}

.choices__item {
  padding: 8px 10px;
  line-height: 1.17;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.choices__list {
  display: block;
}

.choices__list[aria-expanded] .choices__item {
  padding: 4px 10px;
  border-top: 2px solid var(--dark-grey);
}
.choices__list[aria-expanded] .choices__item:last-child {
  border-bottom: 2px solid var(--dark-grey);
}

.choices {
  width: 100%;
  max-width: 146px;
  padding: 0;
  margin-bottom: 0;
}

.card__dropdown .choices {
  max-width: 100%;
}

.choices__placeholder {
  opacity: 1;
}

.choices[data-type*=select-one] .choices__inner,
.choices__list--single {
  padding: 0;
}

.choices[data-type*=select-one].is-open::after {
  position: absolute;
  content: "";
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-40%) rotate(-135deg);
      -ms-transform: translateY(-40%) rotate(-135deg);
          transform: translateY(-40%) rotate(-135deg);
  border: solid var(--white);
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
  margin: 0;
}

.choices__inner {
  background-color: var(--light);
  border: none;
  border-radius: 48px;
  overflow: hidden;
  min-height: auto;
}

.dashboard__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}

.dashboard__picture {
  margin: 0;
  margin-right: 30px;
  min-width: 88px;
  max-width: 88px;
  min-height: 118px;
  max-height: 118px;
  overflow: hidden;
}

.dashboard__picture img {
  width: 100%;
  max-width: 100%;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

.dashboard__box {
  background-color: var(--grey);
  border-radius: 4px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 24px 54px 30px 24px;
}

.dashboard__settings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 22px;
}

.dashboard__title {
  font-size: 20px;
  font-weight: 400;
}

.dashboard__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--white);
  font-size: 14px;
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  margin-right: 52px;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}
.dashboard__button:last-child {
  margin-right: 0;
}
.dashboard__button:hover {
  opacity: 0.8;
}

.dashboard__icon {
  margin-right: 16px;
}

.dashboard-page.content {
  width: 81%;
}

.dashboard-page.sidebar {
  width: 16%;
}

.options__filter {
  padding: 18px 14px 18px 20px;
  gap: 14px;
}

.dashboard-page .section__item-title {
  font-size: 36px;
}
.dashboard-page .section__item-desc {
  font-size: 16px;
}
.dashboard-page .section__item-line {
  width: 92px;
  margin-top: 8px;
}
.dashboard-page .options__text {
  font-size: 16px;
}
.dashboard-page .choices,
.dashboard-page .choices__inner,
.dashboard-page .choices__list--dropdown .choices__item,
.dashboard-page .choices__list[aria-expanded] .choices__item {
  font-size: 14px;
}
.dashboard-page .choices__item {
  padding: 6px 12px;
}
.dashboard-page .options__field {
  font-size: 14px;
  padding: 6px 12px;
}

.section__upload-action {
  min-width: 240px;
  width: auto;
}

.section__upload-wrap {
  margin-top: 28px;
}

.section__upload-box {
  background-color: var(--dark-grey);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 456px;
  padding: 22px 16px;
  border-radius: 4px;
}

.section__upload-title {
  font-size: 16px;
  font-weight: 400;
}

.section__upload-select .choices {
  min-width: 170px;
}
.section__upload-select .choices__list .choices__item {
  line-height: 1.14;
  font-size: 14px;
  padding: 6px 12px;
  padding-right: 24px;
}

.section__upload-choices {
  padding: 0 24px;
}

.section__upload-choice {
  height: 400px;
  background-color: var(--grey);
  color: var(--white);
  font-size: 24px;
  padding: 0;
  margin: 0;
  border: none;
  width: 100%;
  border-radius: 4px;
}

.drop-zone {
  max-width: 456px;
  height: 424px;
  padding: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  cursor: pointer;
  font-size: 18px;
  color: #555555;
  border: 6px dashed var(--grey);
  border-radius: 6px;
}

.drop-zone--over {
  border-style: solid;
}

.drop-zone__input {
  display: none;
}

.drop-zone__thumb {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  background-color: #cccccc;
  background-size: cover;
  position: relative;
}

.drop-zone__thumb::after {
  content: attr(data-label);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 5px 0;
  color: var(--white);
  background: rgba(0, 0, 0, 0.75);
  font-size: 14px;
  text-align: center;
}

.drop-zone__button {
  margin-top: 24px;
  border-radius: 4px;
  background-color: var(--dark-grey);
  color: var(--white);
  font-size: 14px;
  font-weight: 400;
  border: none;
  padding: 10px 24px;
  line-height: 1;
}

.status-upload__empty {
  font-size: 14px;
  text-align: center;
  padding: 20px;
  border-bottom: 1px solid var(--dark);
}

.status-upload .sidebar__title {
  margin-bottom: 20px;
}

.status-upload__box {
  background-color: var(--dark-grey);
  border-radius: 4px;
}

.status-upload__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--dark);
}

.status-upload__info-item {
  width: 100%;
  margin-right: 4px;
  text-align: center;
}
.status-upload__info-item:last-child {
  margin-right: 0;
}

.status-upload__line {
  border: none;
  display: block;
  height: 5px;
  margin: 0;
  margin-top: 2px;
}

.status-upload__count {
  font-size: 18px;
}

.status-upload__info-item--green .status-upload__count {
  color: var(--green);
}
.status-upload__info-item--green .status-upload__line {
  background-color: var(--green);
}

.status-upload__info-item--orange .status-upload__count {
  color: var(--orange);
}
.status-upload__info-item--orange .status-upload__line {
  background-color: var(--orange);
}

.status-upload__info-item--red .status-upload__count {
  color: var(--red);
}
.status-upload__info-item--red .status-upload__line {
  background-color: var(--red);
}

.status-upload__info-item--grey .status-upload__count {
  color: var(--light-grey);
}
.status-upload__info-item--grey .status-upload__line {
  background-color: var(--light-grey);
}

.status-upload__text {
  font-size: 12px;
  font-weight: 400;
}

.status-upload__text--info {
  margin-right: 16px;
}

.status-upload__bar {
  position: relative;
  border-bottom: 1px solid var(--dark);
}
.status-upload__bar.hidden {
  display: none;
}

.status-upload__box-progress {
  margin-top: 6px;
  border-radius: 10px;
  background-color: var(--dark);
  width: 100%;
  padding: 6px 8px;
}

.status-upload__progress {
  width: 0;
  height: 5px;
  background-color: var(--light-grey);
  border-radius: 10px;
}

.status-upload__notifies {
  margin-top: 4px;
  padding: 0 16px;
  padding-bottom: 12px;
}

.status-upload__notify {
  padding: 6px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.status-upload__message {
  padding: 6px;
  border-radius: 10px;
  color: var(--white);
  background-color: var(--light-grey);
  min-width: 94px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
}

.status-upload__notify--red .status-upload__message {
  background-color: var(--red);
}

.status-upload__notify--orange .status-upload__message {
  background-color: var(--orange);
}

.status-upload__text-md {
  font-size: 14px;
  font-weight: 400;
  padding-right: 20px;
}

.status-upload__desc {
  font-size: 12px;
  color: #989797;
  display: block;
  max-width: 100%;
  white-space: nowrap;
  /* забороняє переноси на новий рядок */
  overflow: hidden;
  /* приховує текст, що не вміщується */
  text-overflow: ellipsis;
  /* додає три крапки в кінці */
  margin-right: auto;
}

.status-upload__bar-close {
  cursor: pointer;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 16px;
  top: 16px;
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
}
.status-upload__bar-close--sm {
  top: 6px;
}
.status-upload__bar-close::before {
  position: absolute;
  content: "";
  right: 1px;
  top: 5px;
  width: 10px;
  height: 2px;
  background-color: var(--white);
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.status-upload__bar-close::after {
  position: absolute;
  content: "";
  right: 1px;
  top: 5px;
  width: 10px;
  height: 2px;
  background-color: var(--white);
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.status-upload__file-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 20px;
}

.status-upload__file-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 8px;
}
.status-upload__file-info img {
  max-width: 14px;
  max-height: 14px;
}
.status-upload__file-info span {
  border-bottom: 1px solid var(--white);
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
  margin-left: 4px;
  font-size: 12px;
  line-height: 1;
}
.status-upload__file-info:hover span {
  border-bottom: 1px solid transparent;
}

.status-upload__file-info.hidden {
  display: none;
}

.status-upload__file-status {
  font-size: 12px;
  padding: 4px;
  min-width: 72px;
  border-radius: 8px;
  background-color: var(--red);
  text-align: center;
}

.status-upload__file {
  border-bottom: 1px solid var(--dark);
  position: relative;
}
.status-upload__file--green .status-upload__file-status {
  background-color: var(--green);
}
.status-upload__file--red .status-upload__file-status {
  background-color: var(--red);
}

.status-upload__file-name {
  font-size: 12px;
  max-width: 110px;
  white-space: nowrap;
  /* забороняє переноси на новий рядок */
  overflow: hidden;
  /* приховує текст, що не вміщується */
  text-overflow: ellipsis;
  /* додає три крапки в кінці */
  margin-right: auto;
}

.section__form-pages {
  width: 100%;
  background-color: var(--dark-light);
}

.section__form {
  max-width: 608px;
  padding-left: 44px;
  margin-bottom: 40px;
}

.section__form--lg {
  max-width: 1140px;
  padding-left: 0;
}

.section__form-info {
  max-width: 400px;
}

.section__field-title {
  font-size: 16px;
  font-weight: 400;
  text-align: right;
  padding: 0;
  padding-right: 4px;
}

.section__field-desc {
  padding-left: 12px !important;
  font-size: 14px;
  font-weight: 400;
  color: #bfbfbf;
  padding: 0;
}

.section__input {
  font-size: 12px;
  border-radius: 10px;
  background-color: var(--light);
  color: var(--white);
  border: none;
  line-height: 1;
  padding: 15px;
  font-weight: 400;
  width: 100%;
}

.section__textarea {
  font-size: 12px;
  border-radius: 10px;
  background-color: var(--light);
  color: var(--white);
  border: none;
  line-height: 1.25;
  padding: 15px;
  font-weight: 400;
  width: 100%;
  min-height: 144px;
  resize: none;
}

.section__filter {
  max-width: 456px;
}

.section__filter .options__text {
  font-size: 16px;
}
.section__filter .choices {
  max-width: 180px;
}
.section__filter .choices,
.section__filter .choices__inner, .section__filter .choices__list--dropdown .choices__item, .section__filter .choices__list[aria-expanded] .section__filter .choices__item {
  font-size: 14px;
}
.section__filter .choices__item {
  padding: 6px 12px !important;
}

.section__field .choices__inner {
  border-radius: 10px !important;
}
.section__field .choices__item {
  padding: 15px;
}
.section__field .choices__list[aria-expanded] .choices__item {
  padding: 15px;
}

.section__field .choices {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}

.section__form--more {
  max-width: 780px;
}
.section__form--more .section__field {
  padding-right: 151px;
}

.section__upload-files {
  max-width: 316px;
  padding-left: 10px;
}

.section__upload-file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.section__upload-close {
  position: absolute;
  right: 12px;
  top: 12px;
  padding: 0;
  margin: 0;
  border: none;
  width: 12px;
  height: 12px;
  background-color: transparent;
}
.section__upload-close::after {
  position: absolute;
  content: "";
  left: 1px;
  top: 5px;
  width: 10px;
  height: 2px;
  background-color: var(--white);
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.section__upload-close::before {
  position: absolute;
  content: "";
  left: 1px;
  top: 5px;
  width: 10px;
  height: 2px;
  background-color: var(--white);
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.section__upload-icon-wrap {
  margin: 0;
  margin-right: 8px;
  min-width: 40px;
  max-width: 40px;
  min-height: 40px;
  max-height: 40px;
  overflow: hidden;
  border-radius: 4px;
}

.section__upload-icon {
  width: 100%;
  height: 100%;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.section__upload-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  background-color: var(--dark-grey);
  font-size: 12px;
  font-weight: 400;
  padding: 10px 20px;
  padding-right: 32px;
  border-radius: 4px;
}

.section__upload-buttons {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.section__upload-button {
  border: none;
  background-color: var(--dark-grey);
  border-radius: 4px;
  margin: 0;
  padding: 10px 24px;
  color: var(--white);
  font-size: 14px;
  font-weight: 400;
  width: 100%;
  margin-right: 6px;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}
.section__upload-button:last-child {
  margin-right: 0;
}
.section__upload-button:hover {
  background-color: var(--grey);
}

.tab {
  display: none;
}

.tab.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.choices__list--single .choices__item {
  padding-right: 24px;
}

.header__search-submit {
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
  margin-right: 12px;
}

.header__search-field {
  color: var(--white);
  background-color: transparent;
  border: none;
  outline: none;
  font-size: 20px;
  font-weight: 400;
  max-width: 72px;
  width: 72px;
  line-height: 1;
}
.header__search-field::-webkit-input-placeholder {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.header__search-field::-moz-placeholder {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.header__search-field:-ms-input-placeholder {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.header__search-field::-ms-input-placeholder {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.header__search-field::placeholder {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

@media (max-width: 1780px) {
  .header__button {
    font-size: 16px;
  }

  .header__search-field {
    font-size: 16px;
  }

  .header__notify-count {
    font-size: 12px;
    padding-left: 1px;
  }

  .header__icon-notify {
    max-width: 20px;
  }

  .header__icon-profile-sm {
    max-width: 36px;
  }

  .header__button--darken {
    min-width: 320px;
  }

  .header__item-button {
    font-size: 14px;
  }

  .header__notify-wrap::before {
    left: 29px;
  }

  .header__profile::before {
    right: 36px;
  }
}
@media (max-width: 1620px) {
  .header__button {
    padding: 0 16px;
  }

  .header__button--darken {
    padding-left: 24px;
    padding-right: 48px;
  }

  .header__button--icon::before {
    width: 18px;
    height: 18px;
  }

  .header__button--icon {
    padding-left: 54px;
  }

  .header__search-field {
    width: 64px;
  }
}
/* Customize bootstrap colors start */
.modal-content {
  background-color: var(--dark) !important;
  color: var(--white) !important;
  border: none;
}

.modal-header {
  border-bottom: 1px solid var(--dark-grey) !important;
}

.modal-footer {
  border-top: 1px solid var(--dark-grey) !important;
}

.btn-close {
  -webkit-filter: invert(1);
          filter: invert(1);
}

.btn-primary {
  background-color: var(--green) !important;
  border-color: var(--green) !important;
}

.btn-primary:hover {
  background-color: var(--bs-btn-hover-bg) !important;
  border-color: var(--bs-btn-hover-bg) !important;
}

.btn-secondary {
  background-color: var(--grey) !important;
  border-color: var(--grey) !important;
}

.btn-secondary:hover {
  background-color: var(--light) !important;
  border-color: var(--light) !important;
}

.btn {
  color: var(--white) !important;
}

.btn-primary {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #32bf68;
  --bs-btn-border-color: #279752;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #279752;
  --bs-btn-hover-border-color: #279752;
  --bs-btn-focus-shadow-rgb: 39, 151, 82;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #279752;
  --bs-btn-active-border-color: #279752;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #28a257;
  --bs-btn-disabled-border-color: #28a257;
}

.toast {
  background-color: var(--dark-light) !important;
  color: var(--white) !important;
}

.toast-header {
  background-color: var(--dark) !important;
  color: var(--white) !important;
  border-bottom: 1px solid var(--dark-grey) !important;
}

.toast-body {
  background-color: var(--dark-light) !important;
  color: var(--white) !important;
}

.toast .btn-close {
  -webkit-filter: invert(1);
          filter: invert(1);
}

/* Customize bootstrap colors end */
.section__upload-btn {
  text-align: center;
  background-color: #4d4d4d;
  padding: 14px;
  line-height: 1.25;
  font-size: 14px;
  color: var(--white);
  border: none;
  border-radius: 4px;
  width: 100%;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}
.section__upload-btn:hover {
  background-color: #5a5a5a;
}
.section__upload-btn.uploaded {
  background-color: var(--green);
}
.section__upload-btn--width-auto {
  width: auto;
  padding: 4px 16px;
  margin: 0;
  min-width: 136px;
}

.section__upload-btn.active {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.section__upload-btn.disabled {
  opacity: 0.5;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.form .section__upload-btn--sm {
  max-height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.section__upload-submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-left: auto;
}

.view__top-wrap {
  position: relative;
}

.view__top {
  padding-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.view__top-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--dark-light);
  padding: 0.4rem;
  border-radius: 4px;
  margin-right: 0.5rem;
}
.view__top-info:last-child {
  margin-right: 0;
}

.view__top-info--arrow {
  background-color: transparent;
}

.view__top-arrow {
  border: none;
  margin: 0;
  cursor: pointer;
  width: 24px;
  height: 100%;
  background-color: transparent;
  position: relative;
}
.view__top-arrow::after {
  content: "";
  top: 50%;
  -webkit-transform: translateY(-80%) rotate(45deg);
      -ms-transform: translateY(-80%) rotate(45deg);
          transform: translateY(-80%) rotate(45deg);
  right: 8px;
  position: absolute;
  width: 5px;
  border: solid var(--white);
  border-width: 0 2.5px 2.5px 0;
  display: inline-block;
  padding: 2.5px;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}

.view__top-info--arrow.active .view__top-arrow::after {
  -webkit-transform: translateY(-40%) rotate(-135deg);
      -ms-transform: translateY(-40%) rotate(-135deg);
          transform: translateY(-40%) rotate(-135deg);
}

.view__top-icon {
  max-width: 18px;
  margin-right: 0.5rem;
}

.view__top-text {
  font-size: 14px;
  line-height: 1.25;
}

.view__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.view__box-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 46px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--grey);
}

.view__picture-wrap {
  background-color: var(--dark-light);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 38px;
  padding-right: 38px;
}

.view__picture {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
}

.sidebar-settings__content {
  display: none;
}

.sidebar-settings.active .sidebar-settings__content {
  display: block;
}

.sidebar__title-btn {
  font-size: 14px;
  background-color: var(--grey);
  margin-bottom: 0;
  padding: 14px 48px;
  border-radius: 4px;
  position: relative;
  border: none;
  width: 100%;
  color: var(--white);
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}
.sidebar__title-btn::after {
  top: 50%;
  -webkit-transform: translateY(-80%) rotate(45deg);
      -ms-transform: translateY(-80%) rotate(45deg);
          transform: translateY(-80%) rotate(45deg);
  right: 36px;
  position: absolute;
  content: "";
  width: 5px;
  border: solid var(--white);
  border-width: 0 2.5px 2.5px 0;
  display: inline-block;
  padding: 2.5px;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}
.sidebar__title-btn:hover {
  background-color: var(--light);
}

.sidebar-settings.active .sidebar__title-btn::after {
  -webkit-transform: translateY(-35%) rotate(-135deg);
      -ms-transform: translateY(-35%) rotate(-135deg);
          transform: translateY(-35%) rotate(-135deg);
}

@media (max-width: 1800px) {
  .status-upload__text {
    font-size: 10px;
  }

  .status-upload__info-item {
    margin-right: 2px;
  }
  .status-upload__info-item:last-child {
    margin-right: 0;
  }
}
@media (max-width: 1640px) {
  .status-upload__text-md {
    font-size: 12px;
  }

  .status-upload__file-name {
    font-size: 10px;
  }

  .status-upload__file-info span {
    font-size: 10px;
  }

  .status-upload__file-status {
    font-size: 10px;
  }

  .status-upload__file-status {
    min-width: 60px;
  }

  .status-upload__file-info img {
    max-width: 16px;
  }

  .status-upload__file {
    padding: 10px !important;
  }

  .status-upload__file-wrap {
    padding-right: 24px;
  }

  .status-upload__bar {
    padding: 10px !important;
  }
}
@media (max-width: 1560px) {
  .content {
    width: 100%;
    margin-right: 24px;
  }
}
.options__range-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 0 1rem;
}

.options__range {
  cursor: pointer;
  -webkit-appearance: none;
  width: 100%;
  height: 1px;
  background-color: var(--white);
  outline: none;
}

.options__range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--white);
  cursor: pointer;
}

.options__range::-moz-range-thumb {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--white);
  cursor: pointer;
  border: none;
}

.options__range-per {
  min-width: 40px;
  font-size: 14px;
  color: var(--white);
}

.options__range-btn {
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
}

.options__radio-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: var(--dark-grey);
  padding: 4px;
  padding-left: 20px;
  padding-bottom: 8px;
}

.options__radio {
  display: none;
}

.options__radio-label {
  display: inline-block;
  position: relative;
  padding-left: 24px;
  cursor: pointer;
  font-size: 12px;
  color: var(--white);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.options__radio-label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid var(--white);
}

.options__radio:checked + .options__radio-label::before {
  border: 2px solid var(--white);
}

.options__radio:checked + .options__radio-label::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--white);
}

@media (max-width: 1720px) {
  .options__displays--lg .options__icon {
    max-width: 12px;
    max-height: 8px;
  }

  .options__displays--lg .options__icon--sm {
    max-width: 12px;
    max-height: 12px;
  }

  .options__displays--lg .options__text {
    font-size: 10px;
  }

  .options__display-text {
    font-size: 10px;
  }

  .options__displays--lg .options__display {
    padding: 8px;
  }
}
.switch-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.switch {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.switch .switch__input {
  opacity: 0;
  width: 0;
  height: 0;
}

.switch__slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--light);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 15px;
}

.switch__slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 28px;
  left: 2px;
  bottom: 2px;
  background-color: var(--white);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 20px;
}

.switch__input:checked + .switch__slider {
  background-color: var(--green);
}

.switch__input:checked + .switch__slider:before {
  -webkit-transform: translateX(38px);
      -ms-transform: translateX(38px);
          transform: translateX(38px);
}

.switch__text {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 12px;
  color: var(--white);
}

.switch__text--off {
  right: 10px;
}

.switch__text--on {
  left: 10px;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.switch__input:checked + .switch__slider .switch__text--on {
  opacity: 1;
}

.switch__input:checked + .switch__slider .switch__text--off {
  opacity: 0;
}

.comment__checkbox-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.comment__checkbox--right {
  padding-left: 0 !important;
  padding-right: 16px;
}

.comment__checkbox--right .comment__checkbox-label {
  right: 0;
  left: auto;
}

.options__displays-form .options__radio-box {
  background-color: var(--light);
}

.comment__checkbox {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  overflow: hidden;
}
.comment__checkbox--full {
  width: auto;
  padding-left: 16px;
}
.comment__checkbox--grey .comment__checkbox-label:after {
  border-color: var(--dark);
}

.comment__checkbox-input {
  display: block;
  opacity: 0;
  width: 0;
  height: 0;
}

.comment__checkbox-label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 2px solid var(--white);
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: 0.3s, border-color 0.3s;
  transition: 0.3s, border-color 0.3s;
}

.comment__checkbox--full .comment__checkbox-label {
  width: 16px;
}

.comment__checkbox-input:checked + .comment__checkbox-label {
  background-color: var(--white);
}

.comment__checkbox-label:after {
  content: "";
  position: absolute;
  display: none;
  left: auto;
  right: 0;
  top: -6px;
  bottom: auto;
  width: 6px;
  height: 16px;
  border: 2px solid var(--dark-grey);
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.comment__checkbox-input:checked + .comment__checkbox-label:after {
  display: block;
}

.comment__checkbox-text {
  font-size: 10px;
  margin-right: 4px;
}
.comment__checkbox-text--md {
  font-size: 14px;
}

.comment {
  border: 1px solid var(--orange);
  border-radius: 4px;
  padding: 10px;
  background-color: var(--dark-grey);
  margin-top: 6px;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}
.comment:first-child {
  margin-top: 12px;
}

.comment--green {
  background-color: var(--green);
  border: 1px solid var(--green);
}

.comment--green .comment__checkbox-label:after {
  border: 2px solid var(--green);
  border-width: 0 2px 2px 0;
}

.comment--border-green {
  border: 1px solid var(--green);
}

.comment__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.comment__message {
  width: 100%;
  margin-top: 12px;
  margin-bottom: 12px;
  position: relative;
}

.comment__message--full {
  width: 100%;
}

.comment__time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.25;
}

.comment__time-icons:not(.one) .comment__time-icon--one {
  display: none;
}

.comment__time-icons:not(.two) .comment__time-icon--two {
  display: none;
}

.comment__time-icons:not(.two-blue) .comment__time-icon--two-blue {
  display: none;
}

.comment__time-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.comment__time-text {
  margin-right: 4px;
}

.comment__time-text {
  font-size: 12px;
  line-height: 1.25;
}

.comment__author {
  line-height: 1.25;
  font-size: 10px;
  font-weight: 300;
}

.comment__author--lg {
  font-size: 12px;
  font-weight: 400;
}

.comment__message-text {
  font-size: 12px;
}

.comment__message.is-large .comment__message-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.25em;
  max-height: 3.75em;
  padding-bottom: 16px;
}

.comment__message .comment__message-show {
  display: none;
}

.comment__message.is-large .comment__message-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.comment__message.active .comment__message-text {
  overflow: visible;
  max-height: none;
  display: block;
}

.comment__message.active .comment__message-show {
  background: none;
  padding-top: 0;
}

.comment__message.active .comment__message-arrow {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.comment__count {
  font-size: 12px;
  position: absolute;
  right: 0;
  top: 50%;
  left: 3px;
  margin: 0 auto;
  -webkit-transform: translateY(-55%);
      -ms-transform: translateY(-55%);
          transform: translateY(-55%);
}

.comment__history {
  position: relative;
  color: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
  padding: 0;
  background-color: transparent;
}

.comment__history:not(.white) .comment__icon--white {
  display: none;
}

.comment__history:not(.orange) .comment__icon--orange {
  display: none;
}

.comment__message-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.comment__message-less {
  display: none;
}

.comment__message-show {
  background-color: transparent;
  padding: 0;
  width: 100%;
  border: none;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(55, 55, 55, 0)), to(#373737));
  background: linear-gradient(to bottom, rgba(55, 55, 55, 0) 0%, #373737 100%);
  padding-top: 24px;
  position: absolute;
  bottom: 0;
}

.comment--green .comment__message-show {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 191, 104, 0)), to(#32bf68));
  background: linear-gradient(to bottom, rgba(50, 191, 104, 0) 0%, #32bf68 100%);
}

.comment__message-arrow {
  display: block;
}

.comment__top:not(.checkbox) .comment__checkbox-box {
  display: none;
}

.comment__top:not(.notify) .comment__notify {
  display: none;
}

.comment__top:not(.text) .comment__checkbox-text {
  display: none;
}

.comment__settings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 16%;
  margin-left: auto;
}

.comment__buttons {
  width: 80%;
}

.comment__buttons-choice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.comment__buttons-choice .comment__button {
  width: 49%;
}

.comment__button {
  border: none;
  border-radius: 4px;
  background-color: #2b2a2a;
  color: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  padding: 6px 12px;
  width: 100%;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}
.comment__button:hover {
  background-color: var(--grey);
}

.comment--green .comment__button {
  background-color: #228247;
}
.comment--green .comment__button:hover {
  background-color: #185a31;
}

.comment__button-icon {
  margin-right: 8px;
}

.comment__button-icon {
  max-width: 14px;
  max-height: 14px;
}

.comment__buttons:not(.feedback) .comment__buttons-feedback {
  display: none;
}

.comment__buttons:not(.choice) .comment__buttons-choice {
  display: none;
}

.comment__buttons:not(.feedback, .choice) {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.comment__burger-wrap {
  position: relative;
  z-index: 5;
}

.comment__burger-settings {
  padding: 0;
  margin: 0;
  border: none;
  font-size: 12px;
  color: var(--white);
  background-color: transparent;
  padding: 4px;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
  width: 100%;
}
.comment__burger-settings:hover {
  background-color: var(--light-grey);
}

.comment__burger-menu {
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  padding: 4px;
  background-color: var(--grey);
  border-radius: 4px;
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
}

.comment__burger-wrap.active,
.comment__burger-wrap.active-asign {
  z-index: 10;
}

.comment__burger-wrap.active .comment__burger-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
}

.comment__burger-select {
  min-width: 180px;
  max-width: 180px;
  max-height: 180px;
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  border-radius: 4px;
  overflow: hidden;
  overflow-y: auto;
}
.comment__burger-select::-webkit-scrollbar-track {
  background-color: var(--grey);
}
.comment__burger-select::-webkit-scrollbar {
  width: 4px;
}
.comment__burger-select::-webkit-scrollbar-thumb {
  background-color: var(--dark);
}

.comment__burger-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.comment__burger-wrap.active-asign .comment__burger-select {
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
}

.comment__burger {
  border: none;
  background-color: transparent;
  padding: 0 4px;
  margin-left: 8px;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}
.comment__burger:hover {
  opacity: 0.75;
}

.comment__burger-choice {
  position: relative;
  font-size: 12px;
  border: none;
  padding: 0;
  margin: 0;
  color: var(--white);
  background-color: var(--grey);
  width: 100%;
  text-align: initial;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
  padding: 4px 8px;
  padding-right: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: 2px solid var(--dark);
}
.comment__burger-choice:hover {
  background-color: var(--light-grey);
}
.comment__burger-choice::after {
  display: none;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
  position: absolute;
  content: "";
  right: 8px;
  top: 45%;
  width: 7px;
  border-bottom: 2px solid var(--white);
  height: 12px;
  border-right: 2px solid var(--white);
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

.comment__burger-choice--selected {
  background-color: var(--light-grey);
}
.comment__burger-choice--selected::after {
  display: block;
}

.comment__burger-item:last-child .comment__burger-choice {
  border-bottom: 0;
}

.comment__burger .comment__icon {
  margin-bottom: 4px;
}

.comment__notify {
  font-size: 10px;
  padding: 2px 4px;
  background-color: var(--green);
}

.comments {
  display: none;
}

.sidebar-settings.active .comments {
  display: block;
}

.comment__top-btn {
  border: none;
  background-color: transparent;
  padding: 0;
  margin-right: 6px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.comment__top-btn:last-child {
  margin-right: 0;
}

.comment__top-icon {
  display: block;
  width: auto;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.comment__textarea {
  resize: none;
  width: 100%;
  min-width: 100%;
  background-color: #191919;
  border: none;
  border-radius: 4px;
  min-height: 62px;
  color: var(--white);
}
.comment__textarea::-webkit-input-placeholder {
  color: inherit;
}
.comment__textarea::-moz-placeholder {
  color: inherit;
}
.comment__textarea:-ms-input-placeholder {
  color: inherit;
}
.comment__textarea::-ms-input-placeholder {
  color: inherit;
}
.comment__textarea::placeholder {
  color: inherit;
}

.comment__textarea-placeholder,
.comment__textarea {
  font-size: 12px;
  padding: 4px 8px;
}

.comment__textarea-box {
  position: relative;
}

.comment__textarea-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  color: var(--white);
  font-weight: 400;
}

.comment__textarea-placeholder--required {
  color: var(--red);
}

.comment__textarea:not(:-moz-placeholder-shown) + .comment__textarea-placeholder {
  display: none;
}

.comment__textarea:not(:-ms-input-placeholder) + .comment__textarea-placeholder {
  display: none;
}

.comment__textarea:focus + .comment__textarea-placeholder,
.comment__textarea:not(:placeholder-shown) + .comment__textarea-placeholder {
  display: none;
}

.comments.overlay .comment:not(.comment--post) {
  opacity: 0.5;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}

.options__filter-icon--width {
  display: none;
}
.options__filter-icon--height {
  display: none;
}
.options__filter-icon--screen {
  display: none;
}

.options__filter-icons.width .options__filter-icon--width {
  display: block;
}
.options__filter-icons.height .options__filter-icon--height {
  display: block;
}
.options__filter-icons.screen .options__filter-icon--screen {
  display: block;
}

@media (max-width: 1800px) {
  .options__filter {
    padding: 16px;
    gap: 10px;
  }

  .options__text {
    font-size: 12px;
  }

  .options__filter-icon--xl {
    max-width: 36px;
  }

  .options__filter-icon--md {
    max-width: 20px;
  }

  .choices {
    max-width: 130px;
  }

  .options__range-box {
    padding: 0 0.75rem;
  }

  .comment__time-text {
    font-size: 10px;
  }

  .comment__author {
    font-size: 10px;
  }

  .comment__author--lg {
    font-size: 12px;
  }

  .comment__notify,
.comment__checkbox-text {
    font-size: 9px;
  }

  .comment__buttons-choice .comment__button {
    padding: 4px 8px;
  }

  .comment__button-icon {
    margin-right: 4px;
  }

  .comment__icon {
    max-width: 22px;
  }

  .comment__burger {
    margin-left: 6px;
  }

  .comment__top-icon {
    max-width: 20px;
    max-height: 20px;
  }

  .comment__burger .comment__icon {
    margin-bottom: 2px;
  }
}
@media (max-width: 1620px) {
  .options__filter {
    padding: 16px 12px;
    gap: 8px;
  }
}
.tools {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--grey);
  padding: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.tool__btn {
  background-color: transparent;
  border: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 4px;
  width: 100%;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
  margin-bottom: 4px;
  border-radius: 4px;
}
.tool__btn:hover {
  background-color: var(--light);
}
.tool__btn:last-child {
  margin-bottom: 0;
}

.view__menu {
  padding: 8px;
  z-index: 1;
}

.view__menu {
  font-size: 12px;
}

.view__notify {
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--green);
  font-size: 14px;
  padding: 12px;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
  opacity: 0;
  pointer-events: none;
}
.view__notify.active {
  opacity: 1;
}

/* Color picker styles start */
.color-picker {
  border-radius: 4px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;
  font-family: "Inter";
  position: relative;
}
.color-picker::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0);
  pointer-events: none;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}
.color-picker:hover::before {
  background-color: rgba(0, 0, 0, 0.1);
}

.color-picker input {
  font-family: "Inter";
  font-weight: 500;
}

/* Color picker styles end */
.form {
  font-size: 14px;
}

.form__field-date {
  font-size: 14px;
  border: none;
  background-color: var(--light);
  color: var(--white);
}
.form__field-date:focus {
  background-color: var(--light);
  color: var(--white);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.form__field-date-icon {
  border: none;
  cursor: pointer;
  background-color: var(--light);
  color: var(--white);
  border-left: 2px solid var(--light-grey) !important;
}

.form .choices,
.form .choices__inner,
.form .choices__list--dropdown .choices__item,
.form .choices__list[aria-expanded] .choices__item {
  font-size: 14px;
}
.form .choices__item,
.form .choices__list[aria-expanded] .choices__item {
  padding: 0.375rem 0.75rem;
}
.form .choices__inner {
  border-radius: 0.375rem;
}
.form .choices {
  min-width: 100%;
}

.form__table {
  background-color: var(--dark-grey);
  border-radius: 0.375rem;
}

.form__table-wrap {
  padding: 0 20px;
}

.form__table-top {
  border-bottom: 1px solid var(--light);
}

.form__table-item {
  border-right: 1px solid var(--light);
  background-color: var(--dark-grey);
}
.form__table-item:last-child {
  border-right: none;
}

.form__table-btn {
  max-width: 136px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  border-radius: 0.375rem;
  border: none;
  background-color: var(--light);
  color: var(--white);
  padding: 4px 8px;
  width: 100%;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}
.form__table-btn:hover {
  background-color: var(--light-grey);
}

.form__table--header {
  background-color: var(--grey);
}

.form__settings-button--update {
  background-color: var(--light);
}
.form__settings-button--update:hover {
  background-color: var(--light);
}
.form__settings-button--cancel {
  background-color: var(--dark-light);
}
.form__settings-button--cancel:hover {
  background-color: var(--dark-light);
}
.form__settings-button:hover {
  opacity: 0.75;
}

.field__number {
  border-radius: 0.375rem;
  border: none;
  background-color: var(--light);
  color: var(--white);
  font-size: 14px;
  padding: 5.5px 6px;
  padding-right: 4px;
  line-height: 1;
  width: 64px;
}

.dual-listbox__title {
  display: none;
}

.dual-listbox__search {
  background-color: var(--grey);
  color: var(--white);
}
.dual-listbox__search::-webkit-input-placeholder {
  color: inherit;
}
.dual-listbox__search::-moz-placeholder {
  color: inherit;
}
.dual-listbox__search:-ms-input-placeholder {
  color: inherit;
}
.dual-listbox__search::-ms-input-placeholder {
  color: inherit;
}
.dual-listbox__search::placeholder {
  color: inherit;
}

.dual-listbox__item {
  background-color: var(--dark-grey);
  color: var(--white);
}

.dual-listbox .dual-listbox__item.dual-listbox__item--selected {
  background-color: var(--light);
}

.dual-listbox .dual-listbox__button {
  border-radius: 0.375rem;
  background-color: var(--dark-grey);
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}
.dual-listbox .dual-listbox__button:hover {
  background-color: var(--grey);
}

.dual-listbox .dual-listbox__search,
.dual-listbox .dual-listbox__item,
.dual-listbox .dual-listbox__available,
.dual-listbox .dual-listbox__selected {
  border: 1px solid var(--light);
}

.dual-listbox__available::-webkit-scrollbar,
.dual-listbox__selected::-webkit-scrollbar {
  width: 12px;
}
.dual-listbox__available::-webkit-scrollbar-track,
.dual-listbox__selected::-webkit-scrollbar-track {
  background: var(--dark-grey);
}
.dual-listbox__available::-webkit-scrollbar-thumb,
.dual-listbox__selected::-webkit-scrollbar-thumb {
  background: var(--grey);
}
.dual-listbox__available::-webkit-scrollbar-thumb:hover,
.dual-listbox__selected::-webkit-scrollbar-thumb:hover {
  background: var(--light);
}

.dual-listbox__item:first-child {
  border-top: 0;
}

#loaders::before, #loaders::after {
  content: "";
  display: table;
}
#loaders::after {
  clear: both;
  overflow: hidden;
}

.loader-container .loader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

#loaders {
  margin: 0 auto;
  width: 1000px;
}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.arc-rotate-double .loader {
  width: 120px;
  height: 120px;
}
.arc-rotate-double .loader > div {
  position: absolute;
  border: 2px solid;
  border-color: transparent #373737;
  border-radius: 50%;
  -webkit-animation: load 1s infinite ease-in-out;
          animation: load 1s infinite ease-in-out;
}
.arc-rotate-double .loader .arc-1 {
  margin: 32% 0 0 32%;
  width: 36%;
  height: 36%;
}
.arc-rotate-double .loader .arc-2 {
  margin: 40% 0 0 40%;
  width: 20%;
  height: 20%;
  animation-direction: reverse;
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}

@-webkit-keyframes load {
  0% {
    -webkit-transform: rotate(0) scale(1);
            transform: rotate(0) scale(1);
  }
  50% {
    -webkit-transform: rotate(180deg) scale(0.6);
            transform: rotate(180deg) scale(0.6);
  }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1);
  }
}

@keyframes load {
  0% {
    -webkit-transform: rotate(0) scale(1);
            transform: rotate(0) scale(1);
  }
  50% {
    -webkit-transform: rotate(180deg) scale(0.6);
            transform: rotate(180deg) scale(0.6);
  }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1);
  }
}
.svg-spinner {
  vertical-align: middle;
}

.svg-preloader {
  position: absolute;
  background: rgba(222, 222, 222, 0.4);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 4px;
  z-index: 5;
  overflow: hidden;
}
.svg-preloader .svg-spinner {
  width: 60px;
  height: 60px;
  fill: #373737;
}

.svg-preloader.loader-container {
  display: none;
}

.loading {
  position: relative;
}

.loading > .svg-preloader,
.loading > .full-preloader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.full-preloader {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99899;
  background: rgba(222, 222, 222, 0.4);
}

.full-preloader .loader {
  width: 220px;
  height: 220px;
}

.table__wrap {
  max-height: 400px;
  overflow-y: auto;
}
.table__wrap::-webkit-scrollbar {
  width: 12px;
}
.table__wrap::-webkit-scrollbar-track {
  background: var(--dark-grey);
}
.table__wrap::-webkit-scrollbar-thumb {
  background: var(--grey);
}
.table__wrap::-webkit-scrollbar-thumb:hover {
  background: var(--light);
}

.table {
  color: var(--white);
  border-collapse: collapse;
  margin: 0;
}

.table__cell {
  color: inherit !important;
  background-color: var(--dark-grey) !important;
  font-size: 14px;
  border: none;
  border: 1px solid var(--light);
}

.table__cell--filter {
  cursor: pointer;
}
.table__cell--filter:hover {
  text-decoration: underline;
}

.table__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.table__cell {
  width: 100%;
}

.table__head {
  position: sticky;
  top: 0;
  z-index: 1;
}

.table__head .table__cell {
  font-size: 16px;
  text-align: center;
  background-color: var(--grey) !important;
  vertical-align: middle;
}

.table__cell-icons {
  margin-left: 0.5rem;
}

.table__cell-icon {
  max-width: 24px;
  height: auto;
}

.table__cell .table__cell-icon.up {
  display: none;
}
.table__cell .table__cell-icon.down {
  display: inline-block;
}

.table__cell.active .table__cell-icon.up {
  display: inline-block;
}
.table__cell.active .table__cell-icon.down {
  display: none;
}

.datepicker-time-icon {
  width: 16px;
  height: 16px;
  display: block;
  background-image: url(/images/icons/date-picker/time.svg);
}

.datepicker-date-icon {
  width: 14px;
  height: 16px;
  display: block;
  background-image: url(/images/icons/date-picker/date.svg);
}

.datepicker-up-icon {
  width: 12px;
  height: 16px;
  display: block;
  background-image: url(/images/icons/date-picker/up.svg);
}

.datepicker-down-icon {
  width: 12px;
  height: 16px;
  display: block;
  background-image: url(/images/icons/date-picker/down.svg);
}

.datepicker-previous-icon {
  width: 12px;
  height: 16px;
  display: inline-block;
  background-image: url(/images/icons/date-picker/previous.svg);
}

.datepicker-next-icon {
  width: 12px;
  height: 16px;
  display: inline-block;
  background-image: url(/images/icons/date-picker/next.svg);
}

.options__filter-revers {
  border: none;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0;
  padding: 1px 8px;
  border-radius: 48px;
  background-color: var(--light) !important;
}
.options__filter-revers .table__cell-icons {
  margin-left: 0;
  border: none;
}
.options__filter-revers img {
  display: block;
}

.section-compact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.section-compact__info {
  width: 25%;
  padding-right: 24px;
}

.section-compact__cards {
  width: 75%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.section-compact__card {
  width: 11.625%;
  margin-right: 1%;
  background-color: var(--grey);
}
.section-compact__card:last-child {
  margin-right: 0;
}

.section-compact__status {
  min-height: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--light);
  font-weight: 400;
  font-size: 12px;
}
.section-compact__status--approved {
  background-color: var(--green);
}
.section-compact__status--correction {
  background-color: var(--orange);
}

.section-compact__picture {
  margin: 0;
  padding: 12px 8px;
}

.section-compact__image {
  display: block;
  max-width: 100%;
  width: 100%;
  min-height: 162px;
  max-height: 162px;
  -o-object-fit: contain;
     object-fit: contain;
}

.section-compact__num {
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 12px;
}

.section-compact__list {
  font-size: 14px;
  font-weight: 300;
}

.section-compact__item {
  padding: 2px 0;
}

.section-compact__info .comment__checkbox {
  padding-bottom: 2px;
  font-size: 14px;
}

.section-compact__panel {
  background-color: var(--grey);
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 3rem;
}

.comment__checkbox-wrap {
  position: relative;
  overflow: hidden;
  width: 16px;
  height: 16px;
}

.section-compact__panel-item .comment__checkbox--full {
  padding-left: 0;
}

.project__content {
  display: none;
}
.project__content.active {
  display: block;
}

.project__content {
  background-color: var(--dark-light);
  min-height: 80vh;
  padding-bottom: 24px;
}

.project__image-wrap {
  padding-right: 40px;
  margin-left: auto;
}

.project__image-wrap .drop-zone {
  height: 240px;
  padding: 8px;
  margin-top: 0 !important;
}

.project__image-wrap .drop-zone__thumb {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--grey);
  border-radius: 0;
}

.project__image-wrap .drop-zone__thumb::after {
  font-size: 12px;
  background: rgba(44, 44, 44, 0.8);
}

@media (max-width: 1620px) {
  .project__image-wrap {
    max-width: 200px;
    padding-right: 20px;
  }
}
.project__image {
  display: block;
  width: 100%;
  height: auto;
}
.project__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: right;
     object-position: right;
}

.project__tab-error-icon {
  display: none;
  margin-left: 12px;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.has-error .project__tab-error-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.project__image-edit {
  border: none;
  background-color: transparent;
  color: var(--white);
  border-bottom: 1px solid var(--white);
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 1.25;
  display: block;
  margin-left: auto;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}
.project__image-edit:hover {
  border-bottom: 1px solid transparent;
}

.project__container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
}
.project__container--xl {
  max-width: none;
}

.project__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.project__tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  padding-right: 40px !important;
  padding-left: 40px !important;
  border: 2px solid transparent;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-size: 20px;
  text-transform: uppercase;
  background-color: var(--grey);
  width: 100%;
  text-align: center;
  font-weight: 500;
  margin-right: 2px;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}
.project__tab:last-child {
  margin-right: 0;
}
.project__tab.active {
  background-color: var(--dark-light);
}
.project__tab:hover {
  background-color: var(--dark-light);
}

@media (max-width: 1780px) {
  .project__tab {
    font-size: 18px;
  }

  .project__tab-error-icon {
    width: 16px;
    height: 16px;
  }
}
.project__tab.has-error {
  border: 2px solid var(--red);
}

.project__input {
  font-size: 12px;
  border-radius: 10px;
  background-color: var(--light);
  color: var(--white);
  border: none;
  line-height: 1;
  font-weight: 400;
  width: 100%;
  border-radius: 48px;
  padding: 8px 16px;
  font-size: 14px;
}

.project .choices {
  max-width: none;
}
.project .choices .choices__item {
  padding: 8px 16px;
  font-size: 14px;
}

.project .input-group {
  border-radius: 48px;
  overflow: hidden;
}

.project .form__field-date-icon {
  padding-bottom: 8px;
}

.line {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: var(--light);
  border: none;
  height: 1px;
}

.project__text {
  font-size: 14px;
}

.project__fields-area {
  padding-right: 60px;
}

.view__top-popup {
  position: absolute;
  top: 48px;
  background-color: var(--grey);
  width: 600px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 50;
  border-radius: 4px;
  display: none;
}

.view__top-info.active .view__top-popup {
  display: block;
}

.view__top-popup-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  background-color: transparent;
  color: var(--white);
  font-size: 12px;
  font-weight: 400;
  padding: 8px 16px;
  border: 1px solid var(--white);
  border-radius: 4px;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}
.view__top-popup-close:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.view__top-title {
  font-size: 20px;
  color: var(--orange);
}
.view__top-title .view__top-icon {
  min-width: 48px;
  height: auto;
}

.view__top-line {
  height: 1px;
  width: 100%;
  border: none;
  margin: 0;
  background-color: var(--dark);
}

.view__top-popup-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
}

.view__top-popup .view__top-info {
  width: 220px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-right: 16px;
}

.view__top-popup-text {
  width: 100%;
  font-size: 12px;
  text-align: right;
}

.view__top-popup-box {
  padding: 16px;
}

.view__top-popup-link {
  font-size: 12px;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
  line-height: 1.25;
  border-bottom: 1px solid transparent;
}
.view__top-popup-link:hover {
  border-bottom: 1px solid var(--white);
}

.tempus-dominus-widget.dark .date-container-days div.range-end:not(.no-highlight),
.tempus-dominus-widget.dark .date-container-days div.range-in:not(.no-highlight),
.tempus-dominus-widget.dark .date-container-days div.range-start:not(.no-highlight),
.tempus-dominus-widget.dark .date-container-days div:not(.no-highlight).active,
.tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight).active,
.tempus-dominus-widget.dark .date-container-months div:not(.no-highlight).active,
.tempus-dominus-widget.dark .date-container-years div:not(.no-highlight).active,
.tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight).active,
.tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight).active,
.tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight).active,
.tempus-dominus-widget.dark .time-container-second div:not(.no-highlight).active {
  background-color: var(--light);
}

.tempus-dominus-widget.dark .date-container-days div:not(.no-highlight).today:before,
.tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight).today:before,
.tempus-dominus-widget.dark .date-container-months div:not(.no-highlight).today:before,
.tempus-dominus-widget.dark .date-container-years div:not(.no-highlight).today:before,
.tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight).today:before,
.tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight).today:before,
.tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight).today:before,
.tempus-dominus-widget.dark .time-container-second div:not(.no-highlight).today:before {
  border-bottom-color: var(--light);
}

.project__table .form__table--header {
  font-size: 14px;
}

.project__title {
  font-size: 20px;
}

.project__title-sm {
  font-size: 18px;
}

.project__desc {
  font-size: 18px;
}

.project__format {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 8px;
  gap: 4px;
}

.project__format-item {
  width: 15%;
  padding: 4px;
  min-height: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-size: 14px;
  background-color: var(--white);
  color: #000000;
}

.project__notify-sm {
  font-size: 10px;
  text-align: right;
  font-style: italic;
  padding-top: 4px;
  padding-right: 8px;
}

.project__btn {
  border: none;
  margin: 0;
  background: transparent;
  color: var(--white);
  padding: 0;
  font-size: 14px;
  font-weight: 300;
  border-bottom: 1px solid var(--white);
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
  line-height: 1.15;
}
.project__btn:hover {
  border-bottom: 1px solid transparent;
}

.project__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.project__item-num {
  position: absolute;
  left: 4px;
  bottom: 4px;
}

.project__item {
  cursor: pointer;
  position: relative;
  width: 11.5%;
  margin-right: 0.5%;
  background-color: #279752;
  height: 180px;
  margin-bottom: 16px;
}
.project__item:nth-child(2n+2) {
  margin-right: 2%;
}
.project__item:nth-child(2n+2) .project__item-num {
  right: 4px;
  left: auto;
}
.project__item:nth-child(8n+8) {
  margin-right: 0;
}

.project__list-color {
  width: 20px;
  height: 20px;
  background-color: #32bf68;
}

.project__table--sm {
  font-size: 14px;
}
.project__table--sm .form__table--header {
  font-size: 12px;
}
.project__table--sm .form__table--header:not(:first-child) {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.project__table .form__table-list:nth-child(2) .form__table-item {
  padding-top: 16px !important;
}
.project__table .form__table-list:last-child .form__table-item {
  padding-bottom: 16px !important;
}

.custom-control input {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.custom-checkbox-control__icon-circle {
  display: block;
  width: 15px;
  height: 15px;
  z-index: 1;
  border-radius: 20px;
  cursor: pointer;
  border: 1px solid white;
}

.custom-checkbox-control__icon-circle {
  display: block;
  width: 15px;
  height: 15px;
  z-index: 1;
  border-radius: 20px;
  cursor: pointer;
  border: 1px solid white;
}

.custom-checkbox-color__255 {
  background: #54c147;
}

.custom-checkbox-color__255:after {
  content: "";
  position: absolute;
  background: #fcb150;
  width: 9px;
  height: 9px;
  top: 8px;
  left: 1px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.custom-checkbox-color__0 {
  border: 2px solid #e64c65;
}

.custom-checkbox-color__222 {
  background: #11a8ab;
  border: 2px solid #11a8ab;
  position: relative;
  overflow: hidden;
}

.custom-checkbox-color__111 {
  background: #fcb150;
  border: 2px solid #fcb150;
  position: relative;
  overflow: hidden;
}

.custom-checkbox-color__111:after {
  content: "";
  position: absolute;
  background: #394264;
  width: 9px;
  height: 9px;
  top: -2px;
  left: 1px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.custom-checkbox-color__11 {
  background: #fcb150;
  border: 1px solid #fcb150;
  position: relative;
  overflow: hidden;
}

.custom-checkbox-color__11:after {
  content: "";
  position: absolute;
  background: #fff;
  width: 18px;
  height: 10px;
  top: -2px;
  left: 0px;
}

.custom-checkbox-color__1 {
  border: 2px solid #fcb150;
  position: relative;
  overflow: hidden;
}

.custom-checkbox-color__1:after {
  content: "";
  position: absolute;
  background: #fcb150;
  width: 9px;
  height: 9px;
  top: 8px;
  left: 1px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.form__error {
  color: var(--red);
  font-size: 14px;
  opacity: 0;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
  visibility: hidden;
}

.has-error .form__error {
  opacity: 1;
  visibility: visible;
}

.project__picker {
  display: none;
  position: absolute;
  background-color: var(--light);
  padding: 10px;
  z-index: 1000;
  width: 460px;
  -webkit-box-shadow: 0px 10px 24px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 10px 24px 4px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  padding-bottom: 16px;
}

.project__picker::after {
  content: "";
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent var(--light) transparent;
}

.project__picker.arrow-up::after {
  top: 100%;
  left: 50%;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.project__picker.arrow-down::after {
  bottom: 100%;
  left: 50%;
}

.project__picker-box {
  border: none;
  width: 100%;
  color: var(--white);
  min-height: 38px;
  max-height: 38px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 12px;
  line-height: 1.3;
  padding-top: 2px;
  text-align: center;
  padding: 4px;
  border-radius: 4px;
  margin-top: 8px;
  margin-bottom: 8px;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}
.project__picker-box:hover {
  opacity: 0.8;
}

.project__picker-btn {
  border: none;
  color: var(--white);
  background-color: var(--dark-light);
  font-size: 12px;
  border-radius: 4px;
  margin-top: 12px;
  width: 100%;
  padding: 8px;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}
.project__picker-btn img {
  margin-right: 4px;
  padding-bottom: 2px;
  width: 20px;
  height: 20px;
}
.project__picker-btn:hover {
  background-color: var(--grey);
}

.project__picker-close {
  position: absolute;
  right: -12px;
  top: -12px;
  width: 24px;
  height: 24px;
  background-color: var(--light);
  border: none;
  border-radius: 50%;
}
.project__picker-close span {
  position: absolute;
  right: 0;
  top: 50%;
  left: 0;
  margin: 0 auto;
  -webkit-transform: translateY(-50%) rotate(-45deg);
      -ms-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
  position: absolute;
  width: 50%;
  height: 2px;
  background-color: var(--white);
}
.project__picker-close span:nth-child(2) {
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

.project__delivery-box {
  background-color: var(--grey);
  max-width: 280px;
  margin: 0 auto;
}

.project__input-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.project__input-wrap .project__input-button {
  margin-left: 8px;
}

.project__input-button {
  border: none;
  background-color: var(--light);
  border-radius: 16px;
  padding: 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.status-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: linear-gradient(135deg, #75bc6f 50%, #e6a13b 50%);
  margin: 2px 0;
  border-radius: 4px;
}

.status-bar__text {
  font-size: 14px;
  width: 50%;
  font-weight: 600;
  text-align: center;
  padding: 0 8px;
}

.section-compact__status--bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: linear-gradient(135deg, #75bc6f 50%, #e6a13b 0);
}

.section-compact__status-text {
  font-size: 8px;
  text-align: center;
}

.section-compact__status--bar .section-compact__status-text {
  width: 50%;
}

@media (max-width: 1800px) {
  .section-compact__status-text {
    font-size: 7px;
  }
}
.section-notify {
  position: relative;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.section-notify.active {
  opacity: 1;
  visibility: visible;
}

.section-notify__wrap {
  background-color: var(--grey);
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 12px;
  position: absolute;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  top: -8px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.section-compact__status-button {
  display: none;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 8px;
  cursor: pointer;
  border: none;
  background-color: transparent;
}
.section-compact__status-button::after {
  content: "";
  top: 50%;
  -webkit-transform: translateY(-80%) rotate(45deg);
      -ms-transform: translateY(-80%) rotate(45deg);
          transform: translateY(-80%) rotate(45deg);
  right: 4px;
  position: absolute;
  width: 5px;
  border: solid var(--white);
  border-width: 0 2.5px 2.5px 0;
  display: inline-block;
  padding: 2.5px;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}

.section-compact__status .view__top-popup {
  -webkit-transform: translateX(-33%);
      -ms-transform: translateX(-33%);
          transform: translateX(-33%);
  border: 1px solid rgba(255, 255, 255, 0.25);
  top: 32px;
}

.section-compact__status.active .view__top-popup {
  display: block;
}

.section-compact__status.active .section-compact__status-button::after {
  -webkit-transform: translateY(-40%) rotate(-135deg);
      -ms-transform: translateY(-40%) rotate(-135deg);
          transform: translateY(-40%) rotate(-135deg);
}

.section-compact__status.section-compact__status--arrow {
  padding-right: 24px;
  padding-left: 8px;
  position: relative;
}

.section-compact__status.section-compact__status--arrow .section-compact__status-button {
  display: block;
  margin-left: auto;
}

.view__top-popup-btn {
  border: none;
  background-color: transparent;
  padding: 0;
  margin: 0;
  padding: 8px 16px;
  font-size: 12px;
  border: none;
  border-radius: 4px;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
  background-color: var(--red);
}
.view__top-popup-btn:hover {
  background-color: rgba(252, 61, 61, 0.8);
}

.view__top-popup.modal {
  position: static;
  display: block;
}

.section-compact__modal .modal-content {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.section-compact__modal .modal-dialog {
  width: auto;
  max-width: 600px;
}
.section-compact__modal .view__top-popup-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 16px;
  margin-bottom: 16px;
}
.section-compact__modal .view__top-popup-close {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0;
  margin-left: auto;
  margin-right: 16px;
  margin-bottom: 16px;
}
.section-compact__modal .view__top-popup {
  border-radius: 8px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.section-compact__modal .modal-content {
  background-color: var(--grey) !important;
}

.sidebar-nav {
  background-color: var(--grey);
  border-radius: 4px;
}

.sidebar-nav__icon {
  display: block;
}

.sidebar-nav__prev,
.sidebar-nav__next {
  border: none;
  background-color: var(--light);
  border-radius: 10px;
  padding: 8px;
  margin: 0 6px;
}

.sidebar-nav__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.sidebar-nav__popup {
  display: none;
  position: absolute;
  z-index: 9;
  border-radius: 4px;
  width: 92%;
  margin: 0 auto;
  background-color: var(--light);
  font-size: 10px;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  bottom: 0;
  left: 0;
  right: 0;
  padding: 8px;
  padding-bottom: 40px;
}
.sidebar-nav__popup.active {
  display: block;
}

.sidebar-nav__title {
  text-transform: uppercase;
  font-weight: 600;
}

.sidebar-nav__text {
  margin-bottom: 8px;
}

.sidebar-nav__count {
  width: 40px;
  text-align: center;
  margin: 0 4px;
  border-radius: 10px;
  border: none;
  background-color: var(--light);
  color: var(--white);
  font-size: 14px;
  font-weight: 500;
  padding: 7.5px 4px;
  line-height: 1;
  margin-bottom: auto;
  margin-top: auto;
}

.sidebar-nav__count::-webkit-inner-spin-button,
.sidebar-nav__count::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.sidebar-nav__count {
  -moz-appearance: textfield;
}

.sidebar-nav__button[disabled] {
  opacity: 0.5;
  cursor: initial;
  pointer-events: none;
}

.sidebar-btn {
  border-radius: 4px;
  border: none;
  background-color: var(--orange);
  color: var(--white);
  width: 100%;
  padding: 12px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.sidebar-btn:hover {
  background-color: var(--yellow);
}

.sidebar-nav__link {
  width: 17.2px;
  text-align: center;
}

.sidebar-nav__link[disabled] {
  opacity: 0.5;
  cursor: initial;
}

@media (max-width: 1890px) {
  .sidebar-nav__popup {
    width: 96%;
  }
}
@media (max-width: 1820px) {
  .sidebar-nav__popup {
    width: 100%;
  }

  .sidebar-nav__link {
    width: 15.6px;
  }

  .sidebar-nav__popup {
    font-size: 9px;
  }
}
.section-sm .section__info {
  background-color: var(--grey);
  padding: 0 24px;
  min-height: 56px;
}
.section-sm .section__info:hover {
  background-color: var(--light);
}

.section-sm .section__title {
  font-size: 16px;
}

.section-sm .options__display-btn {
  border-radius: 4px;
  background-color: var(--dark);
}
.section-sm .options__display-btn.active {
  background-color: var(--light);
}
.section-sm .options__display-btn.disabled {
  background-color: #2c2c2c;
  pointer-events: none;
}
.section-sm .options__display-btn:hover {
  background-color: var(--light);
}

.section-sm .choices {
  width: 100%;
  max-width: 100%;
}

.section-sm .choices .choices__item {
  padding: 8px 16px;
}

.section-sm .project__input-button {
  min-width: 52px;
}

.section__form-pages-col {
  position: relative;
}
.section__form-pages-col::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 1px;
  background-color: var(--dark);
  opacity: 0.5;
}
.section__form-pages-col:last-child::after {
  content: none;
}

.demo-timepicker {
  margin: 2rem 0;
}
.demo-timepicker p {
  margin: 0.5rem 0;
}
.demo-timepicker button {
  text-align: center;
  background-color: #4d4d4d;
  padding: 6px 12px;
  line-height: 1.25;
  font-size: 14px;
  color: var(--white);
  border: none;
  border-radius: 4px;
  -webkit-transition: 0.15sease-in-out;
  transition: 0.15sease-in-out;
}
.demo-timepicker input {
  width: 280px;
  background-color: var(--light);
  color: var(--white);
  border: none;
  border-radius: 4px;
  padding: 6px 12px;
  line-height: 1.25;
}

.ui-timepicker-wrapper {
  width: 280px;
  background-color: var(--light);
  max-height: 160px;
  overflow-y: auto;
}
.ui-timepicker-wrapper::-webkit-scrollbar {
  width: 8px;
}
.ui-timepicker-wrapper::-webkit-scrollbar-track {
  background: var(--dark-grey);
}
.ui-timepicker-wrapper::-webkit-scrollbar-thumb {
  background: var(--grey);
}
.ui-timepicker-wrapper::-webkit-scrollbar-thumb:hover {
  background: var(--light);
}
.ui-timepicker-wrapper li {
  font-size: 14px;
  cursor: pointer;
  padding: 2px 12px;
  border-top: 2px solid var(--dark-grey);
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}
.ui-timepicker-wrapper li:hover {
  background-color: var(--light-grey);
}
.ui-timepicker-wrapper .ui-timepicker-duration {
  opacity: 0.5;
  margin-left: 4px;
}

.ui-timepicker-selected {
  background-color: var(--light-grey);
}

.timepicker__image-wrap {
  padding: 2px 44px;
  background-color: var(--light);
  margin-right: 8px;
  border-radius: 4px;
}

.timepicker__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.timepicker__target {
  cursor: pointer;
}

.demo-timepicker .timepicker__target-btn {
  padding: 6px 48px;
}

.steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 40px;
}

.step {
  width: 20px;
  height: 20px;
  background-color: var(--white);
  display: inline-block;
  border: 1px solid;
  border-color: transparent;
  border-radius: 50%;
  color: var(--grey);
  font-weight: 500;
  text-align: center;
  font-size: 14px;
  line-height: 1.25;
  position: relative;
}

.step:nth-child(n+2) {
  margin-left: 40px;
}

.step:nth-child(n+2):before {
  width: 42px;
  height: 2px;
  display: block;
  background-color: var(--white);
  content: "";
  position: absolute;
  top: 8px;
  bottom: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

.step:after {
  display: block;
  color: var(--white);
  content: attr(data-desc);
  font-weight: 300;
  font-size: 10px;
  white-space: nowrap;
  width: 150px;
  position: absolute;
  bottom: -25px;
  left: 10px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
  margin: 0 auto;
}

.step.active {
  border-color: var(--blue);
  color: var(--blue);
}

.step.active:before {
  background: -webkit-gradient(linear, left top, right top, from(var(--green)), to(var(--blue)));
  background: linear-gradient(to right, var(--green) 0%, var(--blue) 100%);
}

.step.active:after {
  color: var(--blue);
}

.step.done {
  background-color: var(--green);
  border-color: var(--green);
  color: var(--white);
}

.step.done:before {
  background-color: var(--green);
}

@media (max-width: 1820px) {
  .step:nth-child(n+2) {
    margin-left: 35px;
  }

  .step:nth-child(n+2):before {
    width: 38px;
  }
}
@media (max-width: 1720px) {
  .step:after {
    font-size: 8px;
  }
}
@media (max-width: 1820px) {
  .step:nth-child(n+2) {
    margin-left: 32px;
  }

  .step:nth-child(n+2):before {
    width: 34px;
  }
}
.card.card--page {
  position: relative;
}
.card.card--page::after {
  content: "";
  position: absolute;
  bottom: -1px;
  right: -1px;
  width: 0;
  height: 0;
  border-bottom: 20px solid var(--background-color, var(--dark));
  border-left: 20px solid transparent;
  -webkit-box-shadow: -1px -1px 0 0 var(--dark), -1px -1px 0 0 var(--dark);
          box-shadow: -1px -1px 0 0 var(--dark), -1px -1px 0 0 var(--dark);
  z-index: 2;
}

.card.card--page > * {
  position: relative;
  z-index: 5;
}

.card__button-popup {
  background-color: var(--dark-light);
  padding: 4px 16px;
  margin: 0;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border: none;
  border-radius: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.card__popup-box {
  position: absolute;
  top: 40%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 5;
}

.card__popup-box.open .card__popup {
  display: block !important;
}

.card__popup {
  position: absolute;
  top: 0;
  left: 41px;
  width: 360px;
  background-color: var(--dark-light);
  padding: 12px 36px;
  padding-top: 8px;
  -webkit-box-shadow: 4px 4px 8px 2px rgba(0, 0, 0, 0.25);
          box-shadow: 4px 4px 8px 2px rgba(0, 0, 0, 0.25);
}

.card__popup-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px 0;
  border-top: 1px solid var(--dark);
}
.card__popup-field:first-child {
  border-top: 0;
}
.card__popup-field .options__field {
  font-size: 14px;
}
.card__popup-field .choices__item {
  padding-bottom: 7px;
}

.card__popup-control {
  margin-top: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.card__popup-control .options__display-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
}
.card__popup-control .options__text {
  margin-top: 0;
  margin-left: 8px;
  line-height: 1.5;
  padding-bottom: 2px;
  font-size: 14px;
}
.card__popup-control .options__display {
  padding: 12px 8px;
}
.card__popup-control .options__display.active:hover {
  background-color: #777777;
}
.card__popup-control .options__display.disabled:hover {
  background-color: #2f2e2e;
}

.card__popup .choices, .card__popup .choices__inner, .card__popup .choices__list--dropdown .choices__item, .card__popup .choices__list[aria-expanded] .choices__item {
  font-size: 14px;
}

.card__popup-title {
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  margin: 8px 0;
}

.card__popup-text {
  font-size: 14px;
}

.select-multiple-wrap .choices__input[type=search] {
  height: auto !important;
  display: block !important;
}

.select-multiple-wrap .choices__inner {
  border-radius: 16px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 4px 16px 4px 8px !important;
}

.choices__list--dropdown {
  min-width: 100%;
}

.select-multiple-wrap .choices__list {
  padding: 0 !important;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.select-multiple-wrap .choices__inner .choices__item {
  margin: 4px !important;
}

.select-multiple-wrap .choices {
  min-width: 100%;
  max-width: 100%;
}

.select-multiple-wrap .choices__input[type=search] {
  width: 40px;
  max-width: 100% !important;
  background-color: transparent;
  color: var(--white);
  padding: 2px 0 4px 0;
  margin: 0 4px;
  margin-left: 6px;
}

.select-multiple-wrap *::-webkit-scrollbar {
  width: 8px;
}
.select-multiple-wrap *::-webkit-scrollbar-track {
  background: var(--dark-grey);
}
.select-multiple-wrap *::-webkit-scrollbar-thumb {
  background: var(--grey);
}
.select-multiple-wrap *::-webkit-scrollbar-thumb:hover {
  background: var(--light);
}

.unassign-panel {
  position: fixed;
  z-index: 50;
  top: 0;
  right: 0;
  width: 350px;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: var(--dark-grey);
  box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.2);
}

.unassign-panel.active {
  pointer-events: initial;
  visibility: visible;
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.unassign-panel__title {
  font-size: 20px;
}

.unassign-panel__text {
  font-size: 14px;
}

.unassign-panel__options .options__text {
  font-size: 14px;
}
.unassign-panel__options .options__filter {
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
}

.unassign-panel__top,
.unassign-panel__options {
  position: relative;
}
.unassign-panel__top::after,
.unassign-panel__options::after {
  position: absolute;
  content: "";
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  height: 1px;
  background-color: var(--dark);
}

.unassign-panel__top {
  padding-bottom: 16px;
  padding-top: 16px;
}

.unassign-panel__container {
  padding: 0 16px;
}

.cards--panel {
  position: relative;
  margin-top: 0;
}
.cards--panel .card {
  width: 32%;
  margin-right: 0;
  margin-bottom: 6%;
}
.cards--panel .card:nth-child(2n+1),
.cards--panel .card:nth-child(2n+2) {
  margin-right: 2%;
}
.cards--panel .card:nth-child(3n+3) {
  margin-right: 0;
}

.cards--panel-2 .card {
  width: 49%;
  margin-right: 0;
  margin-bottom: 6%;
}
.cards--panel-2 .card:nth-child(2n+1),
.cards--panel-2 .card:nth-child(2n+2) {
  margin-right: 2%;
}
.cards--panel-2 .card:nth-child(2n+2) {
  margin-right: 0;
}

.cards--panel .card__dropdown .choices__list--single .choices__item {
  padding-left: 10px;
  padding-top: 9px;
  padding-bottom: 9px;
}

.unassign-panel__content {
  padding-top: 24px;
  max-height: 100%;
  overflow-y: auto;
}
.unassign-panel__content::-webkit-scrollbar {
  width: 8px;
}
.unassign-panel__content::-webkit-scrollbar-track {
  background: var(--dark);
}
.unassign-panel__content::-webkit-scrollbar-thumb {
  background: var(--light);
}
.unassign-panel__content::-webkit-scrollbar-thumb:hover {
  background: var(--light-grey);
}

.unassign-panel__close img {
  display: block;
}

.unassign-panel__close {
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  position: absolute;
  right: 8px;
  top: 8px;
}

.card__button-sm {
  font-size: 12px;
  border: none;
  background: var(--light);
  border-radius: 8px;
  margin-top: 8px;
  padding: 4px 12px;
  color: #ffffff;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.card__button-sm:hover {
  background-color: var(--light-grey);
}

.card__text-sm {
  font-size: 12px;
  margin-top: 8px;
  padding: 4px 12px;
}

.unassign-panel__popup .card__popup {
  display: none;
  z-index: 2;
  left: -50%;
  top: 50%;
  -webkit-transform: translate(-25%, -50%);
      -ms-transform: translate(-25%, -50%);
          transform: translate(-25%, -50%);
}

.unassign-panel__popup.active .card__popup {
  display: block;
}

.unassign-panel__popup .card__popup-field {
  border-top: none;
  margin-bottom: 8px;
}

.card--drag-hover {
  outline: 2px dashed #00aaff;
  background-color: rgba(0, 170, 255, 0.05);
  -webkit-box-shadow: 0px 0px 12px 4px rgba(255, 255, 255, 0.25);
          box-shadow: 0px 0px 12px 4px rgba(255, 255, 255, 0.25);
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

.unassign-panel .card__picture {
  position: relative;
}

.unassign-panel .card__picture::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0;
  right: 0;
}
/*# sourceMappingURL=map/style.css.map */
