@import url('https://fonts.googleapis.com/css2?family=Manrope&family=Montserrat+Alternates&family=Playfair+Display&display=swap');

.gc-account-leftbar {
    background: linear-gradient(359.53deg, #d35f5f -10.45%, #6b0000 96.75%)!important;
}
.gc-account-leftbar {
    box-shadow: 10px 0 20px RGBA(233, 133, 110, 0.1);
}

.menu-item-profile {
    position: relative;
}

.menu-item-profile .menu-item-icon {
        position: relative;
    width: 50px;
    border: 3px solid #fff;
    border-radius: 100px;
}

.gc-account-leftbar .gc-account-user-menu li {
    position: relative;
    overflow: hidden;
    border-bottom: none;
}

.gc-account-leftbar .gc-account-user-menu li::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translatex(-50%) translatey(-50%);
    width: 70%;
    height: 70%;
    border: 1px dashed #fff;
    border-radius: 50%;
    transition: all .3s;
    z-index: 1;
}

.gc-account-leftbar .gc-account-user-menu li:hover::before {
    background: #BFA67066;
    border: 1px solid #fff;
}

.menu-item-notifications_button_small::before {
    display: none;
}

.gc-account-leftbar .gc-account-user-menu li a {
    position: relative;
    background: transparent;
    z-index: 10;
}

.gc-account-leftbar .gc-account-user-menu li a:hover {
    background: transparent;
}

.gc-account-leftbar .gc-account-user-menu li.active a,
.gc-account-leftbar .gc-account-user-menu li.selected a{
    background: transparent;
}
/***********************************************************************************************/
.gc-account-leftbar .gc-account-user-menu li.active::before,
.gc-account-leftbar .gc-account-user-menu li.selected::before {
    background: #660202;
    border: 1px solid #fff;
}


.gc-account-leftbar .gc-account-user-submenu-bar {
    background: #ffffff;
    box-shadow: 10px 0 20px rgba(52,21,69,0.2);
}

.gc-account-user-submenu-bar h3 {
    font-weight: normal;
    color: #000;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li {
    position: realtive;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li::after {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-image: url(https://fs.getcourse.ru/fileservice/file/download/a/250619/sc/508/h/00a98ea56506b3249c0623227c5916cf.png);
    background-repeat: no-repeat;
    background-position:  right;
    /*transition: all 0.3s;*/
 transition: ease-in-out 0.3s;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li:hover::after {
    width: 10%;
}


.gc-account-user-submenu-bar .gc-account-user-submenu li a {
    position: relative !important;
    padding: 15px 20px;
    z-index: 9999;
    font-weight: normal;
    color: #333;
    transition: all 0.2s;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li a::after {
    position: absolute;
    content: "";
    left: 20px;
    bottom: 0;
    height: 1px;
    width: 75%;
    background: #00000010;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li:last-child a::after {
    display: none;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
    z-index: 1;
    padding-left: 40px;
    font-weight: bold;
    color: #BA8677;
    background: transparent;
}



.gc-account-leftbar a.toggle-link::before {
    content: "";
    position: absolute !important;
    top: 5px;
    left: 5px;
    width: 35px !important;
    height: 35px !important;
    background-image: url(https://img.icons8.com/ios-filled/35/ffffff/xbox-menu.png) !important;
    background-size: cover !important;
}



.menu-item-notifications_button_small img.menu-item-icon,
.menu-item-cms img.menu-item-icon,
.menu-item-user img.menu-item-icon,
.menu-item-tasks img.menu-item-icon,
.menu-item-teach img.menu-item-icon,
.menu-item-notifications img.menu-item-icon,
.menu-item-sales img.menu-item-icon,
.menu-item-chatium img.menu-item-icon {
    display: none !important;
}

li.menu-item.menu-item-notifications_button_small a,
li.menu-item.menu-item-cms a,
li.menu-item.menu-item-teach a,
li.menu-item.menu-item-user a,
li.menu-item.menu-item-tasks a,
li.menu-item.menu-item-notifications a,
li.menu-item.menu-item-sales a,
li.menu-item.menu-item-chatium a {
    transition: all 0.3s;
}

li.menu-item.menu-item-notifications_button_small a:hover,
li.menu-item.menu-item-cms a:hover,
li.menu-item.menu-item-teach a:hover,
li.menu-item.menu-item-user a:hover,
li.menu-item.menu-item-tasks a:hover,
li.menu-item.menu-item-notifications a:hover,
li.menu-item.menu-item-sales a:hover,
li.menu-item.menu-item-chatium a:hover {
    transform: scale(1.07, 1.07);
}

li.menu-item.menu-item-notifications_button_small a::after {
    content: url("https://img.icons8.com/ios-glyphs/18/ffffff/bell.png") !important;
}

li.menu-item.menu-item-cms a::after {
    content: url("https://fs.getcourse.ru/fileservice/file/download/a/226218/sc/204/h/d58a75cbcce1705694da1e6873567cf0.png") !important;
}

li.menu-item.menu-item-teach a::after {
    content: url("https://fs.getcourse.ru/fileservice/file/download/a/250619/sc/300/h/c1521efeefc11b6a3849781cc96cc8f6.png") !important;
}

li.menu-item.menu-item-user a::after {
    content: url("https://fs.getcourse.ru/fileservice/file/download/a/226218/sc/175/h/1c798920aa4a47e67c4e08948f68dfd9.png") !important;
}

li.menu-item.menu-item-tasks a::after {
    content: url("https://fs.getcourse.ru/fileservice/file/download/a/226218/sc/153/h/607c57fbd65883a50061ff89acfa3119.png") !important;
}

li.menu-item.menu-item-notifications a::after {
    content: url("https://fs.getcourse.ru/fileservice/file/download/a/226218/sc/36/h/30ac6aa210564d072358094819c7a3de.png") !important;
}

li.menu-item.menu-item-sales a::after {
    content: url("https://fs.getcourse.ru/fileservice/file/download/a/226218/sc/315/h/da02a40406ff9c59d0e2eacb22426ebb.png") !important;
}

li.menu-item.menu-item-chatium a::after {
    content: url("https://fs.getcourse.ru/fileservice/file/download/a/226218/sc/183/h/11aa6ac7f1344ccd72284fa713f4d384.png") !important;
}

@media (max-width: 768px) {
    .gc-account-leftbar .gc-account-user-menu {
        background: #C0A770;
    }

    .gc-account-leftbar .toggle-link {
        background: #91262e !important;

    }

    .gc-account-leftbar .without-icon img {
        display: none;
    }

    .gc-account-leftbar a.toggle-link {
        position: relative;   
    }

    .gc-account-leftbar a.toggle-link::before {
        position: relative;
        left: 10px;
    }

    a.toggler-item {
        display: none !important;
    }

}