.body-content.active {
    margin-left: 26%;
}

.body-content {
    margin-left: 5%;
    padding-top: 56px;
    margin-right: 2%;
}

/* Header panel */
.header-nav {
    margin-bottom: 0;
    background: #FFFFFF;
    height: 60px;
    position: fixed;
    width: 100%;
    border-bottom: 1px solid rgb(217, 217, 217);
}

.navbar-top-links li {
    display: inline-block;
}

.navbar-right {
    float: right !important;
    margin-right: 20px;
}

.header-image {
    padding: 4.5px;
    display: block;
}

.postion-item {
    line-height: 50px;
}

.header-right-item {
    float: left;
    margin-right: 0;
}

.dropdown-menu > li > a:hover {
    background-color: none !important;
}

/* Menu left */
#myMenuNav.active {
    display: block;
    padding-top: 5px;
    width: 20%;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: rgb(217, 217, 217);
}

.sub-menu {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 50px;
    /*2022/12/02 9371 Thanh-Nguyent MOD START*/
    /*left: 50px;*/
    left: 51px;
    /*2022/12/02 9371 Thanh-Nguyent MOD END*/
    background-color: #F8F9F8;
    overflow: hidden;
    border-right: 0;
}

.sub-menu a {
    padding: 8px;
    text-decoration: none;
    font-size: 14px;
    color: #818181;
    display: block;
    text-align: left;
}

.nav-sidebar-left-color {
    position: fixed;
    left: 0px;
    top: 0;
    bottom: 0;
    /*2022/12/02 9371 Thanh-Nguyent MOD START*/
    /*width: 50px;*/
    width: 51px;
    /*2022/12/02 9371 Thanh-Nguyent MOD END*/
    margin-top: 50px;
    border-right: 1px solid rgb(217, 217, 217);
}

.menu {
    position: relative;
    width: 100%;
    text-align: center;
}

.menu a.menu-item-right {
    margin-top: 3px;
    cursor: pointer;
}

.menu .img-menu:first-child {
    margin-top: 0px;
}

.menu a {
    /*2022/12/02 9371 Thanh-Nguyent DEL START*/
    /*padding: 8px;*/
    /*2022/12/02 9371 Thanh-Nguyent DEL END*/
    text-decoration: none;
    font-size: 14px;
    color: #818181;
    display: block;
}

.menu-item-right {
    position: absolute;
    right: 0;
    margin-right: 31px;
}

.format-title {
    font-size: 11px !important;
    word-break: break-all;
}

@media screen and (min-width: 1200px) {
    .format-title {
        font-size: 0.85vw !important;
        word-break: break-all;
    }
}

@media screen and (min-width: 2000px) {
    .format-title {
        font-size: 17px !important;
        word-break: break-all;
    }
}

.nav {
    background-color: none;
}

.activeItemMenu {
    background: #ebebeb;
}

.menu-guide {
    font-weight: bold;
    font-size: 10px;
    position: absolute;
    bottom: 10px;
    margin-left: 5px;
}

#side-menu > li > a {
    padding-left: 20px;
}

.border-bottom {
    font-size: 18px !important;
    border-bottom: 1px solid rgb(217, 217, 217);
    padding-left: 15px !important;
}

/* Css header */
.header-nav {
    margin-bottom: 0;
    background: #FFFFFF;
    height: 60px;
    position: fixed;
    width: 100%;
    border-bottom: 1px solid rgb(217, 217, 217);
}

.nav.navbar-top-links li {
    display: inline-block !important;
}

.navbar-right {
    float: right !important;
    margin-right: 20px;
}

.header-image {
    padding: 4.5px;
    display: block;
}

.postion-item {
    line-height: 50px;
}

.header-right-item {
    float: left;
    margin-right: 0;
}

.nav > li > a {
    padding: 9px 7px;
}

/* Login screen */
/*2022/12/07 9371 Thanh-Nguyent MOD START*/
/*
.login {
    padding-top: 90px;
    width: 350px;
    margin: auto;
}
*/
.login {
    margin: auto;
    box-shadow: 4px 0px 25px 2px rgb(0 0 0 / 20%);
    margin-top: 20px;
    width: 320px;
    margin-bottom: 20px;
    margin-top: 90px;
    min-height: 489px;
    background-color: white;
    display: inline-block;
}
/*2022/12/07 9371 Thanh-Nguyent MOD END*/

