html {
    font-size: 16px;
}
body {
    font-size: 1rem;
    background: #ffffff;
    font-family: Roboto, sans-serif !important;
}
input, button {
    font-family: Roboto, sans-serif !important;
}


:root {
    --content_wrapper-offcet: 80px;
}

.content_wrapper {
    margin-left: var(--content_wrapper-offcet, 80px);
    margin-right: var(--content_wrapper-offcet, 80px);
    width: auto;
}
.content_half {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.content_half > div {
    min-width: 360px;
}
.content_half .content_last-child {
    width: calc(60% - 30px);
    margin-left: 30px;
    flex-grow: 1;
}
.content_half .content_first-child {
    max-width: 600px;
    margin-right: 30px;
}
.flex-center {
    display: flex !important;
    align-items: center;
}
.flex-start {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.flex-revers {
    display: flex;
    flex-direction: row-reverse;
}

.justify-center {
    display: flex !important;
    justify-content: center;
}
.flex-wrap {
    display: flex !important;
    flex-wrap: wrap;
}
.flex-nowrap {
    display: flex !important;
    flex-wrap: nowrap;
}

.block-center {
    margin-left: auto;
    margin-right: auto;
}
.color-white a {
    color: white
}
.color-black a {
    color: black
}
.color-white a i,
.color-black a i {
    width: 100%;
    height: 10px;
    margin-top: 10px;
    background-position: center;
    background-size: contain;
}
.color-white a i {
    background-image: url("../data/icon_dropdown.svg");
}
.color-black a i {
    background-image: url("../data/icon_dropdown-black.svg");
}


/* select2 */

.select2-container {
    margin-bottom: 20px;
}
.select2-container .select2-selection--single {
    height: 42px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 42px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 35px;
}
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    transition: .2s;
    border: 1px solid #D6DDE6;
}
.select2-container--default .select2-selection--multiple {
    padding-top: 5px;
    padding-left: 8px;
}
.select2-container--default .select2-selection--single:hover,
.select2-container--default .select2-selection--multiple:hover {
    transition: .2s;
    border-color: #5871E8;
    box-shadow: 0 0 3px 0 rgba(36, 68, 157, .7);
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
    margin: 0;
}
input[type="search"].select2-search__field:focus {
    box-shadow: none;
    border-color: #5871E8;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #D6DDE6;
}
.select2-dropdown {
    border: 1px solid #D6DDE6;
}

#changeStatusForm .select2 {
    width: 100% !important;
    max-width: 355px;
}

/* input */


.base__select {
    width: 100%;
}

input[type="checkbox"].inner-checkbox,
input[type="radio"].inner-radio {
    position: absolute;
    left: -9999px;
    opacity: 0;
}
.base__checkbox {
    width: 20px;
    height: 20px;
    position: relative;
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF);
    border: 1px solid #D6DDE6;
    box-sizing: border-box;
    border-radius: 5px;
    margin-top: 0;
    margin-right: 7px;
    flex-shrink: 0;
}
.base__checkbox:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;

    background-image: url("../data/icon_checkbox_inner.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 74%;
    display: none;
}
input[type="checkbox"].inner-checkbox:checked + .base__checkbox {
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF);
    border: 1px solid #D6DDE6;
}
input[type="checkbox"].inner-checkbox:checked + .base__checkbox:before {
    display: block;
}

.base__radio {
    width: 20px;
    height: 20px;
    position: relative;
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF);
    border: 1px solid #D6DDE6;
    box-sizing: border-box;
    margin-top: 0;
    margin-right: 7px;
    flex-shrink: 0;

    border-radius: 50px;
}
.base__radio:before {
    content: '';
    position: absolute;
    background-color: #7572DB;
    top: 4px;
    left: 4px;
    bottom: 4.2px;
    right: 4.2px;
    border-radius: 50px;

    display: none;
}
input[type="radio"].inner-radio:checked + .base__radio {
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF);
    border: 1px solid #D6DDE6;
}
input[type="radio"].inner-radio:checked + .base__radio:before {
    display: block;
}

table thead td {
    font-weight: 600 !important;
}

table tbody textarea,
table tbody input[type="text"],
fieldset input[type="text"],
table tbody input[type="password"],
table tbody input[type="datetime"],
table tbody input[type="datetime-local"],
table tbody input[type="date"],
table tbody input[type="month"],
table tbody input[type="time"],
table tbody input[type="week"],
table tbody input[type="number"],
table tbody input[type="email"],
table tbody input[type="url"],
table tbody input[type="search"],
table tbody input[type="tel"],
table tbody input[type="color"],
.base__input {
    min-width: 50px;
    height: 42px;
    min-height: 42px;
    transition: .2s;
    border: 1px solid #D6DDE6;
    background-color: #fff;
    border-radius: 4px;
    box-sizing: border-box;

    margin-bottom: 0;
}
table tbody textarea:disabled,
table tbody input[type="text"]:disabled,
table tbody input[type="text"]:disabled,
table tbody input[type="password"]:disabled,
table tbody input[type="datetime"]:disabled,
table tbody input[type="datetime-local"]:disabled,
table tbody input[type="date"]:disabled,
table tbody input[type="month"]:disabled,
table tbody input[type="time"]:disabled,
table tbody input[type="week"]:disabled,
table tbody input[type="number"]:disabled,
table tbody input[type="email"]:disabled,
table tbody input[type="url"]:disabled,
table tbody input[type="search"]:disabled,
table tbody input[type="tel"]:disabled,
table tbody input[type="color"]:disabled {
    background-color: #f5f5f5;
}

.table__holder textarea:hover,
.table__holder input[type="text"]:hover,
table tbody input[type="text"]:hover,
table tbody input[type="password"]:hover,
table tbody input[type="datetime"]:hover,
table tbody input[type="datetime-local"]:hover,
table tbody input[type="date"]:hover,
table tbody input[type="month"]:hover,
table tbody input[type="time"]:hover,
table tbody input[type="week"]:hover,
table tbody input[type="number"]:hover,
table tbody input[type="email"]:hover,
table tbody input[type="url"]:hover,
table tbody input[type="search"]:hover,
table tbody input[type="tel"]:hover,
table tbody input[type="color"]:hover,
.base__input:hover {
    transition: .2s;
    border-color: #5871E8;
    box-shadow: 0 0 3px 0 rgba(36, 68, 157, .7);
}

