@charset "UTF-8";
@font-face {
    font-family: "IBMPlexSans-Regular";
    src: url(/fonts/IBMPlexSans-Regular.ttf) format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "IBMPlexSans-Medium";
    src: url(/fonts/IBMPlexSans-Medium.ttf) format("truetype");
    font-style: normal;
    font-weight: 500;
}
@font-face {
    font-family: "IBMPlexSans-SemiBold";
    src: url(/fonts/IBMPlexSans-SemiBold.ttf) format("truetype");
    font-style: normal;
    font-weight: 600;
}
@font-face {
    font-family: "IBMPlexSans-Bold";
    src: url(/fonts/IBMPlexSans-Bold.ttf) format("truetype");
    font-style: normal;
    font-weight: 700;
}
@font-face {
    font-family: "IBMPlexSans-Light";
    src: url(/fonts/IBMPlexSans-Light.ttf) format("truetype");
    font-style: normal;
    font-weight: 300;
}
html,
body {
    height: 100%;
}
body {
    display: flex;
    flex-direction: column;
}
::-webkit-scrollbar-track {
    background-color: #ffffff;
}
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-thumb {
    background-color: #80c342;
}
body {
    font-size: 16px;
    color: #666666;
    font-family: "IBMPlexSans-Regular";
}
@media (min-width: 1246px) {
    .container {
        width: 1246px;
    }
}
.head_flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.logo_text {
    color: #151515;
    padding-left: 28px;
    border-left: 1px solid #b5b5b5;
    margin-left: 28px;
    font-family: "IBMPlexSans-Medium";
    line-height: 1.1;
}
.logo {
    display: flex;
    align-items: flex-end;
    line-height: 1.3;
}
.head_top_left {
    width: 48%;
}
.head_top_right {
    width: 52%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.hotline {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.hotline_info a {
    display: table;
    color: #151515;
    font-size: 16px;
    transition: 0.5s;
}
.bold {
    font-family: "IBMPlexSans-Bold";
}
.eyes {
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #666666;
    font-size: 14px;
    display: flex;
    align-items: flex-start;
    width: 30%;
    gap: 10px;
    line-height: 1.2;
    font-family: "IBMPlexSans-SemiBold";
    transition: 0.5s;
}
.green_btn {
    text-align: center;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #80c342;
    border: 2px solid #80c342;
    padding: 11px 35px;
    display: table;
    line-height: 1;
    font-family: "IBMPlexSans-Bold";
    transition: 0.5s;
    background: transparent;
    cursor: pointer;
}
.head_bottom {
    background: #80c342;
    padding: 18px 0;
}
.menu {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
    display: flex;
    gap: 32px;
}
.menu li {
    position: relative;
}
.menu li a {
    color: #ffffff;
    font-size: 17px;
    font-family: "IBMPlexSans-Medium";
    position: relative;
    text-transform: uppercase;
}
.menu li:hover ul {
    display: flex;
}
.menu ul {
    padding-top: 20px;
    display: none;
    background: #80c342;
    position: absolute;
    left: -11px;
    top: 25px;
    z-index: 1;
    flex-direction: column;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}

.menu li li a {
    padding: 10px;
    margin-bottom: 1px;
    display: block;
}
.border-b {
    border-bottom: 1px solid #c7b56e;
    padding-bottom: 15px;
}
.border-t {
    border-top: 1px solid #c7b56e;
    padding-bottom: 15px;
}
.head_bottom_right {
    display: flex;
    align-items: center;
    margin-left: auto;
}
.hamburger {
    display: flex;
    padding: 0;
}
.head_top {
    background: #fff;
    padding: 18px 0;
}
.hotline {
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #b5b5b5;
    margin-right: 29px;
    line-height: 1.2;
}
.hotline_info {
    text-transform: uppercase;
    color: #151515;
    font-size: 14px;
}
.openMenu {
    margin-right: 45px;
}
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
    background: #ffffff;
    width: 23px;
    height: 3px;
    border-radius: 0;
}
.hamburger-inner:before {
    top: -8px;
}
.hamburger-inner:after {
    bottom: -8px;
}
.lang_item input:checked + span,
.lang_item.active span {
    text-decoration-line: underline;
    color: rgba(255, 255, 255, 0.4);
}
.lang_item input {
    display: none;
}
.lang_item {
    margin-bottom: 0;
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
}
.lang .lang_item:last-child:after {
    display: none;
}
.lang .lang_item:after {
    content: "/";
}
.search_link {
    margin-left: 27px;
}
.mainslider .slick-slide {
    width: 100%;
    height: calc(100vh - 166px);
}
.banner {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mainslider .slick-slide > div {
    height: 100%;
}
.slide_item {
    height: 100%;
    position: relative;
}
.slide_wrapper {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    z-index: 1;
}
.slide_item:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(44, 44, 44, 0.5);
}
.maintitle {
    color: #ffffff;
    font-size: 61px;
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.1;
    width: 50%;
    font-family: "IBMPlexSans-Bold";
}
.podtext {
    color: #d8d8d8;
    font-size: 20px;
    line-height: 1.3;
    width: 45%;
}
.slide_content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.slide_text {
    flex: 0 0 50%;
    max-width: 50%;
}
.slide_text .maintitle,
.slide_text .podtext {
    width: 100%;
}
.slide_action {
    flex: 0 0 50%;
    max-width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 120px;
}
.slide_action .green_btn {
    font-size: 18px;
    padding: 16px 45px;
}
.mainslider .slick-dots {
    bottom: 30px;
}
.mainslider.slick-dotted.slick-slider {
    margin-bottom: 0;
}
.slick-dots li button {
    background: #c4c4c4;
    padding: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
.slick-dots li.slick-active button:before {
    display: none;
}
.slick-dots li {
    width: 10px;
    height: 10px;
}
.slick-dots li.slick-active {
    width: 14px;
    height: 14px;
}
.slick-dots li.slick-active button {
    width: 14px;
    height: 14px;
    background: #80c342;
}
.pt100 {
    padding-top: 100px;
}
.infoblock {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.textside {
    width: calc(54% - 100px);
}
.imgside {
    width: 46%;
    position: relative;
}
.imgside img {
    padding-left: 70px;
    width: 100%;
    padding-bottom: 70px;
}
.title {
    text-transform: uppercase;
    color: #151515;
    font-size: 34px;
    line-height: 1.2;
    margin-top: 0;
    font-family: "IBMPlexSans-SemiBold";
}
.lined {
    position: relative;
    padding-bottom: 20px;
}
.mb30 {
    margin-bottom: 30px;
}
.lined:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    background: #80c342;
    width: 48px;
    height: 3px;
    transition: 0.5s;
}
.imgside:before {
    position: absolute;
    content: "";
    left: 0;
    width: 310px;
    height: 310px;
    background: url(/images/lines.svg) no-repeat;
    background-size: contain;
    z-index: -1;
    bottom: 0;
}
.centered {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}
.mb50 {
    margin-bottom: 50px;
}
.centered.lined:before {
    left: 50%;
    transform: translateX(-50%);
}
.direct_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
}
.direct_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.direct_item {
    position: relative;
    height: 410px;
    border-radius: 2px 2px 0 0;
    overflow: hidden;
}
.direct_name {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.white {
    color: #fff;
}
.direct_item:before {
    background: #323232;
    opacity: 0.4;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.pb100 {
    padding-bottom: 100px;
}
.hotline_block {
    background: url(/images/hotline_back.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 110px 0 100px;
    position: relative;
}
.hotline_block:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(44, 44, 44, 0.5);
}
.green_btn.green_green {
    background: #80c342;
    color: #fff;
}
.hotline_text {
    position: relative;
    z-index: 1;
}
.hotline_text .title {
    width: 28%;
}
.mb40 {
    margin-bottom: 40px;
}
.lined.white_line:before {
    background: #fff;
}
.hotline_number {
    margin-bottom: 40px;
    display: flex;
    font-size: 28px;
    line-height: 1;
    gap: 14px;
    align-items: center;
    font-family: "IBMPlexSans-Bold";
    transition: 0.5s;
}
.gray_back {
    background: #ececec;
    margin-top: 65px;
}
.text_block .textside {
    margin: 80px 0;
    position: relative;
    padding-left: 100px;
    width: calc(60% - 140px);
}
.text_block {
    display: flex;
    justify-content: space-between;
}
.imagside img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.text_block .textside:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 50px;
    background: url(/images/lines2.svg) no-repeat;
    background-size: contain;
    background-position: center;
}
.text_block .imagside {
    transform: translateY(-65px);
    position: absolute;
    right: 0;
    width: 40%;
    height: 100%;
}
.block3 {
    position: relative;
}
footer {
    margin-top: auto;
    background: #e3e3e3;
}
.footer_bottom {
    border-top: 1px solid #d1d1d1;
    padding: 16px 0 20px;
}
.copy {
    color: #151515;
}
.footer_top {
    padding: 18px 0 34px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.flogo_text {
    color: #888888;
    font-size: 14px;
    line-height: 1.2;
    margin-top: 20px;
    font-family: "IBMPlexSans-Medium";
}
.fcol a:hover,
.fcol a:focus {
    color: #80c342;
    text-decoration: none;
}
.fcol.fcol1 {
    max-width: 18%;
}
.ftitle {
    color: #151515;
    font-size: 17px;
    display: table;
    line-height: 1;
    font-family: "IBMPlexSans-Medium";
}
.fmenu {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}
.fmenu li a {
    color: #555555;
    font-size: 17px;
}
.fmenu li {
    margin-bottom: 10px;
}
.pageheader {
    width: 100%;
    height: 267px;
    position: relative;
}
.pageheader:before {
    background: rgba(44, 44, 44, 0.5);
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.pagehead_wrap {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: auto;
    transform: translateY(-50%);
}
.button_menu {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 60px 0;
}
.head_btn {
    background: rgba(255, 255, 255, 0.4);
    border-radius: 60px;
    color: #ffffff;
    font-size: 14px;
    font-family: "IBMPlexSans-Bold";
    padding: 9px 32px;
    display: table;
    transition: 0.5s;
}
.pagename {
    margin-top: 0;
    margin-bottom: 0;
    color: #ffffff;
    font-size: 40px;
    line-height: 1.1;
    font-family: "IBMPlexSans-Bold";
}
.pagedescr {
    font-size: 20px;
    margin-top: 10px;
    width: 40%;
    line-height: 1.2;
    color: #d8d8d8;
}
.head_btn.active,
.head_btn:hover {
    background: #80c342;
    text-decoration: none;
    color: #fff;
}
.double_block {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
}
.text_column1 {
    position: relative;
    padding-top: 100px;
}
.text_column img {
    margin-bottom: 35px;
    width: 100%;
    height: 277px;
    object-fit: cover;
}
.text_column1:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background: url(/images/hor_line.svg) no-repeat;
    background-size: contain;
    background-position: center;
}
.document_item {
    border: 1px solid #d8d8d8;
    padding: 38px 30px;
}
.date {
    color: #888888;
}
.doc_top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 6px;
}
.doc_top_right {
    color: #888888;
    display: flex;
    justify-content: flex-end;
    gap: 22px;
}
.doc_name {
    color: #151515;
    font-size: 20px;
    margin-bottom: 34px;
    font-family: "IBMPlexSans-Bold";
}
.doc_link {
    text-decoration-line: underline;
    color: #80c342;
    display: flex;
    align-items: center;
    gap: 17px;
    transition: 0.5s;
}
.document_list {
    display: grid;
    gap: 30px;
}
.pt80 {
    padding-top: 80px;
}
.pb90 {
    padding-bottom: 90px;
}
.materials_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 55px 32px;
}
.material_item img {
    width: 100%;
    height: 356px;
    object-fit: cover;
    margin-bottom: 30px;
}
.mini_title {
    color: #151515;
    font-size: 20px;
    font-family: "IBMPlexSans-Bold";
    margin-bottom: 14px;
    line-height: 1.1;
}
.mater_preview {
    margin-bottom: 30px;
}
.pagination_wrap {
    margin-top: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagination > li > a,
.pagination > li > span {
    border-radius: 0 !important;
    width: 33px;
    height: 33px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    line-height: 1;
    color: #666666;
    font-family: "IBMPlexSans-Medium";
    background: transparent;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background: #80c342;
    border-color: #80c342;
}
.centered_head {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.pagehead_wrap > .container {
    height: 100%;
}
.pt50 {
    padding-top: 50px;
}
.pb50 {
    padding-bottom: 50px;
}
.contacts_page {
    padding: 0 63px;
}
.cont_map img,
.cont_map iframe {
    width: 100%;
    height: 100%;
}
.cont_map {
    height: 487px;
}
.cont_row {
    justify-content: space-between;
    display: flex;
}
.cont_col {
    padding: 35px 60px 30px 30px;
    position: relative;
    margin: 20px 20px 0 0;
    background: #fff;
}
.c_info {
    display: flex;
    align-items: flex-start;
    gap: 9px;
}
.ctitle {
    color: #151515;
    font-family: "IBMPlexSans-Bold";
    margin-bottom: 15px;
}
.cval {
    color: #151515;
    font-family: "IBMPlexSans-Medium";
    max-width: calc(100% - 35px);
    line-height: 1.3;
}
.cont_col1 .cval {
}
.cval a {
    color: #151515;
    display: table;
    transition: 0.5s;
}
.cont_col.cont_col1 {
    max-width: 36%;
}
.logo:hover,
.logo:focus {
    text-decoration: none;
}
.eyes:hover {
    color: #80c342;
    text-decoration: none;
}
.hotline_info a:hover,
.hotline_info a:focus {
    color: #80c342;
    text-decoration: none;
}
.green_btn:hover,
.green_btn:focus {
    background: #80c342;
    color: #fff !important;
    text-decoration: none;
}
.hamburger-box {
    width: 23px;
    height: 27px;
}
.menu li a:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #fff;
    transition: 0.5s;
}
.menu li a:hover::before {
    width: 100%;
}
.menu li a:hover {
    text-decoration: none;
}
.direct_item:hover .direct_name:before {
    width: 100px;
}
.green_btn.green_green:hover,
.green_btn.green_green:focus {
    color: #80c342 !important;
    background: transparent;
}
.fcol a {
    transition: 0.5s;
}
.doc_link:hover,
.doc_link:focus {
    color: #80c342;
    opacity: 0.5;
}
.cval a:hover,
.cval a:focus {
    color: #80c342;
    text-decoration: none;
}
.mm-wrapper_opened .hamburger--spin .hamburger-inner {
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: rotate(225deg);
}
.mm-wrapper_opened .hamburger--spin .hamburger-inner:before {
    top: 0;
    transition:
        top 0.1s ease-out,
        opacity 0.1s ease-out 0.12s;
    opacity: 0;
}
.mm-wrapper_opened .hamburger--spin .hamburger-inner:after {
    bottom: 0;
    transition:
        bottom 0.1s ease-out,
        transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
    transform: rotate(-90deg);
}
.pagination {
    margin: 0;
}
.hotline_number:hover {
    color: #80c342;
    text-decoration: none;
}
.fcol.fcol2 {
    align-items: center;
    gap: 32px;
    display: flex;
    margin-top: 25px;
}
.fcol.fcol2 a {
    text-transform: uppercase;
}
.footer_head {
    background: #dbdbdb;
}
.fcont {
    text-transform: uppercase;
    color: #404040;
    padding-right: 25px;
    padding-left: 25px;
    border-right: 1px solid #c7c7c7;
}
.fcont a {
    color: #151515;
    font-family: "IBMPlexSans-Bold";
}
.footer_head_left {
    display: flex;
}
.footer_head_left .fcont:last-child {
    padding-right: 0;
    border-right: none;
}
.footer_head_left .fcont:first-child {
    padding-left: 0;
}
.footer_head_in {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 22px 0;
}
.title_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mb45 {
    margin-bottom: 45px;
}
.black_link.lined {
    padding-bottom: 6px;
}
.black_link {
    letter-spacing: 0.1em;
    color: #151515;
    font-size: 18px;
    font-family: "IBMPlexSans-Bold";
    display: flex;
    align-items: center;
    gap: 22px;
}
.black_link.lined:before {
    height: 2px;
    width: 60px;
}
.news_grid {
    display: flex;
    justify-content: space-between;
}
.news_grid .news_col:nth-child(3) .news_item img {
    display: none;
}
.news_grid .news_col:nth-child(2) .news_item img {
    height: 244px;
    object-fit: cover;
    width: 100%;
}
.news_col:nth-child(1) {
    padding-right: 22px;
    border-right: 1px solid #dfdfdf;
    width: 45%;
}
.news_col:nth-child(2) {
    padding: 0 30px 0 22px;
    width: 35%;
    border-right: 1px solid #dfdfdf;
}
.news_col:nth-child(3) {
    padding-left: 30px;
    width: 20%;
}
.news_col:nth-child(1) .title {
    margin-top: 23px;
    margin-bottom: 20px;
}
.news_prev {
    color: #666666;
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 22px;
}
.news_date {
    font-size: 18px;
    color: #888888;
}
.news_col .title {
    text-transform: none;
    line-height: 1.1;
}
.news_col:nth-child(2) .title {
    font-size: 26px;
    margin-top: 20px;
    margin-bottom: 17px;
}
.news_col:nth-child(2) .news_prev {
    display: none;
}
.news_col:nth-child(3) .news_prev {
    color: #666666;
    font-size: 15px;
    margin-bottom: 10px;
}
.news_col:nth-child(3) .title {
    font-size: 16px;
    margin-bottom: 10px;
}
.news_col:nth-child(2) .news_date {
    color: #888888;
    font-size: 18px;
}
.news_item {
    margin-bottom: 90px;
}
.news_col .news_item:last-child {
    margin-bottom: 0;
}
.news_col:nth-child(3) .news_item {
    margin-bottom: 35px;
}
.news_col:nth-child(3) .news_item:last-child {
    margin-bottom: 0;
}
.news_col:nth-child(3) .news_date {
    font-size: 14px;
}
.news_item img {
    width: 100%;
}
.news_col:nth-child(1) .news_item img {
    height: 440px;
    object-fit: cover;
}
.triple_block {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}
.triple_block .title {
    font-size: 24px;
}
body {
    background: #f3f3f3;
}
.base_slider .slick-slide {
    margin: 0 16px;
}
.base_slider .slick-list {
    margin: 0 -16px;
}
.base_item {
    background: #ffffff;
    border: 1px solid #d8d8d8;
    padding: 50px 30px;
}
.base_date {
    color: #707885;
    font-size: 14px;
    font-family: "IBMPlexSans-Medium";
    margin-bottom: 23px;
}
.base_name {
    color: #151515;
    font-size: 20px;
    font-family: "IBMPlexSans-SemiBold";
    line-height: 1.2;
    margin-bottom: 44px;
}
.green_link {
    display: flex;
    align-items: center;
    text-decoration-line: underline;
    color: #80c342;
    gap: 13px;
    font-family: "IBMPlexSans-Bold";
}
.slick-prev,
.slick-next {
    width: 23px;
    height: 23px;
}
.slick-next {
    right: -43px;
}
.slick-prev {
    left: -43px;
}
.slick-dots {
    bottom: -56px;
}
.slick-dotted.slick-slider {
    margin-bottom: 56px;
}
.faq_block {
    border-top: 1px solid #d4d4d4;
}
.faq_item {
    border-bottom: 1px solid #d4d4d4;
}
.faq_head {
    display: flex;
    gap: 40px;
    align-items: center;
    padding: 30px 0;
    cursor: pointer;
}
.quest {
    max-width: calc(100% - 50px);
    color: #151515;
    font-size: 20px;
    font-family: "IBMPlexSans-Medium";
    line-height: 1.3;
}
.faq_body {
    background: #ffffff;
    border-radius: 6px;
    padding: 44px 37px;
    color: #666666;
    line-height: 1.4;
    margin-bottom: 30px;
}
.faq_body p:last-child {
    margin-bottom: 0;
}
.base_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}
.pt45 {
    padding-top: 45px;
}
.pb75 {
    padding-bottom: 75px;
}
.bordered_block {
    border: 1px solid #c6c6c6;
    padding: 45px 40px;
    min-height: 490px;
}
.mini_zag {
    color: #151515;
    font-family: "IBMPlexSans-Bold";
    line-height: 1;
}
.create_form_fields {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.std_field {
    background: #ececec; /* border:1px solid #CECECE; */
    display: flex;
    justify-content: space-between;
    font-weight: normal;
    padding: 11px 0 11px 14px;
    margin-bottom: 0;
    line-height: 1;
}
.w50 {
    width: calc(50% - 8px);
}
.std_field input,
.std_field select {
    background: transparent;
    border: none;
    width: calc(100% - 42px);
}
.std_field_icon {
    width: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.std_field select {
    -webkit-appearance: none;
}
.adm_buttons .green_btn.green_green:hover {
    color: #80c342 !important;
}
.adm_buttons {
    gap: 20px;
}
.flex {
    display: flex;
}
.al_start {
    align-items: flex-start;
}
.just_flex {
    justify-content: space-between;
}
.mb20 {
    margin-bottom: 20px;
}
.noupper {
    text-transform: none;
}
.pt70 {
    padding-top: 70px;
}
.pb70 {
    padding-bottom: 70px;
}
.adm_buttons .green_btn {
    text-transform: none;
}
.white_back {
    background: #fff;
}
.head_top_right .green_btn {
    padding: 11px 18px;
    min-width: 175px;
    font-size: 14px;
}
.pt60 {
    padding-top: 60px;
}
.pb60 {
    padding-bottom: 60px;
}
.vac_filter {
    background: #ffffff;
    width: 312px;
    padding: 15px 34px;
}
.vac_filter_head {
    padding: 25px 0;
    border-bottom: 1px solid #d8d8d8;
    line-height: 1;
    color: #444444;
    font-family: "IBMPlexSans-Bold";
    font-size: 20px;
}
.vac_filter_item {
    border-bottom: 1px solid #d8d8d8;
}
.vac_filter_item:last-child {
    border-bottom: none;
}
.vac_filter_title {
    padding: 30px 0;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    cursor: pointer;
}
.vac_filter_title.opened svg {
    transform: rotate(180deg);
}
.vac_filter_title svg {
    transition: 0.5s;
}
.filt_var {
    position: relative;
    font-weight: normal;
    display: table;
    margin-bottom: 10px;
}
/* .filt_var input{display:none} */
.vac_filter_variant {
    padding-bottom: 10px;
    display: none;
}
.vac_list {
    width: calc(100% - 384px);
}
.page_flex {
    justify-content: space-between;
    align-items: flex-start;
}
.vac_head {
    display: flex;
    padding: 37px 0;
}
.vac_head_left {
    width: 52%;
    border-right: 1px solid #cdcdcd;
    padding-right: 55px;
}
.vac_head_right {
    width: 48%;
    padding-left: 55px;
    align-self: center;
}
.vac_item {
    background: #fff;
    padding: 0 40px;
    border: 1px solid #d8d8d8;
    margin-bottom: 30px;
}
.vac_date {
    color: #888888;
    margin-bottom: 11px;
    font-size: 14px;
    font-family: "IBMPlexSans-Medium";
}
.vac_name {
    color: #151515;
    font-size: 20px;
    font-family: "IBMPlexSans-SemiBold";
    line-height: 1.3;
}
.vac_req {
    color: #666666;
    font-size: 14px;
    margin-bottom: 17px;
}
.vac_head_right .green_btn {
    text-transform: none;
}
.vac_body {
    padding: 30px 0;
    display: none;
    border-top: 1px solid #d8d8d8;
}
.vac_block_title {
    color: #151515;
    font-size: 18px;
    margin-bottom: 13px;
    line-height: 1.3;
    font-weight: bold;
}
.vac_block {
    margin-bottom: 36px;
    line-height: 1.4;
}
.title.f26 {
    font-size: 26px;
}
.vac_formmodal .modal-body {
    padding: 50px 105px;
}
.vac_formmodal .modal-content {
    border-radius: 0;
    border: none;
}
.vac_formmodal .modal-dialog {
    width: 1008px;
    max-width: 95%;
}
.vac_formmodal .modal-body > .close {
    opacity: 1;
    position: absolute;
    top: 20px;
    right: 13px;
}
.vac_form {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.std_field.w55 {
    width: calc(55% - 10px);
}
.std_field.w45 {
    width: calc(45% - 10px);
}
.std_field.w30 {
    width: calc(30% - 10px);
}
.std_field.w25 {
    width: calc(25% - 20px);
}
.std_field.w100 {
    width: 100%;
}
.sop_pismo {
    height: 90px;
}
.sop_pismo textarea {
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
}
.file_input input {
    display: none;
}
.file_input {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mt30 {
    margin-top: 30px;
}

.login_page {
    background: url(/images/auth.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 100vh;
    background-position: center;
    position: relative;
}
.login_page:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(33, 33, 33, 0.55);
}
.login-lang-switcher {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2;
    display: flex;
    gap: 5px;
}
.login_block {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    width: 860px;
    max-width: 100%;
    background: rgba(31, 31, 31, 0.8);
    backdrop-filter: blur(4px);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 100px 0;
}
.log_title {
    text-transform: uppercase;
    font-size: 28px;
    font-family: "IBMPlexSans-Bold";
}
.mb20 {
    margin-bottom: 20px;
}
.white.log_text {
    text-align: center;
    color: #f8f8f8;
}
.log_text a {
    color: #f8f8f8;
}
.log_text {
    margin-bottom: 35px;
}
input,
button,
select,
textarea {
    outline: none !important;
}
.gray_field {
    background: rgba(255, 255, 255, 0.2);
    font-weight: normal;
    font-size: 14px;
    font-family: "IBMPlexSans-SemiBold";
    display: inline-flex;
    padding: 14px;
    margin-bottom: 0;
}
.gray_field input {
    background: transparent;
    border: none;
    box-shadow: none;
    color: #fff;
}
.gray_field input::placeholder {
    color: #fff;
}
.gray_field.w60 {
    width: calc(60% - 5px);
}
.gray_field.w40 {
    width: calc(40% - 5px);
}
.auth_form {
    display: flex;
    flex-wrap: wrap;
    width: 407px;
    max-width: 100%;
    gap: 10px;
}
.vis_pass {
    display: block;
}
.pass_field input {
    width: calc(100% - 22px);
}
.w100 {
    width: 100%;
}
.forgot_pass {
    margin-top: 15px;
    text-decoration-line: underline;
    font-family: "IBMPlexSans-Bold";
}
.auth_form .green_btn {
    margin-top: 15px;
}
.white_logo {
    margin-bottom: 35px;
}
.green_link.green_link2 {
    letter-spacing: 4px;
    text-decoration: none;
    font-family: "IBMPlexSans-SemiBold";
}
.textside .green_link {
    margin-top: 40px;
}
.princip_slider .slick-slide {
    margin: 0 24px;
}
.princip_slider .slick-list {
    margin: 0 -24px;
}
.princip_slide {
    background: #ffffff;
    padding: 68px 30px;
    position: relative;
    margin: 18px 16px 0 0;
}
.princip_head {
    color: #151515;
    font-size: 20px;
    font-family: "IBMPlexSans-SemiBold";
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
}
.princip_slide:before {
    position: absolute;
    content: "";
    right: -16px;
    top: -18px;
    width: 176px;
    height: 176px;
    background: url(/images/mini_lines.svg) no-repeat;
    background-size: contain;
    z-index: -1;
}
.adv_slide {
    background: #ffffff;
    padding: 55px 50px;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}
.adv_left {
    width: 40%;
    padding-right: 70px;
}
.adv_center {
    width: 23%;
    position: relative;
}
.adv_right {
    width: 37%;
    padding-left: 50px;
}
.adv_left .title {
    margin-bottom: 23px;
}
.color_descr {
    position: relative;
    padding-left: 30px;
    color: #151515;
    font-size: 20px;
    line-height: 1.3;
    font-family: "IBMPlexSans-SemiBold";
    margin-bottom: 25px;
}
.color_descr:before {
    position: absolute;
    content: "";
    left: 0;
    top: 11px;
    width: 13px;
    height: 4px;
}
.color_descr.color_descr1:before {
    background: #005399;
}
.color_descr.color_descr2:before {
    background: #80c342;
}
.color_descr:last-child {
    margin-bottom: 0;
}
.adv_percent {
    color: #0c0f1f;
    font-size: 35px;
    font-family: "IBMPlexSans-SemiBold";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 1;
}
.slick-prev:before,
.slick-next:before {
    display: none;
}
.hotline_block.vacan_form_block {
    background: url(/images/novac.jpg) no-repeat;
    background-size: cover;
}
.vacan_form_block .hotline_text .title {
    width: 40%;
}
.vacan_form_block .white {
    width: 35%;
}
.hotline_block.vacan_form_block {
    background: url(/images/novac.jpg) no-repeat;
    background-size: cover;
}
.vacan_form_block .hotline_text .title {
    width: 40%;
}
.vacan_form_block .white {
    width: 35%;
}
.vac_formmodal.no_vac .modal-body {
    padding: 98px 105px;
}
.cont_col:before {
    position: absolute;
    content: "";
    right: -20px;
    top: -20px;
    width: 176px;
    height: 163px;
    background: url(/images/mini_lines2.svg) no-repeat;
    background-size: contain;
    z-index: -1;
}
.step_input.chosen {
    background: #80c342;
    color: #fff;
}
.step_question {
    font-size: 18px;
    color: #777777;
}
.selected_head {
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #555555;
    padding: 18px 23px;
    font-family: "IBMPlexSans-Bold";
}
.selected_vars {
    background: #fff;
    padding: 10px 0;
    border-top: 1px solid rgb(102 102 102 / 30%);
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    height: 250px;
    overflow: auto;
    z-index: 1;
}
.selected_vars .step_input {
    padding: 10px 30px;
}
.step_input {
    cursor: pointer;
}
.step_inputs.step_btns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.step_btns .step_input {
    color: #555555;
    font-weight: 700;
    padding: 18px;
    transition: 0.5s;
    background: #ffffff;
    border: 1px solid #d8d8d8;
    padding: 40px 50px;
}
.step_num {
    color: #444444;
    font-size: 24px;
    margin-bottom: 23px;
    font-family: "IBMPlexSans-Bold";
}
.step_input.chosen {
    background: #80c342;
    color: #fff;
}
.form_tab.finish.active,
.form_tab.active {
    color: #80c342;
}
.form_tab.finish {
    color: #444444;
}
.form_tab {
    color: rgb(68 68 68 / 80%);
}
.form_tab.finish {
    cursor: pointer;
}
.form_tab.finish.active path,
.form_tab.active path {
    fill: #80c342;
}
.form_content {
    display: none;
}
.form_content.active {
    display: block;
}
.left_side {
    width: 312px;
    background: #ffffff;
    padding: 15px 35px;
}
.right_side {
    width: calc(100% - 312px);
    padding-left: 75px;
}
.claims_block {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.line_border {
    padding: 25px 0;
    border-bottom: 1px solid #d8d8d8;
    font-size: 20px;
    color: #444444;
    display: flex;
    align-items: center;
    gap: 10px;
}
.line_border:last-child {
    border-bottom: none;
}
.tab_title {
    font-size: 18px;
}
.step_inputs_select {
    position: relative;
}
.step_btns .step_input .inp_title {
    font-family: "IBMPlexSans-Bold";
    line-height: 1.2;
    display: table;
}
.sch_descr {
    font-size: 14px;
    line-height: 1.3;
    font-family: "IBMPlexSans-Regular";
    font-weight: normal;
    color: #666666;
}
.step_input .green_link {
    font-size: 14px;
    font-family: "IBMPlexSans-SemiBold";
    font-weight: normal;
    gap: 17px;
    margin-bottom: 10px;
}
.step_input .green_btn {
    text-transform: none;
    margin-top: 30px;
    padding: 11px 40px;
}
.personal_info {
    display: flex;
    gap: 20px;
}
.flexjust {
    justify-content: space-between;
}
.flexwrap {
    flex-wrap: wrap;
}
.std_field.w70 {
    width: calc(70% - 10px);
}
.std_field.w50 {
    width: calc(50% - 10px);
}
.std_field.w20 {
    width: calc(20% - 10px);
}
.form_content .std_field {
    background: #fff;
    padding: 18px;
}
.form_content .std_field input,
.form_content .std_field select {
    width: 100%;
}
.submit_block {
    margin-top: 35px;
    display: flex;
    align-items: center;
    gap: 30px;
}
.agree {
    font-weight: normal;
    position: relative;
    padding-left: 26px;
    font-size: 15px;
}
.agree:before {
    /* border:2px solid #555555; */ /* width:16px; */ /* height:16px; */ /* position:absolute; */ /* content:""; */
    left: 0;
    top: 5px;
}
.agree input {
    display: none;
}

/*-----------admin-----------------------*/
.login_page {
    background: url(/images/auth.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 100vh;
    background-position: center;
    position: relative;
}
.login_page:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(33, 33, 33, 0.55);
}
.login_block {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    width: 860px;
    max-width: 100%;
    background: rgba(31, 31, 31, 0.8);
    backdrop-filter: blur(4px);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 100px 0;
}
.log_title {
    text-transform: uppercase;
    font-size: 28px;
    font-family: "IBMPlexSans-Bold";
}
.mb20 {
    margin-bottom: 20px;
}
.white.log_text {
    text-align: center;
    color: #f8f8f8;
}
.log_text a {
    color: #f8f8f8;
}
.log_text {
    margin-bottom: 35px;
}
input,
button,
select,
textarea {
    outline: none !important;
}
.gray_field {
    background: rgba(255, 255, 255, 0.2);
    font-weight: normal;
    font-size: 14px;
    font-family: "IBMPlexSans-SemiBold";
    display: inline-flex;
    padding: 14px;
    margin-bottom: 0;
}
.gray_field input {
    background: transparent;
    border: none;
    box-shadow: none;
    color: #fff;
}
.gray_field input::placeholder {
    color: #fff;
}
.gray_field.w60 {
    width: calc(60% - 5px);
}
.gray_field.w40 {
    width: calc(40% - 5px);
}
.auth_form {
    display: flex;
    flex-wrap: wrap;
    width: 407px;
    max-width: 100%;
    gap: 10px;
}
.vis_pass {
    display: block;
}
.pass_field input {
    width: calc(100% - 22px);
}
.w100 {
    width: 100%;
}
.forgot_pass {
    margin-top: 15px;
    text-decoration-line: underline;
    font-family: "IBMPlexSans-Bold";
}
.auth_form .green_btn {
    margin-top: 15px;
}
.white_logo {
    margin-bottom: 35px;
}
.link_item {
    border-right: 1px solid #cccccc;
    padding: 0 23px;
    color: #151515;
    font-size: 17px;
    font-family: "IBMPlexSans-Medium";
    display: inline-flex;
    align-items: center;
    gap: 7px;
    position: relative;
    transition: 0.5s;
}
.admin_menu .link_item:last-child {
    padding-right: 0;
    border-right: none;
}
.admin_menu .link_item:first-child {
    padding-left: 0;
}
.admin_menu {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #cccccc;
    padding: 34px 0 16px;
}
.link_item:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -18px;
    width: 0;
    background: #80c342;
    height: 4px;
    transition: 0.5s;
}
.link_item.active:before,
.link_item:hover:before {
    width: 100%;
}
.link_item.active {
    color: #80c342;
    text-decoration: none;
}
.link_item.active path {
    fill: #80c342;
}
.link_item path {
    transition: 0.5s;
}
.link_item:hover {
    text-decoration: none;
    color: #151515;
}
.pt60 {
    padding-top: 60px;
}
.flex {
    display: flex;
}
.mb55 {
    margin-bottom: 55px;
}
.al_start {
    align-items: flex-start;
}
.just_flex {
    justify-content: space-between;
}
.zagol {
    color: #151515;
    font-size: 30px;
    line-height: 1.1;
    font-family: "IBMPlexSans-SemiBold";
}
.podzag {
    color: #888888;
    font-size: 17px;
    line-height: 1.2;
}
.adm_buttons {
    gap: 20px;
}
.just_end {
    justify-content: flex-end;
}
.adm_buttons .green_btn {
    padding: 7px 60px;
    text-transform: none;
}
.green_btn.active {
    color: #fff;
    background: #80c342;
}
.search_field {
    border: 1px solid #cbcbcb;
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 0;
}
.search_field input {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 8px;
    line-height: 1;
}
.text_field {
    display: inline-flex;
    align-items: center;
}
.text_field input {
    width: calc(100% - 33px);
}
.search_icon {
    width: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.users_wrapper {
    background: #ffffff;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
}
.user_search {
    padding: 30px 40px 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}
.green_btn.add_btns {
    text-transform: none;
    font-size: 14px;
    padding: 6px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.add_btns:hover {
    background: #80c342 !important;
    opacity: 0.5;
    color: #fff !important;
}
.green_btn.add_btns:hover {
    background: #80c342;
    opacity: 0.5;
    color: #fff !important;
}
.user_sections {
    background: #e2e2e2;
    display: flex;
}
.user_section {
    padding: 13px 37px;
    color: #151515;
    font-size: 14px;
    font-family: "IBMPlexSans-Medium";
    transition: 0.5s;
    cursor: pointer;
    border: none;
    box-shadow: none;
    position: relative;
}
.user_section.active,
.user_section:hover {
    background: #80c342;
    color: #fff;
    text-decoration: none;
}
.user_section:before {
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    height: 30px;
    width: 1px;
    background: #c0c0c0;
    transform: translateY(-50%);
}
.user_section:last-child:before,
.user_section.active:before {
    display: none;
}
.users_table thead {
    border-bottom: 1px solid #dadada;
    text-transform: uppercase;
    color: #151515;
    font-size: 14px;
    font-family: "IBMPlexSans-Medium";
}
.users_table table {
    width: 100%;
}
.chech_td {
    width: 95px;
}
.users_table thead td {
    padding: 25px 10px;
    line-height: 1.1;
}
.users_table tbody td {
    padding: 15px 10px;
    line-height: 1.1;
    font-size: 14px;
}
.users_table tbody tr {
    border-bottom: 1px solid #dadada;
    transition: 0.5s;
}
.edit_row button {
    padding: 0;
    border: none;
    background: transparent;
}
.edit_row {
    display: flex;
    gap: 25px;
}
.fio_td {
    max-width: 145px;
}
.checkblock input {
    display: none;
}
.checkmark {
    border: 2px solid #d5d5d5;
    border-radius: 4px;
    width: 18px;
    height: 18px;
    display: flex;
    position: relative;
}
.checkblock {
    margin-bottom: 0;
}
.checkblock input:checked + .checkmark {
    background: #80c342;
    border-color: #80c342;
}
.chech_td .checkblock {
    display: table;
    margin: auto;
}
.users_table thead td .checkblock {
    vertical-align: sub;
    margin-left: 6px;
}
.users_table thead .chech_td .checkblock {
    margin-left: auto;
}
.checkmark:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 90%;
    height: 90%;
    background: url(/images/icons/checkmark.svg) no-repeat;
    background-position: center;
    background-size: contain;
}
.table_bottom {
    padding: 50px 0 55px;
    display: flex;
    justify-content: center;
}
.user_quant {
    margin-left: auto;
    margin-right: 50px;
}
.table_bottom .pagination {
    margin-left: auto;
    margin-right: auto;
}
.user_quant .search_field {
    width: 85px;
    padding: 8px 13px;
    line-height: 1;
}
.back_btn {
    color: #9e9e9e;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 17px;
}
.back_wrapper {
    padding: 35px 0 16px;
    border-bottom: 1px solid #cccccc;
}
.pt45 {
    padding-top: 45px;
}
.pb75 {
    padding-bottom: 75px;
}
.bordered_block {
    border: 1px solid #c6c6c6;
    padding: 45px 40px;
    min-height: 490px;
}
.mini_zag {
    color: #151515;
    font-family: "IBMPlexSans-Bold";
    line-height: 1;
}
.create_form_fields {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.std_field {
    background: #f7f7f7;
    border: 1px solid #cecece;
    display: flex;
    justify-content: space-between;
    font-weight: normal;
    padding: 10px 0 10px 14px;
    margin-bottom: 0;
    line-height: 1;
}
.w50 {
    width: calc(50% - 8px);
}
.std_field input,
.std_field select {
    background: transparent;
    border: none;
    width: calc(100% - 22px);
}
.std_field_icon {
    width: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.std_field select {
    -webkit-appearance: none;
}
.adm_buttons .green_btn.green_green:hover {
    color: #80c342 !important;
}
.psih_table .school_td {
    max-width: 150px;
}
.students_td,
.reports_td {
    max-width: 85px;
}
.psih_information {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}
.psih_information .bordered_block:nth-child(3) {
    grid-area: 1 / 2 / 3 / 3;
}
.mini_zag_text {
    color: #444444;
    font-size: 14px;
}
.test_name {
    color: #444444;
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 1.3;
}
.green_link {
    text-decoration-line: underline;
    color: #80c342;
}
.test_item {
    padding: 25px 0;
    border-bottom: 1px solid #c6c6c6;
}
.tests_list .test_item:first-child {
    padding-top: 0;
}
.tests_list .test_item:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
.psih_information .green_btn {
    font-size: 14px;
    text-transform: none;
    padding: 8px 15px;
}
.psih_information.kurat_information {
    align-items: flex-start;
}
.rating_td {
    max-width: 200px;
}
.modal-body > .close {
    opacity: 1;
    position: absolute;
    top: 25px;
    right: 20px;
    z-index: 1;
}
.results_modal .modal-content {
    background: #ffffff;
    border: 1px solid #c6c6c6;
    border-radius: 4px;
    height: 100%;
    padding: 40px 135px;
}
.results_modal .modal-dialog {
    width: 1216px;
    max-width: 100%;
    height: 670px;
    max-height: 100%;
    margin: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.results_modal.modal.fade .modal-dialog {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.results_modal .modal-body {
    overflow: auto;
    height: 100%;
    position: unset;
}
.quest_num {
    color: #80c342;
    padding-bottom: 20px;
    border-bottom: 1px solid #bfbfbf;
    font-family: "IBMPlexSans-Bold";
    margin-bottom: 30px;
}
.quest_title {
    letter-spacing: 0.01em;
    color: #151515;
    font-size: 14px;
    width: 100px;
    font-family: "IBMPlexSans-Medium";
}
.quest_text {
    background: #efefef;
    border: 1px solid #e2e2e2;
    color: #151515;
    font-size: 14px;
    padding: 15px 25px;
    width: calc(100% - 100px);
}
.al_center {
    align-items: center;
}
.res_item .flex {
    margin-bottom: 20px;
}
.quest_text p {
    margin-bottom: 0;
}
.comments_modal .modal-dialog {
    width: 945px;
    max-width: 95%;
    height: 540px;
}
.comments_modal .modal-content {
    height: 100%;
    box-shadow: none;
    border: none;
    border-radius: 0;
}
.comments_modal .modal-body {
    height: 100%;
    padding: 60px 55px;
}
.green_title {
    color: #80c342;
    font-size: 24px;
    font-family: "IBMPlexSans-Bold";
    line-height: 1.1;
}
.mb60 {
    margin-bottom: 60px;
}
.comt_title {
    letter-spacing: 0.01em;
    color: #444444;
    font-size: 14px;
    font-family: "IBMPlexSans-Medium";
    width: 21%;
    padding-right: 65px;
}
.comt_message textarea {
    background: #ffffff;
    border: 1px solid #e2e2e2;
    padding: 17px 20px;
    height: 150px;
    width: 100%;
}
.comt_message {
    width: 79%;
}
.comm_bottom button,
.comm_bottom a {
    font-size: 14px;
    padding: 8px 13px;
    text-transform: none;
    display: flex;
    align-items: center;
    gap: 6px;
}
.gray_btn {
    background: #868686;
    color: #ffffff;
    font-family: "IBMPlexSans-Bold";
    border: none;
    border: 2px solid #868686;
    line-height: 1;
}
.comm_bottom {
    gap: 15px;
    padding-top: 35px;
    border-top: 1px solid #bfbfbf;
    margin-top: 55px;
}
.psih_table .admin_name_td {
    max-width: 130px;
}
.students_td2,
.reports_td2 {
    max-width: 85px;
}
.auto_height {
    height: auto;
    min-height: auto;
}
.psih_information.colum2 {
    display: block;
    column-count: 2;
}
.psih_information.colum2 .bordered_block {
    display: inline-table;
    width: 100%;
    margin-bottom: 30px;
}
.title_right .green_btn {
    padding: 8px 17px;
    font-size: 14px;
    text-transform: none;
}
.just_cont {
    justify-content: space-between;
}
.modal_title {
    color: #151515;
    font-size: 24px;
    font-family: "IBMPlexSans-Bold";
}
.title_flex {
    padding-bottom: 30px;
    border-bottom: 1px solid #c6c6c6;
}
.classes_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin: 0 -34px;
}
.classes_grid .class_item {
    padding: 20px 34px;
    border-bottom: 1px solid #c6c6c6;
    position: relative;
}
.class_item:before {
    position: absolute;
    content: "";
    right: 0;
    width: 1px;
    height: calc(100% - 40px);
    background: #c6c6c6;
    top: 50%;
    transform: translateY(-50%);
}
.classes_grid_wrapper {
    overflow: hidden;
    margin-bottom: 27px;
}
.class_modal .modal-dialog {
    height: auto;
}
.comments_modal .modal-body .pagination {
    display: flex;
    justify-content: center;
}
.zagol.f24 {
    font-size: 24px;
}
.pt55 {
    padding-top: 55px;
}
.mini_btns .green_btn,
.mini_btns .gray_btn {
    font-size: 14px;
    font-family: "IBMPlexSans-Medium";
    text-transform: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding: 10px 30px;
    line-height: 1;
}
.mini_btns {
    gap: 12px;
}
.right_end {
    margin-left: auto;
}
.lang_block {
    background: #80c342;
    color: #ffffff;
    text-align: center;
    letter-spacing: 0.01em;
    font-size: 18px;
    font-family: "IBMPlexSans-Bold";
    border: none;
    height: 100%;
    min-width: 62px;
}
.border_bottom {
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 15px;
}
.lined.border_bottom:before {
    bottom: -2px;
}
.flex_field_label {
    letter-spacing: 0.01em;
    color: #151515;
    font-size: 14px;
    font-family: "IBMPlexSans-Medium";
    width: 25%;
    padding-top: 15px;
    padding-right: 30px;
}
.white_field_wrap input,
.white_field_wrap textarea,
.white_field_wrap select {
    background: #ffffff;
    border: 1px solid #e2e2e2;
    width: 100%;
    font-size: 14px;
    padding: 15px 20px;
    line-height: 1.1;
    color: #151515;
}
.flex_field {
    display: flex;
    align-items: flex-start;
}
.white_field_wrap {
    width: 75%;
    font-weight: normal;
}
.white_field_wrap textarea {
    height: 150px;
}
.white_field_wrap input::placeholder,
.white_field_wrap textarea::placeholder {
    color: #9a9a9a;
}
.w70 {
    width: 80%;
}
.file_field_wrap input {
    background: transparent;
    border: none;
    color: transparent;
    width: auto;
    max-width: 160px;
}
.file_field_wrap {
    background: #efefef;
    border: 1px solid #e2e2e2;
    display: flex;
    align-items: center;
}
.file_text {
    color: #666666;
    font-size: 13px;
    min-width: 25%;
    text-transform: uppercase;
    padding-left: 25px;
    font-family: "IBMPlexSans-Medium";
    overflow: auto;
}
.blockcontent.active {
    display: block;
}
.blockcontent {
    display: none;
}
.white_field_wrap .num_input {
    width: 70px;
    padding-right: 5px;
    padding-left: 10px;
    text-align: center;
}
.number_field span {
    color: #151515;
    font-size: 14px;
    margin-left: 17px;
}
.create_form_fields.gap0 {
    gap: 0;
}
label {
    font-weight: normal;
    margin-bottom: 0;
}
.radio_checkmark {
    position: absolute;
    left: 0;
    top: 5px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #cccccc;
}
.radio_wrap {
    position: relative;
    padding-left: 20px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.radio_value {
    color: #151515;
    font-size: 14px;
}
.radio_btns {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.radio_wrap input:checked + .radio_checkmark {
    border-color: #80c342;
}
.radio_checkmark:before {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #80c342;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    opacity: 0;
}
.radio_wrap input:checked + .radio_checkmark:before {
    opacity: 1;
}
.pt0 {
    padding-top: 0;
}
.add_btn {
    background: #efefef;
    border: 1px solid #e2e2e2;
    width: 100%;
    color: #80c342;
    font-size: 14px;
    font-family: "IBMPlexSans-Bold";
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    line-height: 1;
    gap: 8px;
    cursor: pointer;
}
.quest_delete {
    letter-spacing: 0.01em;
    color: #c01a1a;
    font-size: 14px;
    font-family: "IBMPlexSans-Medium";
    display: flex;
    align-items: center;
    gap: 7px;
}
.question_zag {
    border-bottom: 1px solid #bfbfbf;
    padding: 0 0 15px;
    margin-bottom: 20px;
}
.ques_num {
    color: #151515;
    font-family: "IBMPlexSans-Medium";
}
.question_section {
    margin-top: 75px;
}
.create_form_fields .question_section:first-child {
    margin-top: 0;
}
.add_question {
    margin-top: 50px;
    position: relative;
}
.question_types {
    position: absolute;
    background: #ffffff;
    filter: drop-shadow(0px 4px 15px rgb(0 0 0 / 25%));
    padding: 15px 50px;
    right: -70px;
    bottom: 30px;
    display: none;
    gap: 10px;
}
.quest_type {
    color: #151515;
    font-family: "IBMPlexSans-Regular";
    transition: 0.5s;
    cursor: pointer;
}
.question_types:before {
    position: absolute;
    content: "";
    left: -9px;
    bottom: -9px;
    width: 26px;
    height: 25px;
    background: url(/images/icons/triangle.svg);
}
.quest_type:hover {
    text-decoration-line: underline;
    color: #80c342;
}
.add_question.active {
    color: #fff;
    background: #80c342;
    border-color: #80c342;
}
.add_question.active path {
    fill: #fff;
}
.users_table a {
    color: #151515;
}
.res_page .res_item {
    margin-top: 45px;
}
.res_page .quest_num {
    color: #151515;
}
.res_page .res_item:first-child {
    margin-top: 0;
}
.black_text {
    color: #151515;
}
.bordered_block2 {
    padding: 45px 70px;
}
.link_item.active rect {
    stroke: #80c342;
}
.webinar_wrapper {
    position: relative;
}
.abs {
    position: absolute;
}
.right_end.abs {
    right: 0;
    top: 0;
    height: 53px;
}
.mt40 {
    margin-top: 40px;
}
.add_btn.green_green {
    background: #80c342;
    border-color: #80c342;
    color: #fff;
}
.add_btn.green_green path {
    fill: #fff;
}
.mes_quan {
    background: #151515;
    color: #fff;
    width: 23px;
    height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    line-height: 1;
}
.acc_col {
    padding: 25px;
    width: calc(27% - 16px);
    min-height: 230px;
}
.acc_col1 {
    background: #e4efdb;
    width: calc(46% - 32px);
    display: flex;
    align-items: flex-start;
    gap: 24px;
}
.acc_col2 {
    background: #f3f3f3;
}
.acc_col3 {
    background: #e7eaea;
}
.acc_title {
    color: #151515;
    font-size: 18px;
    font-family: "IBMPlexSans-Bold";
}
.gray_par {
    color: #95a984;
}
.info_line {
    margin-bottom: 7px;
}
.acc_photo {
    border: 1px solid #aec49d;
    width: 112px;
    height: 112px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 50%;
}
.acc_info {
    height: 100%;
    max-width: calc(100% - 136px);
    display: flex;
    flex-direction: column;
}
.acc_col .green_link {
    margin-top: auto;
}
.acc_col2,
.acc_col3 {
    display: flex;
    flex-direction: column;
}
.acc_photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.admin_menu2 .link_item {
    padding: 0 22px;
}
.white_select {
    border: 1px solid #d8d8d8;
    padding: 14px;
}
.sort_filters {
    gap: 20px;
}
.pb0 {
    padding-bottom: 0;
}
.passw_wrap .green_link {
    margin-top: 15px;
    display: table;
}
.link_item.active .mes_quan {
    background: #80c342;
}
.pt70 {
    padding-top: 70px;
}
.pb70 {
    padding-bottom: 70px;
}
.notif_side {
    border: 1px solid #c6c6c6;
    border-radius: 10px;
    padding: 0 20px 40px;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.notif_page {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
}
.notif_head {
    padding: 20px 0 13px;
    border-bottom: 1px solid #cecece;
}
.notif_side.notif_side_right {
    padding-top: 23px;
}
.notif_body {
    padding-top: 32px;
}
.notif_param {
    margin-bottom: 20px;
    padding-left: 30px;
    position: relative;
    cursor: pointer;
    line-height: 1.1;
}
.notif_param_text {
    color: #151515;
    font-size: 14px;
}
.checkbox_checkmark {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 2px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1e1e1;
}
.notif_param input[type="checkbox"] {
    display: none;
}
.notif_param input:checked + .checkbox_checkmark {
    background: #80c342;
    border-color: #80c342;
}
.checkbox_checkmark:before {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 11px;
    height: 10px;
    background: url(/images/icons/check.svg) no-repeat;
    background-size: contain;
    background-position: center;
    opacity: 0;
}
.notif_param input:checked + .checkbox_checkmark:before {
    opacity: 1;
}
.switch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 18px;
}
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.switch_slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e1e1e1;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.switch_slider:before {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    left: 0;
    top: 50%;
    transform: translate(0px, -50%);
    background-color: #959595;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
input:checked + .switch_slider {
    background-color: #e1e1e1;
}
input:focus + .switch_slider {
    box-shadow: 0 0 1px #2196f3;
}
input:checked + .switch_slider:before {
    -webkit-transform: translate(24px, -50%);
    -ms-transform: translate(24px, -50%);
    transform: translate(24px, -50%);
    background: #80c342;
}
.switch_slider.round {
    border-radius: 60px;
}
.switch_slider.round:before {
    border-radius: 50%;
}
.notif_wrap {
    display: flex;
    align-items: center;
    gap: 11px;
    color: #151515;
    font-family: "IBMPlexSans-Bold";
}
.mini_podzag {
    color: #151515;
    line-height: 1.1;
    font-size: 14px;
    margin-top: 10px;
}
.w80 {
    width: 80%;
}
.notif_side .std_field {
    border-radius: 4px;
}
.notif_side .notif_wrap {
    margin-top: auto;
}
.mb25 {
    margin-bottom: 25px;
}
.std_field.mb40 {
    margin-bottom: 40px;
}
.admin_menu3 .link_item {
    padding: 0 15px;
}
.green_btn.black_black {
    background: #151515;
    color: #fff;
    border-color: #151515;
}
.green_btn.black_black:hover,
.green_btn.black_black:focus {
    background: transparent;
    color: #151515 !important;
}
.pb60 {
    padding-bottom: 60px;
}
.f24 {
    font-size: 24px;
}
.border_top {
    border-top: 1px solid #bababa;
}
.hidden_materials {
    display: none;
}
.pt65 {
    padding-top: 65px;
}
.pt110 {
    padding-top: 110px;
}
.pb110 {
    padding-bottom: 110px;
}
.test_page {
    background: #f3f3f3;
    min-height: 615px;
    display: flex;
    align-items: center;
    padding: 85px;
}
.btns_flex {
    display: flex;
    gap: 22px;
}
.btns_flex .green_btn {
    padding: 12px 35px;
    text-transform: none;
    min-width: 175px;
}
.test_descr {
    color: #666666;
    font-size: 20px;
    font-family: "IBMPlexSans-Medium";
}
.title.testname {
    font-family: "IBMPlexSans-Bold";
    text-transform: none;
    font-size: 35px;
}
.test_step {
    display: none;
}
.var_li {
    position: relative;
    padding-left: 35px;
    display: table;
    margin-bottom: 17px;
    line-height: 1;
    cursor: pointer;
}
.var_li input {
    display: none;
}
.var_li .radio_checkmark {
    border: 2px solid #151515;
    width: 22px;
    height: 22px;
    top: -3px;
}
.var_text {
    color: #151515;
    font-size: 18px;
}
.variants_list {
    margin-top: 32px;
    margin-bottom: 44px;
}
.gray {
    color: #666666;
}
.var_li input:checked + .radio_checkmark {
    border-color: #80c342;
    background: #80c342;
}
.test_begin {
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    display: flex;
}
.test_step {
    width: 75%;
}
.btns_flex.centered {
    justify-content: center;
}
.test_step.test_begin {
    width: 100%;
}
.text_flex {
    display: flex;
    justify-content: space-between;
}
.text_flex .text_side {
    align-self: center;
    width: calc(55% - 85px);
}
.image_block {
    position: relative;
    width: 45%;
}
.start_date {
    position: absolute;
    top: 45px;
    left: 0;
    background: #80c342;
    color: #ffffff;
    font-size: 23px;
    padding: 6px 26px;
    font-family: "IBMPlexSans-Bold";
}
.text_flex .text_side .title {
    margin-bottom: 15px;
    text-transform: none;
    line-height: 1.1;
}
.image_block img {
    width: 100%;
    border-radius: 30px;
}
.noupper {
    text-transform: none;
}
.goals_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
}
.goal_head {
    display: flex;
    align-items: center;
    color: #151515;
    font-size: 20px;
    font-family: "IBMPlexSans-Bold";
    margin-bottom: 17px;
}
.goal_head span {
    max-width: calc(100% - 55px);
}
.goal_head img {
    margin-right: 15px;
}
.goals_item {
    font-size: 18px;
    line-height: 1.4;
}
.pb80 {
    padding-bottom: 80px;
}
.pt90 {
    padding-top: 90px;
}
a:focus {
    outline: none !important;
}
.sert_slider .slick-slide.slick-current {
    transform: scale(1.1) translateX(-27px);
    z-index: 1;
    position: relative;
}
.sert_slider .slick-slide {
    transform: scale(0.9);
    transition: 0.5s;
    margin: 0 -15px;
}
.sert_slider .slick-slide img {
    width: 100%;
    border-radius: 0;
}
.sert_slider .slick-list {
    padding: 21px 0;
    margin: 0 15px;
}
.text_flex2 .text_side {
    width: calc(50% - 65px);
}
.text_flex2 .image_block {
    width: 50%;
}
.timer {
    width: 58%;
    margin: 0;
    cursor: default;
}
.days,
.hours,
.minutes,
.seconds {
    font-size: 52px;
    margin: 0 auto;
    color: #fff;
    background: #80c342b3;
    width: 111px;
    height: 106px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "IBMPlexSans-SemiBold";
}
.uncorrectDays,
.uncorrectHours,
.uncorrectMinutes,
.uncorrectSeconds {
    font-size: 20px;
    color: #d5edbe;
    text-transform: lowercase;
    background: #80c342b3;
    width: 100%;
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}
.days-block,
.hours-block,
.minutes-block,
.seconds-block {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.timer-section {
    display: inline-block;
    padding: 0 27px;
    position: relative;
}
.timer-text {
    display: block;
    font-size: 12px;
}
.timer-section:first-child {
    padding-left: 0;
}
.ws-button {
    background: #50ca5e;
    text-align: center;
    color: #ffffff;
    font-family: "NoirPro-Regular";
    font-size: 20px;
    padding: 17px;
    display: table;
    margin: 70px auto 0;
    transition: 0.5s;
    border: 2px solid #50ca5e;
}
.ws-button:hover,
.ws-button:focus {
    color: #50ca5e;
    background: transparent;
    text-decoration: none;
}
.timer_block {
    background: url(/images/timer_back.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 128px 0;
    position: relative;
}
.timer_wrapper {
    background: rgba(0, 0, 0, 0.7);
    border-radius: 60px 0;
    padding: 73px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    justify-content: space-between;
}
.timer-section:last-child {
    padding-right: 0;
}
.timer-section:after {
    content: ":";
    position: absolute;
    top: 0;
    right: -10px;
    color: #a2c284;
    font-size: 60px;
}
.timer-section:last-child:after {
    display: none;
}
.timer_block:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(37, 37, 37, 0.5);
}
.timer_text {
    width: calc(42% - 58px);
}
.timer_text .title {
    margin-bottom: 15px;
}
.timer_descr {
    color: #e7e7e7;
    font-size: 18px;
}
.timer_text .green_btn {
    padding: 13px 37px;
}
.admin_menu4 .link_item {
    padding: 0 39px;
}
.admin_menu5 .link_item {
    padding: 0 27px;
}
.records_list .doc_link {
    color: #151515;
    gap: 7px;
}
.records_list .doc_name {
    margin-bottom: 25px;
    line-height: 1.1;
}
.appoin_img {
    max-width: 100%;
}
.appoin_modal .modal-dialog {
    width: 946px;
    max-width: 100%;
}
.appoin_modal .modal-content {
    border-radius: 0;
    border: none;
}
.comm_bottom.noborder {
    border: none;
    padding-top: 0;
    margin-top: 0;
}
.appoin_modal .modal-body {
    display: flex;
    padding: 65px;
    align-items: center;
    gap: 45px;
}
a.info_line,
.info_line a {
    color: #666666;
    transition: 0.5s;
}
a.info_line:hover,
.info_line a:hover {
    color: #80c342;
}
.green_link:hover {
    color: #80c342;
}
.td_flex {
    display: flex;
    align-items: center;
}
.students_td2 .td_flex > span,
.reports_td2 .td_flex > span {
    width: min-content;
}
.users_table tbody tr:hover {
    background: #f4f4f4;
}
.users_table tbody tr:hover td {
    color: #80c342;
}
.users_table tbody tr td {
    transition: 0.5s;
}
.choseall_field input {
    display: none;
}
.choseall_field {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 15px;
    font-size: 14px;
}
.search_field.date_field {
    width: 84px;
}
.white_del {
    border: 1px solid #cbcbcb;
    background: transparent;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
    padding: 5px 17px;
    color: #666666;
    font-size: 14px;
}
.zagol.lined:before {
    width: 30px;
    height: 4px;
}
.users_wrapper .titflex {
    padding: 50px 32px;
}
.green_gen {
    margin-right: 22px;
}
.ques_num.bold {
    font-family: "IBMPlexSans-Bold";
}
.upper {
    text-transform: uppercase;
}
.princip_wrap .question_zag {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 34px;
    margin-top: 40px;
}
.blue_back {
    background: #f4f5fe;
}
.razd_btns {
    display: flex;
    align-items: center;
    gap: 8px;
}
.razd_btns > * {
    background: transparent;
    border: none;
    padding: 0;
}
.page_razdel .white_field_wrap {
    background: #ffffff;
    border: 1px solid #e2e2e2;
    display: flex;
    padding-right: 20px;
}
.page_razdel .white_field_wrap input {
    border: none;
    text-transform: uppercase;
}
.adv_center img {
    width: 100%;
}
.openMenu {
    display: none;
}
.agree .checkmark {
    left: 0;
    position: absolute;
    top: 5px;
    border-radius: 0;
    border-color: #555555;
}

.agree input:checked + .checkmark:before {
    opacity: 1;
}

.agree input:checked + .checkmark {
    background: #80c342;
    border-color: #80c342;
}

.agree .checkmark:before {
    opacity: 0;
}

.d-none {
    display: none;
}

.vac_org {
    color: #666;
    margin-top: 20px;
}

.vac_block {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.vac_block_delete {
    display: none;
    color: red;
    margin-left: 10px;
}

.w45.orgs {
    width: calc(45% - 10px) !important;
    padding: 0;
}

.w45.orgs button {
    border: none;
    background: transparent;
    height: 100%;
    border-radius: 0;
}

.w45.orgs .filter-option-inner-inner {
    margin-top: 2px;
    color: #666666;
}
.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: visible;
    margin: auto;
    top: 100px;
    left: 0;
    right: 0;
}

/* Transparent Overlay */
.loading:before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.loading:not(:required):after {
    content: "";
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow:
        rgba(0, 0, 0, 0.75) 1.5em 0 0 0,
        rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0,
        rgba(0, 0, 0, 0.75) 0 1.5em 0 0,
        rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0,
        rgba(0, 0, 0, 0.5) -1.5em 0 0 0,
        rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0,
        rgba(0, 0, 0, 0.75) 0 -1.5em 0 0,
        rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
    box-shadow:
        rgba(0, 0, 0, 0.75) 1.5em 0 0 0,
        rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0,
        rgba(0, 0, 0, 0.75) 0 1.5em 0 0,
        rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0,
        rgba(0, 0, 0, 0.75) -1.5em 0 0 0,
        rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0,
        rgba(0, 0, 0, 0.75) 0 -1.5em 0 0,
        rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}
/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

p {
    width: 100% !important;
    margin: 0 !important;
}

ul {
    width: 100% !important;
    margin: 0 !important;
}

ol {
    width: 100% !important;
    margin: 0 !important;
}

/* Bootstrap 5 Badge Background Color Override
 * Fixes conflict with Bootstrap 3 vendor.css which sets .badge { background-color: #777; }
 * These ensure Bootstrap 5's bg-* utility classes work correctly on badges
 */
.badge.bg-primary {
    background-color: #0d6efd !important;
}
.badge.bg-secondary {
    background-color: #6c757d !important;
}
.badge.bg-success {
    background-color: #198754 !important;
}
.badge.bg-danger {
    background-color: #dc3545 !important;
}
.badge.bg-warning {
    background-color: #ffc107 !important;
}
.badge.bg-info {
    background-color: #0dcaf0 !important;
}
.badge.bg-light {
    background-color: #f8f9fa !important;
}
.badge.bg-dark {
    background-color: #212529 !important;
}