/* строка поиска */
.BlockList {
    position: absolute;
    z-index: 9999;
    width: calc(100% - 20px);
    background: white;
    height:300px;
    max-height:50vh;
    overflow: auto;
    border: 1px solid silver;
    border-top: none;
    border-radius: 0 0 10px 10px;
    -webkit-box-shadow: 0px 7px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 7px 20px 0px rgba(0, 0, 0, 0.1);
    display: none;
}

.TextInput{z-index: 10000;padding:8px 15px;font:inherit;outline:none;border-radius:3px;border:1px solid silver;width:100%}
.TextInput::-webkit-input-placeholder{color:silver;font-weight:100}
.TextInput::-moz-placeholder{color:silver;font-weight:100}
.TextInput:-ms-input-placeholder{color:silver;font-weight:100}
.TextInput::-ms-input-placeholder{color:silver;font-weight:100}
.TextInput::placeholder{color:silver;font-weight:100}
.TextInput:focus{border-color:rgba(2,121,254,.38);-webkit-box-shadow:0 0 0 2px rgba(2,121,254,.38);box-shadow:0 0 0 2px rgba(2,121,254,.38)}
.TextInput.__error{background-color:#fcf4f4;border:1px solid #fe7676}
.TextInput.__error:focus{border-color:rgba(254,2,57,.38);-webkit-box-shadow:0 0 0 2px rgba(254,2,57,.38);box-shadow:0 0 0 2px rgba(254,2,57,.38)}
.SearchBlock{padding:10px 0;position:relative}
.SearchBlock__input.__left-icon{padding-left:45px}
.SearchBlock__input{padding-right:25px;font-size:14px;border-radius:30px;background: rgba(255, 255, 255, 0.2);border: none;}
.SearchBlock__clear{right:20px;cursor:pointer}
.SearchBlock__clear,.SearchBlock__left-icon{position:absolute;top:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.SearchBlock__left-icon{left:20px;color:grey}
.SearchBlock .TextInput:focus{border-color:silver;-webkit-box-shadow:none;box-shadow:none}
.TextBlock{word-break:break-word;white-space:pre-line;line-height:150%;color: rgb(153, 153, 153); font-weight: normal; font-size: 15px; padding: 20px 10px 5px; margin-top: 0px; margin-bottom: 5px;}
.TextBlock.__clickable{cursor:pointer}
.TextBlock .TextBlock__empty{color:#999}
.TextBlock__editor .ProseMirror{outline:none}
.ScreenBlock{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;box-sizing:border-box;height:75px;padding:10px 0;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:inherit!important;font-weight: normal; font-size: 16px; position: relative; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px;}.ScreenBlock.__clickable{cursor:pointer}.ScreenBlock.__unavailable{background:#f0f0f0}.ScreenBlock__left{width:70px;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ScreenBlock__left,.ScreenBlock__right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ScreenBlock__right{overflow:hidden;-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2}.ScreenBlock__right-wrapper{width:100%;max-height:55px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ScreenBlock__logo{position:relative}.ScreenBlock .ScreenBlock__left.__no-logo{width:10px!important}.ScreenBlock__logo-status{position:absolute;right:-3px;bottom:-3px}.ScreenBlock__item-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;line-height:16px}.ScreenBlock__item-title-left{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding-right:5px;-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2}.ScreenBlock__item-title-left--with-description{margin-bottom:3px}.ScreenBlock__item-title-right{white-space:nowrap}.ScreenBlock__item-unread-bullet{display:inline-block;width:10px;height:10px;border-radius:10px;background-color:#2381cc;margin-right:5px}.ScreenBlock__item-time{font-size:13px;color:#9f9f9f;margin-right:10px}.ScreenBlock__description{font-size:13px;line-height:15px;max-height:30px;opacity:.6;overflow:hidden;text-overflow:ellipsis;padding-right:5px}.ScreenBlock.__selected{background-color:#2788cc!important;color:#fff!important}.ScreenBlock.__selected .ScreenBlock__description,.ScreenBlock.__selected .ScreenBlock__item-time{color:#fff!important}.ScreenBlock.__medium{height:60px;padding:7px 0}.ScreenBlock.__medium .ScreenBlock__left{width:60px}.ScreenBlock.__medium .ScreenBlock__description{max-height:15px}.ScreenBlock.__small{height:50px;padding:7px 0}.ScreenBlock.__small .ScreenBlock__left{width:50px}.ScreenBlock.__small .ScreenBlock__description{white-space:nowrap}.ScreenBlock.__mini .ScreenBlock__item-title-left{font-weight:400;font-size:12px}.ScreenBlock.__mini .ScreenBlock__left{width:30px}.ScreenBlock.__mini{height:30px;padding:7px 0}
.Logo{height:50px;width:50px;border-radius:5px;background-size:cover;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:23px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;color: white; background-color: rgb(246, 139, 45); font-size: 23px;}.Logo.__circle{border-radius:50px}.Logo.__large{height:50px;width:50px}.Logo.__medium{height:40px;width:40px}.Logo.__small{height:30px;width:30px}.Logo.__mini{height:20px;width:20px}.Logo.__default:after{content:" ";position:absolute;left:0;right:0;top:0;bottom:0;background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.5)),to(hsla(0,0%,100%,0)));background:linear-gradient(hsla(0,0%,100%,.5),hsla(0,0%,100%,0));border-radius:5px}.Logo.__circle.__default:after{border-radius:50px}

#SearchInput::placeholder {
    color:#ffffff50!important;
}

