/*---------- общее ----------*/
@font-face {
    font-family: 'SF-Pro-Display-Regular';
    src: url('/fileservice/file/download/h/2c32296751bc8e911afe95ec23347165.otf/a/870598/sc/54') format('opentype'),
        url('/fileservice/file/download/h/2c32296751bc8e911afe95ec23347165.otf/a/870598/sc/54') format('woff');
}

:root {
    --white: #ffffff;
    --black: #494949;
    --blue: #0e5fe4;
    --light-blue: #EAF1FC;
    --red: #BD1E29;
    --red-opacity: rgba(189, 30, 41, 0.1);
    --grey: #F9F9F9;
    --btn-gr-r: linear-gradient(90deg, #bd1e29 0%, #f34955 20%, #bd1e29 100%);
    --btn-gr-b: linear-gradient(90deg, #0e5fe4 0%, #6e9fef 49.04%, #0e5fe4 96.15%);
    --btn-gr-b-l: linear-gradient(90deg, #6e9fef 0%, #98baf2 49.04%, #6e9fef 96.15%);
    --border-radius-s: 10px;
    --border-radius-b: 20px;
    --ff: 'SF-Pro-Display-Regular', sans-serif;
    --shadow: 0 5px 35px 0 rgba(198, 209, 226, 0.5);
}

h1, h2, h3, h4, h5, p {
    font-family: var(--ff);
}

body {
    background: url('https://fs.getcourse.ru/fileservice/file/download/a/870598/sc/351/h/5656eee47edae6069ae1fe4d28f3e24c.png') no-repeat;
    background-position: right top !important;
    background-size: cover;
    background-attachment:fixed;
}

/* Панель администрирования тренинга */
/* плашка меню с пунктами  */
.content-menu {
    border: none;
    background: var(--white) !important;
    padding: 18px 9px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

/* вкладки */
.page-menu li {
    border: 1px solid var(--blue) !important;
    background: var(--white);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 5px 8px;
    margin: 2px 10px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

/* надписи на вкладках */
.page-menu li a {
    font-family: var(--ff);
    font-size: 13px;
    font-weight: 400;
    color: var(--black);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

/* активная вкладка (элемент списка) */
.page-menu li.active {
    background: var(--blue);
    color: var(--white) !important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

/* надпись на активной вкладке */
.page-menu li.active a {
    color: var(--white);
    font-weight: 400;
}

/* эффект при наведении на вкладку - фон */
.page-menu li:hover {
    background: #FFFFFF;
    border: 1px solid var(--blue) !important;
    font-weight: 400;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

/* эффект при наведении на вкладку - текст */
.page-menu li:hover a {
    color: var(--black);
}

/* убираем подчеркивание при наведении на вкладки */
.page-menu li a:hover {
    text-decoration: none;
}

@media(max-width:680px) {
    .page-menu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
        -webkit-box-flex: -webkit-calc(50% - 15px) !important;
        -webkit-flex: -webkit-calc(50% - 15px) !important;
        -moz-box-flex: -moz-calc(50% - 15px) !important;
        -ms-flex: calc(50% - 15px) !important;
        flex: calc(50% - 15px) !important;
    }
}


/* кнопки админа */
.page-actions .inline-global-controls button {
    background: #ffffff !important;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    color: var(--black);
    box-shadow: var(--shadow);
}

button.btn {
    background: #ffffff33;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    color: var(--black);
    box-shadow: var(--shadow);
}

.page-header .btn-success {
    border: none;
}


/* растягиваем контент */
.main-page-block.medium-width .container {
    width: -webkit-calc(100% - 20px) !important;
    width: -moz-calc(100% - 20px) !important;
    width: calc(100% - 20px) !important;
    max-width: 1400px;
}

@media(min-width: 1200px) {
    .container {
        width: 1200px;
    }
}

/* хлебные крошки */
.breadcrumbs,
.breadcrumbs a,
ul.breadcrumbs {
    font-family: var(--ff) !important;
    font-size: 16px;
    line-height: 115%;
    color: var(--black) !important;
}