

/*-- [bazagc.ru] список тренингов — начало --*/
.stream-table {
    поле: 0 !важно;
}

.stream-table tr {
    положение: относительное;
    дисплей: блок;
    поле: 0 0 30px;
    отступ: 0 !важно;
    ширина: расч.(100% - 7px);
    высота: авто;
    
    переход: все .3s;
}

.stream-table tr:hover {
    преобразование: translatex(5px);
}

.stream-table tr::before {
    содержание: "";
    положение: абсолютное;
    низ: -7px;
    справа: -7px;
    ширина: 100%;
    рост: 100%;
    
    граница: 1 пиксель сплошная #EA1726;
    z-индекс: 5;
}

.stream-table tr td {
    положение: относительное;
    дисплей: блок;
    отступ: 0 !важно;
    высота: авто !важно;
    
    фон: #fff;
    граница: 1 пиксель сплошная #EA1726;
    z-индекс: 10;
}

.stream-table tr td:hover {
    фон: #fff;
}

.stream-table tr td a {
    отступы: 20px 25px 25px 90px;
}

.stream-table tr td a::before {
    содержание: url(https://fs.getcourse.ru/fileservice/file/download/a/586882/sc/231/h/81160d8a0b08bedbf3d449d0c44348be.png);
    положение: абсолютное;
    верх: 50%;
    слева: 15 пикселей;
    преобразование: translatey(-50%);
}

.stream-table tr td a::after {
    содержание: "Изучить";
    положение: абсолютное;
    верх: 50%;
    справа: -8px;
    преобразование: translatey(-50%);
    отступы: 4px 25px;
    
    начертание шрифта: жирный;
    цвет: #fff;
    
    фон: #EA1726;
    граница: 1 пиксель сплошная #EA1726;
    радиус скругления: 30 пикселей 0 0 30 пикселей;
    переход: все .3s;
}

.stream-table tr:hover a::after {
    фон: #fff;
    цвет: #EA1726;
}

.stream-table tr td a .stream-title {
    размер шрифта: 20px;
    цвет: #000;
}

@media (макс. ширина: 520 пикселей) {
    .stream-table tr {
        margin-bottom: 50px !важно;
    }
    
    .stream-table tr td a::after {
        вверху: наследовать;
        низ: -30px;
        правильно: наследовать;
        слева: 15 пикселей;
        преобразование: нет;
        радиус скругления: 0 0 5px 5px;
    }
}
/*-- [bazagc.ru] список тренингов — конец --*/
/* Тренинги - Режим поддержки */
.al_support {
    margin-bottom: 20px;

    background: #FFFFFF;
    border: 1px solid rgba(219, 178, 157, 0.5);

    background: #FFFFFF;
    box-shadow: 0px 0px 22px rgba(255, 130, 130, 0.1);
    border-radius: 10px;
}

.al_support .html-content {

    padding: 25px 25px 15px;
    
    text-align: left;
    color: #000;
    
    border-radius: 5px;
}

.al_s-heading {
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
}

.al_s-time {
    margin-bottom: 20px;
    
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    color: #FF8282;
}

.al_s-msg {
    font-weight: 300;
    font-size: 14px;
    line-height: 120%;
}

.al_s-btn a {
    display: block;
    margin: 40px 0 0;
    padding: 15px;
    
    font-weight: 700;
    font-size: 16px;
    line-height: 120%;
    color: #fff;
    text-align: center;
    
    background: #FF8282;
    border-radius: 5px; 
    
    transition: all .3s;
}

.al_s-btn a:hover {
    text-decoration: none;
    
    background: #e34242;
}

.al_sb-heading {
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    color: #38393B;
    text-align: center;
}

.al_sb-btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    
    padding: 25px 0;
}

.al_sb-btns img {
    margin: 0 10px;
    
    transition: all .3s;
}

.al_sb-btns img:hover {
    transform: translatey(-5px);
}

.page-menu {
    position: relative;
    z-index: 100;
}

 .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;
   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 10px;position:relative}.SearchBlock__input.__left-icon{padding-left:35px}.SearchBlock__input{padding-right:25px;font-size:14px}.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}

