/**
 * Voffice 2.0 Home theme
 * @author TruongTX5
 * @license Viettel Group
 */
/*****************************Variables**************************** */
/**
 * Voffice 2.0 Variables
 * @author TruongTX5
 * @license Viettel Group
 */
/*****************************Variables**************************** */
/*****************************Mix-ins**************************** */
/**
 * Voffice 2.0 Mix-ins
 * @author TruongTX5
 * @license Viettel Group
 */
/**
 * Voffice 2.0 Variables
 * @author TruongTX5
 * @license Viettel Group
 */
/*****************************Variables**************************** */
/*****************************Mix-ins**************************** */
/*****************************Home**************************** */
.portal-container {
    /*background: url(../images/home.png) no-repeat;*/
    background-color: #EDEEF0;
}
.portal-container .portal-row {
    min-height: 130px;
    
}
.portal-container .portal-row .portal-col {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    display: inline-block;
    min-height: 200px;
    vertical-align: top;
    border: 2px dashed transparent;
    margin-left: 10px;
}
.portal-container .portal-row .portal-col.portal-col-holder {
    border: 2px dashed #ccc;
}
.portal-container .portal-widget {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 6px;
    /*box-shadow: 0px 2px 15px 0px #00000026;*/
    background: #ffffff;
}
.portal-container .portal-widget .portal-widget-header {
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
}
.portal-container .portal-widget .portal-widget-header .portal-widget-header-breaker {
    margin: 0 5px;
}
.portal-container .portal-widget .portal-widget-title {
    padding: 16px 0px 10px 0px;
    margin: 12px 20px;
    border-bottom: 1px solid #E6E6E6;
    display: flex;
}
.portal-container .portal-widget .portal-widget-title:hover {
    cursor: move;
}
.portal-container .portal-widget .portal-widget-title .z-label {
    font-size: 15px;
    text-transform: uppercase;
}
.portal-container .portal-widget .portal-widget-content {
    min-height: 90px;
}
/* .portal-container .portal-widget .portal-widget-content .portal-widget-content-panel {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    padding: 10px 20px;
} */
.portal-container .portal-widget .portal-widget-content .portal-widget-content-panel .no-result {
    font-style: italic;
    text-align: center;
    margin-bottom: 12px;
    width: 100%;
}
.portal-container .portal-widget .portal-widget-content .portal-widget-content-panel .no-result .z-label {
    color: #262626;
}
/* -------------------------Widget Mission Directors----------------------------------- */
/* .portal-container .portal-widget.widget-mission-directors {
    background-color: #FFFFFF;
} */
.portal-container .portal-widget.widget-mission-directors .portal-widget-title .z-label {
    color: #262626;
    font-weight: 600;
}
.portal-container .portal-widget.widget-mission-directors .wg-mission-director-separator {
    width: calc(100% - 20px);
    margin: 0 10px 10px;
    margin-top: 8px;
    text-align: left;
    position: relative;
}

.portal-container .portal-widget.widget-mission-directors .wg-mission-director-separator-title.z-label {
    color: #262626;
    font-size: 14px;
    position: relative;
    background: #FFFFFF;
    padding-right: 10px;
    font-weight: 600;
}
.portal-container .portal-widget.widget-mission-directors .wg-mission-director-container {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    margin: 0px 0px 15px 15px;
    display: inline-block;
    position: relative;
}
.portal-container .portal-widget.widget-mission-directors .wg-mission-director-container:hover {
    cursor: pointer;
}
.portal-container .portal-widget.widget-mission-directors .wg-mission-director-image {
    text-align: center;
}
.portal-container .portal-widget.widget-mission-directors .wg-mission-director-image img {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    width: 60px;
    height: 60px;
    border: 1px #D1D1D1 solid;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: 0 0;
}
.portal-container .portal-widget.widget-mission-directors .wg-mission-director-stats {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    border-radius: 13px;
    -webkit-transform: translateX(20%) translateY(-20%);
    -moz-transform: translateX(20%) translateY(-170%);
    -ms-transform: translateX(20%) translateY(-170%);
    -o-transform: translateX(20%) translateY(-170%);
    transform: translateX(20%) translateY(-170%);
    text-align: center;
    position: absolute;
    bottom: -42px;
    right: 4px;
    background: #B9000E;
    min-width: 24px;
    height: 24px;
    padding: 1px;
    vertical-align: middle;
    line-height: 24px;
}
.portal-container .portal-widget.widget-mission-directors .wg-mission-director-stats .z-label {
    color: #FFFFFF;
    font-size: 14px;
    font-family: Inter;
}
/* -------------------------Widget Documents----------------------------------- */
/* .portal-container .portal-widget.widget-documents {
    background-color: #FFFFFF;
} */
.portal-widget-content-panel {
    padding: 5px;
}
.portal-container .portal-widget.widget-documents .portal-widget-title .z-label {
    color: #262626;
    font-weight: 600;
}
/* -------------------------Widget Custom Missions----------------------------------- */
.portal-container .portal-widget.wg-custom-missions {
    background-color: #fff;
}
.portal-container .portal-widget.wg-custom-missions .portal-widget-content-panel {
    padding: 5px;
}
.portal-container .portal-widget.wg-custom-missions .portal-widget-title .z-label {
    color: #262626;
}

