/*NOTE: This file is intended for programmers. Aspro technical support is not advised to work with him.*/

/* Examples (uncomment to use):*/

/* Expand site width */
/* body .wrapper { max-width: 1400px !important;  } */

/* Set site background image */
/* body {  background: url(image_source) top no-repeat; }

/* Hide compare button */
/* a.compare_item { display: none !important;  }*/

html,
body {
    width: 100%;
    overflow-x: hidden;
}

.verify {
    color: #5fc338;
    margin-bottom: 20px;
}

.nonverify {
    color: #dd443a;
    margin-bottom: 20px;
}

.profile-saved-file {
    font-size: 12px;
}

.nonverify-comment {
    color: #333;
}

.btn.btn-primary {
    background-color: #5fc338;
    border-color: #5fc338;
    color: #ffffff;
}

.btn.btn-primary:is(:hover, :active, :focus),
.btn.btn-primary.btn-transparent:is(:hover, :active, :focus),
.btn.btn-primary.btn-transparent-border:is(:hover, :active, :focus) {
    background-color: #5fc338;
    border-color: #5fc338;
    color: #ffffff;
}

.btn.btn-primary.btn-transparent {
    background-color: rgba(0, 178, 144, 0.1);
    color: #00b290;
}

.btn.btn-primary.btn-transparent-border {
    border: 1px solid rgba(0, 178, 144, 0.35);
    color: #00b290;
}

.btn.btn-primary.btn-transparent-border use {
    fill: #00b290;
}


.btn.btn-dark-grey {
    background-color: #d3d3d3;
    border-color: #d3d3d3;
    color: #ffffff;
}

.btn.btn-dark-grey:is(:hover, :active, :focus),
.btn.btn-dark-grey.btn-transparent:is(:hover, :active, :focus),
.btn.btn-dark-grey.btn-transparent-border:is(:hover, :active, :focus) {
    background-color: #d3d3d3;
    border-color: #d3d3d3;
    color: #ffffff;
}

.btn.btn-dark-grey.btn-transparent {
    background-color: #505050;
    color: #d3d3d3;
}

.btn.btn-dark-grey.btn-transparent-border {
    background-color: #505050;
    color: #d3d3d3;
}

.btn.btn-dark-grey.btn-transparent-border use {
    fill: #d3d3d3;
}

/*page*/

.doc-list-inner__top {
    padding-right: 25px;
}

@media (max-width: 600px) {
    .doc-list-inner__top {
        padding-right: 0;
    }
}

/*detail*/
.module-disabled {
    opacity: 0.7;
}

.docs-grid-wrapper {
    /*display: flex;*/
    /*align-items: flex-start;*/
    /*justify-content: flex-start;*/
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

@media (max-width: 991px) {
    .docs-grid-wrapper {
        grid-template-columns: 1fr;
    }
}

.docs-grid-wrapper {
    /*width: 50%;*/
}

.docs-grid__item {
    margin-bottom: 30px;
}

.docs-grid__title {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 20px;
}

.docs-grid-wrapper .doc-list-inner__wrapper.grid-list__item {
    margin-bottom: 10px;
}

/*.course-modules__item.course-modules__item--final {*/
/*    padding: 40px 20px;*/

/*}*/
/*.course-modules__item.course-modules__item--final .course-modules__item__wrap{*/
/*    align-items: center;*/
/*}*/

.module-test__title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}

.module-test.success span.value {
    color: #5fc338;
}

.module-test.fail span.value {
    color: var(--theme-base-color);
}

.module-test.waiting span.value {
    color: darkblue;
}

.module-test .module-test__notes {
    margin-bottom: 10px;
}

.module-test .module-test__result {
    margin-bottom: 10px;
}

.module-test .module-test__score {
    margin-bottom: 10px;
}

.ask-item__variants {
    padding: 20px 0px 20px 30px;
}

.ask-block {
    margin-bottom: 50px;
}

.btn-send-test {
    width: 280px;
}

.item__variants__item label {}

.item__variants__item input {}

.item__variants__item .form-radiobox__box {
    top: 2px;
}

.ask-item__title .numerator {
    margin-right: 15px;
}


/*edit*/

/*.block-add-plus * {*/
/*    font-weight: normal;*/
/*}*/
/*.block-add-plus {*/
/*    background-color: #f7f8fb;*/
/*    border-color: #f7f8fb;*/
/*    padding: 20px 10px!important;*/