/* header menu */
.navbar {
    width: 100%;
    height: 55px;
    background: #09135A;

    position: relative;

    font-family: Roboto, sans-serif;
}
.navbar__inner {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.navbar__inner a:hover,
.navbar__inner a:focus,
a.submit__btn:hover,
a.submit__btn:focus {
    color: #ffffff !important;
}
.navbar .navbar__home {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    margin-right: 20px;
}
.navbar .navbar__home:hover {
    text-decoration: none;
}

.navbar__menu {
    margin-right: auto;
}
.navbar__ul {
    max-width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.navbar__item {
    height: 55px;
    padding: 0 20px;
    color: #ffffff;
    text-decoration: none;
    text-shadow: none;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.navbar__item:hover {
    background-color: #24449D;
    color: #ffffff;
    text-decoration: none;
}


/* header user */

.navbar__user {
    position: relative;
    min-width: 190px;
    height: 40px;
    background-color: #24449D;
    border-radius: 5px;
    padding: 0 8px;
    margin-left: 15px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: white;
}
.navbar__user:hover {
    background-color: #4B6ED2;
}

.navbar__user-btn {
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: white;
    flex-grow: 1;
}
.navbar__user-btn:hover {
    color: white;
    text-decoration: none;
}
.icon_dropdown {
    margin-left: 10px;
}

/* dropdown */


.navbar__dropdown-label {
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar__dropdown-menu {
    position: absolute;
    top: 107%;
    right: 0;
    z-index: -1;
    display: none;
    width: 100%;
    background: #24449D;
    border-radius: 5px;
    box-sizing: border-box;
}
.navbar__dropdown-holder {
    border-top: 1px solid transparent;
}
.navbar__dropdown-holder:first-child .navbar__dropdown-item {
    border-top: 1px solid transparent;
}
.navbar__dropdown-holder:last-child {
    padding-bottom: 5px;
    border-radius: 0 0 5px 5px;
}

.navbar__dropdown-holder:hover {
    transition: .2s;
    border-top: 1px solid rgba(255, 255, 255, 0.3)               ;
    background: rgba(255, 255, 255, 0.4);
    color: white;
    text-decoration: none;
}
.navbar__dropdown-holder:first-child:hover {
    border-radius: 5px 5px 0 0;
}
.navbar__dropdown-holder:hover + .navbar__dropdown-holder .navbar__dropdown-item {
    border-top: 1px solid transparent;
}


.navbar__dropdown-item {
    border-top: 1px solid rgba(255, 255, 255, 0.3)               ;

    color: white;
    text-align: left;
    padding: 10px 0;
    margin: 0 15px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    transition: .2s;
}
.navbar__dropdown-item:hover {
    border-top: 1px solid transparent;
    color: white;
    text-decoration: none;
}


#navbar__dropdown:checked ~ .navbar__dropdown-label .icon_dropdown {
    transition: .2s;
    transform: rotate(180deg);
}
#navbar__dropdown:checked ~ .navbar__dropdown-menu {
    display: block;
    z-index: 1000;
}




    /* mobile menu */

.navbar__mobile-label {
    position: relative;
    width: 20px;
    height: 18px;
    background: #09135A;
    border: none;
    margin-left: auto;
    margin-right: 15px;
    margin-bottom: 0;
    flex-shrink: 0;


    align-items: center;
    justify-content: flex-end;
    padding-left: 30px;
    display: none;
}
.icon_mobile {
    display: block;
    width: 16px;
    height: 2px;
    background-color: #ffffff;
    border-radius: 1px;
    transition: .2s;
}
.navbar__mobile-label:after,
.navbar__mobile-label:before {
    content: '';
    display: none;
    position: absolute;
    right: 0;
    width: 20px;
    height: 2px;
    background-color: #ffffff;
    border: none;
    border-radius: 1px;

    transition: .2s;
}
.navbar__mobile-label:before {
    top: 0;
}
.navbar__mobile-label:after {
    bottom: 0;
}


/* navbar checkbox effects */

input[type="checkbox"].navbar__checkbox {
    position: absolute;
    left: -99999px;
    opacity: 0;
}

.navbar__mobile-label:hover .icon_mobile {
    transition: .2s;
    width: 20px;
}
.navbar__checkbox:checked + .navbar__mobile-label .icon_mobile {
    background-color: transparent;
}
.navbar__checkbox:checked + .navbar__mobile-label:before {
    transition: .2s;
    transform: rotate(45deg) translateY(6px) translateX(6px);
}
.navbar__checkbox:checked + .navbar__mobile-label:after {
    transition: .2s;
    transform: rotate(-45deg) translateY(-5px) translateX(5px);
}
#navbar__checkbox:checked ~.navbar__menu {
    min-height: 55px;
    height: auto;
}
#navbar__checkbox:checked ~ .navbar__menu .navbar__ul {
    display: flex;
    flex-wrap: wrap;
}

/* base header */

.base__header {
    display: flex;
    justify-items: flex-start;
    align-items: center;

    margin-top: 30px;
    margin-bottom: 40px;
}
.base__header-logo {
    width: 230px;
    height: auto;
    flex-shrink: 0;
    margin-right: 20px;
}
.base__header-title {
    max-width: 680px;
    font-weight: 900;
    font-size: 2.1rem;
    line-height: 2.6rem;
    text-transform: uppercase;

    letter-spacing: 0.02em;
    color: #1F2541;
}

/* h1 h2... */

.base__h1 {
    font-style: normal;
    font-weight: 400;
    font-size: 2.5rem;
    line-height: 2.5rem;
    color: #4C4C7B;

    margin-bottom: 35px;
}
.base__h3 {
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.25rem;
    color: #5D5E6C;

    margin-top: 35px;
    margin-bottom: 35px;
}
.base__h5 {
    font-size: .8rem;
    line-height: 1rem;
    color: #4C4C7B;
}

/* login */

.login__block {
    margin-top: 30px;
    padding: 5% 0;
    background-image: url('../data/bg_index.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.login__holder-main {
    display: flex;
    justify-content: center;
    align-items: stretch;
}

.login__holder {
    width: 400px;
    min-width: 25%;
    background-color: #ffffff;
    padding-bottom: 30px;

    border-radius: 12px 12px 10px 10px;
}
.login__form-title {
    background-color: #333B8A;
    color: white;
    font-weight: 500;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    text-transform: uppercase;

    padding: 30px 10px 25px;
    border-radius: 10px 10px 0 0;
}
.login__form-inputs {
    padding-left: 50px;
    padding-right: 50px;
    margin-top: 25px;

    color: #4C4C7B;
    font-size: 1rem;
    line-height: 1.1rem;
}
.login__form-login {
    padding-left: 0;
    padding-right: 0;
}
.login__form-inputs > input {
    width: 100%;
    box-sizing: border-box;
    height: 30px;
}

.login__form-inputs .rmbme {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 40px;
}
.login__form-inputs .rmbme  input {
    margin-right: 7px;
    margin-bottom: 3px
}
.login__form-inputs .rmbme  label {
    margin-top: 2px;
    margin-bottom: 0;
}


.login__form-btn,
.submit__btn,
.submit__btn-special,
#forminstance_export_pdf,
.submit__btn > button,
input[type="submit"].login__form-btn {
    width: 130px;
    height: 40px;
    margin: 0 auto 0;
    background: #333B8A;
    color: white;
    border-radius: 5px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-feature-settings: 'liga' off, 'kern' off;
    transition: .2s;
    border: none;

    cursor: pointer;
}
.submit__btn-special {
    width: auto !important;
    height: 40px !important;
    padding: 13px 20px !important;
    background: #333B8A !important;
    color: white !important;
    min-width: 160px !important;
    text-transform: uppercase;
    font-weight: 400 !important;
    font-size: 15px !important;
}
.content_wrapper .special button.submit__btn-special {
    margin-top: 20px !important;
}
.delete-row {
    color: #333B8A;
    background-color: white;
}
.submit__btn > button {
    width: 100%;
}
.login__form-btn:hover,
.submit__btn:hover,
.submit__btn-special:hover,
#forminstance_export_pdf:hover,
.submit__btn > button:hover,
input[type="submit"].login__form-btn:hover,
.content_wrapper form button#forminstance_save[type="submit"]:hover {
   background-color: #3E60BD;
    color: white;
    text-decoration: none;
    transition: .2s;
}
.submit__btn-special:hover {
    background-color: #3E60BD !important;
    color: white !important;
}