/* -------------------------Widget Custom Tasks----------------------------------- */
.portal-container .portal-widget.wg-custom-tasks {
    background-color: #fff;
}
.portal-container .portal-widget.wg-custom-tasks .portal-widget-content-panel {
    padding: 5px;
}
.portal-container .portal-widget.wg-custom-tasks .portal-widget-title .z-label {
    color: #262626;
}

/* -------------------------Widget Custom Meetings----------------------------------- */
.portal-container .portal-widget.wg-custom-meetings {
    background-color: #fff;
}
.portal-container .portal-widget.wg-custom-meetings .portal-widget-content-panel {
    padding: 5px;
}
.portal-container .portal-widget.wg-custom-meetings .portal-widget-title .z-label {
    color: #262626;
}

/* -------------------------Widget Block Stats----------------------------------- */
.portal-container .portal-widget .wg-block-stats-container {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    width: calc(50% - 23px);
    margin: 0px 0px 12px 15px;
    float: left;
    border-style: solid;
    border-width: 0px;
    border-color: #D1D1D1;
    background-color: #FBEEEE;
}

.portal-container .portal-widget.widget-mission-org .portal-widget-content-panel > div,
.portal-container .portal-widget.widget-mission-dept .portal-widget-content-panel > div{
    display: flex;
    flex-wrap: wrap;
}

.portal-container .portal-widget.widget-mission-dept .wg-block-stats-container,
.portal-container .portal-widget.widget-mission-org .wg-block-stats-container,
.portal-container .portal-widget.widget-tasks .wg-block-stats-container {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 999px;
    width: calc(50% - 23px);
    margin: 0px 0px 12px 15px;
    float: left;
    border-style: solid;
    border-width: 0px;
    border-color: #D1D1D1;
    background-color: #F3F4F6;
    padding: 0 12px;
    display: flex;
    align-items: center;
}

.portal-container .portal-widget.widget-mission-dept .wg-block-stats-container:after,
.portal-container .portal-widget.widget-mission-org .wg-block-stats-container:after,
.portal-container .portal-widget.widget-tasks .wg-block-stats-container:after {
    content: url(../images/iconp-tw/icon/check.svg);
}

.fa-focus:before {
    content: url(../images/iconp-tw/icon/focus.svg);
}

.fa-save-to-brief:before {
    content: url(../images/iconp-tw/icon/save-to-brief.svg);
}


.portal-container .portal-widget .wg-block-stats-container:last-child {
    margin-bottom: 0;
}
.portal-container .portal-widget .wg-block-stats-container > div {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    padding: 10px 5px 10px 0;
    width: 100%;
    height: 100%;
}
.portal-container .portal-widget .wg-block-stats-container > div:hover {
    cursor: pointer;
}
.portal-container .portal-widget .wg-block-stats-container > div > div {
    display: table-cell;
}
.portal-container .portal-widget .wg-block-stats-container .z-label {
    color: #262626;
}
.portal-container .portal-widget .wg-block-stats-container .wg-block-stats-icon {
    width: 80px;
    vertical-align: middle;
    text-align: center;
}
.portal-container .portal-widget .wg-block-stats-container .wg-block-stats-icon-container {
    width: 48px;
    height: 48px;
    margin: 0 auto;
    position: relative;
    border-radius: 10px;
    background-color: #B9000F;
    display: flex;
    align-items: center;
    justify-content: center;    
}
/*.portal-container .portal-widget .wg-block-stats-container .wg-block-stats-icon-container.wg-blue {*/
/*    background-color: #D9F2FF;*/
/*}*/
/*.portal-container .portal-widget .wg-block-stats-container .wg-block-stats-icon-container.wg-red {*/
/*    background-color: #FFE4EA;*/
/*}*/
/*.portal-container .portal-widget .wg-block-stats-container .wg-block-stats-icon-container.wg-green {*/
/*    background-color: #E1FFE6;*/
/*}*/
/*.portal-container .portal-widget .wg-block-stats-container .wg-block-stats-icon-container.wg-purple {*/
/*    background-color: #F1E7FF;*/
/*}*/

