:root {
    --txt-silv: rgba(145, 158, 171, 1);
    --txt: rgba(78, 86, 90, 1);
    --brand: rgba(86, 180, 200, 1);
    --dev: rgba(231, 235, 238, 1);
    --w: rgba(255, 255, 255, 1);
    --bg-light: rgba(238, 246, 248, 1);
    --1-font-family: "Gilroy-ExtraBold", Helvetica;
    --1-font-weight: 800;
    --1-font-size: 24px;
    --1-letter-spacing: 0px;
    --1-line-height: normal;
    --1-font-style: normal;
    }
@font-face {
    font-family: 'Gilroy-Regular';
    src: url('/fonts/Gilroy-Regular.eot');
    src: local('Gilroy Regular'), local('Gilroy-Regular'),
        url('/fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Gilroy-Regular.woff2') format('woff2'),
        url('/fonts/Gilroy-Regular.woff') format('woff'),
        url('/fonts/Gilroy-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy-ExtraboldItalic';
    src: url('/fonts/Gilroy-ExtraboldItalic.eot');
    src: local('Gilroy Extrabold Italic'), local('Gilroy-ExtraboldItalic'),
        url('/fonts/Gilroy-ExtraboldItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Gilroy-ExtraboldItalic.woff2') format('woff2'),
        url('/fonts/Gilroy-ExtraboldItalic.woff') format('woff'),
        url('/fonts/Gilroy-ExtraboldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy-Bold';
    src: url('/fonts/Gilroy-Bold.eot');
    src: local('Gilroy Bold'), local('Gilroy-Bold'),
        url('/fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Gilroy-Bold.woff2') format('woff2'),
        url('/fonts/Gilroy-Bold.woff') format('woff'),
        url('/fonts/Gilroy-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy-Black';
    src: url('/fonts/Gilroy-Black.eot');
    src: local('Gilroy Black'), local('Gilroy-Black'),
        url('/fonts/Gilroy-Black.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Gilroy-Black.woff2') format('woff2'),
        url('/fonts/Gilroy-Black.woff') format('woff'),
        url('/fonts/Gilroy-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy-Light';
    src: url('/fonts/Gilroy-Light.eot');
    src: local('Gilroy Light'), local('Gilroy-Light'),
        url('/fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Gilroy-Light.woff2') format('woff2'),
        url('/fonts/Gilroy-Light.woff') format('woff'),
        url('/fonts/Gilroy-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy-Semibold';
    src: url('/fonts/Gilroy-Semibold.eot');
    src: local('Gilroy Semibold'), local('Gilroy-Semibold'),
        url('/fonts/Gilroy-Semibold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Gilroy-Semibold.woff2') format('woff2'),
        url('/fonts/Gilroy-Semibold.woff') format('woff'),
        url('/fonts/Gilroy-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy-Medium';
    src: url('/fonts/Gilroy-Medium.eot');
    src: local('Gilroy Medium'), local('Gilroy-Medium'),
        url('/fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Gilroy-Medium.woff2') format('woff2'),
        url('/fonts/Gilroy-Medium.woff') format('woff'),
        url('/fonts/Gilroy-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy-MediumItalic';
    src: url('/fonts/Gilroy-MediumItalic.eot');
    src: local('Gilroy Medium Italic'), local('Gilroy-MediumItalic'),
        url('/fonts/Gilroy-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Gilroy-MediumItalic.woff2') format('woff2'),
        url('/fonts/Gilroy-MediumItalic.woff') format('woff'),
        url('/fonts/Gilroy-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy-BlackItalic';
    src: url('/fonts/Gilroy-BlackItalic.eot');
    src: local('Gilroy Black Italic'), local('Gilroy-BlackItalic'),
        url('/fonts/Gilroy-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Gilroy-BlackItalic.woff2') format('woff2'),
        url('/fonts/Gilroy-BlackItalic.woff') format('woff'),
        url('/fonts/Gilroy-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy-UltraLight';
    src: url('/fonts/Gilroy-UltraLight.eot');
    src: local('Gilroy UltraLight'), local('Gilroy-UltraLight'),
        url('/fonts/Gilroy-UltraLight.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Gilroy-UltraLight.woff2') format('woff2'),
        url('/fonts/Gilroy-UltraLight.woff') format('woff'),
        url('/fonts/Gilroy-UltraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy-RegularItalic';
    src: url('/fonts/Gilroy-RegularItalic.eot');
    src: local('Gilroy Regular Italic'), local('Gilroy-RegularItalic'),
        url('/fonts/Gilroy-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Gilroy-RegularItalic.woff2') format('woff2'),
        url('/fonts/Gilroy-RegularItalic.woff') format('woff'),
        url('/fonts/Gilroy-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy-SemiboldItalic';
    src: url('/fonts/Gilroy-SemiboldItalic.eot');
    src: local('Gilroy Semibold Italic'), local('Gilroy-SemiboldItalic'),
        url('/fonts/Gilroy-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Gilroy-SemiboldItalic.woff2') format('woff2'),
        url('/fonts/Gilroy-SemiboldItalic.woff') format('woff'),
        url('/fonts/Gilroy-SemiboldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy-HeavyItalic';
    src: url('/fonts/Gilroy-HeavyItalic.eot');
    src: local('Gilroy Heavy Italic'), local('Gilroy-HeavyItalic'),
        url('/fonts/Gilroy-HeavyItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Gilroy-HeavyItalic.woff2') format('woff2'),
        url('/fonts/Gilroy-HeavyItalic.woff') format('woff'),
        url('/fonts/Gilroy-HeavyItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy-Extrabold';
    src: url('/fonts/Gilroy-Extrabold.eot');
    src: local('Gilroy Extrabold'), local('Gilroy-Extrabold'),
        url('/fonts/Gilroy-Extrabold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Gilroy-Extrabold.woff2') format('woff2'),
        url('/fonts/Gilroy-Extrabold.woff') format('woff'),
        url('/fonts/Gilroy-Extrabold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy-BoldItalic';
    src: url('/fonts/Gilroy-BoldItalic.eot');
    src: local('Gilroy Bold Italic'), local('Gilroy-BoldItalic'),
        url('/fonts/Gilroy-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Gilroy-BoldItalic.woff2') format('woff2'),
        url('/fonts/Gilroy-BoldItalic.woff') format('woff'),
        url('/fonts/Gilroy-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy-UltraLightItalic';
    src: url('/fonts/Gilroy-UltraLightItalic.eot');
    src: local('Gilroy UltraLight Italic'), local('Gilroy-UltraLightItalic'),
        url('/fonts/Gilroy-UltraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Gilroy-UltraLightItalic.woff2') format('woff2'),
        url('/fonts/Gilroy-UltraLightItalic.woff') format('woff'),
        url('/fonts/Gilroy-UltraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy-LightItalic';
    src: url('/fonts/Gilroy-LightItalic.eot');
    src: local('Gilroy Light Italic'), local('Gilroy-LightItalic'),
        url('/fonts/Gilroy-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Gilroy-LightItalic.woff2') format('woff2'),
        url('/fonts/Gilroy-LightItalic.woff') format('woff'),
        url('/fonts/Gilroy-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy-Heavy';
    src: url('/fonts/Gilroy-Heavy.eot');
    src: local('Gilroy Heavy'), local('Gilroy-Heavy'),
        url('/fonts/Gilroy-Heavy.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Gilroy-Heavy.woff2') format('woff2'),
        url('/fonts/Gilroy-Heavy.woff') format('woff'),
        url('/fonts/Gilroy-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy-Thin';
    src: url('/fonts/Gilroy-Thin.eot');
    src: local('Gilroy Thin'), local('Gilroy-Thin'),
        url('/fonts/Gilroy-Thin.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Gilroy-Thin.woff2') format('woff2'),
        url('/fonts/Gilroy-Thin.woff') format('woff'),
        url('/fonts/Gilroy-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy-ThinItalic';
    src: url('/fonts/Gilroy-ThinItalic.eot');
    src: local('Gilroy Thin Italic'), local('Gilroy-ThinItalic'),
        url('/fonts/Gilroy-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Gilroy-ThinItalic.woff2') format('woff2'),
        url('/fonts/Gilroy-ThinItalic.woff') format('woff'),
        url('/fonts/Gilroy-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'icomoon';
    src: url('/fonts/icomoon.eot?r8diw2');
    src: url('/fonts/icomoon.eot?r8diw2#iefix') format('embedded-opentype'),
        url('/fonts/icomoon.ttf?r8diw2') format('truetype'),
        url('/fonts/icomoon.woff?r8diw2') format('woff'),
        url('/fonts/icomoon.svg?r8diw2#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


body {
    color: #4E565A;
    font-family: 'Gilroy-Regular';
    font-style: normal;
}

main>.container {
    padding: 70px 15px 20px;
}

.footer {
    background-color: #f5f5f5;
    font-size: .9em;
    height: 60px;
}

.footer>.container {
    padding-right: 15px;
    padding-left: 15px;
}

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

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    content: '';
    left: 3px;
    display: inline-block;
    width: 0;
    height: 0;
    border: solid 5px transparent;
    margin: 4px 4px 2px 4px;
    background: transparent;
}

a.asc:after {
    border-bottom: solid 7px #212529;
    border-top-width: 0;
}

a.desc:after {
    border-top: solid 7px #212529;
    border-bottom-width: 0;
}

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

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

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

/* align the logout "link" (button in form) of the navbar */
.nav li>form>button.logout {
    padding-top: 7px;
    color: rgba(255, 255, 255, 0.5);
}

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

.nav>li>form>button.logout:focus,
.nav>li>form>button.logout:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.75);
}

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

.hidden {
    display: none;
}

hr.green {
    border: 1px solid green;
}

html {
    background-color: #E5E5E5;
    font-family: 'Gilroy-Regular';
}

.main-sidebar2, .main-sidebar2::before {
    transition: margin-left .3s ease-in-out, width .3s ease-in-out;
    background-color: #fff;
    width: 265px;
    display: inline-flex;
    flex-basis: 265px;
    flex-shrink: 0;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.content-wrapper {
    display: inline-flex;
}

.sidebar {
    padding: 20px !important;
    width: inherit;
}

.middle-content {
    display: flex;
    min-height: 100vh;
}

.wrapper {
    background-color: #ECFDFF;
    min-height: 100vh;
}


.navigation-item {
    height: 47px;
    min-width: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.menu-btn {
    /*background-color: #1DB6CB;*/
}

.hamb {
    width: 21px;
    height: 21px;
    content: url('/images/hamb.svg');
}

.menu-btn.active .hamb {
    content: url('/images/krest.svg');
}

.mail {
    width: 21px;
    height: 21px;
    content: url('/images/mail.svg');
}

.phone {
    width: 21px;
    height: 21px;
    content: url('/images/phone.svg');
}

.menu-a {
    align-content: center;
    display: flex;
}

.main-icon {
    height: 27px;
    content: url('/images/logo.svg');
}

.left-pos {
    margin-left: auto;
}



.container2 {
    width: 100%;
    display: flex;
    padding: 0 5px;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}

.block {
    background: #FFFFFF;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
    border-radius: 25px;
    padding: 20px;
    max-width: 625px;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    text-align: left;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.content-center {
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.main-content {
    display: flex;
    width: 100%;
}

.info {
    text-align: center;
}

.logo2 {
    max-width: 160px;
    width: 100%;
    margin-bottom: 15px;
}

.aggreement-list {
    padding: 7px 10px 7px 12px;
    border: 1px solid #1DB6CB;
    border-radius: 30px;
    font-weight: 500;
    font-size: 12px;
    position: relative;
    text-align: initial;
}

.aggreement-list .lc {
    line-height: 14px;
    padding: 3px;
}

.aggreement-list::before {
    content: url(/images/Vectordown.svg);
    width: 14px;
    height: 14px;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 18px;
}

body {
    height: 100%;
}

.nav-item {
    margin-bottom: 4px;
    line-height: 26px;
}

.nav-link {
    font-family: "Gilroy-Medium", Helvetica;
    font-weight: 500;
    font-size: 16px;
    color: #4E565A;
    display: flex !important;
    line-height: 24px;
}

.nav-link.active {

    border-radius: 30px;
    /*font-weight: 800;*/
}

.icon {
    margin-right: 10px;
    color: #56B4C8;
    font-size: 24px;
}

.nav-link.active .icon {
    color: #FFF;
}

.nav-link .man::before {
    content: url('/images/man-g.svg');
}

.nav-link.active .man::before {
    content: url('/images/man.svg');
}

.icon-home:before {
    content: "\e910";
}

.icon-download:before {
    content: "\e900";
}

.icon-ok:before {
    content: "\e901";
}

.icon-clock:before {
    content: "\e902";
}

.icon-mail:before {
    content: "\e903";
}

.icon-phone:before {
    content: "\e904";
}

.icon-point:before {
    content: "\e905";
}

.icon-service:before {
    content: "\e906";
}

.icon-exit:before {
    content: "\e907";
}

.icon-pay:before {
    content: "\e908";
}

.icon-edo:before {
    content: "\e909";
}

.icon-obr:before {
    content: "\e90a";
}

.icon-docs:before {
    content: "\e90b";
}

.icon-accruals:before {
    content: "\e90c";
}

.icon-man:before {
    content: "\e90d";
}

.icon-pen:before {
    content: "\e90f";
}

.icon-cancel:before {
    content: "\e90e";
}

.icon-mail-ok:before {
    content: "\e911";
}

.nav>li>a:hover {
    background: none;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    /*background: linear-gradient(59.79deg, #1DB6CB -6.7%, #B6F6FF 117.48%);*/
    background-color: #56B4C8;
}

.nav>li>a>img{
    margin-right: 10px;
}

.link-menu .nav-link{
    font-size: 14px;
}
.exit-link, .exit-link .icon-exit{
    color: var(--txt-silv);
}

label {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #969696;
}

.main-content label {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #4E565A;
}

.main-content .has-error label.control-label {
    color: #4E565A;
}

.value {
    font-weight: 800;
    font-size: 18px;
    line-height: 22px;
    color: #1DB6CB;
    margin-bottom: 9px;
    display: inline-flex;
    align-items: center;
}

.value2 {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #4E565A;
}

.btn1 {
    display: inline-block;
    border-radius: 44px;
    min-width: 171px;
    font-weight: 800;
    font-size: 12px;
    line-height: 19px;
    border: 1px solid #1DB6CB;
    color: #1DB6CB;
    background: none;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    /*margin: 5px 10px;*/
    margin: 5px 5px;
    padding: 8px;
}

a.btn1:hover {
    color: #1DB6CB;
    text-decoration: none;
}

a.btn2:hover {
    color: #ffffff;
    text-decoration: none;
}

a.btn1.btn-link:hover {
    color: #fff;
}

.btn1-primary {
    /*background: linear-gradient(79.38deg, #1DB6CB -10.22%, #B6F6FF 139.01%);*/
    background-color: #56B4C8;
    border: none;
    line-height: 19px;
    color: #FFF;
}

.btn1-short {
    min-width: 38px;
}

.btn1-primary:hover {
    /*filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));*/
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}

.btn1-primary:active, a.btn1-primary:active, .btn1-primary:focus {
    background: none;
    border: 1px solid #56B4C8;
    ;
    color: #56B4C8;
    line-height: 19px;
    padding: 8px;
}

a.btn1-primary:focus {
    /*background: linear-gradient(79.38deg, #1DB6CB -10.22%, #B6F6FF 139.01%);*/
    background-color: #56B4C8;
    border: none;
    text-decoration: none !important;
    color: #fff !important;
    line-height: 19px;
}

.btn1-primary:active:hover {
    filter: none;
}

.btn1 .icon {
    color: #fff;
    font-size: 20px;
    margin: 0;
    vertical-align: middle;
}

.btn1 .icon:active {
    background: none;
    color: #1DB6CB;
}

.form-group {
    margin-bottom: 10px;
}

.form-group:last-child {
    margin-bottom: 0;
}

h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    /* identical to box height */
    /*text-transform: uppercase;*/
    color: #1DB6CB;
    margin: 0;
    margin-bottom: 10px;
}


.container2 p {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.form-control {
    border: 1px solid #E7EBEE;
    border-radius: 18px;
    line-height: 36px;
    height: 36px;
    margin-top: 5px;
}

.link-menu {
    margin-top: 40px !important;
}

.nav-pills>li+li {
    margin-left: 0;
}

.balance {
    margin-bottom: 10px;
    min-width: 121px;
}

.balance-group {
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
}

.verified {
    background-color: #1DB6CB;
    color: #FFF;
    font-size: 7px;
    border-radius: 50%;
    display: inline-flex;
    width: 14px;
    height: 14px;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    line-height: 14px;
    margin: 0px 5px;
}

.width-134 {
    min-width: 38px;
    width: 134px;
}

.indiv-inline {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
}

.indiv-inline div {
    /*display: inline;*/
}

.indiv-inline div.form-group {
    display: block;
    flex-basis: 343px;
    padding-right: 10px;
    flex-grow: 1;
    margin-bottom: 0;
}

.right-btns, .action-btns {
    display: flex;
    flex-grow: 100;
    align-self: flex-start;
}

.indiv-inline .form-control {
    display: block;
    max-width: 333px;
    margin-right: 10px;
}

.indiv-inline .btn1 {
    margin: 5px 10px 0 0;
}

.indiv-inline .btn1:last-child {
    margin-right: 0;
}

.item-row {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-content: center;
    margin-bottom: 10px;
}

.item-row .value {
    max-width: 333px;
    margin-right: 15px;
    width: 100%;
}

.item-row .value.hidden {
    display: none;
}

.edit-field {
    display: none;
}

.edit-field.active {
    display: inline-flex;
}

.action-btns .btn1-short {
    margin: 5px 10px 0 0;
}

.hidden {
    display: none;
}

.edit-block {
    display: none;
}

.edit-block.active {
    display: inline-flex;
}

.btn1-primary.btn1-short:hover, .btn1-primary.btn1-short:active {
    background: none;
    border: 1px solid #1DB6CB;
    color: #1DB6CB;
    line-height: 34px;
}

.btn1-primary.btn1-short:hover .icon {
    color: #1DB6CB;
}

.value-block {
    max-width: 333px;
    width: 100%;
    margin-right: 15px;
}

.edit-field {
    display: none;
}

.edit-field.active {
    display: block;
}

.comfirm {
    margin: 0;
}

.has-error .help-block {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #FF0000;
}

.has-error .help-block::before {
    content: url("/images/Vector.svg");
    margin-right: 4px;
}

.has-error input.form-control {
    border: 1px solid #FF0000;
}

.btn1:first-child {
    margin-left: 0;
}

.button, input, select, textarea {
    font-family: 'Gilroy-Regular';
    font-style: normal;
    font-weight: 800;
    font-size: 12px;
}

.appeal-item {
    margin: 20px 0;
    color: #4E565A;

}

.appeal-item a {
    text-decoration: none;
    color: #4E565A;
    font-family: 'Gilroy-Regular';
    font-style: normal;
    font-weight: 800;
    font-size: 14px;
    line-height: 17px;
}

.ui-datepicker {
    width: inherit;
}

.ui-widget.ui-widget-content {
    border: 1px solid #1DB6CB;
    border-radius: 30px;
    padding: 14px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #1DB6CB;
    text-align: center;
    border-radius: 15px;
    background: none;
    font-size: 12px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    padding: 0;
}

.ui-widget-header {
    border: none;
    background: none;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    width: 36px;
    height: 36px;
    background: linear-gradient(79.38deg, #1DB6CB -10.22%, #B6F6FF 139.01%);
    border-radius: 18px;
}

.ui-datepicker .ui-datepicker-title {
    line-height: 36px;
    text-align: center;
    height: 36px;
    background: linear-gradient(59.79deg, #1DB6CB -6.7%, #B6F6FF 117.48%);
    border-radius: 30px;
    color: #FFF;
    margin: 0 3.3em;
}

.ui-datepicker td {
    border: 0;
    padding: 5px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    color: #1DB6CB;
}

.ui-icon-circle-triangle-w {
    background-image: url('/images/left.png') !important;
    background-position: 0;
}

.ui-icon-circle-triangle-e {
    background-image: url('/images/right.png') !important;
    background-position: 0;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    margin-left: -4px;
    margin-top: -8px;
}

.ui-datepicker th {
    padding: 10px 5px 5px;
}

.ui-datepicker th span {
    /*background: #1DB6CB;*/
    width: 30px;
    height: 30px;
    display: block;
    line-height: 30px;
    color: var(--txt);
    font-family: "Gilroy-Medium", Helvetica;
    font-weight: 500;
    color: var(--txt);
    font-size: 14px;
}

.ui-datepicker th.ui-datepicker-week-end span {
    background: #FFFFFF;
    
    font-family: "Gilroy-Medium", Helvetica;
    font-weight: 500;
    color: var(--txt-silv);
    font-size: 14px;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background: #1DB6CB;
    color: white;
}

.ui-datepicker-today a.ui-state-highlight {
    background-color: #bcf7ff;
    font-weight: bold;
}

.item-header {
    font-weight: bold;
}

.item-header.t a {
    color: #aea9a9;
}

.test-bar {
    height: 40px;
    background: #2bbcd0;
    display: block;
    width: 100%;
    text-align: center;
    line-height: 40px;
    color: red;
    font-weight: bold;
    font-size: 16px;
}

.big-icon {
    font-size: 36px;

}

.margin-bottom-20 {
    margin-bottom: 20px;
    display: block;
}

.spinner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(255 255 255 / 78%);
    z-index: 200;
}

.spinner-border {
    top: calc(50% - 1rem);
    position: relative;
}

.select2-container--krajee-bs3 .select2-selection, .select2-container--default .select2-selection--single {
    border: 1px solid #1fb7cb;
    border-radius: 18px;
    height: 36px;
    line-height: 36px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
}

.select2-container--krajee-bs3 .select2-selection--single .select2-selection__arrow {
    border-left: none;
}

.select2-container--krajee-bs3 .select2-dropdown {
    border-radius: 0 0 18px 18px;
}

.select2-container--krajee-bs3 .select2-results__option[aria-selected] {
    border-radius: 0;
    margin: 10px;
    font-weight: 500;
}

.select2-container--krajee-bs3 .select2-results__option--highlighted[aria-selected] {
    color: #1db6cb;
    background: none;
}

.select2-results__option {
    padding: 6px 10px;
}

.select2-container--open .select2-dropdown--below {
    border-radius: 0 0 18px 18px;
    border: 1px solid #1fb7cb;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
    width: 35px;
}

.select2-container--open .select2-dropdown--below {
    border-radius: 0 0 18px 18px;
    border: 1px solid #1fb7cb;
    padding-top: 18px;
    top: -18px;
    z-index: 10;
    border-top-width: 0;
    overflow: hidden;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    background: none;
}

.select2-container .selection {
    position: relative;
    z-index: 11;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    font-weight: normal;
    font-size: 16px;
}

.gly-spin {
    -webkit-animation: spin 0.5s infinite linear;
    -moz-animation: spin 0.5s infinite linear;
    -o-animation: spin 0.5s infinite linear;
    animation: spin 0.5s infinite linear;
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(359deg);
    }
}

.link {
    display: inline;
    color: #337ab7;
    cursor: pointer;
}

.li-strong {
    font-weight: 500;
}

@media (min-width: 900px) {
    .navigation {
        display: none;
    }

    .container2 {
        padding: 20px 0 0 20px;
        /*text-align: center;*/
    }

    .main-content {
        justify-content: flex-start;
    }

    .block {
        margin: 0 25px 20px 0;
    }

    .block-full {
        max-width: calc(100% - 25px) !important;
    }

}

/* Мобилка */
@media (max-width: 900px) {
    .navigation {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 20px;
        position: relative;
        background-color: var(--w);
        border-radius: 0px 0px 20px 20px;
    }

    .main-sidebar {
        position: absolute;
        overflow: scroll;
        height: calc(100% - 47px);
        display: none;
    }

    .main-sidebar.active {
        display: inline-flex;
        z-index: 10;
    }

    .container2 {
        padding: 10px 10px;
        /*text-align: center;*/
    }

    .main-content {
        justify-content: center;
    }

    .block {
        margin: 0 25px 20px 0;
    }

    .block-full {
        max-width: 585px !important;
    }

    .balance {
        display: inline-block;
    }

    .indiv-inline .form-control {
        max-width: inherit !important;
        width: 100%;
    }

    h2 {
        font-size: 20px;
        line-height: 24px;
    }
    .org-text-wrapper-6 {
        display: none !important;
    }
    .edit-btn{
        position: absolute;
    }
}

@media (min-width: 1510px) {
    .container2 {
        text-align: left;
    }

    .block-full {
        max-width: calc(100% - 25px) !important;
        width: 100%;
    }
}

.frame-block{
    flex: 1 1 auto;
    margin: 12px 12px;
    max-width: 524px;
}

.frame {
    display: flex;
    flex-direction: column;
    width: 540px;
    align-items: flex-start;
    gap: 14px;
    padding: 24px;
    position: relative;
    background-color: #ffffff;
    border-radius: 20px;
}

.frame .text-wrapper {
    font-family: "Gilroy-Bold", Helvetica;
    font-weight: 700;
    color: #56b4c8;
    font-size: 24px;
    line-height: normal;
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    letter-spacing: 0;
    margin: 0;
}

.frame .div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
}

.frame .p {
    font-family: "Gilroy-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 16px;
    line-height: 20.8px;
    position: relative;
    align-self: stretch;
    letter-spacing: 0;
    margin: 0;
}

.frame .flexcontainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.frame .text {
    position: relative;
    align-self: stretch;
    font-family: "Gilroy-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20.8px;
}

.frame .span {
    font-family: "Gilroy-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20.8px;
}

.frame .text-wrapper-2 {
    font-family: "Gilroy-Medium", Helvetica;
    font-weight: 500;
}

.btn2{
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    padding: 12px 28px;
    position: relative;
    background-color: var(--brand);
    border-radius: 53px;
    font-family: "Gilroy-Bold", Helvetica;
    font-weight: 700;
    color: var(--w);
    font-size: 16px;
    border: 0;
    text-decoration: none;
}
.btn2.white{
    border: 1px solid;
    background-color: white;
    border-color: var(--brand);
    color: var(--brand);
    padding: 10px 28px
}
.btn2.white:hover{
    color: var(--brand);
}
ul{
    padding-left: 20px;
    font-family: "Gilroy-Medium", Helvetica;
    font-weight: 500;
    font-size: 16px;
    color: #000000;
}

.org-block{
    background-color: white;
    border-radius: 20px;
    padding: 24px;
    margin-bottom: 20px;
}
.org-item{
    background-color: #EEF6F8;
    padding: 18px;
    border-radius: 12px;
    position: relative;
}


.org-text-wrapper {
    align-self: stretch;
    margin-top: -1px;
    font-family: "Gilroy-Regular", Helvetica;
    font-weight: 400;
    color: var(--txt-silv);
    font-size: 16px;
    line-height: normal;
    position: relative;
    letter-spacing: 0;
}

.org-text-wrapper-2 {
    align-self: stretch;
    font-family: "Gilroy-Bold", Helvetica;
    font-weight: 700;
    color: var(--txt);
    font-size: 18px;
    line-height: normal;
    position: relative;
    letter-spacing: 0;
}

.frame .div-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    position: relative;
    flex: 1;
    flex-grow: 1;
}

.frame .div-3 {
    display: flex;
    gap: 8px;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    align-items: center;
    position: relative;
}

.org-text-wrapper-3 {
    width: fit-content;
    margin-top: -1px;
    font-family: "Gilroy-Regular", Helvetica;
    font-weight: 400;
    color: var(--txt-silv);
    font-size: 16px;
    line-height: normal;
    white-space: nowrap;
    position: relative;
    letter-spacing: 0;
    display: inline-block;
}

.frame .vector {
    position: relative;
    width: 1px;
    height: 12px;
    display: inline-block;
}

.org-text-wrapper-4 {
    align-self: stretch;
    width: 421px;
    margin-top: -1px;
    margin-right: -73px;
    font-family: "Gilroy-Regular", Helvetica;
    font-weight: 400;
    color: var(--txt-silv);
    font-size: 14px;
    line-height: 18.2px;
    white-space: nowrap;
    position: relative;
    letter-spacing: 0;
    display: inline-block;
}

.frame .div-4 {
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
}

.org-text-wrapper-5 {
    width: fit-content;
    margin-top: -1px;
    font-family: "Gilroy-Bold", Helvetica;
    font-weight: 700;
    color: var(--txt);
    font-size: 18px;
    line-height: normal;
    position: relative;
    letter-spacing: 0;
    display: inline-block;
}

.org-div-5 {
    display: inline-flex;
    justify-content: center;
    gap: 4px;
    flex: 0 0 auto;
    align-items: center;
    position: relative;
    display: inline-block;
}

.org-dashicons-update {
    position: relative;
    width: 20px;
    height: 20px;
    display: inline-block;
}

.org-td-text {
    position: relative;
    width: fit-content;
    font-family: "Gilroy-Bold", Helvetica;
    font-weight: 700;
    color: var(--brand);
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18.2px;
    white-space: nowrap;
    display: inline-block;
    cursor: pointer;
}

.frame .div-6 {
    display: inline-flex;
    justify-content: center;
    gap: 6px;
    padding: 12px 0px;
    flex: 0 0 auto;
    border-radius: 53px;
    align-items: center;
    position: relative;
}

.org-text-wrapper-6 {
    width: fit-content;
    font-family: "Gilroy-Bold", Helvetica;
    font-weight: 700;
    color: #56b4c8;
    font-size: 16px;
    line-height: normal;
    white-space: nowrap;
    position: relative;
    letter-spacing: 0;
    display: inline-block;
}

.edit-btn{
    color: #56B4C8;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
}

.block2{
    padding: 24px 0px 12px;
    position: relative;
    background-color: #ffffff;
    border-radius: 20px;
}
.table2 {
    border-left: none;
    border-right: none;
}
.table2>tbody>tr>td:first-child, .table2>tbody>tr>th:first-child{
    border-left: none;
    
}
.table2>tbody>tr>td:last-child, .table2>tbody>tr>th:last-child{
    border-right: none;
}
.table2>tbody>tr>th{
    color: #919EAB;
    border: none;
    height: 44px;
    line-height: 27px;
}

.table-bordered>tbody>tr>td{
    border: 1px solid #e7ebeecc;
}
.refresh-accruals, .refresh-accruals:hover{
    color: #56b4c8;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-decoration: none;
    cursor: pointer;
    font-family: "Gilroy-Bold", sans-serif;
    line-height: 130%;
}
.main-content .org-block label{
    font-family: "Gilroy-Regular", Helvetica;
    font-weight: 400;
    color: #00000080;
    font-size: 15px;
    margin: 10px 0 2px;
}
.main-content .org-block .value2{
    font-family: "Gilroy-Regular", Helvetica;
    font-weight: 400;
    color: #000000cc;
    font-size: 16px;
}