.setting-button-list ul li:active{
    background: #e9e5e5;
}
.avatar-okr img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}
body {
    font-size: .875rem;
}

.feather {
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
}

/*
 * Sidebar
 */

.sidebar {
    position: fixed;
    top: 0;
    /* rtl:raw:
    right: 0;
    */
    bottom: 0;
    /* rtl:remove */
    left: 0;
    z-index: 100; /* Behind the navbar */
    padding: 48px 0 0; /* Height of navbar */
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}


.sidebar-sticky {
    position: relative;
    top: 0;
    height: calc(100vh - 48px);
    padding-top: .5rem;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

.sidebar .nav-link {
    font-weight: 500;
    color: #333;
}

.sidebar .nav-link .feather {
    margin-right: 4px;
    color: #727272;
}

.sidebar .nav-link.active {
    color: #2470dc;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
    color: inherit;
}

.sidebar-heading {
    font-size: .75rem;
    text-transform: uppercase;
}

/*
 * Navbar
 */

.navbar-brand {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: 1rem;
    background-color: rgba(0, 0, 0, .25);
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
}

.navbar .navbar-toggler {
    top: .25rem;
    right: 1rem;
}

.navbar .form-control {
    padding: .75rem 1rem;
    border-width: 0;
    border-radius: 0;
}

.form-control-dark {
    color: #fff;
    background-color: rgba(255, 255, 255, .1);
    border-color: rgba(255, 255, 255, .1);
}

.form-control-dark:focus {
    border-color: transparent;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}


.navbar-header{
    height: 48px;
    border-bottom: 1px solid #dedede;
    background: #fff;
}


.header{
    height: 48px;
    background: #fff; display: flex;width: 100%;
}
.right{
    margin-right: 0;
    margin-left: auto;
}
.account-body{
    position: absolute;
    right: 5px;
    margin-top: 4px;
    margin-bottom: 4px;
    background: #fff;
    border: 1px solid #dedede;
    box-shadow: 0 1px 12px #0000001f;
    border-radius: 12px!important;
}
.account-body ul .nav-link span.text{
    list-style: none;padding: 5px;margin:0;
}
.account-body ul li a{
    display: flex;text-decoration: none;    padding-top: 5px;
    min-width: 196px;
}
.account-body ul li a .icon span{
    color:black;
}
.account-body ul li a span{
    color:#000000de;font-weight: 400;
}
.account-body ul li{
    padding: 5px 5px 5px 5px;
    border-radius: 10px;
}
.icon{
    margin-right: 10px;
}
.account-body ul li:hover{
    background: #f1f1f1;
}
.account-body{
    transition:opacity .2s ease;opacity: 0;visibility: hidden;
}



.container-root{
    padding: 0;margin-top: 48px;
    margin-left: 95px;
}
#sidebarMenu .position-sticky{
    background: #151c2f;
}

#sidebarMenu span{
    color:white;font-weight: 450;
}

.sticky-top{
    position: fixed;
    width: 100%;
}

.row-filter .col-md-2, .col-md-3{
    position: relative;
}
.dropdown-list{
    visibility: hidden;transition: all .2s ease;cursor: pointer;overflow-y: auto;
}
.row-filter .dropdown-list.active{
    visibility:visible; height: max-content;
    max-height: 200px;opacity: 1;
    overflow-y: auto;
}
.row-filter .dropdown-list.active li{
    visibility:visible; height: max-content;
    max-height: 200px;
    overflow-y: auto;
}
.row-filter .dropdown-list{
    min-width: 90%!important;
}
.dropdown-list {
    list-style: none;padding: 0;max-height: 150px;z-index: 50;
}
.dropdown-list  li{
    padding:10px;transition: all .2s ease;cursor: pointer;
}
.dropdown-list li:hover{
    background: #f1f1f1;
}
.dropdown-list{
    background: white;position: absolute;width: max-content;min-width: 200px;
}
.dropdown-list li{
    opacity: 0;
}
.dropdown-list.active li{
    opacity: 1;
}


