/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Dec 4, 2021, 11:39:30 AM
    Author     : Trong
*/
/*#list-new-common-topic .title-content svg{
    position: absolute;
    right: 15px;
    top: 15px;
}
#list-new-common-topic .st-body{
    position: re
}*/
::-webkit-input-placeholder { /* Edge */
    font-size: 13px;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size: 13px;
}
.breadcrumb,.btn-white{
    background: #fff;
}
::placeholder {
    font-size: 13px;
}
#list-new-common-topic .st-body, #list-tin-noi-bat .st-body, #list-new-favorite .st-body{
    padding: 5px 10px;
    border-radius: 0px;
    border-bottom: 2px solid #f5f5f5;
    box-shadow: unset;
    margin-top: 5px !important;
}
#content-new span{
    font-size: 16px !important;
font-family: unset !important;
}
#topic-top-view .st-body{
    padding:10px 10px 20px 10px;
    border-radius: 0px;
    border-bottom: 2px solid #f5f5f5;
    box-shadow: unset;
}
.menu-w.menu-layout-compact ul.main-menu,.menu-side-left{
    background: #0067b8 !important;
    color: #fff;
}
.menu-w.menu-layout-compact ul.main-menu>li span {

    font-weight: bold;
    color: #fff;
}
.menu-w.menu-layout-compact ul.main-menu>li .icon-w+span {
    border-bottom: 1px solid rgba(255,255,255,0.4);
}
.menu-w.menu-layout-compact ul.main-menu>li .icon-w+span {
    font-size: 16px; 
}
.element-wrapper .element-header:after{
    content: none;
}
.content-panel .element-wrapper .element-header{
    background: #0067b8;
    COLOR: #FFF;
    /* align-items: center; */
    PADDING: 3px 10px;
    margin-bottom: 10px;
}
/*.support-index .support-ticket:hover, .support-index .support-ticket.active{
    box-shadow: none;
    transform: unset;
}*/
.menu-position-side.menu-w,.top-bar.color-scheme-transparent{
    background: #fff;
}
.to-date,.from-date{
    width: 100px;
}
.element-header span{
    font-size: 19px;
    font-weight: 600;
}
.element-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.element-wrapper .element-search input{
    background-color: #fff;
}
.logged-user-w .avatar-w img{
    border-radius: unset;
}
.single-daterange{
    cursor: pointer;
    pointer-events:auto;
}
.ticket-content h6.visited{
    color: #681da8;
}
.custom-text-header{
    font-family: 'Advent Pro', sans-serif;
    font-weight: 500;
    color: #3E4B5B;
    font-size: 14.4px;
}
.top-bar .logged-user-w .avatar-w{
    padding: 5px;
}
.div-mp3{
    display: flex;
    align-items: center;
    background-color: #f1f3f4;
    border-radius: 20px;
    padding: 0px 10px;
    justify-content: center;
}
.resource-per-file .right-1 {
    width: 36px;
    height: 36px;
    background: #FFFFFF;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}
/*.xemthem.collapsed i::after{
    opacity: 1;
}
.xemthem.collapsed i::before {
    opacity: 0;
    
}
.xemthem i:after {
     content: "\e992";
    
    opacity: 0;
}
.xemthem i:before {
  content: "\e99a";
    opacity: 1;
   
}*/

.is_image{
    max-width: 60%;
    max-height: 400px;
}
.btn-file-pdf {
    background: #FD8181;
}
.btn-file-excel {
    background: #1F7246;
}
.btn-file-word {
    background: #2B5797;
}
.btn-file-default{
    background: #5b5858;
}
.btn-file {
    border-radius: 2px;
    width: 46px;
    height: 16px;
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    line-height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.resource-per-file {
    padding: 20px 10px 20px 20px;
    height: 60px;
    background: #f4f4f4;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
}
.dropzone{
    border: none;
}
.resource-per-file .left {
    display: flex;
    align-items: center;
}
.icon{
    position: absolute;
}
.icon::before, icon::after{
    font-family: 'osfont' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
/* content: "\e992";*
/*.all-wrapper.solid-bg-all ,.all-wrapper.solid-bg-all .content-w{
    background-color: #fff;
}
.menu-w.color-style-transparent,.top-bar.color-scheme-transparent,.content-box,.content-panel,.breadcrumb{
    background: #fff;
}*/
#list-new-common-topic .per-tr-data-detail, #list-tin-noi-bat .per-tr-data-detail,#topic-top-view .per-tr-data-detail {
    margin-bottom: 0px;
}
#list-new-common-topic .st-foot, #list-tin-noi-bat .st-foot, #list-new-favorite .st-foot,#topic-top-view .st-foot {
    padding: 0px;
}
#list-new-common-topic .support-ticket, #list-tin-noi-bat .support-ticket, #list-new-favorite .support-ticket,#topic-top-view .support-ticket {
    box-shadow: unset;
    border-radius: 0px;
    margin-top: 5px;
}
.support-index .support-ticket:hover, .support-index .support-ticket.active{

}
.st-foot .value {
    color: #666 !important;
}

.view-detail{
    width: 95%;
}
.mm-logo svg{
    width: 94px;
}
/*.logo-w{
    padding: 3px 1rem !important;
}*/
.menu-w .logo-w img{
    width: 70px;
}
.menu-mobile .mm-logo-buttons-w .content-panel-open {
    margin-right: 15px;
    padding-right: 15px;
}
.item--tk .support-index{
    display: unset;
}

