#content .dropdown-menu {
    top: 125% !important;
    right: 0 !important;
    z-index: 1000 !important;
    float: left !important;
    width: 325px !important;
    padding-left: 3px !important;
    padding-right: 0px !important;
    padding-bottom: 15px !important;
    padding-top: 0px !important;
    font-size: 14px !important;
    color: #212529 !important;
    border: none !important;
    border-radius: 5px !important;
    font-family: 'Open Sans' !important;
    left: auto !important;
    margin: 0 0 0 0 !important;
    box-shadow: 1px 1px 1px 1px #dedede;
}

.btn-status {
    text-align: center;
    max-width: 43px !important;
    max-height: 43px !important;
    border-radius: 10px;
    background-color: rgb(213 228 241);
    margin-left: 17px;
    padding-top: 10px;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.ul-height {
    height: 350px;
    overflow: hidden;
    overflow-y: auto;
}

.scroller {
    padding: 0px !important;
}

.span-btn-status {
    color: #2b76b7;
    font-weight: 900;
    font-family: 'Open Sans';
    font-size: 14px;
}

.display-inline {
    display: inline-flex;
    width: 325px !important;
}

.lb-bottom-0 {
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 14px;
    font-family: 'Open Sans';
    font-weight: 600;
    color: #374957;
    line-height: 17px;
}

.lb-bottom-0-dark {
    color: rgb(120 135 148);
}

.pb-left-bell {
    padding-left: 10px !important;
    max-width: 71% !important;
    cursor: pointer;
}

.icon-bell {
    font-size: 12px;
    padding-left: 0px !important;
}

.mg-top-bell {
    margin-top: -6px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 14px;
    font-family: 'Open Sans';
    font-weight: 500;
    color: #374957;
}

.notification-box-search {
    padding-top: 5px;
}

.notification-box {
    cursor: pointer;
    border-bottom: solid #cfd9e0;
    border-width: 1px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.btn-status-bt {
    background-color: rgb(223 245 232);
}

.span-btn-status-bt {
    color: rgb(52 227 100);
}

.btn-status-cc {
    background-color: rgb(255 233 224);
}

.span-btn-status-kh {
    color: #2b76b7;
}

.span-btn-status-cc {
    color: rgb(242 114 40);
}

.span-btn-status-bt {
    color: #82eba0;
}

.btn-status-ks {
    background-color: rgb(255 228 236);
}

.btn-status-k {
    background-color: #b74b2b;
}

.span-btn-status-k {
    color: #cfd9e0;
}

.span-btn-status-ks {
    color: rgb(255 119 159);
}

.btn-status-bl {
    background-color: rgb(155 249 144);
}

.span-btn-status-bl {
    color: rgb(45 189 204);
}

.btn-status-gt {
    background-color: rgb(254 255 187);
}

.span-btn-status-gt {
    color: rgb(245 13 13);
}

.footer-noti {
    text-align: center;
    padding-top: 10px;
    border-top: 1px solid #dedede;
    padding-left: 7px;
}

.cus-icon {
    padding-left: 10px;
    padding-top: 5px;
    color: #374957;
    font-size: 14px;
    font-weight: 600;
}

.notification-box.unread {
    background-color: rgb(225 225 225);
}

.notification-box:hover {
    background-color: rgb(245 245 245);
}

.notification-box.unread:hover {
    background-color: rgb(235 235 235);
}

.dropdown-menu-dark {
    background-color: rgb(38 41 50) !important;
}

.notification-box-dark {
    cursor: pointer;
    border-bottom: solid rgb(52 56 69);
    border-width: 1px;
}

    .notification-box-dark:hover {
        background-color: rgb(52 56 69);
    }

#menutop.menu-active #pdRight .logo #search-id ul.dropdown-menu.dropdown-search {
    width: 370px;
    border: 1px solid rgba(0,0,0,.15) !important;
    top: 71% !important;
    /*top: 105% !important;*/
    right: 15.7% !important;
    border-top: none !important;
    max-height: 335px;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 300px;
}

#menutop #pdRight .logo #search-id ul.dropdown-menu.dropdown-search {
    width: 100px;
    border: 1px solid rgba(0,0,0,.15) !important;
    top: 71% !important;
    right: 25.7% !important;
    border-top: none !important;
    max-height: 335px;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 300px;
}

#scoll-noti::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F1F1F1;
}

#scoll-noti::-webkit-scrollbar {
    width: 10px;
    background-color: #F1F1F1;
}

#scoll-noti::-webkit-scrollbar-thumb {
    background-color: #0f4068;
    border: none;
    border-radius: 10px;
}

#search-kh-bt::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F1F1F1;
    width: 5px;
}

#search-kh-bt::-webkit-scrollbar {
    width: 5px;
    background-color: #F1F1F1;
}

#search-kh-bt::-webkit-scrollbar-thumb {
    background-color: #0f4068;
    border: none;
    border-radius: 10px;
}