.dropdown-list::-webkit-scrollbar {
    width: 12px;
}
.dropdown-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}
.dropdown-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
.filter-open{position: relative; transition: all .4s ease;}
.filter-open .head{
    color: #6c757d; transition: all .4s ease;
}
.filter-open.active > .head{
    color: #6c757d;
    background: #e8e8e8; transition: all .4s ease;
    width: max-content;
    position: absolute;
    left: 15px;
    top: -9px;
    font-size: 12px;
    border-radius: 100px;
    padding-left: 10px;
    padding-right: 10px;
}

.overlay{
    position: fixed;transition: all .4s ease;
    top: 0px;
    bottom: 0;
    left: 0;right: 0;
    /*background: #474646;*/
    min-height: 100%;
    z-index: 10;
    opacity: .0;visibility: hidden;
}
#sidebarMenu.menu-active + .overlay{
    visibility: visible; opacity: .3;
}
.overlay.active{
    visibility: visible;opacity: .3;
}

.modal-my{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;opacity: 0;
    outline: 0;transition: all .2s ease-in-out;
}
.modal-my.show{
    display: block;opacity: 1;
    visibility: visible;
}

.tab>a{
    height: 50px;
    border: none;font-size: 14px;font-weight: 500;
    border-radius: 7px;transition: all .3s ease;
    width: 48%;border:1px solid #eff2f5;color: #000000c4;
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
    align-items: center;
    margin-left: auto;cursor: pointer;
    margin-right: auto;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}
.tab>a:hover:not(.active){
    background: #ffffff;
}
.tab>a.active{
    background: #0d6efd;color: #ffffff;
}
.tab{
    background: #eff2f5;display: flex;border-radius: 7px;
}
.row-form{
    margin-top: 15px;
}
.form-error{
    color: #fb5146;
    font-size: 12px;
    visibility: hidden;
    display: none;
    opacity: 0;
    transition: all .2s ease;
}
.form-error.active{
    display: block;
    opacity: 1;
    visibility: visible;
}
.form-user-select .body{
    height: 40px;
}
.form-user-select .filter-open{
    height: 40px!important;
}
.form-user-select .dropdown-list{
    width: 94%;
    overflow-y: scroll;
}
.form-user-select .dropdown-list.active{
    visibility: visible!important;
}
.btn-track-change:hover{
    background-color: #426180!important;
    color: white!important;
}
.btn-track-change{
    display: block;
    padding: 13px 16px;
    margin-top: 16px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    text-decoration: none;
    white-space: nowrap;
    text-align: center;
    transition: background-color .3s,border-color .3s;
    cursor: pointer;

    background: #34495e;
    color: #fff;
}
.modal-body form{
    width: 100%;
    position: relative;
}

.track-list-modal{
    position: absolute;visibility: hidden;transition:all .2s ease;
    top: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffffff;
}
.btn-default{
    border: 1px solid #d7d7d7dd;
}
.track-list-modal.active{
    top:0;visibility: visible;bottom: -72px;
}
.modal-dialog{
    width: 90%!important;
}
a.btn-track-change-toggle-style{
    padding: 10px;cursor: pointer;
    display: flex;
}
.col .dropdown-list{
    width: 100%!important;
}
.track-list-modal{
    display: flow-root;overflow-y: auto;
}
.track-list-modal ul{
    list-style:none;padding: 0;
}
.track-list-modal .title{
    font-size: 16px;font-weight: 600;margin-bottom: 5px;
}