.signin {
    text-align: center;
    margin-top: 35px;
    margin-bottom: -5px;
    /*2022/12/07 9371 Thanh-Nguyent ADD START*/
    height: 35px
    /*2022/12/07 9371 Thanh-Nguyent END START*/
}

.btn-signin-color {
    padding: 6px 44px;
    background-color: #80BE24 !important;
    color: rgb(255, 255, 255) !important;
    border: 1px solid transparent;
    border-radius: 5px;
    /*2022/12/07 9371 Thanh-Nguyent ADD START*/
    width: 220px;
    font: normal normal medium 14px/30px Noto Sans JP;
    font-family: 'Noto Sans JP', sans-serif !important;
    /*2022/12/07 9371 Thanh-Nguyent ADD END*/
}

label.css-label {
    display: inline-block;
    line-height: 20px; 
    background-repeat: no-repeat; 
    background-position: 0 0;
    font-size: 12px;
    color: #3A3A3A;
    vertical-align: middle; 
    cursor: pointer; 
    margin-bottom: 11px; 
    font-weight: normal;
}

.btn-office {
    width: 50px;
    height: 50px;
    border: 1px solid;
    border-color: rgb(187, 179, 179);
    border-radius: 50px;
    text-align: center;
    white-space: nowrap;
    font-size: 0;
    vertical-align: top;
    float: left;
}

.icon-office365 {
    width: 20px;
    height: 22px;
}

.input-border {
    border: none;
    /*2022/12/07 9371 Thanh-Nguyent MOD START*/
    /* border-radius: 4px !important;*/
    font-size: 16px;
    font: normal normal normal 16px/30px normal;
    /*2022/12/07 9371 Thanh-Nguyent MOD END*/
}

/*2022/12/07 9371 Thanh-Nguyent MOD START*/
/*.input-login {
    padding:0px
}*/
.input-email {
    padding: 0px
}
/*2022/12/07 9371 Thanh-Nguyent MOD END*/

.radius-border {
    border: 1px solid #ccc;
    border-radius: 5px;
}

.label-footer {
    width: 100%;
    margin-top: 7px;
    margin-bottom: 7px;
    text-align: center;
}

/* Top screen css */
.boderunder-format {
    border-top: 1px solid #ccc;
    margin-top: 5px;
    margin-bottom: 11px;
}

.title-list {
    text-align: left;
    padding-left: 5px;
    font-weight: bold;
    margin-top:10px;
}

.border-left {
    border-left: 4px solid #80BE24;
}

#dropdownUser > li > a:hover {
    background-color: #FFFFFF;
}

#navbar {
    background-color: #ffffff;
    border-bottom: 1px solid #eee;
}

/* Top page */
.border-bottom-tab {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 4px solid #80BE24 !important;
}

.nav-tabs > li.active > a:hover {
    background-color: #FFFFFF;
}

.footer-text {
    font-weight: bold;
    text-decoration: underline;
    color: black;
}

#menuTab > a:hover {
    background-color: red;
}

#menuTab > .nav-tabs > li:last-child > a:hover {
    border-color: #fff #fff #ddd #fff;
    background-color: #fff;
}

.panel-chart {
    height: 375px;
    border-radius: 15px;
    border: 2px solid #7F7F7F;
}

.panel-heading-chart {
    background-color: #fff !important;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom: 2px solid transparent;
}

@media screen and (max-width: 970px) {
    #contentChart {
        margin-left:25px
    }
}

#myMenuNav.active {
    display: block;
    padding-top: 5px;
    width: 20%;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: rgb(217, 217, 217);
}

.body-content.active {
    margin-left: 25%;
}

#myMenuNav div.active {
    display: block !important;
}

.select-connectionid {
    float: right;
    max-width: 200px;
}

.title-top {
    color: #949BA0;
    text-decoration: none;
    font-size: 17px;
}

.navbar-top-links li{
    display: inline-block !important;
}

.nav-tabs > li {
    height: 40px
}

.contentHelp {
    margin-top: 20px;
    /* 2019/02/25 FJN Cuu-LV  MOD START */
    /*margin-left: 30px;*/
    margin-left: 20px;
    /* 2019/02/25 FJN Cuu-LV  MOD START */
}