.login__form-btn {
    width: 90% !important;
    max-width: 300px;
}
.submit__btn,
#forminstance_export_pdf {
    width: 385px;
}
.submit__btn-small {
    width: 130px;
}
.submit__btn-icon {
    width: 50px;
}
.submit__btn .icon-pencil{
    margin-right: 10px;
}

.login__info {
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 10px;
    margin-left: 50px;
    padding: 50px;
}

.login__info-text {
    font-weight: normal;
    font-size: 1.25rem;
    line-height: 1.35rem;

    color: #FDFDFF;
}

.blue-line {
    width: 100%;
    height: 20px;
    background: rgba(226, 236, 255, 0.6);
}
.login__success {
    text-align: center;
    color: #4C4C7B;
}
.login__success-name {
    margin-bottom: 5px;
    font-size: 1rem;
    line-height: 1.1rem;
}
.login__success-username {
    margin-bottom: 30px;
    text-align: center;
    font-size: .9rem;
    line-height: 1rem;

}


/* footer */

.footer__main {
    margin-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer__links {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-right: auto;
}
.footer__contacts {
    max-width: 800px;
    background-color: #DDE4F1;
    border-radius: 10px;
    padding: 40px 60px;
}
h3.footer__contacts-title {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    text-transform: uppercase;

    color: #4C4C7B;
    margin-bottom: 25px;
}
.footer__contacts-phone {
    margin-bottom: 10px;
}
.footer__contacts-phone,
.footer__contacts-mail {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.footer__contacts-number {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.footer__contacts-number div:first-child {
    margin-right: 5px;
}

.footer__main .footer__contacts-number a,
.footer__main .footer__contacts-mail {
    font-size: 20px;
    line-height: 30px;
    color: #4C4C7B;
    text-transform: none;
    transition: .2s;
}
.footer__main .footer__contacts-number a:hover,
.footer__main .footer__contacts-mail:hover {
    text-decoration: underline;
    transition: .2s;
}
.footer__main .footer__contacts-number span {
    font-size: 20px;
    color: #4C4C7B;
    margin-right: 15px;
}
.footer__important {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;

    color: #4C4C7B;
    margin-left: 62px;
    margin-bottom: 10px;
}
.footer__important a {
    color: #333b8a;
}
.footer__contacts-info {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    color: #7c838a;
}
.footer__contacts-info2 {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    color: #7c838a;
}
.footer__contacts-info3 {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    color: #7c838a;
}
.footer__main .footer__contacts-info {
    margin-left: 20px;
}
.footer__links-minpros {
    width: 340px;
    height: 96px;
    background-image: url('../data/logo_footer.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;

    margin-bottom: 20px;
}
.footer__link-ficto {
    display: flex;
    align-items: center;
    height: 100px;
}
.footer__links-ficto {
    width: 420px;
    height: 61px;
    background-image: url('../data/ficto_footer.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
}

.footer__second {
    height: 50px;
    background-color: #09135A;
    color: white;

    margin-top: 60px;
}
.footer__second-holder {
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.footer__second-item {
    margin-right: 5px;
    transition: .2s;
    color: white;
}
.footer__second-item-link:hover {
    transition: .2s;
    color: white;
    text-decoration: underline;
}
.footer__second-item-nolink {
    cursor: default;
}
.footer__second-item-nolink:hover {
    transition: .2s;
    color: white;
    text-decoration: none;
}



.footer__page {
    background-color: #09135A;
	padding-bottom: 20px;
}
.footer__inner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: stretch;
    padding: 20px 0;

    flex-wrap: wrap;
}
.blue-line-page {
    width: 100%;
    height: 20px;
    background: rgba(226, 236, 255, 0.6);
    margin-top: 150px;
}
.footer__inner-block {
    width: 35%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.footer__inner-block:first-child {
    width: 30%;
}

.footer__h1 {
    max-width: 310px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #FFFFFF;

    margin-bottom: 25px;
}
.footer__about {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;

}
.footer__page-links {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.footer__links-block {
    margin-top: -15px;
}
.page-minpros {
    width: 360px;
    height: 100px;
    background-image: url('../data/logo_footer-2.png');
    background-size: contain;
    background-position: left top;

    margin-bottom: 15px;
    margin-left: -3px;
}
.page-ficto {
    height: 61px;
    background-image: url('../data/ficto_footer-2.png');
    background-size: contain;
    background-position: left top;
}

.footer__inner-block .footer__contact-number a {
    align-items: self-start;
}
.footer__contacts-number span,
.footer__inner-block .footer__contact-number span {
    color: #ffffff;
    margin-right: 15px;
    font-size: 20px;
}
.footer__inner-block .footer__contact-number a,
.footer__inner-block .footer__contacts-mail {
    font-size: 18px;
    line-height: 18px;

    color: #ffffff;
    text-decoration: none;
    margin-top: auto;
    transition: .2s;
}
.footer__inner-block .footer__contact-number a:hover,
.footer__inner-block .footer__contacts-mail:hover {
    transition: .2s;
    color: #ffffff;
    text-decoration: underline;
}
.footer__inner-block .footer__contact-number {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}
.footer__contact-number .footer__contacts-info {
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
}



/* breadcrumbs */

.base__breadcrumb-holder {
    background: rgba(226, 236, 255, 0.6);
    margin-bottom: 40px;
    width: 100%;
    min-height: 36px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-left: 0;
    display: flex;
    align-items: center;
}

ul.base__breadcrumb {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    list-style: none;

    color: #A1B2C8;

    margin-bottom: 0;
}
.base__breadcrumb b {
    color: #4C4C7B;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
}
.base__breadcrumb li {
    display: inline-block;
}
.base__breadcrumb a {
    color: #A1B2C8;
}
.base__breadcrumb span a {
    color: #A1B2C8;
}

/* 404 */

.error__holder {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    margin-top: 60px;
}

.error__text-big {
    font-style: normal;
    font-weight: normal;
    font-size: 250px;
    line-height: 280px;
    color: #4C4C7B;
    margin-bottom: 20px;
}
.error__img {
    display: block;
    width: 153px;
    height: 147px;
    background-image: url('../data/icon_warning.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    margin-bottom: 40px;
    flex-shrink: 0;
}
.error__text {
    max-width: 1125px;
    min-width: 280px;
    width: 80%;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 22px;
    color: #5D5E6C;
    text-align: center;
    margin-bottom: 15px;
}
.error__text span {
    color: #7572DB;
}
.error__text-small {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 40px;

    color: #5D5E6C;
    text-align: center;
}
.error__text-link {
    display: flex;
    justify-content: center;
    align-items: center;

    font-size: 20px;
    line-height: 22px;
    color: #5D5E6C;
}
.error__text-link a {
    text-decoration-line: underline;
    color: #7572DB;
    margin: 0 5px;
}

/* about system */

.about__image-holder {
    max-width: 650px;
    margin-bottom: 20px;
}
.about__image {
}
.about__text-holder {
    min-width: 360px;
    font-style: normal;
    font-weight: normal;
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #5D5E6C;
}
.about__text-holder li {
    margin-left: 10px;
    margin-bottom: 15px;
    line-height: 24px;
}
.about__text-title {
    font-weight: 500;
    font-size: 26px;
    line-height: 25px;
    text-transform: uppercase;
    color: #333B8A;

    margin-top: 15px;
    margin-bottom: 20px;
}

/* contacts page */

.contacts__support-holder {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 70px;
}
.contacts__support {
    font-style: normal;
    font-size: 1.25rem;
    line-height: 1.4rem;
    color: #5D5E6C;

    flex-grow: .5;
    margin-bottom: 35px;
}
.contacts__support:last-child {
    width: 100%;
}
.contacts__support .flex {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.contacts__support div[class^="icon"] {
    width: 2rem;
    height: 2rem;
    margin-right: 1rem;
}
.contacts__support-title {
    font-weight: bold;
    padding-bottom: 5px;
}
.contacts__support-text {
    font-weight: 400;
    margin-left: 3rem;
}
.contacts__support-text a {
    font-weight: 400;
    color: #5D5E6C;
    text-decoration: underline;
}

/* table */

.table__holder {
    font-size: 1rem;
    min-width: 1050px;
}
/*.table__holder.table__big {*/
/*    overflow-x: scroll;*/
/*}*/
.table__holder table {
    width: 100%;
    border: 0;
    background-color: #F9FBFF;
    color: #5D5E6C;
    min-width: 1000px;
    border-radius: 4px;
}
.table__color tr td {
    background-color: #F9FBFF;
    color: #5D5E6C;
}
.table__color .select2-container{
    margin-bottom: 0;
}
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #EEF4FF;
}
table tr:nth-child(odd) {
    background-color: #EEF4FF;
}
.table__holder table thead tr {
    /*background-color: #24449D !important;*/
    background-color: #D9E0EB !important;
    color: black;
    font-weight: 600 !important;
    border: .5px solid #cccccc;
}
.table__holder table thead th {
    font-weight: 600;
    padding: 10px;
    border: .5px solid #cccccc;
}
.table__holder td {
    border: 1px solid #FFFFFF;
    padding: 15px 20px 17px;
}
.table__holder td a {
    color: #3f3979;
    transition: .2s;
}
.table__holder td a:hover {
    transition: .2s;
    text-decoration: underline;
}
.table__special td {
    padding: 15px 10px 17px 15px;
}
.table__holder strong {
    display: block;
    font-weight: 600;
    margin-bottom: 5px;
}
.table__holder tbody td a {
    font-weight: normal;
    font-size: 1.1rem;
    line-height: 1.2rem;
    color: #4C4C7B;
    text-decoration: underline;
    text-decoration-color: #b9bcd7;

}
.table__holder tbody td a:hover {
    color: #4542a3;
    text-decoration-color: #6461c2;
}
.table__holder .tab b {
    font-weight: 400;
}
.table__color.table {
    border-radius: 4px;
}
.table__color.table th {
    background-color: #D9E0EB !important;
    color: black;
    font-weight: 600 !important;
}
.table-bordered th, .table-bordered td {
    border-color: #cccccc;
}
.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th {
    background-color: initial;
}


.table__org {
    border-radius: 4px;
}
.table__org th {
    width: 50%;
    height: 100%;
    color: black;
    background-color: #D9E0EB;
    text-align: right;
    font-weight: 400;
    padding: 15px 20px 17px;
    border: 0.5px solid #cccccc;
}
.nav-tabs > li > a {
    color: #555555;
}
.nav-tabs > li > a:hover {
    text-decoration: underline;
}
.alert a {
    color: #474a6d;
}

.table__holder2 {
font-size: 1rem;
min-width: 1050px;
}
.table__holder2 table {
width: 100%;
border: 0;
background-color: #F9FBFF;
color: #5D5E6C;
min-width: 1000px;
border-radius: 4px;
}
.table__holder2 table thead tr {
/*background-color: #24449D !important;*/
background-color: #D9E0EB !important;
color: black;
font-weight: 600 !important;
border: .5px solid #cccccc;
}
.table__holder2 table thead th {
font-weight: 600;
padding: 10px;
border: .5px solid #cccccc;
}
.table__holder2 td {
border: 1px solid #D8D8D8;
padding: 15px 20px 17px;
}
.table__holder2 td a {
color: #3f3979;
transition: .2s;
}
.table__holder2 td a:hover {
transition: .2s;
text-decoration: underline;
}
.table__holder2 strong {
display: block;
font-weight: 600;
margin-bottom: 5px;
}
.table__holder2 tbody td a {
font-weight: normal;
font-size: 1.1rem;
line-height: 1.2rem;
color: #4C4C7B;
text-decoration: underline;
text-decoration-color: #b9bcd7;
}
.table__holder2 tbody td a:hover {
color: #4542a3;
text-decoration-color: #6461c2;
}
.table__holder2 .tab b {
font-weight: 400;
}

/* blockquote */


blockquote > div {
    font-weight: 400;
    line-height: 1.35rem;
    color: #5D5E6C;
}
blockquote > div:first-child {
    margin-top: 50px;
}
blockquote li a {
    color: #5D5E6C;
}
blockquote li a:hover {
    color: #5552BE;
}

/* form */
[class*="span"] {
    float: unset;
}
.form-horizontal  .select2-container {
    width: 100% !important;
}

.content_wrapper .form-actions {
    background-color: white;
    border-top: none;
}
.content_wrapper .span12 {
    width: 100%;
    margin-bottom: 50px;
}
.content_wrapper .offset1 {
    margin-left: 0;
}
.content_wrapper .well {
    background-color: white;
    border: none;
    /*padding-left: 20px;*/
    box-shadow: none
}
.content_wrapper fieldset {
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-block-start: 0;
    padding-inline-start: 0;
    padding-inline-end: 0;
    padding-block-end: 0;
    min-inline-size: unset;
    background-color: #f9f9f9;
    padding: 3%;
}
.content_wrapper fieldset h1 {
    width: auto;
    font-style: normal;
    font-weight: 400;
    font-size: 2.5rem;
    line-height: 2.5rem;
    color: #4C4C7B;

    margin-top: -15px;
    margin-bottom: 45px;
    border-bottom: none;
}

.content_wrapper fieldset .control-group {
    margin-top: 15px;
    margin-bottom: 0;
}
.content_wrapper fieldset .control-label {
    width: 190px;
    font-size: 16px;
}
.content_wrapper fieldset .controls {
    margin-left: 210px;
}
.content_wrapper fieldset .form-actions {
    background-color: transparent;
}

/*#main form p > b > a {*/
/*    display: block;*/
/*    max-width: 305px;*/
/*    padding: 10px 15px;*/
/*    border-radius: 5px;*/
/*    background-color: #EEF4FF;*/
/*    transition: .2s;*/
/*    text-transform: uppercase;*/
/*    font-weight: 600;*/
/*    font-size: .8rem;*/
/*    color: #333B8A;*/
/*    text-shadow: none;*/

/*    border: none;*/
/*    cursor: pointer;*/
/*    margin: 15px auto 15px;*/
/*}*/
/*#main form p > b > a:hover {*/
/*    transition: .2s;*/
/*    background: #C3C8FD;*/
/*    text-decoration: none;*/
/*}*/
#main form p > b {
    font-weight: normal;
}
#main form > p {
    margin-top: 30px;
}
#main form small > div {
    margin-top: 20px;
    color: #616275 !important;
}




/* popup */

.ui-dialog { /* body */
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 2rem 1rem;
    outline: 0;
}
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: -20px;
    top: 20px;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}
.ui-button {
    border: none;
    background: transparent;
    font-weight: normal;
}
.ui-button:hover, .ui-button:focus {
    border: none;
    background: transparent;
    font-weight: normal;
}
.ui-widget.ui-widget-content {
    border-radius: 0;
    border: 0;
    color: #5D5E6C;
    box-shadow: 0 0 8px 1px rgba(10, 10, 20, .4);
}
.ui-widget-header {
    border: none;
    border-radius: 0          ;
    border-bottom: 1px solid #C4C4C4;
    background: transparent;
    color: #5D5E6C;
    font-weight: normal;
}
.ui-dialog .ui-dialog-titlebar { /* head */
    padding: .8rem 0 .7rem;
}
.ui-dialog .ui-dialog-content {
    color: #5D5E6C;
    margin-top: 10px;
}
.ui-dialog .ui-dialog-content ol {
    margin: 0 0 10px 5px;
}
.ui-dialog .ui-dialog-content li {
    margin-top: 10px;
    line-height: 1.4rem;
    color: #5D5E6C;
}


/* organization lk */

.lk__info-hover {
    margin-bottom: 70px;
}
.lk__info {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;

    margin-bottom: 15px;
}
.lk__info-text {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.3rem;
    color: #5D5E6C;
}
.base__buttons-holder {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

button {
    text-shadow: none !important;
    font-family: Roboto, sans-serif;
}
.base__button {
    min-width: 360px;
    max-height: 65px;
    padding: 22px 20px;
    margin-bottom: 20px;
    border-radius: 5px;
    background-color: #DDE4F1;
    transition: .2s;

    border: none;
}
.base__button.flex {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 20px;
}
.base__button-inner {
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;

    color: #333B8A;
    text-shadow: none;
}
.base__button-limit {
    max-width: 265px;
}

.btn[disabled] {
    opacity: 1;
}
.base__button-small {
    display: block;
    min-width: 160px;
    padding: 15px 20px;
    margin-bottom: 20px;
    border-radius: 5px;
    background-color: #DDE4F1;
    transition: .2s;
    text-transform: uppercase;
    font-weight: 600;
    font-size: .8rem;
    color: #333B8A;
    text-shadow: none;

    border: none;
    cursor: pointer;
}
.base__button-icon {
    display: block;
    max-width: 305px;
    padding: 10px 15px;
    margin-bottom: 20px;
    border-radius: 5px;
    background-color: #DDE4F1;
    transition: .2s;
    text-transform: uppercase;
    font-weight: 600;
    font-size: .8rem;
    color: #333B8A;
    text-shadow: none;

    border: none;
    cursor: pointer;
}
.base__button-icon u {
    text-decoration: none;
}


.content_wrapper form button#forminstance_save[type="submit"],
.content_wrapper form button[name="forminstance[save and exit]"] {
    padding: 15px 20px;
    margin-bottom: 20px;
    border-radius: 5px;
    background-color: #DDE4F1;
    transition: .2s;
    border: none;
    cursor: pointer;

    font-weight: 500;
    font-size: 15px !important;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase !important;

    color: #333B8A;
    text-shadow: none;
}
.content_wrapper form button#forminstance_save[type="submit"] {
    background: #333B8A;
    color: white;
}


.base__button:hover,
.base__button-small:hover,
.base__button-icon:hover,
input[type="file"].base__button-special:hover,
.base__button-special:hover:before,
.content_wrapper form button[name="forminstance[save and exit]"]:hover {
    transition: .2s;
    background: #ced6e6;
    text-decoration: none;
}
.base__button-icon:hover u {
    text-decoration: none;
    color: #333B8A;
}


#load-exel-page label{
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.25rem;
    color: #5D5E6C;

    margin-top: 35px;
    margin-bottom: 35px;
}
#load-exel-page input[type='text'] {
    min-width: 50px;
    height: 42px;
    min-height: 42px;
    transition: .2s;
    border: 1px solid #D6DDE6;
    background-color: #fff;
    border-radius: 4px;
    box-sizing: border-box;
}

#load-exel-page input[type='file'],
#load-exel-page button {
    display: block;
    min-width: 160px;
    height: 50px !important;
    padding: 15px 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
    border-radius: 5px;
    background-color: #DDE4F1;
    transition: .2s;
    text-transform: uppercase;
    font-weight: 600;
    font-size: .8rem;
    line-height: 0;
    color: #333B8A;
    text-shadow: none;

    border: none;
    cursor: pointer;

    position: relative;
}
#load-exel-page input[type='file']:before {
    content: '↓';
    position: absolute;
    top: 0;
    left: 0;

    width: 47%;
    height: 100%;
    padding: 10px 30px;
    box-sizing: border-box;
    border-radius: 5px;
    background-color: #DDE4F1;
    transition: .2s;

    font-weight: 600;
    font-size: 2.7rem;
    line-height: 20px;
    color: #333B8A;

    border: none;
    cursor: pointer;
}