#search-kh-bt-content {
    list-style: none;
    padding-left: 0px;
}

.search-line {
    width: 105%;
}

.lbl-search-text {
    width: 100%;
    word-break: break-word;
    font-size: 13px;
}

.flex-9 {
    flex: 0 0 84% !important;
    max-width: 84% !important;
}

.btn-status-search {
    padding-top: 4px;
    padding-left: 0px !important;
    max-width: 30px !important;
    max-height: 30px !important;
}

.lbl-register {
    font-size: 13px;
    color: #8190A1;
    font-weight: 400;
}

.notification-box-search {
    padding-top: 5px;
}

.li-search {
    margin-right: 2px;
    margin-left: 0px;
}

@media (max-width: 1920px) {
    #menutop.menu-active #pdRight .logo #search-id ul.dropdown-menu.dropdown-search {
        right: 13% !important;
    }

    #menutop #pdRight .logo #search-id ul.dropdown-menu.dropdown-search {
        right: 21.3% !important;
    }
}

@media (max-width: 1680px) {
    #menutop.menu-active #pdRight .logo #search-id ul.dropdown-menu.dropdown-search {
        right: 15% !important;
    }

    #menutop #pdRight .logo #search-id ul.dropdown-menu.dropdown-search {
        right: 24.3% !important;
    }
}

@media (max-width: 1600px) {
    #menutop.menu-active #pdRight .logo #search-id ul.dropdown-menu.dropdown-search {
        right: 15.5% !important;
    }

    #menutop #pdRight .logo #search-id ul.dropdown-menu.dropdown-search {
        right: 28.5% !important;
    }
}

@media (max-width: 1440px) {
    #menutop.menu-active #pdRight .logo #search-id ul.dropdown-menu.dropdown-search {
        right: 17.5% !important;
    }

    #menutop #pdRight .logo #search-id ul.dropdown-menu.dropdown-search {
        right: 28.5% !important;
    }
}

@media (max-width: 1366px) {
    #menutop.menu-active #pdRight .logo #search-id ul.dropdown-menu.dropdown-search {
        right: 18.5% !important;
    }

    #menutop #pdRight .logo #search-id ul.dropdown-menu.dropdown-search {
        right: 30% !important;
    }
}

@media (max-width: 1280px) {
    #menutop.menu-active #pdRight .logo #search-id ul.dropdown-menu.dropdown-search {
        right: 19.7% !important;
    }

    #menutop #pdRight .logo #search-id ul.dropdown-menu.dropdown-search {
        right: 32% !important;
    }
}

@media (max-width: 1024px) {
    #menutop #pdRight .logo #search-id ul.dropdown-menu.dropdown-search {
        right: 35.5% !important;
    }

    #menutop.menu-active #pdRight .logo #search-id ul.dropdown-menu.dropdown-search {
        right: 22.5% !important;
    }
}

@media only screen and (max-width : 823px) and (max-height: 411px) {
    #menutop.menu-active #pdRight .logo #search-id ul.dropdown-menu.dropdown-search {
        right: 27.5% !important;
    }

    #menutop #pdRight .logo #search-id ul.dropdown-menu.dropdown-search {
        right: 27.5% !important;
    }
}

@media (max-width: 768px) {
    #menutop.menu-active #pdRight .logo #search-id ul.dropdown-menu.dropdown-search {
        right: 29.5% !important;
    }

    #menutop #pdRight .logo #search-id ul.dropdown-menu.dropdown-search {
        right: 46.5% !important;
    }
}

@media only screen and (max-width : 731px) and (max-height: 411px) {
    #menutop.menu-active #pdRight .logo #search-id ul.dropdown-menu.dropdown-search {
        right: 32.5% !important;
    }

    #menutop #pdRight .logo #search-id ul.dropdown-menu.dropdown-search {
        right: 32.5% !important;
    }
}

.row.display-inline {
    /*background-color: #e5e5e5;*/
    justify-content: center;
    justify-items: center;
    position: relative;
    margin: 0 auto;
}


.col-lg-2.col-sm-3.col-3.btn-status {
    align-items: center;
    justify-content: center;
    justify-items: center;
    text-align: center;
    margin: auto;
    height: 43px !important;
    width: 43px !important;
}

.col-lg-1.col-sm-1.col-1.icon-bell {
    align-items: center;
    justify-content: center;
    justify-items: center;
    text-align: center;
    margin: auto;
}

i.far.fa-envelope-open.span-btn-status-k {
    color: #b74b2b;
}

.k-1 {
    color: #b74b2b;
}

.gt-1 {
    color: rgb(245 13 13);
}

.ks-1 {
    color: rgb(255 228 236);
}

row.display-inline.search-line {
    justify-content: center;
    justify-items: center;
    position: relative;
    margin: 0 auto;
}

.col-lg-2.col-sm-3.col-3.btn-status {
    align-items: center;
    justify-content: center;
    justify-items: center;
    text-align: center;
    margin: auto;
    height: 43px !important;
    width: 43px !important;
}