/* Объявляем переменные */
:root {
    /* Цвета */
    --text-color: #333333;
    --accent: #9B323A;
    --lite: #FFF3F0;
    --lite-filter: #FFF3F030;
    --gradient: linear-gradient(90deg, rgba(255,222,217,1) 0%, 
                rgba(219,161,153,1) 15%, 
                rgba(196,81,79,1) 50%, 
                rgba(219,161,153,1) 85%, 
                rgba(255,222,217,1) 100%); 
        --green: #577120;
    --lite-green: #b8f0422e;
    
    
    /* Шрифты */
    --main-font: "Gilroy", sans-serif !important;
    --accent-font: "Oswald", sans-serif !important;
    --thin: 300;
    --regular: 400;
    --bold: 600;
    --strong: 700;
    
    /* Тени */
    --outline: 0 0 5px 0px #333;
    --inline: inset 0 3px 3px #00000012;
    --shadow: 2px 2px 3px 1px #00000120;
    
    /* Бордер */
    --border: 1px solid;
    --radius: 10px;
    
    
    --menu-width: 80px;
    --gap: 10px;
}

/* Видео */

.video {
    margin: 2% auto;
}

.video .vhi-iframe {
    border-radius: var(--radius);
    box-shadow: var(--outline);
}

/* Скрываем баннер ГК */

html .common-banner-wrapper {
display: none !important;
}

/* Скрываем виджет чата */
.talks-widget-button {
    display: none !important;
}
/* Прячем поиск из меню */

.menu-item-search {
   display:none!important;
}

/* Подпись про самозанятого */
.gc-main-content .moy-nalog-footer-container {
  margin-left: 0 !important;
  font-family: var(--main-font) !important;
  text-transform: none !important
}

/* Инпуты */

.custom-field.type-select .field-input-block input, 
.form-position-input, 
.global-confirm-checkbox-block input,
.custom-field.type-checkbox .field-label input {
  accent-color: var(--accent)!important
}

.custom-field.type-checkbox .field-label span,
.custom-field.type-checkbox .field-description-block {

  font-family: var(--main-font);
  text-transform: none;
}


.global-confirm-checkbox-block {
  font-family: var(--main-font)!important
}
.global-confirm-checkbox-block span.checkbox-text a {
  color: var(--accent)!important;
  text-decoration: none!important;
  border-bottom: 1px dashed
}
@media (hover:hover) {
  .global-confirm-checkbox-block span.checkbox-text a:hover {
    border-bottom: 1px solid
  }
}

/* Ссылки */

.f-text a {
  border-bottom: 1px dashed;
  text-decoration: none !important;
    color: var(--accent);
}
@media (hover:hover) {
  .f-text a:hover {
    border-bottom: 1px solid;
  }
}

/* Достижения (список) */
.xdget-trainingAchievements table tbody {
  display: none;
}

.xdget-trainingAchievements thead tr th {
  font-size: 0;
  text-align: center!important
}
.xdget-trainingAchievements thead tr th:after {
  content: "Мои достижения и бонусы";
  font-size: 16px;
  font-family: var(--accent-font);
  font-weight: 400;
  text-transform: uppercase;
  color: var(--accent);
}
/*.xdget-userProfileBalance .balance-label:nth-child(1), .xdget-userProfileBalance .balance-label:nth-child(3) {
  display: none;
}*/
.xdget-userProfileBalance .balance-label {
  font-family: var(--main-font);
  font-size: 16px;
  text-align: center!important;
  margin: 2% auto;
}

.xdget-userProfileBalance .balance-label b {
  color: var(--accent);
}



/* Кнопка для админов 

.btn_admin { 
  position: fixed;
  top: 1%; 
  right: 2%; 
  width: 200px !important; 
  max-height: 70px !important; 
  padding: 1%!important;  
    display: flex;
    flex-direction: column;
    align-items: center;
  gap: 5px;
}
@media (max-width:900px){
.btn_admin {
    position: absolute;
  left: 25%;
  right: auto;
}
}*/


/* ------------- 
content start - font
------------- */

/* Georgia */

@import url("https://my.bystrik.online/pl/cms/layout/css?id=19943&hash=bcb9ca7e6f79af5fe9bf1d78d9a2ab5a&bundle=1");
	
	body, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .f-header, .f-subheader, .f-text, .f-button, .block-set, input, button, select, textarea, .comments-tree, .custom-menu .gc-account-leftbar .menu-item-label {
  font-family: var(--main-font);/*'Georgia', sans-serif !important;*/ 
}
/* ------------- 
content finish - font
------------- */