#section-fill-page blockquote > div:first-child {
}
#section-fill-page div:nth-child(2) b {
    font-size: 14px;
    line-height: 1.35rem;
    color: #5D5E6C;
}
#section-fill-page ul a {
    color: #5D5E6C !important;
}

#forminstance_file:hover,
#forminstance_file:hover:before {
    transition: .2s;
    background: #ced6e6;
    text-decoration: none;
}
#forminstance_file {
    font-family: Roboto, sans-serif !important;
    display: block;
    width: 265px;
    height: 50px !important;
    padding: 15px 20px 15px 10px;
    box-sizing: border-box;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
    background-color: #DDE4F1;
    transition: .2s;
    text-transform: uppercase;
    font-weight: 600;
    font-size: .8rem;
    line-height: 0;
    color: #333B8A;
    text-shadow: none;

    border: none;
    cursor: pointer;

    position: relative;
}
#forminstance_file:before {
    content: '↓';
    font-family: Arial, sans-serif !important;
    position: absolute;
    top: 0.5px;
    left: .5px;

    width: 123px;
    height: 100%;
    padding: 10px 40px;
    box-sizing: border-box;
    border-radius: 5px;
    background-color: #DDE4F1;
    transition: .2s;

    font-weight: 600;
    font-size: 2rem;
    line-height: 20px;
    color: #333B8A;

    border: none;
    cursor: pointer;
}