.portal-container .portal-widget .wg-block-stats-container:has(.wg-toi-tao) {
    background-color: #FBEEEE;
}

.portal-container .portal-widget .wg-block-stats-container:has(.wg-nhan-duoc) {
    background-color:  #E4EDFA;;
}

.portal-container .portal-widget .wg-block-stats-container:has(.wg-chuyen-di) {
    background-color: #E7F3EE;
}
.portal-container .portal-widget .wg-block-stats-container:has(.wg-chua-doc) {
    background-color: #FEF7EB;
}
.portal-container .portal-widget .wg-block-stats-container:has(.wg-tra-loi) {
    background-color: #F3F4F6;
}
.portal-container .portal-widget .wg-block-stats-container:has(.wg-lich-hop) {
    background-color: #FBEEEE;
}








.portal-container .portal-widget .wg-block-stats-container .wg-block-stats-icon-main {
    position: relative;
    width: 30px;
    height: 30px;
    
}



.widget-documents .wg-block-stats-container .wg-block-stats-icon-container {
    width: 48px;
    height: 48px;
    margin: 0 auto;
    position: relative;
    border-radius: 10px;
    background-color: #ffffff17 !important;
    border: 1px solid rgba(255, 255, 255, 0.60);
    display: flex;
    align-items: center;
    justify-content: center;
}
.widget-submissions .portal-widget-content-panel,
.widget-grasp-situation .portal-widget-content-panel,
.widget-requisitions .portal-widget-content-panel,
.widget-documents .portal-widget-content-panel{
    display: flex;
    flex-wrap: wrap;
}

.portal-container .portal-widget .wg-block-stats-container .wg-block-stats-icon-main.wg-ky-duyet {
    content: url(../images/iconp-tw/ky_duyet.svg);
}
.portal-container .portal-widget .wg-block-stats-container .wg-block-stats-icon-main.wg-out-cho-xu-ly {
    content: url(../images/iconp-tw/out_cho_xu_ly.svg);
}
.portal-container .portal-widget .wg-block-stats-container .wg-block-stats-icon-main.wg-out-da-qua-han {
    content: url(../images/iconp-tw/out_da_qua_han.svg);
}
.portal-container .portal-widget .wg-block-stats-container .wg-block-stats-icon-main.wg-out-cho-xet-duyet {
    content: url(../images/iconp-tw/out_cho_xet_duyet.svg);
}
.portal-container .portal-widget .wg-block-stats-container .wg-block-stats-icon-main.wg-out-cho-cap-so {
    content: url(../images/iconp-tw/out_cho_cap_so.svg);
}
.portal-container .portal-widget .wg-block-stats-container .wg-block-stats-icon-main.wg-out-da-xu-ly {
    content: url(../images/iconp-tw/out_da_xu_ly.svg);
}
.portal-container .portal-widget .wg-block-stats-container .wg-block-stats-icon-main.wg-out-chua-ban-hanh {
    content: url(../images/iconp-tw/out_chua_ban_hanh.svg);
}


