.left-menu { min-width: 290px; width: 290px; padding: 25px 0px; border-right: 1px solid #dbdbdb; }
.left-menu.v3 { padding: 20px 0px; }
#news_div { margin-top: 0px; padding-bottom: 20px; }
/* #news_div .left-news-content:hover { box-shadow: 1px 1px 20px #78D024; } */

.left-news-content{position:relative;text-align: center;overflow: hidden;}
.left-news-content img {-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1);  -o-transform:scale(1);  transform:scale(1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}
.a-news{ display: flex; gap:10px; }
.a-news:hover .news-title{ text-decoration: underline;}
.a-news img{ width:70px; height:70px; }
.a-news .news-title{ font-size:15px; font-weight: 500; text-align: left; word-break: keep-all; }
.a-news .news-title > div { display: -webkit-box !important; box-orient: vertial; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-all; line-clamp: 2; -webkit-line-clamp: 2; }
.left-class-list .left-class-items {display: table; width: 100%; padding-top:15px; font-size:16px; position: relative; }
.left-class-list .left-class-items:first-child { padding-top:5px; }
.left-class-list .left-class-items:first-child .badge-new-left{ top:7px; }
.left-class-list .left-class-items .dropdown .badge-new-left{ right:5px; top:6px; }
.left-class-list .left-class-items:first-child .pull-right { top:5px !important; }
.left-class-list .dropdown .left-class-items>i.cc, .left-class-list .dropdown .left-class-items>i.cc2 { font-size: 120%; }
.left-class-list .left-class-items>i.cc, .left-class-list .left-class-items>i.cc2 { font-size: 150%; top: -1px; padding-right:10px; }
.left-class-list .left-class-list .left-class-items.active { color:#6cbb24 !important }
.left-class-list .left-class-item { display: table-cell; vertical-align: middle; font-size: 16px; }
.left-class-list .left-class-items:hover, .left-class-list .left-class-items.active { color: #6cbb24 !important; font-weight: 600 !important; }
.left-class-list .left-class-items i { width: 30px;}
.left-class-list .left-class-items .dropdown-menu { width: 280px; }
.left-class-list .left-class-items div.dropdown-menu { -webkit-background-clip:initial; background-clip:initial; border:none; border-radius: 0px; -webkit-box-shadow:none; box-shadow:none; margin: 0px; padding: 0px 0px 150px 0px; background: transparent;}
.left-class-list .left-class-items div.dropdown-menu ul { list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: initial; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%); box-shadow: 0 6px 12px rgb(0 0 0 / 18%); padding: 5px 0; margin: 2px 0 0; }

.left-search-box { padding-bottom: 10px; }
.left-sl-items {display: table; width: 100%; padding-top: 10px;}
.left-sl-item { display: table-cell; vertical-align: middle; font-size: 16px; }
.left-sl-items:hover, .left-sl-items.active { color: #6cbb24; font-weight: 600; }
.left-sl-item.icon { width: 30px;}
.left-sl-item>i.cc { font-size: 120%; }
.left-sl-items .dropdown-menu { width: 280px; }
.left-sl-items div.dropdown-menu { -webkit-background-clip:initial; background-clip:initial; border:none; border-radius: 0px; -webkit-box-shadow:none; box-shadow:none; margin: 0px; padding: 0px 0px 150px 0px; background: transparent;}
.left-sl-items div.dropdown-menu ul { list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: initial; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%); box-shadow: 0 6px 12px rgb(0 0 0 / 18%); padding: 5px 0; margin: 2px 0 0; }
div.dropdown-menu>ul>li>a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; }
div.dropdown-menu>ul>li>a:focus, div.dropdown-menu>ul>li>a:hover { color: #262626; text-decoration: none; background-color: #f5f5f5; }
.max-std-label:hover {background-color: #ffca28; }
.left-sl-list i.cc2.folder2, .left-sl-list i.cc2.folder2-share { opacity: 0.75; }

.folder-popup-guide:before { content: ""; position: absolute; width: 0; height: 0; 
    border-color: transparent #7f59c7 transparent transparent; border-style: solid; top: 22px; left: -30px; 
    border-width: 10px 15px; }
.folder-popup-guide {display: block; right: initial; left: 92px; background: #7F59C7; color: #fff; border: none;
    padding: 25px 15px; top: -20px; width: 250px; opacity: 0.95; position: absolute; z-index: 1000;
    float: left; margin: 2px 0 0; font-size: 18px; list-style: none; border-radius: 4px; box-shadow: 0 6px 12px rgba(0,0,0,.175);}

.onboarding-popup-guide {display: block; right: 40px; left: initial; background: #7F59C7; color: #fff;
    border: none; padding: 25px 15px; top: 44px; width: 280px; opacity: 0.95; position: absolute;
    z-index: 1000; float: left; margin: 2px 0 0; font-size: 15px; list-style: none; border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175); line-height: 1.8; }

.onboarding-popup-guide:before { content: ""; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid;
    left: -10px; top:50px; border-width: 10px 10px 10px 0px; border-right-color: #7F59C7; }

    .blink { animation: blink-animation2 1s steps(10, start) infinite; -webkit-animation: blink-animation2 1s steps(10, start) infinite; }
    @keyframes blink-animation2 {
        25% { opacity: 0.2; }
        100% { opacity: 1; }
    }
    @-webkit-keyframes blink-animation2 {
        25% { opacity: 0.2; }
        100% { opacity: 1; }
    }
    .blink.x2 { animation-iteration-count: 2; }
#top-news { position: relative; top:-18px; padding: 0px 12px 10px 8px; }
#top-news a img{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
#top-news a:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
/* #top-news .top-news-btn { color:#fff; width: 120px; text-align: right; } */
/* #top-news .top-news-btn:hover {opacity: 0.6; color:#fff;} */
/* #top-news:hover .title { text-decoration:underline; } */

#stdNewsPopupModal .title{
    font-weight: 700;
font-size: 30px;
color: #5B5B5B;
position: relative;
display: inline-block;

}
#stdNewsPopupModal .title img:first-child{
    position: absolute;
    left: -85px;
    top: -10px;
}
#stdNewsPopupModal .title img:last-child{
    position: absolute;
    right: -40px;
    top: -7px;
}
#stdNewsPopupModal .news-header{
    margin-top: 16px;
    font-weight: 700;
    font-size: 20px;
    padding:16px;
    background: #FAF1A3;
    text-align: left;
}
#stdNewsPopupModal .news-body{
    margin-top:16px;
    padding:16px;
    font-weight: 400;
    font-size: 18px;
    text-align: left;
    height:340px;
    overflow-y: auto;
    white-space: pre-wrap;
    line-height: 190%;
}
#stdNewsPopupModal .news-footer{
    margin-top:24px;
    
    

}