#menuHelp {
    top: 50px;
    /*2020/12/11 8090 Fix bug Huy-ng MOD start*/
    /*    background-color: #BFBFBF;*/
    /*    width: 290px;*/
    /*    height: 100%;*/
    /*2022/12/14 9371 Vuong-LV DEL Start*/
    /*height: 1190px;*/
    /*2022/12/14 9371 Vuong-LV DEL End*/
    /*2022-12-05 9371 Thanh-Nguyent MOD START*/
    /*background: #F5F5F5 0% 0% no-repeat padding-box;
    border: 1px solid #BFBFBF;*/
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0 0 10px #ccc;
    /*2022-12-05 9371 Thanh-Nguyent MOD END*/
    width: 300px;
    /*2020/12/11 8090 Fix bug Huy-ng MOD end*/
    position: fixed;
    right: 0;
    float: right !important;
    font-size: 20px;
}

.classImage {
    /*2022-12-05 9371 Thanh-Nguyent DEL START*/
    /*background-color: #BFBFBF;*/
    /*2022-12-05 9371 Thanh-Nguyent DEL END*/
    line-height: 25px;
    height: 40px
}

.classDetail {
    /*2022-12-05 9371 Thanh-Nguyent MOD START*/
    /*padding: 25px 20px;*/
    color: #777777;
    /*2022/12/14 9371 Vuong-LV MOD Start*/
    /*padding: 15px 20px;*/
    padding: 0px 20px 25px 20px;
    /*2022/12/14 9371 Vuong-LV MOD End*/
    /*2022-12-05 9371 Thanh-Nguyent MOD START*/
    font-size: 17px;
}

.close-menu {
    float: right;
    /*2022/12/02 9371 Thanh-Nguyent DEL START*/
    /*margin-right: 20px;*/
    /*2022/12/02 9371 Thanh-Nguyent DEL END*/
    cursor: pointer;
    font-weight: bold;
}

.btn-submit-intell,
.btn-submit-intell:hover,
.btn-submit-intell:focus,
.btn-submit-intell:disabled {
    color: #FFFFFF;
    background-color: #403D3C;
    outline: none !important;
    box-shadow: none;
    opacity: 1;
}

.btn-cancel-intell,
.btn-cancel-intell:hover,
.btn-cancel-intell:focus,
.btn-cancel-intell:disabled {
    color: #FFFFFF;
    background-color: #AFABAB;
    outline: none !important;
    box-shadow: none;
    opacity: 1;
}

.top-title {
    margin-top: 13px;
    padding-left: 15px;
    text-align: left;
    font-size: 20px;
    font-weight: 500;
}

/* 2018/07/30 FJN Tam-KV - 4020 ADD START */
.validation-summary-errors ul {
    list-style: none;
    margin-left: -40px
}
/* 2018/07/30 FJN Tam-KV - 4020 ADD END */
/* 2019/02/25 FJN Cuu-LV  ADD START */
.hepl_menu-list {
    /*2022-12-05 9371 Thanh-Nguyent DEL START*/
    /*padding-bottom:20px;*/
    /*2022-12-05 9371 Thanh-Nguyent DEL END*/
}
/* 2019/02/25 FJN Cuu-LV ADD END */
/*2020/12/11 8090 Fix bug Huy-ng ADD start*/
.list-help-menu, .list-help-menu-second, .list-help-menu-third {
    font-size: 14px;
    /*2022-12-05 9371 Thanh-Nguyent MOD START*/
    /*margin-left: -15px;*/
    margin-left: -38px;
    /*2022-12-05 9371 Thanh-Nguyent MOD END*/
    font-weight: 100;
    font: normal normal 14px/22px Noto Sans JP;
}
    .list-help-menu li, .list-help-menu-second li {
        cursor: pointer;
        /*2022/12/14 BL9317 Vuong-LV MOD Start*/
        /*padding-bottom: 11px;*/
        padding-bottom: 10px;
        /*2022/12/14 BL9317 Vuong-LV MOD End*/
    }
/*2020/12/11 8090 Fix bug Huy-ng ADD end*/

/*2022-12-05 9371 Thanh-Nguyent ADD START*/
.itrlogo {
    margin: 13px 10px 10px 10px;
    height: 24px;
    border: none;
}

.manual-menu {
    /* UI Properties */
    text-align: left;
    font: normal normal 14px/35px Noto Sans JP;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
    font-weight: 600;
}