/* Стили для подсказок - начало */
/* из админки */

.tip,
.tip-two,
.tip-three,
span.support::before,
span.support-hover::before {
    display: none;
    position: absolute;
    z-index: 9998;
    top: 25px;
    left: -280px;
    background: #ffffff;
    border: none;
    border-radius: 0;
    border: 0;
    color: #5D5E6C;
    box-shadow: 0 0 8px 1px rgba(10, 10, 20, .4);
    text-align: left;
    font: normal 500 14px Arial, sans-serif;
    cursor: default;
    padding: 10px 15px;
    margin: 0;
    width: 270px;
    min-height: 50px;
    height: auto;
}
a.support-hover i {
    margin-left: 0;
}
td a i.icon-share {
    margin-left: 6px;
}
.tip-two,
.tip-three {
    margin: -30px 0 0 0;
}
.tip:before,
.tip-two:before,
.tip-three:before,
.tip:after,
.tip-two:after,
.tip-three:after	{
    border-width: 9px 8px 9px 0;
    border-color: transparent;
    top: 0px;
    left: 0px;
    content:"";
    position:absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
}
.tip-block {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    height: 0;
    width: 1px;
}
.support-hover,
.support-hover-two {
    display: inline-block;
    position: relative;
    color: #06C;
    text-decoration: none;
    cursor: pointer;
}
.support-hover em,
.support-hover-two em {
    background: #FF6600;
    border-radius: 20px;
    border: 1px solid #999;
    text-align: center;
    color: #FFF;
    font: normal bold 16px Arial;
    padding: 0 4px;
}
span.support-hover:hover em,
span.support:hover em,
span.support:focus em,
a.support-hover:hover em,
a.support-hover-two:hover em {
    background: #6699FF;
}
a.support-hover:hover .tip {
    display:block;
}
/* Стили для подсказок - конец */
@media screen and (max-width: 1100px) {
    #news { display: none; }
    #aims { display: none; }
    #right { margin-left: 0px;  }
    h3 {font-size: 14px; }
    .span4 { display: none; }
}
.tab {
    border-collapse:collapse;
    border: 1px solid #ccc;
    width: 100%
}
.tab tr, td  {
    border: 1px solid #ccc;
}
.sticky {
    position: sticky;
    top: 0;
    background-color: #ffffff;
    z-index: 999;
}