.mm-logo span,.mm-logo-buttons-w a i,.mm-buttons .os-icon {
    color: #fff !important;
    font-size: 20px;
}

.item--tk{
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid rgba(0,0,0,0.1);
}
.item--tk .dropdown-menu{
    width: 100%;
    /*    transform: translate3d(0px, 62px, 0px) !important;*/
    box-shadow: 0px 4px 20px rgb(0 0 0 / 70%);
    border:none !important;
}
.item--tk .tickets-control{
    width: 100%;
    border-bottom: none !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}
.item--tk .element-search{
    width: 100%;
}
.item-radio .dropdown-menu{
    padding-left: 15px;
    padding-right: 15px;
}
#tin-noi-bat-div{
    display: none;
}
.menu-custom-ipad{
    display: none;
}
.mp3-class{
    position: relative;
}
/*.mp3-class button{
    display: flex !important;
    align-items: center;
    justify-content: center;
}*/
.mp3-class i{
    position: absolute;
    right: 10;
    top: 10;
}
#ban-tinb-new{
    display: none;
}
.st-foot-mobile{
    display: none;
}
.mobile-menu-trigger-functionn{
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid rgba(0,0,0,0.1);
}
.mobile-menu-trigger-function{
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid rgba(0,0,0,0.1);
}
.menu-mobile .menu-and-function{
    padding-bottom: 20px;
    border-top: 1px solid rgba(0,0,0,0.1);

}
.top-bar .menu-and-function{
    padding-bottom: 20px;
    border-top: 1px solid rgba(0,0,0,0.1);

}
.per-tr-data-detail{
    color: #000;
}

.ticket-icon{
    display: flex;
    justify-content: space-between;
}
.per-tr-data-detail{
    font-size: 15px;
    width: 95%;
}
.ticket-icon svg{
    width: 5%;
    height: 18px;
}   
.menu-desktop .mobile-menu-trigger-function{
    border-right: none !important;
}
.search_ipad{
    display: none;
}
@media (max-width: 550px){
    /*    .mp3-class button{
            display: flex !important;
            flex-direction: column;
        }*/
}
@media (max-width: 767px){
    #title-new{
        font-size: 22px;
        display: none;
    }
    .element-header span,.btn-key-click{
        font-size: 16px;
    }

    .menu-mobile .mm-logo-buttons-w .mm-logo img{
        width: 100px;
    }
    .menu-mobile .mm-logo-buttons-w{
        padding: 5px 1rem;
    }
    .menu-and-user .main-menu{
        background: #0067b8;
        color: #fff;
    }
    .menu-and-function .main-menu {

        background: #0067b8;
        color: #fff;
    }
    .menu-mobile ul.main-menu>li {
        border-bottom: 1px solid rgba(255,255,255,0.4)
    }
    .menu-mobile ul.main-menu>li span {
        font-weight: 600;
        color: #fff;
        padding: 10px;
    }

    .content-w {
        background-color: #fff !important;
    }
    #list-new-common-topic  .support-ticket,#list-tin-noi-bat .support-ticket,#list-new-favorite .support-ticket{
        box-shadow: unset;
    }
    #list-new-common-topic  .st-body,#list-tin-noi-bat .st-body,#list-new-favorite .st-body {
        box-shadow: unset;
    }
    #list-new-common-topic .st-body,#list-tin-noi-bat .st-body,#list-new-favorite .st-body{
        padding: 5px 10px;
        border-radius: 0px;
        border-bottom: 2px solid #f5f5f5;
    }
    #list-new-common-topic .support-ticket,#list-tin-noi-bat .support-ticket,#list-new-favorite .support-ticket{
        border-radius: 0px;
    }
    #list-new-common-topic .st-foot .value,#list-tin-noi-bat .st-foot .value,#list-new-favorite .st-foot .value{
        color: #666 !important;
    }
    #list-new-common-topic .per-tr-data-detail,#list-tin-noi-bat .per-tr-data-detail{
        margin-bottom: 0px;
    }
    #list-new-common-topic  .st-foot,#list-tin-noi-bat .st-foot,#list-new-favorite .st-foot{
        padding: 0px;
    }
    #list-new-favorite .st-foot{
        min-height: unset !important;
    }
    #list-new-common-topic .st-foot-mobile{
        display: block;
    }
    #list-new-common-topic  .st-foot-desktop{
        display: block;
    }
    .content-w {
        margin-top: 64px;
    }
    .search-desktop{
        display: none;
    }
    .top-bar{
        display: none;
    }
    #tin-noi-bat-div{
        display: block;
    }
    #ban-tinb-new{
        display: block;
    }

}
@media (min-width: 768px) and (max-width: 1124px){
    .menu-w{
        position: unset !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px){
    .mm-logo svg{
        width: 60px !important;
    }
    .menu-mobile .has-sub-menu.active .sub-menu {
        display: block;
    }
    #ban-tinb-new{
        display: block;
    }
    .menu-custom-mobile{
        display: none;
    }
    #tin-noi-bat-div{
        display: block;
    }
    .menu-custom-ipad{
        display: block;
    }
}
#btn-view-more{
    border: 1px dotted #d7d7d7;
    background: #fff;
    color: #888888;
}
#btn-view-more-tin-noi {
    border: 1px dotted #d7d7d7;
    background: #fff;
    color: #888888;
}