/*    display: flex!important;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    flex-direction: column;*/
/*    cursor: pointer;*/
/*    margin-bottom: 30px;*/

/*    height: auto;*/
/*}*/

/*.block-add-plus__icon {*/
/*    color: #666!important;*/
/*    border: 1px solid #666!important;*/
/*    border-radius: 50%;*/
/*    width: 50px;*/
/*    height: 50px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/

/*    font-size: 36px;*/
/*}*/
/*.block-add-plus__title {*/
/*    color: #666!important;*/
/*    margin-top: 7px;*/
/*    font-size: 22px;*/
/*}*/


/* START --- PLUS BTN */
.plus-wrap {

    position: relative;
    display: flex;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column;
    cursor: pointer;
    background-color: #F1F1F1;
    border: 1px solid #E4E8F3;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 25px 25px;
}

.btn.plus-wrap {
    width: auto;
    height: auto;
    margin-bottom: 40px;
}

.plus-wrap-desc {
    margin-top: 30px;
    font-size: 20px;
    /*font-weight: 600;*/
    color: #222428;
}

.plus-wrap-item {
    width: 87px;
    height: 87px;
    border: 3px solid #222428;
    background: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.plus-wrap-item:before {
    position: absolute;
    content: " ";
    /*border: 3px solid #222428;*/
    background: #222428;
    width: 30px;
    height: 3px;
}

.plus-wrap-item:after {
    position: absolute;
    content: " ";
    /*border: 3px solid #222428;*/
    background: #222428;
    width: 3px;
    height: 30px;
}

/* END --- PLUS BTN */

.variant-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 20px;
}

.variant-item input[type="radio"] {
    display: none;
}

.variant-item label {
    width: 35px;
    height: 35px;
    cursor: pointer;
    border: 2px solid #222428;
    margin: 0 30px 0 30px;
}

.variant-item input[type="radio"]:checked~input {
    border: 1px solid #60C339;
    color: #60C339 !important;
}