.modal-active header{
    z-index: 90!important;
}
.modal-dialog{
    margin-left: auto!important;
    margin-right: auto!important;
    margin-top: 50px!important;
    margin-bottom: 50px!important;

}
.modal-active .header {
    z-index: 100;
}
#sidebarMenu{
    overflow-y: auto;
}
@media (max-width: 766px){
    .row-filter .col-md-2, .col-md-3 {
        margin-top: 10px;
    }
    .text-hide-mobile{
        display: none;
    }
}
.track-list-modal ul li{
    display: flex;
    cursor: pointer;
    user-select: none;
    visibility: visible;
    opacity: 1;
    padding: 5px;
    border-radius: 5px;
    transition: all .2s ease;
    padding-top: 10px;
}
.track-list-modal ul li:hover{
    background: #f1f1f1;
}
.track-list-modal .body{
    padding-top: 15px;
}
.track-list-modal ul li span input {
    display: none;
}
.body-track-list-remove{
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 15px;
}
.body-track-list-remove ul li span.icon.add{
    color:red!important;
}
.track-list-modal ul li span.icon{
    color: #1e62c7;
    margin-left: auto;
}
.hide{
    display: none!important;visibility: hidden;opacity: 0;
}
.filter-open>input{
    display: block;
    outline: none;
    width: 100%;
    background: #fff;
    border: none!important;
    font-size: 16px;
    color: black;
    font-family: inherit;
    cursor: text;
}

.filter-open>label{
    cursor: pointer;
    display: block;
    position: absolute;
    left: 10px;
    top: 7px;
    color: #aaa;
    font-size: 15px;
    -webkit-transition: .2s;
    transition: .2s;
}
.filter-open>input:valid + label{
    color: #6c757d;
    background: #e8e8e8;
    transition: all .4s ease;
    width: max-content;
    position: absolute;
    left: 15px;
    top: -9px;
    font-size: 12px;
    border-radius: 100px;
    padding-left: 10px;
    padding-right: 10px;
}

/*  Шапка сайта -->*/



/*  ФУТЕР -->*/

.sphera{
    width: 100px;
    height: 100px;
    font-size:2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 33px;
    width: -moz-fit-content;
    width: fit-content;
    height: fit-content;
    border-radius: 50%;
    margin: 0 auto;
    background: #fb51461a;
    color: red;
}
.sphera>span{font-size:32px;}
html,body{
    background: #f6f6f6;
}
div.nav-link.active .caret{
    transform:rotate(180deg);
}

.menu-children{
    opacity: 0;
    height: 0px;overflow: hidden;transition: opacity 1s ease;
}
.nav-item{
    cursor: pointer;user-select: none;
}
.menu-children.active{
    height: max-content;margin: 5px 0px 5px 0px;
    opacity: 1;
}
.menu-children .nav-link span.text {
    padding-top: 5px;font-size: 13px;
}

.active-block{
    display: block!important;background: #3733331c;
}
.modal-active .header{
    /*background: #c2c2c2;*/
}
.modal-active .header{
    z-index: 100;
}
.modal-active #sidebarMenu{
    z-index: 90;
}
.modal-active .position-sticky{
    height: 100%;
    /*background: #c2c2c2;*/
}



f.close{
    font-size: 24px; cursor: pointer;
}
.showw{
    visibility: visible!important;display: block!important;
    opacity: 1!important;
}
.menu-children .nav-link span.icon{
    width: 35px;
    text-align: center;
}
.menu-children .nav-link span.icon div{
    background: #f1f1f1;border-radius: 2px;transition: all .4s ease;
}
.menu-children .nav-link:hover span.icon div{
    background: #fb5146;color:white
}
.row-body{
    padding: 10px 5px 5px 0px;margin: 0;
}
.center-block{
    margin-left: auto;
    margin-right: auto;
}
.r-block{
    margin-left: auto;
    margin-right: 0;
}
.t-right{
    text-align: right;
}

.search-absolute .material-icons-outlined{
    position: absolute;color:#8f9cb2;
    padding: 7px;
}
.search-absolute .material-icons-outlined + input{
    padding-left: 35px;
}

a{
    text-decoration: none;
}