.SearchBlock__left-icon,
#SearchInput {
    color:#fff!important;
}

.SearchBlock__clear svg {
    fill:#ffffff50!important;
}


/* данные пользователя */
.all_block-name {
    border-radius: var(--b-radius);
    -webkit-box-shadow: 11px 11px 11px 0 rgba(0, 0, 0, 0.45);
    box-shadow: 11px 11px 11px 0 rgba(0, 0, 0, 0.45);
    background: var(--color-fon-cards);
    padding: var(--block-padding);
    font-family: var(--second-font);
}

.all_block-name .block-name_photo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 15px;
    margin-bottom: 15px;
}

.all_block-name p {
    margin-bottom:0;
}

.all_block-name .block-name_photo img {
    width:60px;
    height:60px;
    border-radius: 100px;
    border: 3px solid var(--accent-color-school);
}

.all_block-name .block-name_photo .user_info_name {
    font-weight: 700;
    font-size: var(--font-size-1);
    font-family: var(--header-font-1);
    text-transform:uppercase;
    color: var(--accent-color-school);
    line-height:130%;
}

.all_block-name .block-name_info {
    color:var(--transparent-color);
    font-weight: 500;
    font-size: var(--font-size-3);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    gap:15px;
}

.all_block-name .block-name_info a {
    color:var(--light-font-color);
}

.all_block-name .fa {
    margin-right:10px;
}
/* */

/* блок техподдержки */
.all_tp_block {
    border-radius: var(--b-radius);
    -webkit-box-shadow: 11px 11px 11px 0 rgba(0, 0, 0, 0.45);
    box-shadow: 11px 11px 11px 0 rgba(0, 0, 0, 0.45);
    background: var(--color-fon-cards);
    padding: var(--block-padding);
    font-family: var(--second-font);
}

.all_tp_block .tp_text .html-content {
    font-size:var(--font-size-3);
    line-height:110%;
    color:var(--transparent-color);
}