.portal-container .portal-widget .wg-block-stats-container .wg-block-stats-icon-main.wg-in-cho-xu-ly {
    width: 48px;
    height: 48px;
    content: url(../images/iconp-tw/in_cho_xu_ly.svg);
}
.portal-container .portal-widget .wg-block-stats-container .wg-block-stats-icon-main.wg-in-sap-den-han-xu-ly {
    width: 48px;
    height: 48px;
    content: url(../images/iconp-tw/in_sap_den_han_xu_ly.svg);
}
.portal-container .portal-widget .wg-block-stats-container .wg-block-stats-icon-main.wg-in-qua-han-xu-ly {
    width: 48px;
    height: 48px;
    content: url(../images/iconp-tw/in_qua_han_xu_ly.svg);
}
.portal-container .portal-widget .wg-block-stats-container .wg-block-stats-icon-main.wg-in-cho-tiep-nhan {
    width: 48px;
    height: 48px;
    content: url(../images/iconp-tw/in_cho_tiep_nhan.svg);
}
.portal-container .portal-widget .wg-block-stats-container .wg-block-stats-icon-main.wg-in-yc-tra-loi {
    width: 48px;
    height: 48px;
    content: url(../images/iconp-tw/in_yc_tra_loi.svg);
}
.portal-container .portal-widget .wg-block-stats-container .wg-block-stats-icon-main.wg-in-bi-tra-lai {
    width: 48px;
    height: 48px;
    content: url(../images/iconp-tw/in_bi_tra_lai.svg);
}
.portal-container .portal-widget .wg-block-stats-container .wg-block-stats-icon-main.wg-in-chua-hoan-thanh {
    width: 48px;
    height: 48px;
    content: url(../images/iconp-tw/in_chua_hoan_thanh.svg);
}
.portal-container .portal-widget .wg-block-stats-container .wg-block-stats-icon-main.wg-in-da-hoan-thanh {
    width: 48px;
    height: 48px;
    content: url(../images/iconp-tw/in_da_hoan_thanh.svg);
}

.portal-container .portal-widget .wg-block-stats-container .wg-block-stats-icon-main.wg-in-nhan-de-biet {
    width: 48px;
    height: 48px;
    content: url(../images/iconp-tw/in_nhan_de_biet.svg);
}

.portal-container .portal-widget .wg-block-stats-container:has(.wg-in-cho-xu-ly),
.portal-container .portal-widget .wg-block-stats-container:has(.wg-in-cho-tiep-nhan){
    background-color: #E4EDFA;
    border-color: #D8E5F8;
    border-width: 1px;
}
.portal-container .portal-widget .wg-block-stats-container:has(.wg-in-sap-den-han-xu-ly) {
    background-color: #FFF1D9;
    border-color: #FFECCB;
    border-width: 1px;
}
.portal-container .portal-widget .wg-block-stats-container:has(.wg-in-qua-han-xu-ly),
.portal-container .portal-widget .wg-block-stats-container:has(.wg-in-bi-tra-lai) {
    background-color: #FBEEEE;
    border-color: #F9E6E6;
    border-width: 1px;
}
.portal-container .portal-widget .wg-block-stats-container:has(.wg-in-yc-tra-loi),
.portal-container .portal-widget .wg-block-stats-container:has(.wg-in-nhan-de-biet){
    background-color: #D6D8DC;
    border-color: #E1F0E3;
    border-width: 1px;
}
.portal-container .portal-widget .wg-block-stats-container:has(.wg-in-da-hoan-thanh){
    background-color: #EBF7EC;
    border-color: #E1F0E3;
    border-width: 1px;
}
.portal-container .portal-widget .wg-block-stats-container:has(.wg-in-chua-hoan-thanh) {
    background-color: #F8EEFB;
    border-color: #FFE0FE;
    border-width: 1px;
}
.portal-container .portal-widget .wg-block-stats-container:has(.wg-in-cho-xu-ly) {
    background-color: #E4EDFA;
    border-color: #D8E5F8;
    border-width: 1px;
}
.portal-container .portal-widget .wg-block-stats-container:has(.wg-in-cho-xu-ly) {
    background-color: #E4EDFA;
    border-color: #D8E5F8;
    border-width: 1px;
}




.portal-container .portal-widget .wg-block-stats-container .wg-block-stats-icon-main.wg-xet-duyet {
    content: url(../images/iconp-tw/xet_duyet.svg);
}
.portal-container .portal-widget .wg-block-stats-container .wg-block-stats-icon-main.wg-ky-nhay {
    content: url(../images/iconp-tw/ky_nhay.svg);
}
.portal-container .portal-widget .wg-block-stats-container .wg-block-stats-icon-main.wg-ban-hanh {
    content: url(../images/iconp-tw/ban_hanh.svg);
}
.portal-container .portal-widget .wg-block-stats-container .wg-block-stats-icon-main.wg-toi-tao {
    content: url(../images/iconp-tw/toi_tao.svg);
}
.portal-container .portal-widget .wg-block-stats-container .wg-block-stats-icon-main.wg-nhan-duoc {
    content: url(../images/iconp-tw/nhan_duoc.svg);
}
.portal-container .portal-widget .wg-block-stats-container .wg-block-stats-icon-main.wg-chuyen-di {
    content: url(../images/iconp-tw/chuyen_di.svg);
}
.portal-container .portal-widget .wg-block-stats-container .wg-block-stats-icon-main.wg-chua-doc {
    content: url(../images/iconp-tw/chua_doc.svg);
}
.portal-container .portal-widget .wg-block-stats-container .wg-block-stats-icon-main.wg-tra-loi {
    content: url(../images/iconp-tw/tra_loi.svg);
}

