body {
    max-width: 1440px;
    margin: auto;
    font-family: 'Roboto', sans-serif;
    color: #707070;
}

.m_top1 {
    margin-top: 10px;
}
.m_top2 {
    margin-top: 20px;
}
.m_top3 {
    margin-top: 30px;
}

.m_left1 {
    margin-left: 10px;
}
.m_left05 {
    margin-left: 5px;
}
.m_left5 {
    margin-left: 50px;
}
.m_right5 {
    margin-right: 5px;
}
.pl25 {
    padding-left: 25px;
}

.pl30imp {
    padding-left: 30px !important; 
}

.b_top1 {
    border-top: 1px solid #E8E8E8;
}

.width100 {
    width: 100%;
}

.sidebar-brand-text {
    font: normal normal normal 15px/24px Roboto;    
}

.everlesson-left-menu {
    background-color: #F7F6F4;
    border: 1px solid #E8E8E8;
}
.div-ever-search {
    background-color: #FAFAFA;
    border: 1px solid #D3D3D3;
    border-radius: 4px;
    width: 570px;
}
.ever-search {

}

.sidebar-brand-icon img {
    margin-top: -2px;
}

.a-profile-menu span {
    font-family: 'Poppins', sans-serif;
    color: #344A55;
    font-size: 14px;
    font-weight: 600;
    margin-right: 25px;
    margin-left: 12px;
}

.dropdown-menu-right img {
    margin-right: 15px;
    width: 18px;
    height: 20px;
}

.dropdown-menu-right .dropdown-item {
    font-size: 12px;
    letter-spacing: 0px;
    font-weight: 500;
    padding: 9px 2.5rem 9px 1.5rem;
}

.everlesson-left-menu div ul li {
    width: 33.33%;
    padding: 5px 15px;    
}

.everlesson-left-menu div ul li a{
    color: #707070;
    opacity: 0.45;
    text-align: center;
}

.everlesson-left-menu div ul li.active {
    border-bottom: 2px solid #00A3F5;
}

.everlesson-left-menu div ul.nav-tabs-everlesson li.active a{
    color: #555;
    opacity: 1;
}

.sidebar .nav-item.nav-item-wel a.nav-link{
    padding: 20px 15px 15px 30px;

}

.sidebar .nav-item.nav-item-wel img {
    margin-right: 10px;
    margin-top: -5px;
}

.sidebar .nav-item.nav-item-wel a.nav-link span{
    font-size: 20px;
}

.sidebar .nav-item.nav-item-course a.nav-link {
    padding: 10px 25px 10px 30px;
    width: 100%;
}

.sidebar .nav-item.nav-item-course a.nav-link span{
    font-size: 17px;
    font-weight: 500;
}

.sidebar .nav-item.nav-item-course a.nav-link img {
    float: right;
    margin-top: 5px;
}

.sidebar .nav-item.nav-item-menu-header a.nav-link img {
    margin-right: 10px;
}

.sidebar .nav-item.nav-item-menu-header a.nav-link {
    font-size: 16px;
    font-weight: 600;
    padding-left: 30px !important;
}

.sidebar .nav-item.nav-item-menu-header div.collapse {
    margin: 0px;
}

.sidebar .nav-item.nav-item-menu-header div div a{
    color: #A4A5A9;
    font-size: 16px;
    padding-left: 45px !important;
}

.sidebar .nav-item.nav-item-menu-header div div a span {
    margin-left: 15px;
}

.sidebar .nav-item.nav-item-menu-header div div a.collapse-item.active {
    border-color: #00A3F5;
    background-color: #EBEBEB;
}

.div-ever-social {
    padding: 15px 15px 15px 30px;
}

.div-ever-social .col-md-7 h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color:  #5C5C5C;
    margin-bottom: 0px;
}

.div-ever-social .col-md-7 .d-flex img {
    margin-right: 5px;
}

.div-ever-social .col-md-7 .d-flex span {
    padding-right: 10px;
    font-size: 12px;
}

.btn-social-sel {
    border: 1px solid #E8E8E8;
    border-radius: 6px;
    background-color: #f2f2f2;
    color: #575757;
    font-weight: 500;

}

.btn-social-sel img{
    margin-top: -5px;
}

.btn-social-cat.active {
    background-color: #DDF4FF;    
    color: #00A3F5;    
}

.btn-social-cat{
    border-radius: 13px;
    padding: 4px 18px;
    font-size: 12px;
    font-weight: 500;
    background-color: transparent;
}

.btn-social-cat span{
    background-color: #e8e8e8;
    font-size: 9px;
    border-radius: 15px;
    padding: 3px 5px;
    margin-left: 5px;
}

.div-social-input {
    border: 1px solid #E8E8E8;
    border-radius: 10px;
    background-color: #fff;
    padding: 20px;
    margin-top: 20px;
}

.btn-post {
    border: 0px;
    padding: 0px;
    border-radius: 10px;
}

.txt-input {
    border: 1px solid #EBEBEB;
    border-radius: 23px;
    background-color: #fff;
    font-size: 14px;
    padding: 8px 14px;
    width: 65%;
    margin-right: 15px;
    margin-left: 15px;
}

.div-social-header {
    margin-left: 10px;
}

.div-social-header h4 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 0px;
}
.div-social-header h4 img {
    margin-left: 5px;
}
.div-social-header p{
    color: #A4A5A9;
    font-size: 11px;
    margin-bottom: 0px;
}
.btn-social-menu {
    border: 0px;
    background-color: transparent;
}

.div-social-comment h3 {
    color: #333;
    font-weight: 600;
    margin-top: 15px;
    font-size: 17px;
}
.social-img {
    margin-left: -12px;
}

.div-social-input .col-md-12 .col-md-9 p {
    font-size: 11px;
    margin-left: 10px;
    margin-top: 5px;
}

.btn-social-ui {
    border: 0px;
    background-color: transparent;
}

.btn-ui-like, .btn-ui-comment {
    font-size: 14px;
    font-weight: 600;
    color: #575757;    
}

.btn-ui-like img {
    margin-right: 20px;
    margin-top: -4px;
}

.btn-ui-comment img {
    margin-right: 15px;
}

.div-dummy-img {
    border-radius: 50%;
    width: 35px;
    height: 35px;
    background-color: #E8E8E8;
}

.div-add-comment {
    border: 1px solid #E8E8E8;
    background-color: #FAFAFB;
    border-radius: 7px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px 10px;
    width: 100%;
}

.div-add-comment input {
    border: 0px;
    font-size: 12px;
    width: 78%;
    background-color: #FAFAFB;
}
.div-add-comment input:focus {
    outline: 0px;
}

.div-add-comment button{
    border: 0px;
    background-color: transparent;
}

.div-social-comment-desc p {
    font-size: 15px;
    margin-bottom: 0px;
}

.div-social-com {
    background-color: #fff;
    border: 1px solid #E8E8E8;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
}

.div-social-com h4 {
    font-size: 17px;
    font-weight: 700;
}

.div-video-com {
    position: relative;
    min-height: 140px;
    margin-top: 20px;
    background-color: #f2f2f2;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
}

.img-play-btn {
    /*position: absolute;
    top: 30%;
    left: 40%;*/
}

.div-social-com p{
    font-size: 13px;
}

.div-links {
    margin-top: 5px;
    padding: 20px 5px 0px;
}

.div-links h3{
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 0px;
}

.div-links p{
    font-size: 13px;
    margin-bottom: 20px;
}