li {
    list-style-type: none;
}

.li-content-menu {
    text-align: left;
    font: normal normal normal 14px/20px Noto Sans JP;
    letter-spacing: 0px;
    color: #777777;
    opacity: 1;
}

.span-content-menu {
    float: right;
    /*2022/12/14 BL9317 Vuong-LV MOD Start*/
    /*margin-top: 15px;*/
    margin-top: 10px;
    /*2022/12/14 BL9317 Vuong-LV MOD End*/
    font-weight: 100;
    font: normal normal normal 14px/20px Noto Sans JP;
    letter-spacing: 0px;
    color: #777777;
    opacity: 1;
}
/*2022/12/14 BL9371 Vuong-LV DEL start*/
/*.li-content-menu1 {*/
    /*padding-right: 41px;*/
    /*padding-right: 42px;*/
/*}

.li-content-menu2 {
    padding-right: 100px
}

.li-content-menu3 {
    padding-right: 61px
}

.li-content-menu4 {
    padding-right: 95px
}

.li-content-menu5 {
    padding-right: 115px
}*/
/*2022/12/14 BL9371 Vuong-LV DEL end*/
.border-content-menu {
    /*2022/12/14 BL9371 Vuong-LV MOD start*/
    /*border-top: 1px solid #ccc;*/
    border-top: 1px solid #D0D0D0;
    /*2022/12/14 BL9371 Vuong-LV MOD end*/
    margin-top: 20px;
    margin-bottom: 20px;
}

.menu-open-link {
    margin-top: 7px;
    font-size: 10px;
    float: right;
}

.img-circle-dashboard
{
    margin-bottom:5px
}

.tooltipschart {
    position: relative;
    display: inline-block;
}

.tooltipschart .tooltiptext {
    visibility: hidden;
    width: 220px;
    background-color: #666666;
    color: #fff;
    text-align: justify;
    border-radius: 6px;
    padding: 10px 10px;
    position: absolute;
    z-index: 1;
    top: -80%;
    right: -20%;
    left: 160%;
    font: normal normal normal 12px/12px Noto Sans;
    white-space: pre-line;
    line-height: 1.5;
}

.tooltipschart .tooltiptext_activeusers {
    visibility: hidden;
    width: 225px;
    background-color: #666666;
    color: #fff;
    text-align: justify;
    border-radius: 6px;
    padding: 10px 10px;
    position: absolute;
    z-index: 1;
    top: -80%;
    right: -20%;
    left: 160%;
    font: normal normal normal 12px/12px Noto Sans;
    white-space: pre-line;
    line-height: 1.5;
}

.tooltipschart:nth-child(2) .tooltiptext::after {
    content: "";
    position: absolute;
    right: 100%;
    bottom: calc(47% + -2px) !important;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #666666 transparent transparent;
}

.tooltipschart:nth-child(2) .tooltiptext_activeusers::after {
    content: "";
    position: absolute;
    right: 100%;
    bottom: calc(47% + -2px) !important;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #666666 transparent transparent;
}


.tooltipschart:hover .tooltiptext {
    visibility: visible;
}

.tooltipschart:hover .tooltiptext_activeusers {
    visibility: visible;
}

.input-email, .input-password {
    /*   margin: 0px 4px;*/
    display: block;
    border: none;
    /* padding: 10px 0;*/
    border-bottom: solid 1px;
    border-bottom-color: #aaaaaa;
}

    .input-email input, .input-password input {
        height: 25px;
        width: 100%;
        background-color: transparent !important;
        padding: 0;
        outline: none;
        font: normal normal normal 14px/30px Noto Sans JP;
        font-family: 'Noto Sans JP', sans-serif !important;
    }

.label-email, .label-password {
    height: 100%;
    width: 100%;
    text-align: left;
    font: normal normal normal 14px/30px Noto Sans JP;
    letter-spacing: 0px;
    color: #666666;
    opacity: 1;
    font-family: 'Noto Sans JP', sans-serif !important;
    font-weight: 600;
}

.input-email, .input-password {
    font: normal normal normal 12px/30px Noto Sans JP;
    font-family: 'Noto Sans JP', sans-serif !important;
    letter-spacing: 0px;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: darkgray;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: darkgray;
}

:-ms-input-placeholder { /* Microsoft Edge */
    color: darkgray;
}