.all_tp_block .tp_btn {
    border:none;
    background: var(--color-1);
    font-family: var(--second-font);
    font-weight: 400;
    font-size: 13px;
    line-height: 90%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: var(--light-font-color);
    padding: 12px;
    border-radius: 37px;
    min-width: 165px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.all_tp_block .tp_btn:hover {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.all_tp_block .tp_btn_bot {
    background:#3871c1;
    min-width: 1px;
}
/* */

/* Шкала прогресса круговая */
.my_progress_block {
    border-radius: var(--b-radius);
    -webkit-box-shadow: 11px 11px 11px 0 rgba(0, 0, 0, 0.45);
    box-shadow: 11px 11px 11px 0 rgba(0, 0, 0, 0.45);
    background: var(--color-fon-cards);
    padding: var(--block-padding);
    font-family: var(--second-font);
}

.progress-banner {
    position: relative;
    padding: 5px 45px 45px;
    min-height: 280px;    
    background: var(--progress_bg);   
    transition: all .3s;    
    /* Цвет фона виджета */
    --progress_bg:transparent;
    /* Стиль рамки виджета */
    /*--progress_border: 1px solid rgba(196, 196, 196, 0.50);*/    
    /* Цвет незаполненого кольца */
    --progress_ring:#fff;
    /* Цвет заполенной части */
    --progress_segment:#EB8260;     
    /* Цвет текста цифр */
    --progress_point:#fff;
    /* Цвет текста "Пройдено" */
    --progress_text:#7b7d81;    
    /* Размер цифр */
    --progress_pontSize:4px;
    /* Размер текста "Пройдено" */
    --progress_textSize:2px;
}

.progress-banner svg.lessons-dount {
    position: absolute;
    top: 0px;
    left: 50%;
    -webkit-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%);
    width: 280px;
    height: 280px;
    margin: 0 auto;
    display: block!important;
}

.progress-banner svg.lessons-dount .donut-hole {
    r:13;
    fill: transparent;
}

.progress-banner svg.lessons-dount .donut-ring-border {
    fill: transparent;
}

.progress-banner svg.lessons-dount .donut-ring {
    stroke: var(--progress_ring);
    stroke-width: 0.5px;
    fill: transparent;
}

.progress-banner svg.lessons-dount .donut-segment {
    stroke: var(--progress_segment);
    stroke-width: 0.5px;
    stroke-linecap: round;
    fill: transparent;
    stroke-dasharray: "0 100";
    stroke-dashoffset: 25;
}

.progress-banner .chart-text {
    fill: var(--progress_point);
    -moz-transform: translateY(0.25em);
    -ms-transform: translateY(0.25em);
    -webkit-transform: translateY(0.25em);
    transform: translateY(0.25em);
    font-family: var(--second-font);
}

.progress-banner .chart-number {
    font-size: var(--progress_pontSize);
    text-align: center;
    line-height: 1;
    text-anchor: middle;
    -webkit-transform: translateY(-0.2em);
    -ms-transform: translateY(-0.2em);
    transform: translateY(-0.2em);
}

.progress-banner .chart-label {
    font-size: var(--progress_textSize);
    fill: var(--progress_text);
    text-anchor: middle;
    -webkit-transform: translateY(1em);
    -ms-transform: translateY(1em);
    transform: translateY(1em);
}

/* прогресс на плашках */
.training-progress {
    order:6;
    margin-top: 40px;
}

.training-progress-wrap {
    width:100%;
    height:2px;
    background:#fff;
    border-radius:2px;
}

.training-progress-scale {
    background:#eb8260;
    height:2px;
    border-radius:2px;
}

/* блок об авторе */
.about_avtor_block {
    border-radius: var(--b-radius);
    -webkit-box-shadow: 11px 11px 11px 0 rgba(0, 0, 0, 0.45);
    box-shadow: 11px 11px 11px 0 rgba(0, 0, 0, 0.45);
    background: var(--color-fon-cards);
    padding: var(--block-padding);
    font-family: var(--second-font);
}

.about_avtor_block .html-content > div {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap:30px;
}

.general_block p {
    margin-bottom:0;
}

.general_block .name {
    font-family: var(--header-font-1);
    font-size: var(--font-size-1) !important;
    line-height: 100%;
    color: var(--accent-color-school);
    text-transform: uppercase;
}

.general_block .regalia {
    font-family: var(--second-font);
    font-weight: 400;
    font-size: var(--font-size-3);
    line-height: 100%;
    color: var(--light-font-color);
}

.avtor_btn {
    text-align: right;
    background: var(--color-1);
    color: var(--light-font-color);
    padding: 10px;
    border-radius: 37px;
    font-size: 12px;
    font-weight: 400;
    min-width: 120px;
    text-align: center;
    margin-left: auto;
    transition: all .5s;
}

.avtor_btn:hover {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    text-decoration:none;
    color: var(--light-font-color);
}

.avtor_btn:focus {
    text-decoration:none;
    color: var(--light-font-color);
}

/* срок доступа на плашках */
.training-access {
    font-family: var(--second-font);
    font-size: 14px;
    line-height: 110%;
    color: var(--transparent-color);
    text-align: right;
    max-width: 80%;
    margin: 10px 0 40px;
    padding-right: 10px;
}

/* срок доступа внутри тренинга */
.xdget-productTiming {
    background: transparent;
    padding: 0;
    max-width: 100%;
}

.user-product-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    width: 100%;
    font-size: var(--font-size-1);
    text-transform: uppercase;
    color: var(--accent-color-school);
    font-family: var(--header-font-1);
    /*padding-left:30px;*/
}


.xdget-productTiming .text-muted {
    display:none;
}

.user-product-block a.dotted-link {
    border-bottom: 1px solid #fff!important;
    font-family: var(--second-font);
    font-weight: 400;
    font-size: var(--font-size-3);
    line-height: 100%;
    color: var(--light-font-color);
    text-transform: lowercase;
    margin-bottom: 10px;
}

.user-product-block .prolong-offers {
    padding: 10px 0 20px!important;
    margin-top:15px;
    width: 100%;
    text-align: center;
    box-shadow: 11px 11px 11px 0 rgba(0, 0, 0, 0.45);
    background: var(--color-fon-cards);
    border-radius: var(--b-radius);
}

.user-product-block .prolong-offers label {
    margin: 0!important;
    font-family: var(--second-font);
    font-weight: 400;
    font-size: var(--font-size-3);
    line-height: 100%;
    color: var(--light-font-color);
}

.user-product-block .prolong-offers > div {
    padding: 0!important;
    font-family: var(--second-font);
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: var(--light-font-color);
}

.user-product-block .btn-prolongate {
    border: none;
    background: var(--color-1);
    font-family: var(--second-font);
    font-weight: 400;
    font-size: 13px;
    line-height: 90%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: var(--light-font-color);
    padding: 12px 20px;
    border-radius: 37px;
    margin-top:15px!important;
}

.user-product-block b {
    color:var(--color-1)!important;
}

@media (max-width:1024px) {
    .progress-banner svg.lessons-dount {
        width: 250px;
    }
}

@media (max-width:325px) {
    .progress-banner svg.lessons-dount {
        margin-left: 0px;
        width: 250px;
        height: 250px;
    }
}