.setting-button-list{
    position: absolute;
    right: 5px;
    margin-top: 4px;
    margin-bottom: 4px;
    background: #fff;
    border: 1px solid #dedede;
    box-shadow: 0 1px 12px #0000001f;
    border-radius: 12px!important;
}
.setting-button-list ul{
    list-style: none;
    padding: 5px;
    margin: 0;
}
.setting-button-list ul li a{
    display: flex;
    text-decoration: none;
    padding-top: 5px;
    min-width: 196px;
}
.setting-button-list ul li a span {
    color: #000000de;    font-weight: 400; cursor: pointer;
}
.setting-button-list ul li a .icon span {
    color: #8f9cb2;
}
.setting-button-list ul li {
    padding: 5px 5px 5px 5px;
    border-radius: 10px;
}
.color-red{
    color: #fb5146;
}
.deleteclass span{
    color: #fb5146!important;
}
.setting-button-list{
    transition: opacity .2s ease;
    opacity: 0;
    z-index: 10;
    visibility: hidden;
}
.setting-button-list ul li:hover{
    background: #f1f1f1;
}
.filter-open{
    height: 100%;
}

.menu-more{
    background: white;
    border-radius: 7px;transition:all .4s ease;
    border: 1px solid #dedede;
}
.menu-more:active{
    background: #f4f4f4;
}

/* Контейнер подсказок */
.tooltipp.decoration{
    border-bottom-width: 2px;
    border-bottom-style: dotted;
}
.tooltipp {
    position: relative;cursor: pointer;
    display: inline-block;

}
.tooltipp .body{
    z-index: 0;
}

.table-style .tooltipp{
    position: relative;
    display: revert;
}
.table-style .tooltipp .tooltip-body{
    text-align: center;
}
.table-style .tooltipp .tooltiptext{
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    margin-left: 0;
    left: 0;
}


/* Текст подсказки */
.tooltipp .tooltiptext {
    visibility: hidden;
    max-width: 360px;
    z-index: 33;
    min-width: max-content;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 111;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
    top: -35px;
    padding: 5px;
}
/*.tooltipp .tooltiptext::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 31px;*/
/*    left: 50%;*/
/*    margin-left: -5px;*/
/*    border-width: 6px;*/
/*    border-style: solid;*/
/*    border-color: #555 transparent transparent transparent;*/
/*    rotate: 360deg;*/
/*}*/

.table-style .tooltipp .tooltiptext {
    visibility: hidden;
    max-width: 360px;z-index: 33;
    min-width: max-content;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 111;
    left: 50%;
    margin-left: -110px;
    opacity: 0;
    transition: opacity 0.3s;
    top: 145%;padding: 5px;
}

.table-style .tooltipp .tooltiptext::after {
    content: "";
    position: absolute;
    top: -12px;
    left: 50%;
    margin-left: -5px;
    border-width: 6px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
    rotate: 180deg;
}


.tooltiptext ul{
    list-style:none;
    padding: 0;    margin: 0;
}


/* Отображение текста подсказки при наведении курсора мыши на контейнер подсказки */
.tooltipp:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

#sidebarMenu{
    width:100px;
    scrollbar-width: thin;overflow-y: auto;overflow-x:hidden;
    background: #151c2f!important;
}
.sidebar .nav-link {
    font-weight: 500;
    color: #333;
    text-align: center;padding: 0;
    display: grid;
}
#sidebarMenu .nav-item:hover{
    background: hsla(0,0%,100%,.1)!important;
}
#sidebarMenu .nav-item:first-child{ padding-top: 15px; }
#sidebarMenu .nav-item{    word-break: break-all;
    width: 100px;
    padding: 10px 5px 18px 0px;
}
#sidebarMenu span.icon{
    margin:0;
}