/* из админки */


































/* icons */

.icon_home {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('../data/icon_home.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.icon_home:hover {
    background-image: url('../data/icon_home-hover.svg');
}
.icon_user {
    display: block;
    width: 17px;
    height: 17px;
    background-image: url('../data/icon_user.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.icon_dropdown {
    display: block;
    width: 18px;
    height: 11px;
    background-image: url('../data/icon_dropdown.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    transition: .2s;
}
.icon_item {
    display: block;
    width: 11px;
    height: 15px;
    background-image: url('../data/icon_item.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    transition: .2s;
    flex-shrink: 0;
    margin-right: 15px;
}

.login__info-icon {
    display: block;
    width: 153px;
    height: 147px;
    background-image: url('../data/icon_warning.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    margin-right: 40px;
    flex-shrink: 0;
}
.icon_phone {
    display: block;
    width: 40px;
    height: 40px;
    background-image: url('../data/icon_phone.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    margin-right: 20px;
    flex-shrink: 0;
}
.footer__inner-block .icon_phone {
    background-image: url('../data/icon_phone-light.svg');
}
.icon_mail {
    display: block;
    width: 40px;
    height: 40px;
    background-image: url('../data/icon_mail.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    margin-right: 20px;
    flex-shrink: 0;
}
.icon_chat {
    display: block;
    width: 40px;
    height: 40px;
    background-image: url('../data/icon_chat.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    margin-right: 20px;
    flex-shrink: 0;
}

.footer__inner-block .icon_mail {
    background-image: url('../data/icon_mail-light.svg');
}

.icon_place {
    display: block;
    width: 25px;
    height: 30px;
    background-image: url('../data/icon_place.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom left;

    margin-right: 15px;
    flex-shrink: 0;
}
.icon_org {
    display: block;
    width: 25px;
    height: 30px;
    background-image: url('../data/icon_org.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom left;

    margin-right: 15px;
    flex-shrink: 0;
}
.icon_org-mail {
    display: block;
    width: 25px;
    height: 30px;
    background-image: url('../data/icon_org-mail.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom left;

    margin-right: 15px;
    flex-shrink: 0;
}
.icon_pdf {
    display: block;
    width: 28px;
    height: 32px;
    background-image: url('../data/icon_pdf.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom left;

    margin-right: 40px;
    flex-shrink: 0;
}
.icon_exel {
    display: block;
    width: 28px;
    height: 32px;
    background-image: url('../data/icon_xls.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom left;

    margin-left: 40px;
    flex-shrink: 0;
}

.icon-minus,
.icon-ok {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url('../data/icon_no.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin: 0 auto;
    flex-shrink: 0;
}
.icon-ok {
    background-image: url('../data/icon_ok.svg');
}

.icon-question-sign {
    display: block;
    width: 28px;
    height: 28px;
    background-image: url('../data/icon_question.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    flex-shrink: 0;

    margin-left: 15px;
}
.ui-button .ui-icon {
    display: block;
    width: 15px;
    height: 15px;
    background-image: url('../data/icon_close.svg') !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    flex-shrink: 0;
}
.ui-button:hover .ui-icon {
    background-image: url('../data/icon_close-hover.svg') !important;
}
.icon-list {
    width: 17px;
    height: 17px;
    margin-top: 0;
    background-image: url("../data/list.svg");
    background-position: center;
    background-size: contain;
}

/* pagination */

.pagination {
    margin: 100px 0;
}

.pagination ul {
    display: flex;
    justify-content: center;
    box-shadow: none;
}

.pagination ul > li {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 28px;
    max-width: 35px;
    height: 28px;
    margin: 0 5px;

    border: 1px solid #D6DDE6;
    border-radius: 4px;
    line-height: 20px;
    text-decoration: none;
    background-color: #ffffff;
    color: #7572DB;
    transition: .2s;

    cursor: pointer;
}
.pagination ul > li:hover a,
.pagination ul > li:hover span {
    color: #333B8A;
    transition: .2s;
}

.pagination ul > li > a,
.pagination ul > li > span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70%;
    height: 80%;
    padding: 3px;
    float: none;
    border: none;
    line-height: 20px;
    text-decoration: none;
    color: #7572DB;
}

.pagination ul > li > a:focus {
    transition: .2s;
    color: #7572DB;
    background-color: #ffffff;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
    color: #ffffff;
}
.pagination ul > .active {
    background-color: #7572DB;
    border-color: #7572DB;
    border-radius: 4px;
    cursor: default;
}
.pagination ul > .active:hover {
    background-color: #7572DB;
    border-color: #7572DB;
    color: #ffffff;
}
.pagination ul > .active:hover a,
.pagination ul > .active:hover span {
    color: #ffffff;
}



.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
    cursor: default;
    background-color: transparent;
    color: #7572DB;
}

.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
    background-color: transparent;
}

.pagination ul > li:first-child,
.pagination ul > li:first-child {
    margin-right: 20px;
}

.pagination ul > li:last-child {
    margin-left: 20px;
    width: 30px;

    background-image: url("../data/icon_arr_right.svg");
    background-size: 54%;
    background-position: center;
    background-repeat: no-repeat;
}
.pagination ul > li:last-child:hover {
    background-image: url("../data/icon_arr_right-hover.svg");
}
.pagination ul > li:last-child a,
.pagination ul > li:last-child span,
.pagination ul > li:first-child a,
.pagination ul > li:first-child span {
    opacity: 0;
}

.pagination ul > li:first-child {
    margin-left: 20px;
    width: 30px;

    background-image: url("../data/icon_arr_left.svg");
    background-size: 54%;
    background-position: center;
    background-repeat: no-repeat;
}
.pagination ul > li:first-child:hover {
    background-image: url("../data/icon_arr_left-hover.svg");
}

.pagination ul > .disabled {
    border-color: transparent;
    cursor: default;
}
.pagination ul > .disabled:hover a,
.pagination ul > .disabled:hover span {
    color: #7572DB;
}

.pagination ul > .disabled:first-child,
.pagination ul > .disabled:last-child {
    border-color: #D6DDE6;
}


/* other */

#uploadFile_name {
    width: 100%;
    height: 20px;
    font-size: 1rem;
}


/* media */

@media (max-width: 1340px) {
    .footer__contacts-phone {
        flex-wrap: wrap;
    }
}
@media (max-width: 1280px) {
    :root {
        --content_wrapper-offcet: 60px;
    }

    .navbar__mobile-label {
        display: flex;
    }
    .navbar__mobile-label:before,
    .navbar__mobile-label:after {
        display: block;
    }
    .navbar__menu {
        height: 0;
        width: 100%;
        position: absolute;
        top: 100%;
        left: 0;
        background-color: #09135A;
    }
    .navbar__ul {
        padding-left: calc(var(--content_wrapper-offcet, 80px) - 10px);
        padding-right: calc(var(--content_wrapper-offcet, 80px) - 10px);
        background-color: #09135A;
        display: none;
    }
    .navbar__item {
        flex-shrink: 0;
        height: 50px;
        padding: 0 10px;
    }
    .login__info-icon {
        width: 80px;
    }
}
@media (max-width: 1250px) {
    .footer__inner {
        padding: 15px 0;
    }
    .footer__inner-block {
        flex-grow: 1;
    }
    .footer__inner-block .footer__contacts-phone {
        margin-top: 20px;
    }
    .footer__inner-block:first-child {
        width: 100%;
        order: 1;
        margin-top: 30px;
    }

    .footer__links-block {
        margin-top: -15px;
    }
    .footer__h1 {
        margin-bottom: 0;
        max-width: unset;
    }
    .footer__about {
        flex-direction: row;
        margin-top: 5px;
    }
    .page-minpros {
        margin-bottom: 20px;
    }
}
@media (max-width: 1200px) {
    .footer__main {
        flex-wrap: wrap;
    }
    .footer__links {
        width: 100%;
        max-width: 920px;
        flex-direction: row;
        margin-right: auto;
        margin-left: auto;
    }
    .footer__contacts {
        margin-top: 20px;
    }
}
@media (max-width: 1100px) {
    :root {
        --content_wrapper-offcet: 40px;
    }

    .login__info-icon {
        display: none;
    }
    .content_wrapper {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }
    /*.table__holder {*/
    /*    overflow-x: scroll;*/
    /*}*/
}

@media (max-width: 960px) {
    .content_half {
        flex-wrap: wrap;
    }
    .content_half .content_first-child,
    .content_half .content_last-child {
        margin-right: 0;
        margin-left: 0;
        width: 100%;
        min-width: unset;
    }
    .base__header-title {
        font-size: 1.6rem;
        line-height: 1.8rem;
    }
    .login__holder-main {
        flex-wrap: wrap;
    }
    .login__info {
        margin-left: 0;
        margin-top: 40px;
    }
    .contacts__support {
        width: 100%;
    }
}

@media (max-width: 870px) {
    .footer__inner-block.footer__links-block,
    .footer__inner-block.footer__links-block .footer__page-links {
        width: 100%;
    }
    .footer__inner-block.footer__links-block .footer__page-links {
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
    }
    .page-ficto {
        /*width: 310px;*/
        margin-bottom: 30px;
    }
    .page-minpros {
        margin-bottom: 10px;
    }
}
@media (max-width: 860px) {
    .footer__links {
        width: auto;
        flex-direction: column;
        justify-content: center;
    }
}
@media (max-width: 800px) {
    .footer__page .footer__inner {
        padding-bottom: 20px;
    }

    .content_wrapper .well {
        padding-left: 0;
    }
    .content_wrapper legend {
        font-size: 1.8rem;
    }
    .content_wrapper .controls {
        width: 100%;
        margin-left: 0;
    }
    .content_wrapper .controls .select2 {
        width: 100% !important;
    }
    .content_wrapper .control-label {
        width: 100%;
        text-align: left;
    }
    .input-append {
        flex-direction: column;
        align-items: baseline;
    }
    .input-append button,
    .input-append div {
        margin-left: 0 !important;
    }
    #uploadFile_name {
        text-align: left;
    }
}

@media (max-width: 640px) {
    :root {
    }
    html {
        font-size: 15px;
    }
    .navbar__ul {
        padding-right: calc(var(--content_wrapper-offcet, 80px) - 5px);
    }

    .base__header-title {
        font-size: 1.3rem;
        line-height: 1.5rem;
    }
    .base__header-logo {
        width: 200px;
    }
    .ui-dialog {
        width: 80% !important;
    }
    .footer__contacts {
        padding-bottom: 35px;
    }
    .footer__main .footer__contacts-phone {
        flex-direction: column;
        justify-content: center;
    }
    .footer__main .footer__contacts-number {
        justify-content: center;
    }
    .footer__main .footer__contacts-info {
        margin-left: 0;
    }
    .footer__main .footer__contacts-number span {
        margin-right: 0;
    }
    h3.footer__contacts-title,
    .footer__important {
        text-align: center;
    }
    .footer__contacts-mail {
        justify-content: center;
    }
    .footer__contacts-number {
        flex-wrap: wrap;
    }
    .icon_phone {
        margin-bottom: 10px;
    }
    .footer__main .icon_phone,
    .footer__contacts-number {
        margin-right: 0;
    }
    .footer__contacts-info,
    .footer__important {
        margin-left: 0;
    }
}
@media (max-width: 560px) {

}
@media (max-width: 540px) {
    .base__header-title {
        font-size: 1.1rem;
        line-height: 1.3rem;
    }
    .base__header-logo {
        width: 180px;
        margin-right: 15px;
    }
    .content_wrapper .well fieldset {
        min-width: auto;
    }
}

@media (max-width: 420px) {
    :root {
        --content_wrapper-offcet: 25px;
    }
    body {
        font-size: .9rem;
    }
    .navbar__user {
        min-width: 180px;
    }
    .navbar .navbar__home {
        width: 24px;
        height: 20px;
        margin-right: 0;
    }
    .navbar__mobile-label {
        margin-right: 10px;
        padding-left: 20px
    }
    .base__header {
        flex-wrap: wrap;
    }
    .base__header-logo {
        margin-right: auto;
        margin-left: auto;
    }
    .base__header-title {
        text-align: center;
    }
    .login__holder {
        width: 100%;
    }
    .login__form-inputs {
        padding-left: 20px;
        padding-right: 20px;
    }
    .login__info {
        padding: 20px;
    }
    .login__info-text {
        font-size: 18px;
        line-height: 22px;
    }
    .login__info {
        margin-top: 5%;
    }
    .footer__links-minpros,
    .footer__links-ficto {
        width: 280px;
    }
    .footer__links-minpros {
        height: 63px;
    }
    .footer__contacts {
        padding: 2.5%;
    }
    .footer__inner-block .footer__page-links {
        justify-content: center;
    }
    .footer__inner-block .footer__contact-number {
        justify-content: center;
    }
    .footer__inner-block .footer__contacts-info {
        text-align: center;
    }
    .footer__inner-block .footer__contacts-mail {
        width: 100%;
        margin-right: 0;
    }
    .footer__inner-block .footer__h1 {
        text-align: center;
        width: 100%;
    }
    .base__h1,
    .base__h3 {
        text-align: center;
        width: 100%;
    }
    .footer__inner-block .footer__contacts-phone {
        justify-content: center;
    }
    .footer__inner-block .footer__about {
        width: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 10px;
    }
}
@media screen and (max-width: 360px) {
    .footer__inner-block .footer__contact-number span {
        margin-right: 0;
    }
}


/* important */


.ml-0 {
    margin-left: 0;
}
.mr-10 {
    margin-right: 10px;
}
.ml-10 {
    margin-left: 10px;
}
.mr-20 {
    margin-right: 20px;
}
.ml-20 {
    margin-left: 20px;
}
.mt-20 {
    margin-top: 20px;
}
.mt-15 {
    margin-top: 15px;
}
.mt-0 {
    margin-top: 0;
}
.mb-10 {
    margin-bottom: 10px;
}
.mb-20 {
    margin-bottom: 20px;
}
.mb-20-i {
    margin-bottom: 20px !important;
}
.ml-30 {
    margin-left: 30px;
}
.mt-30 {
    margin-top: 30px;
}
.mr-30 {
    margin-right: 30px;
}
.mb-50 {
    margin-bottom: 50px;
}
.mb-40 {
    margin-bottom: 40px;
}

.mb-30 {
    margin-bottom: 30px;
}
.mb-15 {
    margin-bottom: 15px;
}
.mb-0 {
    margin-bottom: 0;
}
.mt-0 {
    margin-top: 0;
}
.mt-150 {
  margin-top: 150px;
}
.mt-100 {
  margin-top: 100px;
}
.mt-70 {
  margin-top: 70px;
}

.mt-50 {
  margin-top: 50px;
}

.display-block {
    display: block;
}

.table__center {
    text-align: center;
}
.table__holder td.table__uppercase {
    text-transform: uppercase;
    padding: 20px;
}
td.table__td-top {
    flex-basis: 150px;
    max-width: 150px;
}

.content_wrapper .special button {
    margin-top: 0 !important;
}
.content_wrapper .special form {
    margin-bottom: 0 !important;
}
.content_wrapper .special p {
    margin-top: 30px !important;
    width: 100%;
    text-align: center;
}
.font-normal {
    font-weight: 400;
}
.w-100 {
    width: 100% !important;
}
button:disabled {
    opacity: .3 !important;
    cursor: not-allowed !important;
}
.export_style {
	margin-top: 0px !important;
	font-weight: 500;
}
.arhiv_anchor {
	padding-top: 48px; 
	margin-top: -48px;
}

/* Новая подсказка */
[data-tooltip] {
    position: relative;
}
[data-tooltip]::after {    
	content: attr(data-tooltip);
    position: fixed;
	right: 0;
	top: 0;
	z-index: 99999;
	width: 350px;
	background: #D1EAD8;
    color: #000;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    padding: 17px; 
    pointer-events: none;
    opacity: 0;
    transition: 0.2s; /* Время появления подсказки */
} 
[data-tooltip]:hover::after {
    opacity: 1; /* Показываем подсказку */
}