.btn-pub { border-radius: 5px; text-align: center; border: 1px solid #C0C0C0; background: #fff; cursor: pointer; padding: 2px; display: block; margin-top: 10px; }
.btn-pub:hover, .btn-pub.active { background: #E3FCCC; }
.btn-pub-cc { font-size: 16px; font-weight: 500; line-height: 1.2; color: #666; margin-top: 20px; }
.btn-pub-cc:hover, .btn-pub-cc.active { color: #6cbb24; }
.btn-pub-cc i.cc2 { font-size: 125%; margin-right: 10px; }
.add-class-guide, .btn-left-make-sl{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    height: 32px;
    font-size: 16px;
    font-weight: 500;
    color: #7E5AC7;
    border-radius: 6px;
    border: 2px solid var(--Violet-200, #D0BAFD);
    background: var(--White, #FFF);
    padding: 2px 0px;
    position: absolute;
    right: 15px;
    width:80px;

}
.add-class-guide:focus, .btn-left-make-sl:focus{
    color: #7E5AC7;
}
.add-class-guide:hover, .btn-left-make-sl:hover{
    background: var(--Violet-100, #E7DCFF);
    color: #7E5AC7;
}
.btn-left-make-sl{
    top:-3px;
} 
.left-item-title.class-title, .left-item-title.folder-title {
    cursor: pointer;
}
.left-item-title.class-title:hover{
    color: #6cbb24;
}
.left-item-title.folder-title:hover{
    color: #6cbb24;
}

.left-menu .ptn-body {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px 0px;
    border-radius: 6px;
    border: 1px solid #D9D9D9;
    background: #FFF;
    margin-right: 20px;
    margin-top: 30px;
}
.left-menu .ptn-body .btn-pub {
    border: none;
    margin-top: 0px;
}
.class-dropdown{
    
}
.class-dropdown ul {
    border-radius: 6px;
    border: 1px solid var(--Gray-200, #D9D9D9);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25);
    padding: 0px;
    margin: 0px;
}
.class-dropdown ul li {
    height:36px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.class-dropdown ul li:hover {
    background: #E7DCFF;
}
.class-dropdown ul li:hover a {
    background: #E7DCFF;
    font-weight: 500;
    color:#7E5AC7;
}
.class-dropdown ul li a{
    font-size:16px;
    font-weight: 400;
    flex-grow: 1;
    text-align: center;
}