/* Работает в Chrome, Edge и Safari */
#sidebarMenu::-webkit-scrollbar-track {
    background: white;
}
#sidebarMenu::-webkit-scrollbar-thumb {
    background-color: #1e62c7;
    border-radius: 20px;
    position: absolute;
    opacity: .2;
    border: 3px solid #0d6efd2b;
}
#sidebarMenu::-webkit-scrollbar {
    width: 3px;
}
#sidebarMenu .nav-link .text{

}
#sidebarMenu .nav-link .count{
    position: absolute;
    border-radius: 50%;
    background: #fb5146;
    min-width: 22px;
    min-height: 22px;
    color: white;
    font-size: 12px;
    padding-top: 2px;
}

.menu-button{
    color: white;
}
.button-mobile{
    width: 99px;
    height: 100%;
    background: #151c2f;
    padding-left: 30px;
    padding-top: 5px;

}

.menu-button{
    background: none;transition: all .2s ease;
    border: none; padding-top: 5px;
}
.menu-button:active{
    border-radius: 100%;
    background: hsla(0,0%,100%,.1);
}

.header{
    border-bottom: 1px solid #dadada;
}
#sidebarMenu{
    border-right: 1px solid #dadada;
}
header{
    position: fixed;width: 100%;
}
header{z-index: 1062!important;}   #sidebarMenu{z-index:1061;}
.button-mobile{
    display: none;
}
.button-mobile.active{

}
@media (max-width: 767px) {
    #sidebarMenu{
        width: 0; left:-100px;
    }
    #sidebarMenu.menu-active{
        width: 100px;left:0;
    }
    .container-root{
        margin-left: 0;
    }
    .button-mobile{
        display: block;
        background: white;
    }
    .button-mobile>button{
        color:black;
    }
    .button-mobile.active .menu-button{
        color: white;
    }
    .button-mobile.active {
        background: #151c2f;
    }
    .left>.logo{
        display: none;
    }
}
.account-container .account-button button{
    color: black;
}
.account-container .account-button{

    margin-top: 5px;
    padding-right: 10px;

}
.account-container ul{
    list-style: none;
    padding: 2px;
    margin: 0;
}
.left>.logo{
    width: 99px;
    height: 100%;
    background: #151c2f;
    padding-left: 30px;
    padding-top: 5px;
}
.tabb>.tabb1.active{
    background: #ecf2ff;
    border: 1px solid #0000;
    color: #397dfb;
}
.tabb>.tabb1{
    /*border: 2px solid #c2c2c2;*/
    border-radius: 20px;
    padding: 5px 15px;
    margin-right: 10px;color:black;font-weight: 600;font-size: 15px;
    border: 1px solid #d7d8d9;
    padding: 6px 12px;
    cursor: pointer;
}
.tabb{
    margin-bottom: 20px;
    margin-top: 15px;
}
.avatar-img-item {
    margin-right: 5px;
}
.avatar-img-item .img {
    border: 2px solid #c5bebe;
    border-radius:50%; margin-bottom: 10px;
}
.avatar-img-item.active .img {
    border: 2px solid #1e62c7;
}
.avatar-img .img img{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    aspect-ratio: auto 1/1;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #fff;
    margin: auto;
}
.avatar-img-item{
    float: left;display: block;
}
.avatar-img{
    display: none;
}
.avatar-img.active{
    display: block;
}
.avatar-img-item.upload .img{
    border: none;
    margin: 0 auto;
}
.avatar-img-item.upload{
    width: 64px;
    height: 64px;
    background: #ebf2ff;
    border: 2px solid #397dfb80;
    color: #397dfb;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 50%;
    position: relative;
    box-shadow: inset 0 0 0 2px #fff;
}
.setting-button .menu-button span{
    color:black;
}
.modal-active .button-mobile{
    background: #c2c2c2;
}
.setting-button .menu-button:hover{
    background: #f1f1f1;
}
.setting-button .menu-button{
    background: white;
    border-radius: 7px;
    transition: all .4s ease;
    border: 1px solid #dedede;
}
.pagination-button>.menu-button{
    color: #000000;
}