.arrow-right-item {
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #1EB0F0;
    float: left;
    margin-top: 9px;
}

.div-login-auto-login {
    text-align: left;
    margin-left: 6px;
    margin-top: 15px;
}

.login-link-text {
    font-weight: 400 !important;
    color: #888888 !important;
    margin-bottom: 0px;
    font: normal normal normal 14px/30px Noto Sans JP;
    font-family: 'Noto Sans JP', sans-serif !important;
}

.btn-signin-o365-color {
    padding: 6px 0px;
    background-color: white !important;
    color: #80BE24 !important;
    border: 1px solid transparent;
    border-radius: 5px;
    width: 220px;
    border-color: #80BE24 !important;
    font: normal normal medium 14px/30px Noto Sans JP;
    font-family: 'Noto Sans JP', sans-serif !important;
}

.border-line {
    left: 16px;
    margin-top: 20px;
    border: 1px solid #E8E8E8;
    opacity: 1;
    right: 10px;
    width: 285px;
}

.term-text {
    text-align: left;
    font: normal normal normal 12px/50px Noto Sans JP;
    letter-spacing: 0px;
    color: #7DB221;
    opacity: 1;
    display: inline-block
}

.li-content-menu span:hover {
    text-decoration: underline;
    color: #72afd2;
}

.span-content-menu a:hover {
    text-decoration: underline;
    color: #72afd2;
}

.list-help-menu-third li:hover {
    text-decoration: underline;
    color: #72afd2;
}
/*2022-12-05 9371 Thanh-Nguyent ADD END*/
/*2023-04-04 9400 thanh-nguyent add-start*/
.month-picker .ui-button-text {
    padding-right: 32px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.month-picker-title .ui-button-text {
    padding: 0;
    margin-left: 30px;
}

.month-picker-month-table {
    width: 100%;
}

    .month-picker-month-table td {
        height: 50px;
        text-align: center;
    }

    .month-picker-month-table .ui-button {
        width: 5.0em;
        margin: .2em;
    }

.csv-export {
    width: 40px;
    height: 20px;
    float: right
}
.exportcsvt-span {
    float: right;
    margin-right: 25px;
    cursor: pointer;
}

    .exportcsvt-span:hover {
        text-decoration: underline;
    }
/*2023-04-04 9400 thanh-nguyent add-end*/

/*2023-07-27 8968 thanh-nguyent add-start*/
.img-circle-search {
    height: 19px;
    margin: 32px 0px 0px 10px;
}

.tooltipschart-search {
    position: relative;
    display: inline-block;
}

    .tooltipschart-search .tooltiptext_search {
        visibility: hidden;
        width: 248px;
        background-color: #666666;
        color: #fff;
        text-align: justify;
        border-radius: 6px;
        padding: 10px 10px;
        position: absolute;
        z-index: 1;
        top: 30%;
        right: -20%;
        left: 130%;
        font: normal normal normal 12px/12px Noto Sans;
        white-space: pre-line;
        line-height: 1.5;
    }

        .tooltipschart-search .tooltiptext_search::after {
            content: "";
            position: absolute;
            right: 100%;
            bottom: calc(47% + -2px) !important;
            border-width: 5px;
            border-style: solid;
            border-color: transparent #666666 transparent transparent;
        }

    .tooltipschart-search:hover .tooltiptext_search {
        visibility: visible;
    }

.divProcessing_search {
    position: absolute;
    padding-top: 70px;
    text-align: center;
    width:100%;
}

.loadingText_search{
    color:#333;
    font-size:14px;
}

.tbody-sparkline-top-search-opacity {
    opacity : 0.3;
}
/*2023-07-27 8968 thanh-nguyent add-end*/
/*2024/08/23 quang-nt2 BL9622 ADD START*/
.help-menu-mini-title {
    color: #333333;
    font-size: 14px
}

    .help-menu-mini-title.help-menu-title-use {
        margin-top: 50px;
    }

    .help-menu-mini-title.help-menu-title-support-manual {
        margin-top: 15px;
    }

.help-menu-list-item-link {
    cursor: pointer;
}

.help-menu-list-item-link-img {
    width: 5px;
    height: 5px;
}

.help-menu-list-item-link.discoveries-support-site{
    padding-bottom: 10px;
}
/*2024/08/23 quang-nt2 BL9622 ADD END*/