.portal-container .portal-widget .wg-block-stats-container .wg-block-stats-icon-main.wg-lich-hop {
    content: url(../images/iconp-tw/lich_hop.svg);
}

.portal-container .portal-widget .wg-block-stats-container .wg-block-stats-icon-sub {
    position: absolute;
    font-size: 16px;
    top: 28px;
    left: 22px;
    color: #fff;
}
.portal-container .portal-widget .wg-block-stats-container .wg-block-stats-info {
    position: relative;
    /*height: 60px;*/
}

.i.i-site-map:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: currentColor; /* Controls icon color */
    mask-image: url('../images/iconp-tw/icon/sitemap.svg');
    mask-repeat: no-repeat;
    mask-size: contain;
}




.portal-container .portal-widget.widget-mission-dept .wg-block-stats-container .wg-block-stats-info,
.portal-container .portal-widget.widget-mission-org .wg-block-stats-container .wg-block-stats-info,
.portal-container .portal-widget.widget-tasks .wg-block-stats-container .wg-block-stats-info {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 8px;
    font-weight: 500;
}


.portal-container .portal-widget.widget-mission-dept .wg-block-stats-container .wg-block-stats-stats .z-label,
.portal-container .portal-widget.widget-mission-org .wg-block-stats-container .wg-block-stats-stats .z-label,
.portal-container .portal-widget.widget-tasks .wg-block-stats-container .wg-block-stats-stats .z-label {
    font-size: 20px;
}