.variant-item input[type="radio"]:checked+label {
    background-image: url(../images/check.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 100%;
    background-size: 22px 14px;
}

.homework__result__status .status {
    margin-bottom: 10px;
}

.homework__desc {
    margin-bottom: 10px;
}

.status-moder {
    color: #9999AA;
}

.status-fail {
    color: #dd443a;
}

.status-success {
    color: #5fc338;
}


.icon-del::before,
.icon-del::after,
.block-file-del::before,
.block-file-del::after {
    content: '';
    position: absolute;
    top: 10px;
    display: block;
    width: 20px;
    height: 4px;
    background: #DE081A;
}

.icon-del::before,
.block-file-del::before {
    transform: rotate(45deg);
}

.icon-del::after,
.block-file-del::after {
    transform: rotate(-45deg);
}

.popup-modal,
.popup-del-item {
    padding: 50px;
}

.popup-modal .form-head,
.popup-del-item .form-head {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

.popup-modal .form-desc,
.popup-del-item .form-desc {
    margin-bottom: 20px;
}

.popup-modal .form-btn-wrap .btn:first-child,
.popup-del-item .form-btn-wrap .btn:first-child {
    margin-right: 20px;
}

.popup-modal .form-body,
.popup-del-item .form-body {
    padding: 0 !important;
}

.popup-modal .form-btn-wrap,
.popup-del-item .form-btn-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.brand-list-inner__item {
    padding-top: 24px;
}

/* Select2 */
.select2-container--default .select2-selection--single {
    border-radius: 6px;
    color: var(--basic_text_black);
    box-shadow: none;
    border: 1px solid #ddd;
    border: 1px solid var(--stroke_black);
    height: 48px;
    padding: 6px 12px;
    background: var(--black_bg_black);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 10px;
    right: 10px;
}

/* Basket */
.basket-checkout-container,
.basket-items-list-wrapper,
.basket-items-list-wrapper-compact,
.bx-soa-section {
    background: var(--card_bg_black);
    border: 1px solid var(--stroke_black, #e5e5e5);
    border-radius: var(--theme-outer-border-radius, 4px);
}

.basket-items-list-header,
.bx-soa-section-title-container {
    background-color: transparent;
}


.basket-item-block-image,
.bx-step-completed .bx-soa-item-img-block {
    min-width: 150px;
    max-width: 150px;
    width: 150px;
}

.bx-step-completed .bx-soa-item-title {
    font-size: 16px;
}

.bx-step-completed .bx-soa-item-tr {
    display: table-row !important;
}

.bx-step-completed .bx-soa-item-td {
    vertical-align: middle;
}

.bx-step-completed .bx-soa-item-block {
    display: flex;
    align-items: center;
    gap: 16px;
}

.bx-step-completed .bx-soa-item-img-block {
    width: auto;
}

.bx-step-completed .bx-soa-item-img-block .bx-soa-item-imgcontainer {
    width: 150px;
    height: 100px;
    padding: 0;
}

/* edit course */
.form .form-group .bxlhe-frame {
    border-radius: 6px;
    color: var(--basic_text_black);
    border: 1px solid var(--stroke_black);
    background: var(--black_bg_black);
}

.form .form-group .lhe-stat-toolbar-cont {
    background-color: #fff;
    padding: 0 5px;
}

.form .form-group .lha-source-div {
    padding-top: 0;
}

.form .form-group .lhe-stat-toolbar-cont .lhe-button-cont img {
    cursor: pointer;
    margin: 0 5px 0 0;
}

/* documents */
.form .form-group a[download] {
    font-size: calc(1rem - 4px);
}

.form .form-group .input-file input[type=file] {
    position: absolute;
    z-index: -1;
    opacity: 0;
    display: block;
    width: 0;
    height: 0;
}

.doc-icon {
    width: 30px;
    height: 40px;
    padding: 0;
    border-radius: 5px;
}

.doc-icon:before {
    font-size: 10px;
}

.doc-icon.icon-empty:before {
    font-size: 27px;
}

.doc-icon:after {
    width: 10px;
    height: 10px;
}

/* Catalog detail */
@media (max-width: 991px) {
    .catalog-detail .catalog-detail__top-left {
        flex: 0 0 100%;
        width: 100%;
        max-width: var(--sizeImage);
        margin: auto;
    }
}

.catalog-detail__left {
    max-width: calc(100% - 496px);
}

@media (max-width: 991px) {
    .catalog-detail__left {
        width: 100%;
        max-width: 100%;
    }
}

.catalog-detail__gallery-inner-wrapper {
    margin: 20px 0 0 0;
    aspect-ratio: auto;
}

.catalog-detail__gallery__item>a,
.catalog-detail__gallery__item--no-image>span {
    height: auto;
}

.catalog-detail__gallery__item .catalog-detail__gallery__picture {
    max-width: 600px;
    max-height: 600px;
    min-width: initial;
    margin: 0;
}

.catalog-detail__left .docs-grid-wrapper,
.catalog-detail__detailtext {
    margin-top: 16px;
}

/* Catalog list */
.catalog-list__info-top {
    display: flex;
    flex-direction: column;
}

.catalog-list__info-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.catalog-list__info-inner .rc-admin-note {
    margin-top: auto;
}

.catalog-list__info-inner .rc-admin-note .showMoreBtn {
    color: var(--theme-base-color);
    cursor: pointer;
}

.catalog-list__info-inner .rc-admin-note .showMoreBtn::after {
    content: "Показать еще";
}

.catalog-list__info-inner .rc-admin-note.showMore .showMoreBtn::after {
    content: "Скрыть";
}

.catalog-list__info-inner .rc-admin-note .text-more {
    display: none;
}

.catalog-list__info-inner .rc-admin-note.showMore .text-more {
    display: inline;
}

@media (max-width: 600px) {
    .catalog-list__info-bottom .btn-actions__inner {
        margin-top: 8px;
    }
}

/* footer */
.footer__part-item {
    max-width: 100%;
}

.cabinet-alert-url {
    color: black;
    text-decoration: underline;
}

.form-group.flex-group {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.is-legal-checkbox-block {
    margin-top: 25px;
}

.is-legal-checkbox {
    line-height: 20px !important;
    margin-left: 30px !important;
}

@media (max-width: 480px) {
    .form-group.flex-group {
        flex-direction: column;
    }
    .is-legal-checkbox-block {
        
    }
    
    .is-legal-checkbox {
        margin-left: 0 !important;
    }
}