/* ------------- 
content start - buttons
------------- */

/* Поля для ввода */
.lt-form .f-input {
  border: 1px solid #9B323A;
  border-radius: 10px;
}
/* Кнопки */
.lt-form .f-btn, .btn.f-btn.button-md, .my_btn .btn {
  background: var(--accent) !important;
  border-radius: var(--radius) !important;
    border: 1px solid var(--accent);
    font-family: var(--accent-font)!important;
    text-transform: uppercase;
    color: #FFF;
    font-weight: 400 !important;
    transition: all 0.3s ease-in-out;
}
/* Кнопки при наведении */
@media (hover:hover) {
.lt-form .f-btn:hover, .btn.f-btn.button-md:hover, .my_btn .btn:hover {
  color: var(--accent) !important;
    background: #ffffff !important;
    
}
}
/* Кнопки */

.standard-form .btn-success, .show_button, .my_button {
  color: #fff;
    background-color: #9B323A;
    border: 1px solid #9B323A;
  border-radius: 10px;
    padding: 3%;
    min-width: 100px;
    height: auto;
}

@media (hover:hover) {
  .standard-form .btn-success:hover, .show_button:hover, .my_button:hover {
    color: #9B323A;
    background-color: #fff;
  }
    a.prolongation:hover {
  color: #fff!important;
  background: #9B323A;
}
}

/* Ссылки */
button a {
    color: #ffffff !important;
    text-decoration: none;
    width: 100%;
    display: block;
}
@media (hover:hover) {
    button a:hover, button:hover {
        color: #9B323A !important;
        text-decoration: none;
    }
}
/* ------------- 
content finish - buttons
------------- */

/* ------------- 
content start - breadcrumbs&title
------------- */

.gc-main-content {
    background: #f0f0f030;
}

.gc-main-content .breadcrumb li a, .breadcrumbs a {
    color: #9B323A;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.5px;
}

.standard-page-content .breadcrumb > li + li:before {
    content: "\21FE";
  color: #333;
}

@media (hover:hover) {
.gc-main-content .breadcrumb a:hover,
.gc-main-content .page-header a:hover {
    border-bottom: 1px dashed ;
    text-decoration: none;
}
}

.gc-main-content .page-header h1 a {
    color: #9B323A;
    font-size: 23px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.5px;
    border-bottom: 1px dashed;
}
.gc-main-content .page-header h1 {
  color: #9B323A;
    font-size: 30px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.5px;
}
/* ------------- 
content finish - breadcrumbs&title
------------- */

/* ------------- 
content start - modal-btn
------------- */

@media only screen and (max-width: 640px) {
    .gc-modal .close-btn {
        position: fixed !important;
        width: 100%;
        background: radial-gradient(circle at right bottom, rgba(200, 64, 62, 0.7) 0%, rgba(196, 81, 79, 1) 23%, rgba(219, 161, 153, 1) 77%, rgba(200, 64, 62, 0.7) 100%) !important;
        color: white;
        text-align: center;
        right: 0;
        top: 0;
        cursor: pointer;
        font-size: 2em;
       
    }
}
/* ------------- 
content finish - modal-btn
------------- */

/* ------------- 
content start - Attention
------------- */

/* Плашка "Важно" */
.attention {
    border-radius: 10px;
  background: #fff3f040;
    margin: 5% !important;
    padding: 1.5%;
  box-shadow: 0px 1px 10px 0px rgb(0 0 0 / 5%);
  position: relative;
  display: flex;
  justify-content: center;
    align-items: center;
  flex-wrap: wrap;
    align-content: center;
}

.attention .f-text {
 width: -webkit-fill-available;
  text-align: center;
}

.attention p {
 /* color: #9B323A;*/
  font-size: 20px;
 text-indent: 0 !important;
    color: var(--accent);
}

.attention p span {
    font-size: 100% !important;
}