.modal-active{
    overflow: hidden;
}
.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.section .section_title{
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 12px;
}
.section .section_body{
    display: -webkit-box;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
}




.element.list .element_title {
    margin-top: 20px;
    width: 100%;
    text-align: left;
}
.element.list .element_title .element_head_title {
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase;
}
.element.list .element_image img{
    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
}
.element.list .element_image{
    width: 150px;
    height: 150px;
    float: left;
    margin-right: 20px;

}
.element.list .element_title_kurs{
    margin-bottom: 5px;
}
.element.list .element_title{
    margin-bottom: 15px;
}


.element{
    background: #ffffff;
}
.element.box .setting-button {
    right: 15px;
    top: 15px;
}
.element.box{
    margin-right: 4px;
}
.element.box{
    border: 1px solid #dedede;
    padding: 5px;
    position: relative;
    border-radius: 8px;
    display: inline-flex;
    width: 33%;
    margin-bottom: 6px;
}
.element.box .element_description{
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}
.element_title{
    text-align: center;
}
.question-element video{
    width: 100%;
    height: 360px;
    object-fit: contain;
}
.element.box .element_title {
    margin-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;text-align: center;
}
.element .element_title .element_head_title{
    color:#0d6efd;
}
.element.box .element_title .element_head_title {
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase;
}
.element.box .element_image img{
    width: 175px;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.element.box .element_image {
    width: 100%;
    height: 175px;
    text-align: center;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.element.box .element_title_kurs{
    margin-bottom: 5px;
}
.element.box .element_title{
    margin-bottom: 15px;
}

@media (max-width: 1100px){
    .element.list{
        width: 100%!important;
    }
    .element.box{
        width:49% !important;
    }
}
@media (max-width: 534px){
    .element.box{
        width:100% !important;
    }
}
.button-grid-list{
    border: 1px solid #cdcdcd;
    width: max-content;
    border-radius: 7px;
    margin-left: auto;
}
.button-grid-list button.active{
    cursor: default;
    color: #dadada;
    -webkit-box-shadow: inset 0 0 10px rgb(0 0 0 / 15%);
    box-shadow: inset 0 0 10px rgb(0 0 0 / 15%)
}
.button-grid-list button{
    border: none;
    padding: 10px 10px 5px 10px;border-radius: 6px;
}
.section_head{
    width: max-content;
}


.section_head span{
    font-size: 20px; cursor: pointer; margin-right: 5px;user-select: none;
}
.section_head_buttom_edit_input{
    position: relative;
}
.section_head .section_head_buttom_edit_input input{
    padding-right: 40px;
}
.section_head .section_head_buttom_edit_input span.delete{
    color: #fb5146;
    position: absolute;
    top: 10px;
    right: -35px;
}
.section_head .section_head_buttom_edit_input span.edit{
    position: absolute;
    top: 10px;
    right: 5px;
    border-left: 1px solid;
    padding-left: 5px;
}
.section_head .section_head_buttom_edit{
    opacity: .3;transition: all .3s ease;margin-left: 10px;
}
.section_head:hover .section_head_buttom_edit{
    opacity: 1;
}
.section_head{
    display: flex;margin-bottom: 10px;
}
.section_head .edit{
    color:#0d6efd;
} .section_head .delete{
      color:#fb5146;
  }
.tooltipp_save{
    position: absolute!important;
    top: 0px;
    right: 0px;
}
.tooltipp_remove{
    position: absolute!important;
    top: 0px;
    right: 0px;
}

.tooltipp_remove .tooltiptext{
    position: absolute;
    left: 43px;
}
.tooltipp_edit .tooltiptext{
    top: -43px;
    left: 18px;
}
.tooltipp_delete .tooltiptext{
    top: -44px;
    left: 38px;
}
.button-exam .button .text{
    padding-top: 6px;
    font-size: 16px;
    font-weight: 500;
}
.button-exam .button .icon{
    font-size: 33px;
    padding-top: 2px;
}
.button-exam .button:hover .ispit{
    background: #eee;cursor: pointer;
}
.button-exam .button:active .ispit{
    background: #d9d9d9;
}

.test-test .icon{
    color:#f8cd78;
}
.test-text .icon{
    color:#397dfb;
}
.test-steps .icon{
    color:#60bb6d;
}
.test-video .icon{
    color:#7958ff;
}
.test-voice .icon{
    color:#fb5146;
}
.grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(33%, 1fr));
    gap: 6px;
}




