@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

.talks-widget-button {
    z-index: 1500;
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 15px;
    right: 20px;
    font-size: 25px;
    text-align: center;
    border-radius: 50%;
    color: white;
    background:  #ddbc63 52.18%;
    padding: 0;
    background-image: url(/public/img/talks_widget/dialog.svg);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    box-shadow: 0 6px 13px 0 rgba(0, 0, 0, 0.23);
}
.comment-form-wrapper .new-comment.active-always .btn-send {
     background:  #ddbc63 52.18%;
    border:none!important;
    border-radius: 8px;
}
.gc-account-leftbar {
    
    
  box-shadow: 0px 0px 15px #cec598!important;  
}     

:root {
  --bg:#141414;
    --color:#fff;
}

/*****Скрываем лишние элементы*****/
.gc-account-user-submenu-bar:not(.gc-account-user-submenu-bar-notifications_button_small), 
.gc-fade-wrapper,
.menu-item-chatium {
  display:none!important;
}
.talks-widget-header a {
   color:#fff;
    text-decoration: none
}
.menu-item:not(.menu-item-profile) > a img {
    display:none;
}

/*****Основное меню*****/
.new-chatium-icon .menu-item-icon {
  display:block!important;
  width: 23px;
   
  position:absolute;
  left:22px;
  top:19px;
}

.gc-account-leftbar {
  background:var(--bg)!important;
  transition:all .3s;
    font-family: "Unbounded", sans-serif !important;
}

.gc-account-leftbar:hover {
  width:250px;
   
}

.gc-account-leftbar li {
  width:inherit!important;
    
}

.gc-account-leftbar li.disclosed > a {
background: linear-gradient(90deg, #d6af50 0%, #e0c26d 25.6%, #ddbc63 52.18%, #e5cb7b 70.31%, #eddb96 84.44%, #f1e3a1 100%)!important;

}

.gc-account-leftbar li.disclosed:not(.menu-item-notifications_button_small) .arrow {
  position:absolute;
  right:10px;
  top:59px;
  height:15px;
  width:0px;
  z-index:13;
  border:10px solid;
  border-color:#EEE199 #EEE199 transparent transparent;
  transform:rotate(135deg);
}
.gc-account-leftbar li.disclosed:not(.menu-item-notifications_button_small) .arrow a {
    color:red!important
}
.gc-account-leftbar li > a {
  background:transparent!important;
  transition:all .3s;
    
}

.gc-account-leftbar:hover li > a:after {
  content:attr(title);
  position:absolute;
  color:var(--color);
  top:30px;
  left:75px;
}

.gc-account-leftbar:hover li.menu-item-notifications_button_small > a:after {
  content:'Уведомления';
  position:absolute;
  top:12px;
  left:75px;
}

.gc-account-leftbar:hover li a {
  width:250px;
}

/*****Счетчик уведомлений*****/
.menu-item-notifications_button_small .notify-count {
  background:#D71437!important;
  position:absolute;
  bottom:0;
  left:20px!important;
}

.gc-account-leftbar .notify-count {
  background:#D71437!important;
  position:absolute;
  bottom:10px;
  color:#ffffff;
  left:30px;
}

.disclosed .notify-count {
  background:var(--bg)!important;
}

/*****Вставляем свои иконки*****/
li.menu-item:not(.menu-item-profile) > a::before {
    content: '';
}

li.menu-item:not(.menu-item-profile) > a::before {
    width: 20px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center!important;
    display: block!important;
    transition: all 0.3s;
    margin-left: 15px
   }

li.menu-item-notifications_button_small a:before {
  height: 20px!important;
}

.menu-item-profile a img {
  border-radius:50%;
  margin:5px;
  width:45px;
    border:1px solid #d6af50
}

.gc-account-leftbar .menu-item-profile a img {
  position:absolute;
  top:2px;
  left:7px;
}

.menu-item-notifications_button_small > a::before {
    background-image: url('https://danilovschool.ru/pl/fileservice/user/file/download/h/6c21c33f6a1bee730f95ad9583ee5281.svg');
}

.menu-item.menu-item-cms > a::before {
    background-image: url('https://danilovschool.ru/pl/fileservice/user/file/download/h/9696dab5667385342d9245794294208e.svg');
}
.menu-item.menu-item-teach > a::before {
    background-image: url('https://danilovschool.ru/pl/fileservice/user/file/download/h/2f944bca7edc0b126ca97b9c7775b0b6.svg');
}
.menu-item.menu-item-user > a::before {
    background-image: url('https://danilovschool.ru/pl/fileservice/user/file/download/h/d8755773a29946a9000885fe2ca9450f.svg');
}
.menu-item.menu-item-tasks > a::before {
    background-image: url('https://danilovschool.ru/pl/fileservice/user/file/download/h/be7d674cc3c8c88823d88c676bcf72d0.svg');
}
.menu-item.menu-item-notifications > a::before {
    background-image: url('https://danilovschool.ru/pl/fileservice/user/file/download/h/d464a5034e0d51432ac1d265d435a3a5.svg');
}
.menu-item.menu-item-sales > a::before {
    background-image: url('https://danilovschool.ru/pl/fileservice/user/file/download/h/78d76b7f7eea22565338e86d16689a52.svg');
}
.menu-item.menu-item-chatium > a::before {
    background-image: url('');
}

/*****Подменю*****/
.gc-account-user-submenu-bar-notifications_button_small {
  transition:all .3s;
}

.gc-account-leftbar:hover .gc-account-user-submenu-bar-notifications_button_small {
  transform:translatex(180px);
}

.submenu {
  display:flex;
  flex-wrap:wrap;
}

.submenu-item {
  position:relative;
  background:var(--bg)!important;
}

.submenu a p {
  text-align:left;
  z-index:12;
    font-family: "Montserrat", sans-serif!important;
  color:var(--color);
  transform:translate(10px, 30px);
}


.menu-item-profile .submenu a p {
  transform:translate(20px, 30px);
}
.submenu a:hover p {
color:#EEE199;
}
.gc-account-leftbar:hover .submenu-item {
  width:250px!important;
}

/*****Адаптация*****/
@media(max-width:769px) {
  .gc-account-user-menu {
    width:100%!important;
  }
  
  .gc-account-leftbar:not(.expanded):hover {
  width:100%;
  }
  
  .toggle-link, .toggler-item, .gc-account-user-menu {
    background:var(--bg)!important;
  }
}

.menu-item-marathon > a {
    Display:none!important;
}


@media (max-width:768px) {
    .gc-page-nav-items-menu a {
        background: #252525;
        color:#ffffff
    }
    
    .gc-account-leftbar a.toggle-link img {
        display: none;
    }
    
    .gc-account-leftbar a.toggle-link::before {
        content: '';
        position: absolute;
        
        width: 35px;
        height: 35px;
        
       background: url(https://fs.getcourse.ru/fileservice/file/download/a/576525/sc/437/h/6989f0171304675637687f313fa1a8f4.svg) no-repeat center;
        background-size: cover;
    }
}

  
    
.conversation-list-footer .btn-primary {
    background-color: #252525!important;
   border: none!important;
  border-radius:10px;
    font-family: "Unbounded", sans-serif !important;
}

.conversation-list-footer .btn-primary:focus {
outline: none!important;  
}