/* Камертоша */
.attention:before {
  content: "123";
  background-image: url(https://my.bystrik.online/pl/fileservice/user/file/download/h/a99268cfa873894b9215aa88d2a7e329.png);
  display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
  font-size: 80px;
  color: transparent;
  position: absolute;
  top: 0%;
  left: -10%;
}

@media (max-width: 900px) {
  .attention:before {
    font-size: 40px;
    left: -15%
  }
    .attention p {
        font-size: 18px;
    }
}
/* ------------- 
content finish - Attention
------------- */

/* ------------- 
content start - elements
------------- */

/* Обозначения аккордов */
.accord span {
  font-size: 16px !important
}/* html: <span class="accord">Б<sub><span>3</span><sub><sub><span>5</span></sub></sub></sub></span> */

/* Линия разделителя */
.separator hr {
  border-top: 1px dashed var(--accent)
}

/* Цитата */
.f-text p.quote {
  background-color: var(--lite-filter)!important;
  text-align: center;
  color: var(--accent);
  margin: 0 10%;
  border-radius: var(--radius);
  box-shadow: var(--outline);
  position: relative
}
/*.f-text p.quote:before {
  content: "\201D";
  position: absolute;
  top: -40%;
  left: 0;
  font-size: 300%
}
.f-text p.quote:after {
  content: "\201D";
  position: absolute;
  font-size: 300%;
  right: 0
}*/

/* Рекомендация */
.recomendation {
  border-left: 3px solid var(--accent);
  margin-left: 10% !important;
  margin-right: 5% !important
}
.recomendation p:not(.quote) {
  font-size: 85% !important
} 

/* Сноска */

.footnote {
  margin: 0 3%
}
.footnote:before {
  content: "";
  border-bottom: 1px solid var(--accent);
  display: block;
  width: 33%;
}

/* ВНИМАНИЕ */
.warring span {
  color: red !important;
}
/* ------------- 
content finish - elements
------------- */

/* ------------- 
content start - files
------------- */

/* Файлы */
.lt-lesson-files tr {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
  border-top: 1px dashed var(--accent);
    gap: var(--gap);
}

.lt-lesson-files td {
  border-top: none!important;
    flex: calc(100%/3 - var(--gap));
    text-wrap: balance;
    max-width: fit-content;
}

/*.lt-lesson-files td:nth-child(2) {
  font-size: 0;
  width: 150px!important
}
.lt-lesson-files td:nth-child(2):after {
  content: "Скачать файл \279E";
  font-size: 16px;
    
}*/

.lt-lesson-files td:nth-child(2) {
  display: none;
}

.lt-lesson-files td:nth-child(3) div {
  border: 1px solid var(--accent);
   padding: 3%;
    border-radius: var(--radius);
  width: -webkit-fill-available;
  transition: all .3s ease-in-out;
  color: var(--accent)
}

.lt-lesson-files td:nth-child(3) a {
  margin: auto;
    border-radius: var(--radius);
    text-decoration: none !important;
    transition: all .3s ease-in-out;
   width: -webkit-fill-available;
  display: flex;
    justify-content: space-evenly;
  gap: var(--gap);
  font-weight: 600;
    color: var(--accent)!important
}

.lt-lesson-files td:nth-child(3) a:before {
  content: "Скачать файл \279E";
    font-size: 16px;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  font-weight: 300;
}

.lt-lesson-files td:nth-child(3) a:after {
  content: "\f019";
  font-family: "FontAwesome";
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

@media (hover:hover) {
  .lt-lesson-files td:nth-child(3) div:hover {
    color: #fff!important;
        background: var(--accent);
  }
    .lt-lesson-files td:nth-child(3) div:hover a,
    .lt-lesson-files td:nth-child(3) a:hover {
    color: #fff!important;
    
  }
}
/* ------------- 
content finish - files
------------- */

/* ------------- 
content start - dashboards
------------- */

.metrika-funnel-dashboard .grid-stack-item-content {
  border-radius: var(--radius)!important;
  box-shadow: var(--shadow)!important;
  
}

.metrika-funnel-dashboard {
  background: var(--lite)!important;
    border-radius: 0 0 var(--radius) var(--radius)!important;
}
.page-funnel-dashboard .date-wrapper {
  background: var(--accent)!important;
  border-radius: var(--radius) var(--radius) 0 0!important;
  padding: 1%!important;
  
}

.page-funnel-dashboard .bigsize-panel-tip {
  display: none!important;
}

.page-funnel-dashboard .metrika-date-filter-wrapper div a {
  color: #FFF!important
}

.page-funnel-dashboard .btn {
  border-radius: var(--radius)!important;
}



/* ------------- 
content finish - dashboards
------------- */