.element.box {
    border: unset;
    padding: 20px;
    position: relative;
    border-radius: 8px;
    margin: 0;
    width: 33%;
}

.element.list {
    display:inline-flex;
    width: 49.7%;
    margin-right: 3px;
    margin-bottom: 3px;padding: 20px;
}
.section_head{
    margin-left: 20px;
    margin-bottom: -15px;
}
.container-track{
    background: white;
    border: 1px solid #dedede;
    padding: 5px;
    position: relative;
    border-radius: 8px;height: 100%;
}
.element{background: unset!important;}



/* Track_base */

.setting-button-list a{
    position: relative;
}
input[name="import"]{
    width:100%;
}
.list-user{
    list-style: none;
    height: 300px;
    overflow-y: auto;
}
.list-user li{
    height: 30px;
    display: flex;
    font-size: 16px;
}
.list-user input{
    margin-right: 10px;
}
.list-user span{
    display: flex;
    justify-content: center;
    flex-direction: column-reverse;
}
.list-user label{
    display: flex;
    flex-wrap: nowrap;
}
.attach-file {
    display: flex;
    padding-bottom: 15px;
    padding-top: 15px;
}
.attach-file .img {
    display: flex;
}
.attach-file .img .btn-r {
    height: 70px;
    margin: auto;
    transition: all .2s ease;
    padding: 14px;
    color: #8f96a7!important;
}
.attach-file .img .btn-r .icon {
    padding: 14px;
    margin: 0;
    cursor: pointer;
}
.attach-file .img .img-src img {
    width: 70px;
    height: 70px;
}
.question-img-add {
    display: flex;
    cursor: pointer;
    text-align: center;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
}
.question-img-add input[type="file"] {
    position: absolute;
    left: 0;
    opacity: 0;
}
.avatar-img[name="tabb2"] h5{
    width: 100%;
    display: inline-block;
    margin: 10px 0 20px 0px;
}


.element.box .element_description{
    padding: 0 25px 10px 25px;
    text-align: justify;
}
.filter-open.active .removechecked{
    visibility: visible;
}
.removechecked{
    position: absolute;
    top: 7px; visibility: hidden;cursor: pointer;
    right: 0;
}
.table-style{
    color: #847592;
    font-weight: 500;
    background: #ffff;
    border: 1px solid #dedede;overflow: auto;
}
.table-style tbody tr{
    border-bottom: 1px solid #dedede;
}
.table-style tbody tr:last-child{
    border-bottom: 1px solid #9d9d9d00!important;
}
.table-style {
    width: 100%;
}
.table-style td{
    padding: 10px;
}
.not-found{
    background: white;
    width: 100%;
    padding: 20px;
    margin: 20px;
    border-radius: 10px;
    border: 1px solid #dedede;
}

.btn-controll-razdel{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    margin-left: 15px;
}

.btn-controll-razdel a.remove {
    color:darkred;
}
.btn-controll-razdel a {
    font-size: 15px;
    margin-right: 15px;
}

.certeficat-block{
    border: 1px solid #ced4da;
    margin: 15px 0 15px 0;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 5px;
}
table thead{
    color:#476887;
}
.table-style-gd{
    border-radius: 10px!important;
    /*border: 1px solid #F6F9FB!important;*/
    border: unset!important;
    box-shadow: 0 1px 4px rgba(9,8,61,.20)!important;
}
/* Track_base */