/* Глюк Геткурс с фокусом */
:focus:not(:focus-visible) {
  outline: none !important;
}

/*_________Убираем лишние приколы от ГК и Гетлу________*/
.topNotitication:has(.course-marathon-link) {
    display: none;
}
.menu-item.menu-item-marathon{
display: none;
}

/* Убиваем опрос в разделе при нажатии фото */
.gc-account-user-submenu-bar .gc-account-user-submenu li[class*="menu-item-gus"] a {
    display:none;
}

/* Убиваем иконку опроса от Гетлу */
.gl-chat-getcoursepro{
     display:none!important;
    
}
/* Убиваем раздел меню про обучение црм */
.menu-item-crm_learning{
     display:none!important;    
}
/* Баннер от гетлу */
.common-banner-wrapper .banner-frame {
  display: none !important;
}
/*_________Убираем лишние приколы от ГК и Гетлу________*/



/*____ОБРАТНАЯ СВЯЗЬ - СТАРЫЙ ВИДЖЕТ____*/
.help-widget-button,
.talks-widget-button{
    background: linear-gradient(180deg, #1A1D2A 0%, #202437 50%, #2A2F45 100%);
    border: 1px solid rgba(44, 49, 66, 0.55);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
    font-size: 0;
    border-radius: 5px !important;
    transition: transform 0.3s;
    position: relative;
}

/* ИКОНКА ЧАТА */
.talks-widget-button:after{
    content: "";
    display: block;

    background-image: url(https://fs.getcourse.ru/fileservice/file/download/a/1162/sc/142/h/ace1513fd22a5489dd3916760ab17e82.svg);
    background-size: cover;
    background-repeat: no-repeat;

    width: 30px;
    height: 30px;

    position: absolute;
    left: 10px;
    top: 10px;

    z-index: 10;
}

/* hover */
.help-widget-button:hover,
.talks-widget-button:hover {
    animation: shake-top 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}

/* отключаем анимацию GC */
.help-widget-button:before,
.help-widget-button:after {
    animation: none !important;
}


/*____НОВЫЙ ВИДЖЕТ___ */
.container-widget-buttons .show-content-button,
.show-content-button {
    position: relative;
    background: linear-gradient(180deg, #1A1D2A 0%, #202437 50%, #2A2F45 100%);
    border: 1px solid rgba(44, 49, 66, 0.55);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
    border-radius: 5px !important;
    font-size: 0;
    transition: transform 0.3s;
}

/* ИКОНКА КНОПКИ ОТКРЫТИЯ */
.container-widget-buttons .show-content-button:after,
.show-content-button:after {
    content: "";
    display: block;
    background-image: url(https://fs.getcourse.ru/fileservice/file/download/a/1162/sc/142/h/ace1513fd22a5489dd3916760ab17e82.svg) !important;
    background-size: cover !important;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 10px !important;
    top: 10px !important;
    opacity: 1 !important;
    z-index: 2;
}

/* убираем круг */
.container-widget-buttons .show-content-button:not(.opened):not(.contained):after,
.show-content-button:not(.opened):not(.contained):after {
    border-radius: 0 !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* убираем пульс */
.container-widget-buttons .show-content-button:before,
.show-content-button:before {
    animation: none !important;
}

/* hover */
.container-widget-buttons .show-content-button:hover,
.show-content-button:hover {
    animation: shake-top 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}


/* ____КНОПКИ В ОТКРЫТОМ СОСТОЯНИИ___ */
.container-widget-buttons .content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* ОБЩИЙ СТИЛЬ ДВУХ КНОПОК */
.container-widget-buttons .content .talks-widget-button,
.container-widget-buttons .content .help-widget-button {
    width: 50px;
    height: 50px;
    min-height: 50px;
    border-radius: 6px !important;
    position: relative;
    background: linear-gradient(180deg, #1A1D2A 0%, #202437 50%, #2A2F45 100%) !important;
    border: 1px solid rgba(44, 49, 66, 0.55) !important;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2) !important;
}

/*_____ВЕРХНЯЯ КНОПКА — ЧАТ_____ */

.container-widget-buttons .content .talks-widget-button:after {
    content: "";
    display: block;
    background-image: url(https://fs.getcourse.ru/fileservice/file/download/a/1162/sc/142/h/ace1513fd22a5489dd3916760ab17e82.svg) !important;
    background-size: cover;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 10px;
    top: 10px;
}


/*______НИЖНЯЯ КНОПКА — ВОПРОС_____ */
.container-widget-buttons .content .help-widget-button:after {
    content: "?";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    background: linear-gradient(180deg, #FFD95C 0%, #D6A600 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* убираем svg у help */
.container-widget-buttons .content .help-widget-button {
    font-size: 0;
}

/* ____ ОБЩАЯ АНИМАЦИЯ____ */

@keyframes shake-top {

    0%, 100% {
        transform: rotate(0deg);
        transform-origin: 50% 0;
    }
    10% {
        transform: rotate(2deg);
    }
    20%, 40%, 60% {
        transform: rotate(-4deg);
    }
    30%, 50%, 70% {
        transform: rotate(4deg);
    }
    80% {
        transform: rotate(-2deg);
    }
    90% {
        transform: rotate(2deg);
    }}
/*____ОБРАТНАЯ СВЯЗЬ - КОНЕЦ____*/

/*Логотип внутри системных страниц*/
.standard-logo img{
  display: none!important;
}
.standard-logo{
  margin-bottom:10px!important;
  width: 200px;
  height: 60px;
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/1162/sc/127/h/d57d1b5a34197355ff33f9a878d3e798.svg') !important;
  background-repeat: no-repeat !important;
  background-position: left !important;
  background-size: contain !important;
}

/* Возвращаем логотип на мобильных */
@media screen and (max-width: 767px) {
.standard-logo {
    display: block !important;
  }
.gc-account-logo {
    width: 200px !important;
    min-height: 40px !important;
    height: auto;
}}

@media screen and (max-width: 370px) {
.standard-logo {
    width: 55vw !important;
    height: auto;
    }}


/* Только внутри страницы уведомлений */
.standard-page-content h1.uvedomlenia + ul.standard-page-menu{
    font-family:'Akrobat', sans-serif!important;
}


.standard-page-content div[style*="margin-top: 2em"]{
    font-family:'Akrobat', sans-serif!important;
}


/* Блок уведомлений */
.my-notification-block{
    display:flex;
    flex-wrap:wrap;
    font-family: 'Akrobat', sans-serif!important;
    align-items:center;
    gap:10px 15px;
}

.my-notification-block.row{
    margin-left:0!important;
}

/* кнопки */
.my-notification-block .item{
    width:auto!important;
    flex:0 0 auto!important;
    padding:0!important;
    margin:0!important;
}

/* убираем bootstrap колонку */
.my-notification-block .col-md-3{
    float:none!important;
}

/* Меняем шрифт на уведомлениях и не только */
.standard-page-content form{
    font-family: 'Akrobat', sans-serif!important;
    font-size: 16px;
}

h1.uvedomlenia{
    font-family: 'Akrobat', sans-serif!important;
    font-weight: 700;
    font-size: 30px; 
    color: #111523!important;
    text-transform: uppercase!important; 
}

.form-group .btn.btn-primary {
    position: relative;
    width: 146px;
    height: 37px;
    background:
        linear-gradient(
            95.87deg,
            rgba(255,255,255,0.1) 36.88%,
            rgba(255,255,255,0) 87.48%
        ),
        linear-gradient(
            94.8deg,
            #F2D47A -2.81%,
            #E1B24F 50.27%,
            #C99634 103.34%
        );

    border: 1px solid rgba(185, 138, 46, 0.4) !important;
    box-shadow:
        0px 4px 12px rgba(212, 168, 75, 0.25);
    border-radius: 100px!important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Akrobat', sans-serif!important;
    font-weight: 700 !important;
    font-size: 16px;
    line-height: 20px;
    color: #111523 !important;
    text-decoration: none !important;
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        filter 0.25s ease;
    outline: none !important;
}

/* hover */
.form-group .btn.btn-primary:hover {
    transform: translateY(-2px);

    box-shadow:
        0px 8px 18px rgba(212, 168, 75, 0.35);

    filter: brightness(1.03);
}

/* active / focus */
.form-group .btn.btn-primary:active,
.form-group .btn.btn-primary:focus {

    transform: translateY(0);

    box-shadow:
        0px 3px 8px rgba(212, 168, 75, 0.2);

    outline: none !important;
    border: 1px solid rgba(185, 138, 46, 0.4) !important;
}

.standard-page-content h1.uvedomlenia + ul.standard-page-menu li:first-child {
    display: none !important;
}

/* Кнопки уведомлений */
.my-notification-block #vk-agree-vk-send-new,
.my-notification-block .col-md-3.item .btn-success {

    background:
        linear-gradient(
            95.87deg,
            rgba(255,255,255,0.1) 36.88%,
            rgba(255,255,255,0) 87.48%
        ),
        linear-gradient(
            94.8deg,
            #F2D47A -2.81%,
            #E1B24F 50.27%,
            #C99634 103.34%
        ) !important;

    border: 1px solid rgba(185, 138, 46, 0.4) !important;

    box-shadow:
        0px 4px 12px rgba(212, 168, 75, 0.25) !important;

    border-radius: 1000px !important;

    color: #111523 !important;

    font-family: 'Akrobat', sans-serif!important;
    font-weight: 700 !important;
    font-size: 16px !important;

    margin-right:0!important;
    margin-top:0;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        filter 0.25s ease;

    text-decoration: none !important;
}

/* hover */
.my-notification-block #vk-agree-vk-send-new:hover,
.my-notification-block .col-md-3.item .btn-success:hover,
.my-notification-block .col-md-3.item .btn-success:focus {

    transform: translateY(-2px);

    box-shadow:
        0px 8px 18px rgba(212, 168, 75, 0.35) !important;

    filter: brightness(1.03);

    text-decoration:none;
    outline:none;
}

/* active */
.my-notification-block #vk-agree-vk-send-new:active,
.my-notification-block .col-md-3.item .btn-success:active {

    transform: translateY(0);

    box-shadow:
        0px 3px 8px rgba(212, 168, 75, 0.2) !important;
}

/*_____ЧЕКБОКСЫ_____*/
.sender-td input[type="checkbox"] {
    width:20px;
    height:20px;
    cursor:pointer;

    accent-color:#2F9AA6;

    border:1px solid #111524;
    border-radius:2px;

    transform:scale(1);

    transition:
        transform 0.15s ease,
        box-shadow 0.15s ease;
}

/* disabled */
.sender-td input[type="checkbox"]:disabled {
    opacity:0.6;
    cursor:default;
}