/*
.portal-container .portal-widget .wg-block-stats-container .wg-block-stats-title {
    position: absolute;
    top: 0;
    left: 0;
}
*/
.portal-container .portal-widget .wg-block-stats-container .wg-block-stats-title .z-label {
    color: #545454;
    /* Body-Inter/Medium 15 */
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 120% */
}
/*
.portal-container .portal-widget .wg-block-stats-container .wg-block-stats-stats {
    position: absolute;
    bottom: 0;
    left: 0;
}
*/
.portal-container .portal-widget .wg-block-stats-container .wg-block-stats-stats .z-label {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
/* -------------------------Widget Task----------------------------------- */
/* .portal-container .portal-widget.widget-task {
    background-color: #FFFFFF;
} */
/* .portal-container .portal-widget.widget-task .portal-widget-content {
    padding: 5px;
} */
/* .portal-container .portal-widget.widget-task .portal-widget-content .portal-widget-content-panel {
    padding: 5px 10px 0px 5px;
} */
.portal-container .portal-widget.widget-task .portal-widget-title .z-label {
    color: #262626;
    font-weight: 600;
}
.portal-container .portal-widget.widget-task .wg-block-stats-icon-sub {
    top: 43px;
    left: 17px;
    font-size: 23px;
}

.portal-container .portal-widget.widget-tasks .large-widget {
  width: calc(100% - 30px);
}
/* -------------------------Chart----------------------------------- */
.portal-container .portal-widget .wg-task-total {
    width: 100%;
    display: table;
    padding-bottom: 16px;
    padding-left: calc(15%);
}
.portal-container .portal-widget .wg-task-total > div {
    display: table-cell;
    vertical-align: middle;
}
.portal-container .portal-widget .wg-task-total .wg-task-graph {
    width: 200px;
    height: 200px;
    svg {
        min-height: 200px;
    }
    
}
.portal-container .portal-widget .wg-task-total .wg-task-graph text {
    font-family: Inter !important;
}
.portal-container .portal-widget .wg-task-total .wg-task-legend {
    /*padding-left: 20px;*/
}
.wg-task-legend-container {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    display: table;
    width: 100%;
    padding: 8px;
}
.wg-task-legend-container:hover {
    cursor: pointer;
}
.wg-task-legend-container > div {
    display: table-cell;
    float: left;
    vertical-align: middle;
}
.wg-task-legend-icon {
    width: 18px;
    height: 18px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 14px;
}
.wg-task-legend-name {
    padding-left: 10px;
}
.wg-task-legend-name .z-label {
    color: #262626;
    line-height: 18px;
}
/* -------------------------Widget Mission Department----------------------------------- */
/* .portal-container .portal-widget.widget-mission-dept.widget-task {
    background-color: #FFFFFF;
} */
.portal-container .portal-widget.widget-mission-dept .portal-widget-content {
    padding: 5px;
}
.portal-container .portal-widget.widget-mission-dept .portal-widget-content .portal-widget-content-panel {
    padding: 5px 0 0 0;
}
/* -------------------------Widget Mission Organization----------------------------------- */
/* .portal-container .portal-widget.widget-mission-org.widget-task {
    background-color: #FFFFFF;
} */
.portal-container .portal-widget.widget-mission-org .portal-widget-content {
    padding: 5px;
}
.portal-container .portal-widget.widget-mission-org .portal-widget-content .portal-widget-content-panel {
    padding: 5px 10px 0px 10px;
}
/* -------------------------Widget Year Plan Mission Organization----------------------------------- */
/* .portal-container .portal-widget.widget-year-plan-mission-org.widget-task {
    background-color: #FFFFFF;
} */
.portal-container .portal-widget.widget-year-plan-mission .portal-widget-content {
    padding: 5px;
}
.portal-container .portal-widget.widget-year-plan-mission .portal-widget-content .portal-widget-content-panel {
    padding: 5px 0 0 0;
}
.portal-container .portal-widget.widget-year-plan-mission-org .wg-block-stats-container {
  width: calc(100% - 30px);
}
/* -------------------------Widget Year Plan Mission Department----------------------------------- */
/* .portal-container .portal-widget.widget-year-plan-mission-dept.widget-task {
    background-color: #FFFFFF;
} */
.portal-container .portal-widget.widget-year-plan-mission .portal-widget-content {
    padding: 5px;
}
.portal-container .portal-widget.widget-year-plan-mission .portal-widget-content .portal-widget-content-panel {
    padding: 5px 0 0 0;
}
.portal-container .portal-widget.widget-year-plan-mission-dept .wg-block-stats-container {
  width: calc(100% - 30px);
}
/* -------------------------Widget Organization Monitoring----------------------------------- */
/* .portal-container .portal-widget.widget-org-monitoring {
    background-color: #FFFFFF;
} */
.portal-container .portal-widget.widget-org-monitoring .portal-widget-title .z-label {
    color: #262626;
}
.portal-container .portal-widget.widget-org-monitoring .portal-widget-content-panel {
    padding: 10px;
}
.portal-container .portal-widget.widget-org-monitoring .wg-org-monitoring-panel {
    margin-top: 10px;
    max-height: 300px;
}
.portal-container .portal-widget.widget-org-monitoring .wg-org-monitoring-container {
    width: 100%;
    margin-top: 20px;
}
.portal-container .portal-widget.widget-org-monitoring .wg-org-monitoring-container:first-child {
    margin-top: 0;
}
.portal-container .portal-widget.widget-org-monitoring .wg-org-monitoring-name {
    padding: 0 0 10px 0;
}
.portal-container .portal-widget.widget-org-monitoring .wg-org-monitoring-name .z-label {
    color: #262626;
    font-size: 14px;
}
.portal-container .portal-widget.widget-org-monitoring .wg-org-monitoring-detail {
    padding: 0 20px;
}
.portal-container .portal-widget.widget-org-monitoring .wg-org-monitoring-progress {
    width: 100%;
    height: 20px;
}
.portal-container .portal-widget.widget-org-monitoring .wg-org-monitoring-percent {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    display: inline-block;
    height: 100%;
    text-align: center;
    overflow: hidden;
}
.portal-container .portal-widget.widget-org-monitoring .wg-org-monitoring-percent:hover {
    cursor: pointer;
    opacity: 0.8;
}
.portal-container .portal-widget.widget-org-monitoring .wg-org-monitoring-percent:first-child {
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    -ms-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
}
.portal-container .portal-widget.widget-org-monitoring .wg-org-monitoring-percent:last-child {
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -ms-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
}
.portal-container .portal-widget.widget-org-monitoring .wg-org-monitoring-percent .z-label {
    color: #262626;
    font-size: 13px;
}
.portal-container .portal-widget.widget-org-monitoring .wg-org-monitoring-legend {
    padding: 0 40px;
    width: 100%;
}
.portal-container .portal-widget.widget-org-monitoring .wg-org-monitoring-legend > div {
    display: table;
    width: 100%;
}
.portal-container .portal-widget.widget-org-monitoring .wg-org-monitoring-legend > div > div {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}
/* -------------------------Tab----------------------------------- */
.portal-container .portal-widget .wg-tab-container {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    display: inline-block;
    margin: 0 5px;
    text-align: center;
    padding: 10px;
}
.portal-container .portal-widget .wg-tab-container:hover .wg-tab-foot {
    width: 100%;
}
.portal-container .portal-widget .wg-tab-container:not(.wg-tab-active):hover {
    cursor: pointer;
}
.portal-container .portal-widget .wg-tab-container.wg-tab-active .wg-tab-title .z-label{
    color: #B9000E;
}
.portal-container .portal-widget .wg-tab-container.wg-tab-active .wg-tab-foot {
    width: 100%;
    background: #B9000E;
}
.portal-container .portal-widget .wg-tab-container .wg-tab-title {
    padding: 0 5px;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 24px;
}
.portal-container .portal-widget .wg-tab-container .wg-tab-title .z-label {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    font-size: 14px;
    color: #262626;
    font-weight: 600;
}
.portal-container .portal-widget .wg-tab-container .wg-tab-foot {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    height: 2px;
    width: 80%;
    background: #FFFFFF;
    margin: 0 auto;
}
/* -------------------------Widget Meeting----------------------------------- */
.portal-container .portal-widget .wg-meetings-container {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    min-height: 100px;
    max-height: 180px;
    text-align: center;
    border-bottom: 1px solid #D1D1D1;
    margin: 0px 15px;
}
.portal-container .portal-widget .wg-meetings-none-container {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    width: 100%;
    min-height: 100px;
    max-height: 180px;
    display: table;
    text-align: center;
}
/* .portal-container .portal-widget .wg-meetings-container.wg-meetings-adjust-container {
    margin-top: 10px !important;
} */
.portal-container .portal-widget .wg-meetings-container .wg-meetings-sub-container {
    padding: 10px;
}
.portal-container .portal-widget .wg-meetings-container > div:hover {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    cursor: pointer;
    min-height: 100px;
    max-height: 180px;
}
.portal-container .portal-widget .wg-meetings-none-container > div:hover {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    cursor: pointer;
    height: 100px;
}
/* .portal-container .portal-widget.widget-meetings {
    background-color: #FFFFFF;
} */
.portal-container .portal-widget.widget-meetings .portal-widget-title .z-label {
    color: #262626;
    font-weight: 600;
}

.portal-container .portal-widget.widget-meetings-org .portal-widget-title .z-label {
    color: #262626;
    font-weight: 600;
}
.portal-container .portal-widget .wg-meetings-date .z-label {
    font-size: 14px;
    color: #262626;
}
.portal-container .portal-widget .wg-meetings-subject {
    padding-bottom: 15px;
}
.portal-container .portal-widget .wg-meetings-position {
    padding-bottom: 5px;
}
.portal-container .portal-widget .wg-meetings-content-time .z-label {
    color: #B9000E;
    font-size: 18px;
    font-family: Inter;
    font-weight: 600;
}

.portal-container .portal-widget .wg-meetings-content-time {
    color: #B9000E;
    font-size: 18px;
    font-family: Inter;
    font-weight: 600;
    margin: 4px 0;
}

.portal-container .portal-widget .wg-meetings-subject .z-label {
    color: #262626;
    font-weight: 600;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    white-space: pre-wrap;
}
.portal-container .portal-widget .wg-meetings-position .z-label {
    color: #262626;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    white-space: pre-wrap;
}
.portal-container .portal-widget .wg-meetings-notify {
    display: table-cell;
    padding-left: 10px;
    vertical-align: middle;
}
.portal-container .portal-widget .wg-meetings-notify .z-label {
    color: #262626;
    font-weight: 400;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    white-space: pre-wrap;
}
/* -------------------------Widget Requisition----------------------------------- */
.portal-container .portal-widget.widget-requisitions .portal-widget-content-panel,
.portal-container .portal-widget.widget-grasp-situation .portal-widget-content-panel
.portal-container .portal-widget.widget-submissions .portal-widget-content-panel {
    padding: 5px;
}

.portal-container .portal-widget.widget-grasp-situation .portal-widget-title .z-label,
.portal-container .portal-widget.widget-submissions .portal-widget-title .z-label,
.portal-container .portal-widget.widget-requisitions .portal-widget-title .z-label {
    color: #262626;
    font-weight: 600;
}
.portal-container .portal-widget .portal-widget-content .wg-tabs-panel {
    text-align: center;
}


.collapse-menu-icon.fa-menu-quan-ly-nhiem-vu,
.expand-parent-menu.fa-menu-quan-ly-nhiem-vu:before {
    content: url(../images/iconp-tw/menu/fa-menu-quan-ly-nhiem-vu.svg);
}
.collapse-menu-icon.fa-new-calendar,
.expand-parent-menu.fa-new-calendar:before  {
    content: url(../images/iconp-tw/menu/fa-new-calendar.svg);
}

.collapse-menu-icon.fa-doc-public,
.expand-parent-menu.fa-doc-public:before {
    content: url(../images/iconp-tw/menu/fa-doc-public.svg);
}

.collapse-menu-icon.fa-bao-cao-ngay,
.expand-parent-menu.fa-bao-cao-ngay:before {
    content: url(../images/iconp-tw/menu/bao-cao-ngay.svg);
}
.collapse-menu-icon.fa-nam-tinh-hinh,
.expand-menu-name.fa-nam-tinh-hinh:before,
.expand-parent-menu.fa-nam-tinh-hinh:before {
    content: url(../images/iconp-tw/menu/nam-tinh-hinh.svg);
}

.collapse-menu-icon.fa-new-category,
.expand-parent-menu.fa-new-category:before {
    content: url(../images/iconp-tw/menu/fa-new-category.svg);
}
.collapse-menu-icon.fa-new-dep-task,
.expand-parent-menu.fa-new-dep-task:before {
    content: url(../images/iconp-tw/menu/fa-new-dep-task.svg);
}
.collapse-menu-icon.fa-new-document,
.expand-parent-menu.fa-new-document:before {
    content: url(../images/iconp-tw/menu/fa-new-document.svg);
}

.collapse-menu-icon.fa-new-user,
.expand-parent-menu.fa-new-user:before {
    content: url(../images/iconp-tw/menu/fa-new-user.svg);
}
.collapse-menu-icon.fa-new-sign,
.expand-parent-menu.fa-new-sign:before {
    content: url(../images/iconp-tw/menu/fa-new-sign.svg);
}
.collapse-menu-icon.fa-new-user-task,
.expand-parent-menu.fa-new-user-task:before {
    content: url(../images/iconp-tw/menu/fa-new-user-task.svg);
}
.collapse-menu-icon.fa-menu-thu-vien-ca-nhan,
.expand-parent-menu.fa-menu-thu-vien-ca-nhan:before {
    content: url(../images/iconp-tw/menu/fa-menu-thu-vien-ca-nhan.svg);
}
.collapse-menu-icon.fa-submission,
.expand-parent-menu.fa-submission:before {
    content: url(../images/iconp-tw/menu/phieu-trinh.svg);
}

.collapse-menu-icon.fa-sitemap,
.expand-parent-menu.fa-sitemap:before {
    content: url(../images/iconp-tw/menu/fa-site-map.svg);
}

.collapse-menu-icon.fa-commenting-o,
.expand-menu-name.fa-commenting-o:before,
.expand-parent-menu.fa-commenting-o:before {
    content: url(../images/iconp-tw/menu/fa-commenting-o.svg);
}

.collapse-menu-name.cursor-pointer {
    cursor: pointer;
}
.custom-popup {
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.custom-popup.opened {
    opacity: 1;
    transform: translateY(0);
}

.z-bandbox-pp:has(.visible-false) {
    visibility: hidden;
}


div.z-listbox-header th.z-listheader, div.z-listbox-header th.z-auxheader {
    border-left: 0;
}

.collapse-menu-icon.fa-danh-gia-cong-tac-tuan,
.expand-parent-menu.fa-danh-gia-cong-tac-tuan:before {
    content: url(../images/iconp-tw/menu/danh-gia-cong-tac-tuan.svg);
}