/*
--color-qcolor1
--color-qcolor2
--color-qcolor3 > --primary
--color-qcolor4
--color-qcolor5
*/
/* board layout */
.divBoard .boxItem > .divItemList {
width: 100%;
height: 100%;
}
[pg="bigure_show"] .widgetItem td {
font-size: 12px;
line-height: 16px;
}
[pg="bigure_show"] .widgetItem td[data-field-type="date"] { white-space: nowrap; }
[pg="bigure_show"] .widgetItem td.goto {
color: var(--primary);
white-space: nowrap;
}
[pg="bigure_show"] .widgetItem td[data-field-type="text"] { min-width: 160px; }
/* divDrawBox show/hide right */
.divBoard .divDrawBox {
display: block;
}
.divBoard .divDrawBox .boxItem {
width: 100%;
}
:root{
--board-padding : 49px;
--board-gap:24px;
--widget-menu-width: 82px;
}
/* layer="2" */
[layer="2"][pg="bigure_show"] .b-bigure-board {
display: flex;
flex-direction: column;
overflow: hidden;
height: 100%;
}
/* paging */
.divBoard .pagenav[data-widget] {
border: 1px solid violet;
}
.divBoard .pagenav[data-widget] .btnPage[data-page].active {
font-weight: bold;
}
/* table scroll / prefix pg for both divBoard and modal */
[pg="bigure_show"] .heading .pagenav {
float: right;
max-width: 200px;
overflow-x: scroll;
}
/* ToImprove: style and format by fieldType */
[pg="bigure_show"] [data-field-type="integer"],
[pg="bigure_show"] [data-field-type="decimal"] {
text-align: right;
width: 100px;
}
:root {
--width-filter-bigure: 420px;
}
/* ------ design ------ */
.b-header {padding: 12px var(--board-padding); text-align: right;}
.b-header button i{ font-size: 16px; }
.b-board { padding: var(--board-gap) var(--board-padding); position: relative; gap: var(--board-gap);}
.b-board .b-board-row { display: flex; gap: 24px; height: 100%;}
.b-board .b-board-column {flex-grow: 1; flex-basis: 0; align-self: flex-start; background-color: #FFFFFF; border: 1px solid var(--color-line); /*box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.08);*/ border-radius: 16px; padding: 16px 20px; min-width: 0px; }
.b-board .b-board-column .b-widget { width: 100%; height: 100%; display: flex; flex-direction: column; overflow: hidden;}
.b-board .b-board-row-item, .divBoard .divDrawBox .boxItem { margin-bottom: 24px;}
.divBoard .divDrawBox:not(.c-report-filter) { padding-top: 32px; }
.b-board .b-board-row-item.b-container-menu-rowlist{ max-width: 400px; margin: auto;}
.b-board .b-board-row-item.b-container-menu-rowlist .b-board-column{ padding: 20px;}
.divBoard[data-type="Home"] .divDrawBox:not(.c-report-filter) { padding-top: 0; }
.b-board .b-box-row-item { /* overflow: auto; */ overflow: visible; }
.calendar-open .b-board .divDrawBox .b-box-row-item{ overflow: visible; } /*support calendar open*/
.b-board .b-box-row-item + .b-box-row-item { margin-top: 24px; }
.b-board .b-box-row-item + .b-box-row-item.c-box-list { margin-top: 12px; }
.b-board .b-box-row-item .divItemList { height: 100%;}
.b-filter { display: block; position: fixed; z-index: 2; top: var(--height-header); bottom: 0; right: 0; border: 1px solid var(--dropdown-border); background: var(--dropdown-bg); border-radius: 0px; overflow: auto; }
.b-filter + .b-blackdrop { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1; background: rgb(0 0 0 / 50%); transition: opacity .15s linear; opacity: 0; display: none;}
.b-filter:not([style*="none"]) + .b-blackdrop { display: block; opacity: 1;}
.b-filter select.b-filter-bigure + .select2 { margin-bottom: 5px;}
.b-board .b-filter .b-board-column { box-shadow: none; min-width: auto;}
.b-filter .b-close-filter { display: grid; grid-template-columns: 1fr auto; align-items: center; padding: 12px; border-bottom: 1px solid #dee2e6; font-size: 18px; font-weight: bold; line-height: 26px; position: sticky; top: 0; z-index: 1; background: #ffffff;}
.b-filter .b-board-column .b-title-board-column { display: none;}
.b-filter .divItemList { max-width: var(--width-filter-bigure); width: 100%;}
.b-board-column .b-title-board-column { margin-bottom: 12px; font-weight: bold; font-size: 12px; line-height: 16px;}
.b-board-column .b-title-board-column:empty { display: none;}
.b-board-column .q-breadcrumb { margin-bottom: 12px; font-size: 14px; line-height: 20px;}
.b-board-column .q-breadcrumb .breadcrumb-item { font: var(--typo-page-subtitle);cursor: pointer; padding: 0 !important; }
.b-board-column .q-breadcrumb .breadcrumb-item > span {font-weight: normal;}
.b-board-column .q-breadcrumb .breadcrumb-item > span:hover { text-decoration: underline;}
.b-table-report { overflow: auto; height: 400px;}
.b-table-report table { border-collapse: separate; border-spacing: 0; margin: 0 auto;}
.b-table-report .table thead { display: table-header-group; position: sticky; top: 0; z-index: 1;}
.b-table-report .table thead th { border-bottom: 1px solid #EAEAEA; color: #888889; font-size: 12px; line-height: 16px; font-weight: normal; background: #ffffff; white-space: nowrap; }
.b-table-report .table tbody tr:first-child td { border-top: 0;}
.b-table-report th,
.b-table-report td{ padding: 4px 8px; vertical-align: middle; }
.b-table-report tbody th { border: 0; }
.b-table-report .table tbody tr:nth-child(odd) { background: #F8F8F8; }
.b-table-report [data-field-type="integer"],
.b-table-report [data-field-type="decimal"] { text-align: right; width: 100px; }
.b-table-report [data-field-type="text"] { text-align: left; }
.b-model-auto-content .modal-dialog { max-width: fit-content;}
.b-model-auto-content .modal-body { height: 100%; padding: 20px 24px;}
.b-widget-item .b-header-widget { display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.b-header-widget .b-header-widget-name { font: var(--typo-page-subtitle); flex-grow: 1; margin-right: 20px; color: var(--default); display: flex; align-items: center; }
.b-header-widget .b-header-widget-name i { color: var(--text); margin-right: 8px;}
.b-header-widget-viewall .btn.btnPageFull:hover { border-radius: 5px; background: #EFF2F4; }
.b-header-widget-viewall { display: flex; align-items: center; gap: 6px;}
/* theme background at boxRow */
.divBoard .divHeadBox .divItemList.container{padding: 0}
.b-bigure-board[data-type="Home"] {
background-color: var(--color-qcolor4);
}
[pg="bigure_show"] .b-bigure-board,
[pg="my-teams-performance"] .b-bigure-board{
overflow-x: auto;
display: grid;
grid-template-rows: max-content;
flex-grow: 1;
}
.divBoard[data-type="Home"] .divHeadBox {
display:flex;
align-items: center;
background-color: var(--color-qcolor3);
width: 100%;
min-height: 56px;
background-size: cover;
background-position: center center;
padding: 13px 0;
flex: 0 0 auto;
}
.divBoard[data-type="Home"] .divHeadBox .divItemList.container {padding: 0 var(--board-gap)}
.divBoard[data-type="Home"] .divHeadBox .divHeadBoxTitle { font: var(--typo-mont-page-title); font-size: 1.42rem; }
.divBoard[data-type="Home"] .divHeadBox .divHeadBoxSubTitle { font: var(--typo-mont-lg); font-weight: normal; }
.b-bigure-board[data-type="Home"] .c-page-group::before,
.b-bigure-board[data-type="Home"] .c-page-group::after { display: none;}
/* widget To Do Style */
.b-widget-item .c-page-header,
.b-widget-item .c-page-content,
.b-widget-item .c-sidebar-wrapper nav,
.b-widget-item .c-sidebar-filter { display: none;}
.b-widget-item .c-sidebar-wrapper { min-width: 100%; max-width: 100%; padding-top: 0;}
.b-widget-item .c-page-sidebar { width: 100%; background: #ffffff;}
.b-widget-item .c-page-sidebar .list-group-item { padding: 16px 0; }
.b-widget-item .c-page-sidebar .list-group-item:nth-child(2) { padding-top: 0;}
.b-widget-item .c-page-sidebar .list-group-item .list-action { display: none;}
.b-widget-item .custom-checkbox.divCheckItem { display: none !important;}
.b-widget-item .c-page-sidebar .list-group-item::before { display: none;}
.b-widget-item .c-page-sidebar .list-group-item.active .c-list-title,
.b-widget-item .c-page-sidebar .list-group-item:hover .c-list-title,
.b-widget-item .c-page-sidebar .list-group-item.active .c-list-subtitle,
.b-widget-item .c-page-sidebar .list-group-item:hover .c-list-subtitle,
.b-widget-item .c-page-sidebar .list-group-item.active .c-list-text,
.b-widget-item .c-page-sidebar .list-group-item:hover .c-list-text { color: var(--grey); }
.b-widget-item .c-page-sidebar .list-group-item .c-list-title { font: var(--typo-bold-body-lg); order: -1; margin-right: 20px; flex-grow: 1;}
.b-widget-item .c-page-sidebar .list-group-item .c-list-subtitle { display: block; width: 100%; font: var(--typo-body-lg);}
.b-widget-item .c-page-sidebar .c-list-text { width: 100%; margin-top: 4px;}
.b-widget-item .c-page-sidebar .c-list-text:empty { display: none;}
.b-widget-item .c-page-sidebar .list-group-content { display: flex; flex-wrap: wrap; width: 100%;}
.b-widget-item .c-page-sidebar .list-group-content .actionBar { order: -1; margin-bottom: -8px;}
.b-widget-item .c-page-sidebar .c-sidebar-body { max-height: 100%;}
.b-widget-item .c-page-sidebar .btn-outline-dark.btn-status-primary { border-color: var(--primary); color: var(--primary);}
.b-widget-item .c-page-sidebar .btn-outline-dark.btn-status-primary.disabled,
.b-widget-item .c-page-sidebar .btn-outline-dark.btn-status-primary.disabled:hover { --secondary-hover-bg: transparent; border-color: var(--disabled); color: var(--disabled-txt); }
.b-widget-item .c-page-sidebar .btn-outline-dark.btn-status-primary:not(:disabled):not(.disabled):hover,
.b-widget-item .c-page-sidebar .btn-outline-dark.btn-status-primary:not(:disabled):not(.disabled):hover { background: linear-gradient(to top, rgba(255, 255, 255, 90%), rgba(255, 255, 255, 90%)) var(--primary); color: var(--primary);}
.b-bigure-board[data-type="Home"] .b-board-row-item:not([style*="height"]) { min-height: 240px;}
.b-bigure-board[data-type="Home"] .widgetItem[data-type="GA"] { height: calc(100% - 32px); max-height: calc(100% - 32px); min-height: calc(100% - 32px);}
.b-bigure-board[data-type="Home"] .b-board-row-item:not([style*="height"]):has(.divItemList.b-board-row.hide) { min-height: 0;}
/* widget My Course Style */
.b-widget-item [page*="QbicMyCourses"] .q-title-page { display: none;}
.b-widget-item [page="p/wise/QbicMyCourses"] .divItemList.row { margin: 0; display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; gap: 20px;}
.b-widget-item [page="p/wise/QbicMyCourses"] .divItemList.row .divCourseItem { width: 100%; max-width: 100%; min-width: 100%; padding: 0;}
.b-widget-item .divCourseItem .card { overflow: hidden;}
.b-widget-item .divCourseItem .card:hover { box-shadow: none;}
.b-widget-item .divCourseItem .card:hover .card-body { background: #F7F8F9; }
.b-widget-item .divCourseItem .card .card-body,
.b-widget-item .divItemList.row .HI .card .card-title{ color: #303031; word-break: break-word;}
.b-widget-item .divCourseItem .card .card-img-top { overflow: hidden; position: relative; transition: all 0.2s ease-in-out;}
.b-widget-item .divCourseItem .card:hover .card-img-top img { transform: scale(1.04); transition: all 0.2s ease-in-out;}
.b-widget-item .divItemList.row .divCourseItem .divCntContent { margin-top: auto; color: var(--text); font: var(--typo-body-md) }
.b-widget-item .divItemList.row .divCourseItem .divCntContent{display: flex; align-items: baseline;}
.b-widget-item .divItemList.row .divCourseItem .divCntContent [data-fld="inprogress"]{ margin-left: auto; color: var(--disabled-txt);}
.b-widget-item [page="p/wise/QbicMyCourses"] .divItemList.row .divCourseItem .card-body { padding: 6px 12px 6px 10px;}
/* widget My Learning Paths Style */
.b-widget-item [page*="QbicMyRoadmap"] .q-title-page,
.b-widget-item .divPaging.q-widget-pagination,
.b-widget-item .q-learning-path-list-info,
.b-widget-item [page*="QbicMySess"] .q-title-page{ display: none;}
.b-widget-item .q-learning-path-list { flex: 0 0 100%; max-width: 100%; padding: 0; }
.b-widget-item [page*="QbicMyRoadmap"] .row,
.b-widget-item [page*="QbicMyRoadmap"] .q-table-row { margin: 0; min-width: 0;}
.b-widget-item [page*="QbicMyRoadmap"] div[class*=col-] { padding: 0 !important;}
.b-widget-item .q-table-row-group { border-radius: 12px; border: 1px solid #E3E6E8; box-shadow: none;}
.b-widget-item .q-roadmap-table { display: grid; gap: 16px;}
.b-widget-item .q-roadmap-table .q-table-row-group { padding: 16px;}
.b-widget-item .q-roadmap-table-content .fld_name.q-ellipsis { padding-right: 32px;}
.b-widget-item .q-roadmap-table-btn .btn { padding: 5px 12px; font: var(--typo-bold-body-md); min-width: 80px; }
.b-widget-item .q-roadmap-table-bar .progress { height: 8px; max-width: 100%; margin-right: 24px;}
.b-widget-item .q-roadmap-table-bar-content { display: flex; justify-content: flex-end; min-width: 80px; white-space: nowrap; font: var(--typo-body-md); color: #303031;}
.b-board [page="p/wise/QbicMySess"] .divItemList.row { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; margin: 0; }
.b-board [page="p/wise/QbicMySess"] .divItemList.row > .HI { max-width: max-content; padding: 0; }
.c-style .b-widget-item .progress { background-color: #E3E6E8; }
.c-style .b-widget-item .progress-bar{ background-color: var(--dark)}
/* widget Chart Style */
.chartjs-render-monitor { max-width: 100%; width: 100% !important; max-height: 100%; height: 100% !important; }
.b-board{ --c-item-hover: #E6ECF1; }
.c-btn-grid[data-type="MENU"]:hover, .c-btn-list:hover{background:var(--c-item-hover)}
.c-box-grid {display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 16px; grid-template-rows: 1fr;}
.c-menu-employee-engage .c-box-grid { gap: 24px; }
.c-menu-employee-engage .c-box-grid .c-btn-grid { border-radius: 12px; }
.c-btn-grid {border-radius: 12px; background: #FFFFFF; /*box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.08);*/ display: flex; align-items: center; justify-content: center; text-align: center; padding: 8px;}
.c-btn-grid:before{content: ""; padding-top: 100%; }
.c-btn-grid > div { display: flex; flex-direction: column; gap: 20px;}
.c-btn-grid i { font-size: 60px; color: var(--color-qcolor3); }
.c-btn-grid span{font-size: 16px; font-weight: 700; line-height: 24px;}
.c-btn-list { display: flex; border: 1px solid #E3E6E8; padding: 12px; border-radius: 8px; background: #FFFFFF; }
.c-btn-list + .c-btn-list { margin-top: 8px; }
.c-btn-list i{display: none;}
.c-box-grid.c-box-grid-colums-1{grid-template-columns: repeat(1, 1fr);}
.c-box-grid.c-box-grid-colums-2{grid-template-columns: repeat(2, 1fr);}
.c-box-grid.c-box-grid-colums-3{grid-template-columns: repeat(3, 1fr);}
.c-box-grid.c-box-grid-colums-4{grid-template-columns: repeat(4, 1fr);}
.boxRowItem.b-box-row-item.HI.c-box-grid { max-width: 872px; margin: auto; overflow: unset; }
.b-board .divDrawBox [data-type="APPS"] .c-box-grid .c-btn-grid { position: relative; margin: 0; min-height: 94px; height: auto; height: 94px; margin-bottom: 16px; padding: 0 ; }
#p24 .c-btn-grid.dropdownShow{ background: #EFF2F4; }
.b-board .divDrawBox [data-type="APPS"] .c-box-grid .c-btn-grid:hover i,
.b-board [data-type="APPS"] .c-box-grid .c-btn-grid:hover output { background-color: transparent; }
.b-board [data-type="APPS"] .c-box-grid .c-btn-grid i,
.b-board [data-type="APPS"] .c-box-grid .c-btn-grid output { margin-bottom: 2px; }
.b-board [data-type="APPS"] .c-box-grid .c-btn-grid span { font: var(--typo-bold-body-md); color: #6C6E6E; display: -webkit-box; -webkit-line-clamp: 2; /* Limits the text to 2 lines */ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; padding: 0;}
.divModalHyperDocMenu .pinIcon,
[data-type="APPS"] .c-box-grid .c-btn-grid .pinIcon ,
.d-mb#p24 .c-dropdown-app-box .c-dropdown-app .c-btn-grid .pinIcon { position: absolute; left: 50%; margin-left: -25px; top: 3px; width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; border-radius: 50%; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15); background-image: url('data:image/svg+xml,'); }
/* .b-board .c-widget-favs [data-type="APPS"] .c-box-grid .c-btn-grid .pinIcon { display: none;} user favs show icon */
.b-board .c-widget-favs .widgetItem.b-widget-item[data-type="APPS"] .b-header-widget .b-header-widget-name i:before { color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url('data:image/svg+xml,'); }
#divPortal .c-btn-grid .dropdownMenuPin .btn.dropdown-toggle { position: absolute; min-width: unset; padding: 0; top:2px; right: 2px; width: 20px; height: 20px; border: 0; }
.c-widget-favs { position: relative; }
.c-widget-favs .HN { display: flex; flex-direction: column; align-items: center; text-align: center; grid-column-start: 1; grid-column-end: -1; }
.c-widget-favs .HN i { background-image: url('data:image/svg+xml,'); width: 100px; height: 100px; margin-bottom: 12px; background-position: center; }
.c-widget-favs .HN i:before { display: none; }
.c-widget-favs .HN i+div { font: var(--typo-body-md); color: var(--grey); }
#p24 .c-widget-favs .HXL:has(.HN:not([style*="none"])) { grid-template-rows: auto;}
/* #divPortal .c-dropdown-app .c-btn-grid .dropdownMenuPin .btn.dropdown-toggle:hover,
#divPortal .c-dropdown-app .c-btn-grid .dropdownMenuPin .dropdown-menu.show + .btn.dropdown-toggle {
background: linear-gradient(to top, rgba(255, 255, 255, 60%), rgba(255, 255, 255, 60%)) var(--color-activeBg, #386BF6) !important; } */
#divPortal .b-board [data-type="APPS"] .c-box-grid .c-btn-grid > div:nth-child(1){ width: 100%;}
#divPortal .c-btn-grid .dropdownMenuPin .btn.dropdown-toggle:before { content: ""; width: 18px; height: 18px; min-width: 18px; position: absolute; right: 2px; top: 2px; }
#divPortal .c-dropdown-app .c-btn-grid .dropdownMenuPin .btn.dropdown-toggle:before { right: -4px; top: -4px; width: 24px; height: 24px; min-width: 24px;}
#divPortal .c-btn-grid .dropdownMenuPin .btn.dropdown-toggle,
#divPortal .c-btn-grid .dropdownMenuPin .btn.dropdown-toggle::after{ display: none;}
/* #divPortal .c-btn-grid:hover .dropdownMenuPin .btn.dropdown-toggle, */
#divPortal .c-btn-grid .dropdown.show .dropdownMenuPin .btn.dropdown-toggle,
#divPortal .c-btn-grid .dropdownMenuPin .dropdown-menu.show + .btn.dropdown-toggle { align-items: center; justify-content: center; border-radius: 50%; z-index: 1; border: 0; transition: unset;}
#divPortal .c-btn-grid .dropdown-item:focus,
#divPortal .c-btn-grid .dropdown-item:active,
#divPortal .c-btn-grid .dropdown-item.active { background: var(--dropdown-option-focus-bg); color: var(--dropdown-option-color); user-select: none; -webkit-user-select: none;}
#divPortal .c-btn-grid .dropdown-item.pin { display: flex; padding: var(--dropdown-option-spacing); font: var(--dropdown-option-font);}
.d-mb#p24 .c-btn-grid .dropdown-item.pin { /*min-width: 76px;*/ background-color: #ffffff; color: #131313; font-size: 14px; min-height: 36px; justify-content: center; -webkit-user-drag: none;}
.d-mb#p24 .c-btn-grid .dropdown-item.pin[data-pin="Y"] { padding: 8px 6px; margin-top: unset;}
.d-mb#p24 .modal.divModalHyperDocMenu .modal-dialog .modal-content { max-height: 65vh; /*min-height: unset;*/ border-top-left-radius: 12px; border-top-right-radius: 12px;}
.d-mb#p24 .modal.divModalHyperDocMenu .modal-body .c-btn-grid i { margin-top: 0;}
.d-mb#p24 .modal.divModalHyperDocMenu .pinIcon { top: 14px; margin-left: -24px;}
.d-mb#p24 .modal.divModalHyperDocMenu .modal-header { filter: unset; display: flex; align-items: center; padding-top: 16px !important;}
.d-mb#p24 .modal.divModalHyperDocMenu .dropdown { position: unset;}
.d-mb#p24 .modal.divModalHyperDocMenu .dropdown .dropdown-menu,
.d-mb#p24 .c-btn-grid .dropdownMenuPin .btn.dropdown-toggle + .dropdown-menu { left: 2px; right: 2px; top: 2px; max-width: unset; width: unset; margin: 8px; align-items: center;}
.d-mb#p24 .modal.divModalHyperDocMenu .modal-header .close { margin-bottom: auto;}
.d-mb#p24 .modal.divModalHyperDocMenu .c-content-menu .nav .nav-link:not(.active){ font: var(--typo-body-lg); }
.d-mb#p24 .modal.divModalHyperDocMenu[data-nodetype="section"] .modal-dialog .modal-content{ max-height: calc(76vh + var(--navbar-bottom-h)); height: calc(76vh + var(--navbar-bottom-h)); }
#divPortal .modal.divModalHyperDocMenu .c-btn-grid.dropdownShow { background: #E3E6E8; }
#divPortal .modal.divModalHyperDocMenu .c-btn-grid .dropdownMenuPin.dropdown { position: relative;}
#divPortal .modal.divModalHyperDocMenu .c-btn-grid .dropdownMenuPin .btn.dropdown-toggle { right: -8px; top: -8px; width: 28px; height: 28px;}
/* dropdown-app */
.c-dropdown-app-box .c-dropdown-app .c-btn-grid + .c-btn-grid { margin-top: 4px; }
.c-dropdown-app-box .c-dropdown-app .c-btn-grid { padding: 0; }
.c-dropdown-app-box .c-dropdown-app .divMenuList { padding-left: 4px; }
.c-dropdown-app-box .c-dropdown-app .c-btn-grid span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 32px; }
.c-dropdown-app-box .c-dropdown-app .c-btn-grid > div:not(.dropdown-submenu):not(.pinIcon) {flex-grow: 1; justify-content: flex-start; overflow: auto; }
.c-dropdown-app-box.dropdown-menu.show { display: flex; flex-direction: column; overflow: hidden;}
.c-dropdown-app-box.dropdown-menu.show .c-dropdown-app {overflow: auto;}
#divPortal #p24 .c-dropdown-app-box .c-dropdown-app,
#divPortal #p24 .c-dropdown-app-box .divZoneTabs { scrollbar-width: thin;}
#divPortal .c-dropdown-app-box .c-btn-grid .dropdownMenuPin .btn.dropdown-toggle { top: unset; }
#divPortal .c-btn-grid .dropdownMenuPin .btn.dropdown-toggle + .dropdown-menu,
#divPortal .c-btn-grid .dropdown-menu,
.d-mb#p24 .c-btn-grid .dropdown-submenu .dropdown-menu { max-width: 90px;min-width: 90px; background: #FFFFFF; width: 100%; border-radius: 8px; margin:0; /*border: 1px solid var(--form-control-border);*/ box-shadow: 0px 3px 10px 0px #00000014; padding: 0; overflow: hidden;}
#divPortal .c-btn-grid .dropdown-menu { position: absolute; left: unset; right: 10px; top: 26px; padding: var(--dropdown-spacing);}
.d-mb#p24 .c-btn-grid .dropdown-submenu .dropdown-menu { top: 0; right: 0; line-height: 0; max-width: unset; margin: 8px; min-width: unset; width: unset;}
#p24 .c-dropdown-app-box .c-dropdown-app .dropdownMenuPin .btn.dropdown-toggle + .dropdown-menu { top: 100%; right: 0; left: unset;}
#p24 .c-dropdown-app-box .c-dropdown-app .c-btn-grid { position: relative; overflow: unset; user-select: none; -webkit-user-select: none; }
#p24 .c-dropdown-app-box .c-dropdown-app .c-btn-grid .pinIcon { position: absolute; left: unset; margin: 0; right: 0; background: url('data:image/svg+xml,'); width: 26px; height: 26px; }
#divPortal .c-btn-grid .dropdownMenuPin .btn.dropdown-toggle p {position: absolute; left: unset; margin: 0; right: 0; top: 0; background: url('data:image/svg+xml,'); width: 18px; height: 18px; background-position: center; background-repeat: no-repeat;}
#divPortal .c-btn-grid .dropdownMenuPin .btn.dropdown-toggle p:hover,
#divPortal .c-btn-grid .dropdownMenuPin.show .btn.dropdown-toggle p { background: url('data:image/svg+xml,');}
#divPortal .modal-body[data-type="APPS"] .c-btn-grid .dropdownMenuPin .btn.dropdown-toggle p { width: 28px; height: 28px; background: url('data:image/svg+xml,');}
#divPortal .modal-body[data-type="APPS"] .c-btn-grid .dropdownMenuPin .btn.dropdown-toggle p:hover,
#divPortal .modal-body[data-type="APPS"] .c-btn-grid .dropdownMenuPin.show .btn.dropdown-toggle p { background: url('data:image/svg+xml,');}
#divPortal .c-dropdown-app .c-btn-grid .dropdownMenuPin .btn.dropdown-toggle { width: 24px; height: 24px;}
#divPortal .c-dropdown-app .c-btn-grid .dropdownMenuPin .btn.dropdown-toggle p { width: 24px; height: 24px; background: url('data:image/svg+xml,'); border-radius: 50%;}
/* #divPortal .c-dropdown-app .c-btn-grid .dropdownMenuPin .btn.dropdown-toggle p:hover,
#divPortal .c-dropdown-app .c-btn-grid .dropdownMenuPin .dropdown-menu.show + .btn.dropdown-toggle p { background: url('data:image/svg+xml,');} */
#divPortal .c-dropdown-app .c-btn-grid .dropdownMenuPin .btn.dropdown-toggle p:hover,
#divPortal .c-dropdown-app .c-btn-grid .dropdownMenuPin .dropdown-menu.show + .btn.dropdown-toggle p { background: url('data:image/svg+xml,'), linear-gradient(to top, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)), var(--color-qcolor3); }
/* #divPortal .c-dropdown-app .divFreqList .c-btn-grid .pinIcon { display: none; } */
#MenuEuniteApp .c-dropdown-app-title-h2 > i { display: none; }
.d-mb #MenuEuniteApp .c-dropdown-app-title-h2 > i { display: flex ;}
.c-dropdown-app-box .divZoneTabs,
.divBoard .widgetItem[data-type="APPS"] .divZoneTabs {display: flex;gap: 14px;margin-bottom: 16px !important;border-bottom: 1px solid #E3E6E8 !important;padding: 0;flex-wrap: nowrap; overflow: hidden; overflow-x: auto;}
.c-dropdown-app-box .divZoneTabs { margin-top: 12px; /*overflow: auto;*/}
.c-dropdown-app-box .divZoneTabs .nav-item,
.divBoard .widgetItem[data-type="APPS"] .divZoneTabs .nav-item {padding: 0;display: flex;line-height: 0; height: 30px;}
.c-dropdown-app-box .divZoneTabs .nav-link,
.divBoard .widgetItem[data-type="APPS"] .divZoneTabs .nav-link {position: relative;border-bottom: 0 !important;padding: 8px 4px;padding-top: 0;color: #545555;display: flex; font-size:14px; line-height: 19px; white-space: nowrap;}
.c-dropdown-app-box .divZoneTabs .nav-item.active .nav-link,
.divBoard .widgetItem[data-type="APPS"] .divZoneTabs .nav-item.active .nav-link {border-bottom: 0 !important;font-weight: 700;color: #131313;/*height: 29px;*//* line-height: 20px; */}
.c-dropdown-app-box .divZoneTabs .nav-item.active .nav-link:before,
.divBoard .widgetItem[data-type="APPS"] .divZoneTabs .nav-item.active .nav-link:before,
.divBoard .widgetItem[data-type="APPS"] .divZoneTabs .nav-item:hover.active .nav-link:before { content: ''; background-color: var(--primary); height: 3px; width: 100%; display: block; position: absolute; bottom: -1px; left: 0; }
.divBoard .widgetItem[data-type="APPS"] .divZoneTabs .nav-item:hover .nav-link:before { content: ''; background-color: #EFF2F4; height: 3px; width: 100%; display: block; position: absolute; bottom: 0; left: 0; }
.c-dropdown-app-box .c-dropdown-app .c-btn-grid i,
.c-dropdown-app-box .c-dropdown-app .c-btn-grid output { width: 32px; min-width: 32px; height: 32px; min-height: 32px; margin: 0; margin-right: 4px; font-size: 22px; border-radius: 8px; display: flex; align-items: center; justify-content: center; }
.c-dropdown-app-box .c-dropdown-app .c-btn-grid i::before { width: 22px; height: 22px; }
.b-board [data-type="APPS"] .c-box-grid .c-btn-grid i,
.b-board [data-type="APPS"] .c-box-grid .c-btn-grid output { font-size: 40px; border-radius: 12px; width: 48px; height: 48px; padding: 4px; display: flex; align-items: center; justify-content: center; overflow: hidden; margin: 2px; margin-bottom: 4px; position: relative; }
.b-board [data-type="APPS"] .c-box-grid .c-btn-grid output .img-rounded { max-width: 32px; max-height: 32px;}
.b-board [data-type="APPS"] .c-box-grid .c-btn-grid:hover i,
.b-board [data-type="APPS"] .c-box-grid .c-btn-grid:hover output{ background: #EFF2F4;}
.b-board [data-type="APPS"] .c-box-grid .c-btn-grid > div output:empty,
.c-dropdown-app .c-btn-grid output:empty{ display: none;}
.c-dropdown-app-box{ overflow: auto; user-select: none; -webkit-user-select: none;}
.b-board [data-type="APPS"] .c-box-grid .c-btn-grid > div { align-items: center; gap: 0;}
.b-board [data-type="APPS"] .c-box-grid .c-btn-grid{ align-items: flex-start; box-shadow: none; padding: 0; margin-bottom: 8px; word-break: break-word;}
.b-board [data-type="APPS"] .c-box-grid{ grid-template-columns: repeat(6, 1fr); grid-gap:0 16px;}
.b-board [data-type="APPS"][data-show="ShowLess"] .c-box-grid{ grid-template-rows: 1fr 1fr; overflow-y: hidden; grid-auto-rows: 0; grid-gap: 0 16px; }
.b-board [data-type="APPS"]:not([data-list]) .btnShowLess,
.b-board [data-type="APPS"]:not([data-list]) .btnShowMore { display: none;}
.b-board [data-type="APPS"][data-show="ShowLess"] .btnShowLess,
.b-board [data-type="APPS"][data-show="ShowMore"] .btnShowMore{ display: none;}
.b-board [data-type="APPS"] .c-widget-box-btn-show, .c-widget-box-btn-show { display: flex; justify-content: center; align-items: center;}
.b-board [data-type="APPS"] .c-widget-btn-show, .c-widget-btn-show{ padding: 6px 12px; align-items: center; display: flex; justify-content: center; cursor: pointer; width: fit-content; border-radius: 5px; gap: 8px; color: var(--text); user-select: none;}
.b-board [data-type="APPS"] .c-widget-btn-show:hover, .c-widget-btn-show:hover{ background: #EFF2F4;}
.b-board [data-type="APPS"] .c-widget-btn-show i, .c-widget-btn-show i { font-size: 10px;}
.b-board [data-type="APPS"][data-list="1"][data-show="ShowLess"] .c-box-grid,
.b-board [data-type="APPS"][data-list="2"][data-show="ShowLess"] .c-box-grid,
.b-board [data-type="APPS"][data-list="3"][data-show="ShowLess"] .c-box-grid,
.b-board [data-type="APPS"][data-list="4"][data-show="ShowLess"] .c-box-grid,
.b-board [data-type="APPS"][data-list="5"][data-show="ShowLess"] .c-box-grid,
.b-board [data-type="APPS"][data-list="6"][data-show="ShowLess"] .c-box-grid { grid-template-rows: 1fr; }
.b-board [data-type="APPS"][data-list="1"] .c-widget-box-btn-show,
.b-board [data-type="APPS"][data-list="2"] .c-widget-box-btn-show,
.b-board [data-type="APPS"][data-list="3"] .c-widget-box-btn-show,
.b-board [data-type="APPS"][data-list="4"] .c-widget-box-btn-show,
.b-board [data-type="APPS"][data-list="5"] .c-widget-box-btn-show,
.b-board [data-type="APPS"][data-list="6"] .c-widget-box-btn-show,
.b-board [data-type="APPS"][data-list="7"] .c-widget-box-btn-show,
.b-board [data-type="APPS"][data-list="8"] .c-widget-box-btn-show,
.b-board [data-type="APPS"][data-list="9"] .c-widget-box-btn-show { display: none; }
#divPortal .modal.divModalHyperDocMenu.show[style*=block] { display: flex !important; align-items: center; overflow: hidden; }
#divPortal .modal.divModalHyperDocMenu .modal-body .c-btn-grid { align-items: flex-start; position: relative; padding: 12px;}
.eUniteApp #p24 .modal.divModalHyperDocMenu .modal-dialog .modal-content,
#divPortal .modal.divModalHyperDocMenu .modal-dialog .modal-content{ background: #F0F3F8;}
#divPortal .modal.divModalHyperDocMenu .modal-dialog { max-width: unset; width: 680px;}
#divPortal .modal.divModalHyperDocMenu .modal-body .c-btn-grid i { font-size: 40px; width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; margin-top: 12px;}
#divPortal .modal.divModalHyperDocMenu .modal-body .c-btn-grid > div:nth-child(1) { width: 100%; }
#divPortal .modal.divModalHyperDocMenu .modal-body .c-btn-grid > div { gap: 4px;}
#divPortal .modal.divModalHyperDocMenu .pinIcon { top: 31px;}
#divPortal .modal.divModalHyperDocMenu .modal-body .c-btn-grid i { width: 48px; height: 48px; }
#divPortal #p24 ~ .divModalHyperDocMenu button.close { margin: 0 0 -8px auto; height: var(--btn-md-height); display: inline-flex; align-items: center; justify-content: center; }
#divPortal .divModalHyperDocMenu .btn:focus { box-shadow: none; }
#divPortal .c-dropdown-app-box .c-dropdown-app li:hover { background: transparent;}
#divPortal .modal.divModalHyperDocMenu .modal-header .modal-title { display: flex; filter: unset; color: #131313; gap: 8px; font: var(--typo-page-subtitle);}
#divPortal .modal.divModalHyperDocMenu .modal-header .c-btn-grid i { font-size: 28px; width: unset; height: unset; border-radius: 6px;}
#divPortal .modal.divModalHyperDocMenu .modal-header .c-btn-grid { background: transparent; padding: 0; }
.b-board .divDrawBox [data-type="APPS"] .c-box-grid .c-btn-grid { border-radius: 8px; min-height: unset; height: unset;}
.b-board [data-type="APPS"] .c-box-grid .c-btn-grid i { border-radius: unset; margin: 0;}
.b-board [data-type="APPS"] .c-box-grid .c-btn-grid span,
#divPortal .modal.divModalHyperDocMenu .modal-body .c-btn-grid span { font-size: 12px; font-style: normal; font-weight: 700; /*line-height: 20px;*/ color: #6C6D6E;}
/* modal sub section*/
#divPortal .divMenuTab .c-content-menu-top-0 { top: 0; background: transparent; margin-top: 16px; position: static;}
#divPortal .divMenuTab .c-content-menu .nav::before ,
#divPortal .divMenuTab .c-content-menu .nav .nav-link::before{ display:none; }
#divPortal .divMenuTab .c-content-group { gap: 0; }
#divPortal .divMenuTab .tab-title { color: var(--primary); filter: brightness(0.7); font-size: 14px; font-weight: 700; /*line-height: 21px;*/ /* 150% */ display: block; padding-top: 16px;}
#divPortal .modal[data-nodetype="section"] .divMenuTab .c-btn-grid { text-align: left; border-radius: 0; border-bottom: 1px solid #E3E6E8; background: transparent !important; padding: 8px 0;}
#divPortal .modal[data-nodetype="section"] .divMenuTab .c-btn-grid:before,
#divPortal .modal[data-nodetype="section"] .divMenuTab .c-btn-grid i,
#divPortal .modal[data-nodetype="section"] .divMenuTab .c-btn-grid output,
#divPortal .modal[data-nodetype="section"] .divMenuTab .c-btn-grid .dropdown,
#divPortal .modal[data-nodetype="section"] .divMenuTab .c-btn-grid .pinIcon{ display: none; }
#divPortal .divMenuTab .c-btn-grid > div { gap: 0; }
#divPortal .modal[data-nodetype="section"] .divMenuTab .c-btn-grid span { color: #131313; font-size: 14px; /*line-height: 21px;*/ font-weight: normal; padding: 6px 8px;}
#divPortal .divMenuTab .sub-title,
#divPortal .modal[data-nodetype="section"] .divMenuTab .c-btn-grid span,
#divPortal .divMenuTab .tab-title,
#divPortal .divMenuTab .c-content-menu .nav .nav-link.active{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
#divPortal .divMenuTab .sub-title { font-weight: bold; padding-top: 6px; padding-bottom: 6px;}
#divPortal .modal[data-nodetype="section"] .divMenuTab .sub-section .c-btn-grid { border: 0; padding: 1px 10px 1px 16px; }
#divPortal .divMenuTab .sub-section { border-bottom: 1px solid #E3E6E8; padding-top: 8px; padding-left: 8px; padding-bottom: 8px;}
#divPortal .divMenuTab .HF+.sub-section { padding-top: 8px;}
#divPortal .divMenuTab .sub-section > .sub-section { padding-left: 24px; border: 0; padding-bottom: 0;}
#divPortal .divMenuTab .c-content-menu + .c-content-body { padding-left: 16px; max-width: unset; min-height: 420px;}
#divPortal .divMenuTab .c-content-menu .nav { padding-left: 0; }
#divPortal .modal[data-nodetype="section"].divModalHyperDocMenu[data-nodetype="section"] .modal-dialog .modal-content { background: #ffffff; }
#divPortal .modal[data-nodetype="section"] .modal-body { max-height: 440px;}
#divPortal .modal[data-nodetype="section"] .divMenuTab .c-btn-grid:hover span { border-radius: 4px; background: #EFF2F4; }
#divPortal .divMenuTab .HN i { background: url('data:image/svg+xml,'); display: flex; width: 80px; height: 80px; padding: 20px; justify-content: center; align-items: center; }
#divPortal .divMenuTab .HN { display: flex; gap:16px; align-items: center; flex-direction: column; justify-content: center; margin-top: 25%;}
/* APPS right */
.b-board .divDrawBox [data-type="APPS"] .c-box-grid{ grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr 1fr 1fr;}
.b-board .divDrawBox [data-type="APPS"][data-show="ShowLess"] .c-box-grid{ grid-template-rows: 1fr 1fr 1fr;}
.b-board .c-btn-head > div { display: flex; align-items: center; font-size: 18px; font-weight: 700; line-height: 26px; color: var(--default); min-height: 32px; margin-bottom: 20px; cursor: pointer;}
.b-board .c-btn-head > div i { order: 1; margin-left: auto; font-size: 12px;}
.b-board .divDrawBox [data-type="APPS"][data-list="1"][data-show="ShowLess"] .c-box-grid,
.b-board .divDrawBox [data-type="APPS"][data-list="2"][data-show="ShowLess"] .c-box-grid,
.b-board .divDrawBox [data-type="APPS"][data-list="3"][data-show="ShowLess"] .c-box-grid { grid-template-rows: 1fr; }
.b-board .divDrawBox [data-type="APPS"][data-list="4"][data-show="ShowLess"] .c-box-grid,
.b-board .divDrawBox [data-type="APPS"][data-list="5"][data-show="ShowLess"] .c-box-grid,
.b-board .divDrawBox [data-type="APPS"][data-list="6"][data-show="ShowLess"] .c-box-grid { grid-template-rows: 1fr 1fr; }
.b-board .divDrawBox [data-type="APPS"][data-list="0"] .c-widget-box-btn-show,
.b-board .divDrawBox [data-type="APPS"][data-list="1"] .c-widget-box-btn-show,
.b-board .divDrawBox [data-type="APPS"][data-list="2"] .c-widget-box-btn-show,
.b-board .divDrawBox [data-type="APPS"][data-list="3"] .c-widget-box-btn-show,
.b-board .divDrawBox [data-type="APPS"][data-list="4"] .c-widget-box-btn-show,
.b-board .divDrawBox [data-type="APPS"][data-list="5"] .c-widget-box-btn-show,
.b-board .divDrawBox [data-type="APPS"][data-list="6"] .c-widget-box-btn-show,
.b-board .divDrawBox [data-type="APPS"][data-list="7"] .c-widget-box-btn-show,
.b-board .divDrawBox [data-type="APPS"][data-list="8"] .c-widget-box-btn-show,
.b-board .divDrawBox [data-type="APPS"][data-list="9"] .c-widget-box-btn-show { display: none; }
/* Report Style */
.divBoard.c-board-report .b-board { min-height: 100%; padding-bottom: 0; padding-top: 0; }
.divBoard.c-board-report .b-board,
.divBoard.c-board-report .b-board-row { gap: 24px !important; }
.divBoard.c-board-report.c-atcore-report .b-board { gap: 16px !important; }
.divBoard.c-board-report .b-board-row-item { margin-bottom: 0; }
.divBoard.c-board-report .b-board-row-item + .b-board-row-item { margin-top: 40px; }
.divBoard.c-board-report .b-board-column { padding: 20px; border-radius: 12px; min-width: auto; overflow: hiddenx; width: 100%x; }
.divBoard .rowItem .divItemList.b-board-row { max-width: 100%; width: auto; }
.divBoard.c-board-report .b-board-column.tc-report-tablelist { overflow: hidden; padding: 0; border: 0; margin-top: 0; border-radius: 0; }
.divBoard.c-board-report .b-board-column.tc-report-tablelist .b-title-board-column { font: var(--typo-page-subtitle); margin: 0; }
.divBoard.c-board-report .b-board-column.tc-report-tablelist .q-breadcrumb.breadcrumb { margin-bottom: 0; }
.divBoard.c-board-report .b-board-column.tc-report-tablelist .q-breadcrumb.breadcrumb .breadcrumb-item { font: var(--typo-page-subtitle); font-weight: normal; }
.divBoard.c-board-report .b-board-column.tc-report-tablelist .q-breadcrumb.breadcrumb .breadcrumb-item.active { font-weight: bold; }
.divBoard.c-board-report .b-board-column.tc-report-tablelist .q-breadcrumb.breadcrumb .breadcrumb-item.active > span { font-weight: normal; }
.divBoard.c-board-report .b-board-column.tc-report-tablelist .b-table-report { margin-top: 12px; }
.divBoard.c-board-report .b-board-column.tc-report-tablelist .breadcrumb-item + .breadcrumb-item::before { margin: 0 12px; }
.c-report-summary .b-box-row-item { gap: 16px; }
.c-report-summary .b-box-row-item + .b-box-row-item { margin-top: 16px; }
.divBoard.c-board-report.c-atcore-report .b-board-column.tc-report-tablelist { padding: 20px; border-radius: 16px; }
.divBoard.c-board-report .b-table-report,
.b-table-report { border: 1px solid var(--table-line); border-radius: 8px; height: auto; max-height: 400px; }
.divBoard.c-board-report .b-table-report table,
.b-table-report .table { overflow: hiddenx; }
.divBoard.c-board-report .b-table-report table thead th,
.b-table-report .table thead th { padding: 12px 16px; background-color: var(--table-header-bg); color: var(--table-header-color); border: 0; border-bottom: 2px solid var(--table-line-header); font: var(--typo-table-head); position: sticky; top: 0; }
.divBoard.c-board-report .b-table-report table tbody th,
.divBoard.c-board-report .b-table-report table tbody td,
.divBoard.c-board-report .b-table-report table tfoot td,
.b-table-report .table tbody th,
.b-table-report .table tbody td,
.b-table-report .table tfoot td { padding: 12px 16px; font: var(--typo-table-body); border-top: 1px solid var(--table-line); background-color: #ffffff; }
.divBoard.c-board-report .b-table-report .table tbody tr:first-child td,
.divBoard.c-board-report .b-table-report .table tbody tr:first-child th,
.b-table-report .table tbody tr:first-child td,
.b-table-report .table tbody tr:first-child th { border-top: 0; }
.divBoard.c-board-report .b-table-report table tbody td.goto,
.divBoard.c-board-report .b-table-report table tbody td .goto,
.b-table-report table tbody td.goto,
.b-table-report table tbody td .goto { --primary: var(--color-qcolor8, var(--color-qcolor3)); text-decoration: underline; cursor: pointer; }
.divBoard.c-board-report .b-table-report table thead th:last-child,
.divBoard.c-board-report .b-table-report table tbody td:last-child,
.divBoard.c-board-report .b-table-report table tfoot td:last-child,
.b-table-report table thead th:last-child,
.b-table-report table tbody td:last-child,
.b-table-report table tfoot td:last-child { padding-right: 32px; }
.divBoard.c-board-report .b-table-report table tfoot td,
.divBoard.c-board-report .b-table-report table tfoot th,
.b-table-report table tfoot td,
.b-table-report table tfoot th { font-weight: bold; }
.divBoard.c-board-report .c-emptystate { padding: 70px 24px; }
.divBoard.c-board-report .b-table-report table tbody td[data-field-type="datetime"] { white-space: nowrap }
.c-ga-data,
.c-ga-data[data-pc="1"] { max-height: 280px; min-height: 280px; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.c-ga-data .content { flex-grow: 1 !important; display: flex; align-items: center; }
.c-ga-data.c-ga-data-lg,
.c-ga-data.c-ga-data-lg[data-pc="1"] { max-height: 380px; min-height: 380px; }
.c-ga-data[data-ga-type="bar-horizontal"] canvas { max-width: 75%; }
.divBoard.c-board-report .b-board-column.tc-report-chart.tc-report-chart-large { padding-left: 96px; padding-right: 96px; }
.tc-report-chart canvas { max-width: 100%; object-fit: contain; max-height: 100%; }
.b-board .b-board-column .tc-report-chart-small .c-emptystate .c-emptystate-ico { width: 56px; height: 56px; }
.b-board .b-board-column .tc-report-chart-small .c-emptystate { padding-bottom: 0; }
.c-ga-data[data-ga-type="doughnut"][data-mb="1"] { min-height: 404px; max-height: 404px; }
.divBoard.c-board-report .divMainBox.b-board > .divItemList { padding: 20px 0; }
.divBoard.c-board-report .c-report-filter { max-width: calc(290px + 24px); display: flex; flex-direction: column; gap: 16px; padding-top: 20px; }
.divBoard.c-board-report .c-report-filter .b-dropdown-download .btn,
.divBoard.c-board-report .c-report-filter .btnDrawBoxToggle { margin-left: auto; min-width: 40px; height: 40px; padding-left: 12px; padding-right: 12px; gap: 12px; }
.divBoard.c-board-report .c-report-filter[data-toggle="1"] .btnDrawBoxToggle { border-color: var(--secondary-txt) !important; background-color: #FFFFFF; }
.divBoard.c-board-report .c-report-filter[data-toggle="1"] > .b-dropdown-download,
.divBoard.c-board-report .c-report-filter[data-toggle="1"] > .btnDrawBoxToggle,
.divBoard.c-board-report .c-report-filter[data-toggle="0"] .divItemList .btnDrawBoxToggle { display: none; }
.divBoard.c-board-report .c-report-filter[data-toggle="1"] .divItemList .btnDrawBoxToggle { display: block; float: right; border: 0; margin: 0; min-width: auto; color: var(--text); width: 32px; height: 32px; padding: 0; }
.divBoard.c-board-report .c-report-filter[data-toggle="1"] { width: 100%; border-left: 1px solid var(--color-line); background: #FFFFFF; }
.divBoard.c-board-report .c-report-filter .b-dropdown-download .dropdown-menu { max-width: 280px; min-width: 280px; max-height: unset; height: fit-content; }
.divBoard.c-board-report .c-report-filter .b-dropdown-download .dropdown-group { padding: 16px 0 8px 0; }
.divBoard.c-board-report .c-report-filter .b-dropdown-download .dropdown-heading { display: flex; align-items: center; font-weight: bold; gap: 12px; padding: 0 10px; }
.divBoard.c-board-report .c-report-filter .b-dropdown-download .dropdown-heading i { min-width: 20px; height: 20px; font-size: 16px; display: flex; align-items: center; justify-content: center; }
.divBoard.c-board-report .c-report-filter .b-dropdown-download .dropdown-item { color: var(--text); padding-left: 44px; }
.divBoard.c-board-report .c-report-filter .b-dropdown-download .dropdown-divider { margin: 0 10px; }
.c-modal.divModalExportImage .modal-content { min-height: 360px; }
.c-modal.divModalExportBoard .modal-content { min-height: 256px; }
.c-modal.divModalExportBoard .modal-content .modal-body { padding-bottom: 0; flex-grow: 0; }
.eUniteApp #p24 .modal.c-modal.divModalExportBoard .modal-body { padding-bottom: 0 !important; }
.c-modal.divModalExportBoard .modal-content .modal-footer { padding-top: 0 !important; justify-content: center; }
.c-modal.divModalExportBoard .modal-body { display: flex; flex-direction: column; align-items: center; }
.c-modal.divModalExportBoard .divExportBoard { padding: 50px 0 42px 0; }
.b-exportimg { border: 1px solid #000; background: #D7DADC; }
.b-exportimg-heading { background: #000; height: 12px; font: var(--typo-bold-body-sm); line-height: 10px; color: #FFFFFF; text-align: center; }
.b-exportimg-cover { height: 200px; }
.b-exportimg-cover canvas { width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain; }
.b-table-report-heading { display: flex; align-items: baseline; }
.b-table-report-heading .b-dropdown-tablereport-option .dropdown-menu { min-width: 100px; }
.b-table-report-heading .b-dropdown-tablereport-option .dropdown-menu .dropdown-item { white-space: nowrap; }
.b-searchfilter-heading { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 6px; }
.c-style .b-searchfilter-heading .col-form-label { margin: 0; flex-grow: 1; }
.b-searchfilter-heading-action { display: flex; gap: 8px 16px; flex-wrap: wrap; justify-content: flex-end; }
.b-searchfilter-heading .b-searchfilter-heading-action .btn { padding-left: 14px; padding-right: 14px; min-width: auto; }
.b-searchfilter-heading .b-searchfilter-heading-action .btn.btn-link-dark { text-decoration: underline !important; font-weight: normal; padding-left: 0; padding-right: 0; }
.b-searchfilter-filterlist { padding-left: 16px; margin-top: 8px; }
.divBoard.c-board-report.c-atcore-report .c-report-filter .b-searchfilter-heading-action { width: min-content; }
.divBoard.c-board-report .c-report-filter .b-board-column { margin: 0; min-width: auto; padding: 0; padding-left: 24px; border: 0; border-radius: 0; padding-bottom: 32px; padding-top: 0; }
.divBoard.c-board-report.c-atcore-report .c-report-filter .b-board-column { padding-left: 16px; }
.divBoard.c-board-report .c-report-filter .b-title-board-column { font: var(--typo-bold-body-xl); margin-bottom: 16px; min-height: 32px; display: flex; align-items: center; }
.c-report-summary .b-box-row-item { overflow: unset;/* gap: 12px; */justify-content: space-between; display: flex; }
.c-report-summary .b-box-row-item + .b-box-row-item { margin-top: 12px; }
.divBoard.c-board-report[data-share="1"] .c-report-filter .form-group + .form-group.divSearchFilter { margin-top: 0; }
.divBoard.c-board-report .widgetItem.c-tc-data { gap: 8px; display: flex; flex-direction: column; }
.divBoard.c-board-report .widgetItem.c-tc-data .title { font-weight: normal; color: var(--text); }
.divBoard.c-board-report .widgetItem.c-tc-data .content { font: var(--typo-page-title); text-align: right; margin-top: auto; }
.divBoard.c-board-report .widgetItem.c-tc-data .content .title { text-align: left; margin-bottom: 10px; }
.divBoard.c-board-report .widgetItem.c-tc-data .content i.c-ico-b-1 { visibility: hidden; }
.divBoard.c-board-report .widgetItem.c-tc-data[style*="success"] .content i,
.divBoard.c-board-report .widgetItem.c-tc-data[style*="danger"] .content i { visibility: visible; }
.divBoard.c-board-report .widgetItem.c-tc-data[style*="success"] .content i:before { content: "\e90e"; }
.divBoard.c-board-report .widgetItem.c-tc-data .content i { font-size: 18px; }
.divBoard.c-board-report .widgetItem.c-tc-data { --success: var(--default); --danger: var(--default); } /* Change text color to default but use css variable to config icon */
.divBoard.c-board-report .c-report-summary .widgetItem.c-tc-data { overflow: hidden; padding: 10px 12px; background-color: #FFFFFF; /*box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.08);*/ border-radius: 8px; width: calc(50% - 6px); border: 1px solid var(--color-line); }
.divBoard.c-board-report .c-report-summary { padding: 0; background-color: transparent; box-shadow: none; min-width: 290px;max-width: 290px; border: 0; }
.divBoard.c-board-report .c-report-summary.c-report-summary-sm { min-width: 180px; max-width: 180px; }
.divBoard.c-board-report .c-report-summary.c-report-summary-sm .widgetItem.c-tc-data { width: 100%; }
.divBoard.c-board-report .c-report-filter .form-group { margin: 0; }
.divBoard.c-board-report .c-report-filter .form-group + .form-group { margin-top: 16px; }
.divBoard.c-board-report .c-report-filter .form-group.divSearchLookup { padding-bottom: 24px; border-bottom: 1px solid var(--color-line); }
.divBoard .widgetItem.c-tc-data .title { font-size: 14px;}
/* Change view board from row to column */
.c-board-column .b-board.divMainBox > .divItemList { display: flex; gap: 24px; }
.c-board-column .b-board-row { flex-direction: column; /*gap: 16px;*/ }
.c-board-column .b-header-widget-viewall .btn > span { display: none; }
.c-board-column .b-board-row-item { flex-grow: 1; flex-basis: 0; align-self: flex-start; min-width: 0; }
.c-board-column .b-board-column { align-self: unset; }
.c-board-column [data-type="GA"] canvas { width: 100% !important; }
.c-report-npssurvey .b-widget-item.c-report-column-right { max-width: 316px; min-width: 216px; }
.c-report-npssurvey .b-board-row-item.c-report-column-right { max-width: 344px; }
.c-report-npssurvey .c-report-column-right [data-type="GA"] { display: flex; flex-direction: column; }
.c-report-npssurvey .c-report-column-right [data-type="GA"] .content { flex-grow: 1; display: flex; align-items: center; justify-content: center; }
.c-report-npssurvey .c-report-column-right [data-type="GA"] .content canvas { max-height: 124px; }
.c-report-circle-distributedform { text-align: center; margin-top: 20px; }
.c-report-circle { --success: #7ED077; --warning: #F5C039; --danger: #EE3D3D; max-width: 305px; width: 100%; padding: 0; }
.c-report-circle-data { margin: 0 auto; width: 180px; height: 180px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 10px solid var(--nps-color); }
.c-report-circle-data .title { font-size: 60px; font-weight: bold; color: var(--text); line-height: 70px; }
.c-report-circle-data .content { font-size: 16px; color: var(--text); line-height: 24px; }
.c-report-nps-legend { --success: #43A23A; --dark: #545555; --danger: #C05051; min-height: 56px; position: relative; color: var(--nps-legend-color); display: flex; align-items: center; gap: 8px; border-radius: 8px; padding: 16px 16px; margin-top: 12px; }
.c-report-nps-legend-green { --nps-legend-color: var(--success); }
.c-report-nps-legend-dark { --nps-legend-color: var(--dark); }
.c-report-nps-legend-red { --nps-legend-color: var(--danger); }
.c-report-nps-legend::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 8px; border: 2px solid var(--nps-legend-color); opacity: 0.4; z-index: 1; }
.c-report-nps-legend i { font-size: 18px; }
.c-report-nps-legend * { position: relative; z-index: 2; }
.c-report-nps-legend-right { margin-left: auto; white-space: nowrap; }
.c-report-nps-legend-txt { font-size: 16px; line-height: 24px; }
.c-report-nps-legend-right b { font-size: 20px; line-height: 28px; }
.c-report-nps-legend-right span { font-size: 12px; line-height: 22px; }
.b-bigure-board:not(.c-board-report) .b-board .b-board-column { border: 0; }
.b-board .b-board-column.c-menu-employee-engage { padding-top: 44px; }
[data-type="Home"] .b-board .b-board-column { min-height: 262px; }
.c-atcore-report { background: #F0F3F8; }
.divBoard.c-board-report.c-atcore-report .c-atcore-report-card-group .b-board-row { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 16px; }
.divBoard.c-board-report .c-atcore-report-card-group .c-report-card { padding: 16px; }
.divBoard.c-board-report.c-atcore-report .b-board-row-item + .b-board-row-item { margin-top: 16px; }
.c-atcore-report .c-report-card { border: 0 !important; width: 100%; overflow: hidden; color: var(--text); }
.divBoard.c-board-report.c-atcore-report .c-report-filter[data-toggle="1"] { background: #FFFFFF; position: relative; }
.divBoard.c-board-report.c-atcore-report .c-report-filter[data-toggle="1"]::before { content: ''; z-index: 1; position: absolute; top: 0; left: 0; width: 50vw; height: 100%; display: block; background-color: #FFFFFF; }
.divBoard.c-board-report.c-atcore-report .c-report-filter[data-toggle="1"] * { position: relative; z-index: 2; }
.divBoard.c-board-report.c-atcore-report .c-report-filter[data-toggle="1"] .divItemList .btnDrawBoxToggle { z-index: 3; }
.divBoard.c-board-report.c-atcore-report .c-report-filter { max-width: 220px; }
.divBoard.c-board-report.c-atcore-report .c-report-filter .b-box-row-item { overflow: unset; }
.divBoard.c-board-report.c-atcore-repor .c-report-filter .b-board-column { padding-left: 16px; }
.c-atcore-report .c-atcore-report-chart .b-box-row-item { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.c-atcore-report .c-atcore-report-chart .b-board-column { padding: 0; border: 0; background: none; }
.c-atcore-report .c-atcore-report-chart .c-report-card { padding: 20px; background: #FFFFFF; border-radius: 16px; width: 100%; min-height: 200px; display: flex; flex-direction: column; }
.c-atcore-report .c-atcore-report-chart .c-report-card .content { flex-grow: 1; }
.c-atcore-report .c-atcore-report-chart .c-report-card .title { margin-bottom: 8px; }
.c-atcore-report .c-atcore-report-chart .c-report-card canvas { max-height: 130px; }
.c-report-row-card { background-color: #FFFFFF; padding: 20px 64px; border-radius: 16px; }
.divBoard.c-board-report .c-report-row-card .b-board-row { gap: 20px; overflow: hidden; }
.divBoard.c-board-report .c-report-row-card .b-board-column { padding: 0; border: 0; border-radius: 0; }
.divBoard.c-board-report .c-report-row-card .c-report-col-left { flex-grow: 0; padding-right: 20px; border-right: 1px solid var(--color-line); max-width: 250px; align-self: stretch; }
.divBoard.c-board-report .c-report-row-card .c-report-col-left .c-ga-data { max-width: 100%; min-width: 230px; min-height: inherit; margin-top: 8px; }
.divBoard.c-board-report .c-report-row-card .c-report-col-left .c-ga-data .content { min-height: 170px; max-height: 170px; height: 170px; }
.divBoard.c-board-report .c-report-row-card .c-report-col-left .c-box-chart { overflow: inherit; }
.divBoard.c-board-report .c-report-row-card .c-report-col-left .b-box-row-item + .b-box-row-item { margin-top: 12px; }
.divBoard.c-board-report .c-report-row-card .c-report-col-left .content { font: var(--typo-page-subtitle); font-weight: normal; color: var(--text); }
.divBoard.c-board-report .c-report-row-card .c-report-col-left .title { font: var(--typo-bold-body-xl); color: var(--darkgrey); }
.divBoard.c-board-report .c-report-row-card .c-report-col-right { overflow: inherit; width: 100%; }
.divBoard.c-board-report .c-report-row-card .c-report-col-right .b-box-row-item + .b-box-row-item { margin-top: 0; }
.divBoard.c-board-report .c-report-row-card .c-report-col-right .c-ga-data { max-width: 100%; flex-direction: column; display: flex; gap: 0; min-height: 180px; max-height: inherit; align-items: stretch; }
.divBoard.c-board-report .c-report-row-card .c-report-col-right .c-ga-data .content { height: 180px; margin-top: auto; }
.divBoard.c-board-report .c-report-row-card .c-report-col-right .c-ga-data canvas { max-height: 180px; }
.divBoard.c-board-report .c-report-row-card .c-report-col-right .c-box-chart-group { display: grid; grid-template-columns: repeat(4, 1fr); overflow: hidden; gap: 32px; }
.divBoard.c-board-report .c-report-row-card .c-report-col-right .c-ga-data .title { color: var(--darkgrey); }
.divBoard.c-board-report .c-box-chart-legend { margin-top: 12px !important; position: relative; z-index: 0; }
.c-ga-legend-data { max-height: 100px; }
.c-ga-legend-group { display: flex; flex-wrap: wrap; gap: 4px 16px; justify-content: center; }
.c-ga-legend-group.c-ga-legend-vertical { flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-left: 32px; max-width: 200px; min-width: 200px; width: 100% !important; }
.c-ga-legend-item { display: flex; gap: 6px; font: var(--typo-body-sm); align-items: baseline; color: var(--default); cursor: pointer; }
.c-ga-legend-ico { width: 10px; min-width: 10px; height: 10px; background-color: var(--primary); border-radius: 50%; position: relative; top: 2px; }
.c-ga-legend-item .c-ga-legend-label { color: var(--default) !important; text-align: left; }
.c-atcore-endofyear-group { display: flex; gap: 12px; border-top: 1px solid var(--color-line); padding-top: 12px; margin-top: 12px !important; justify-content: space-between; }
.c-atcore-endofyear-group .c-tc-head-reverse { display: flex; flex-direction: column; }
.c-atcore-endofyear-group .title { font: var(--typo-body-md) !important; line-height: 1; color: var(--darkgrey); margin-top: auto; }
.c-atcore-endofyear-group .content { font: var(--typo-page-subtitle) !important; font-weight: normal !important; margin-top: -2px; color: var(--text); }
.c-report-card .c-tc-data-subtitle { font: var(--typo-body-md) !important; color: var(--darkgrey); margin-bottom: -6px; }
.c-report-card .c-tc-head-reverse.c-tc-data-num .title { font: var(--typo-bold-body-lg) !important; color: var(--darkgrey); }
.c-report-card .c-tc-head-reverse.c-tc-data-num .content { font: var(--typo-page-title) !important; font-weight: normal !important; font-size: 1.725rem !important; }
.c-atcore-report .c-atcore-report-chart .c-report-card .title { font: var(--typo-bold-body-xl) !important; color: var(--darkgrey); }
.divBoard.c-board-report.c-atcore-report .b-board-column.tc-report-tablelist .b-title-board-column { font-weight: bold; }
.divBoard.c-board-report .tc-report-tablelist .widgetItem.c-box-table-vertical table { grid-template-columns: min-content auto; }
.divBoard.c-board-report .tc-report-tablelist .widgetItem.c-box-table-vertical .b-table-report table thead th,
.divBoard.c-board-report .tc-report-tablelist .widgetItem.c-box-table-vertical .b-table-report table tbody td { flex-grow: 1; }
.divBoard.c-board-report .tc-report-tablelist .widgetItem.c-box-table-vertical .b-table-report table thead th,
.divBoard.c-board-report .tc-report-tablelist .widgetItem.c-box-table-vertical .b-table-report table tbody td,
.divBoard.c-board-report .tc-report-tablelist .widgetItem.c-box-table-vertical .b-table-report table thead th:last-child,
.divBoard.c-board-report .tc-report-tablelist .widgetItem.c-box-table-vertical .b-table-report table tbody td:last-child { width: 100%; padding: 12px 16px; font: var(--typo-table-body); border: 0; border-top: 1px solid var(--table-line); }
.divBoard.c-board-report .tc-report-tablelist .widgetItem.c-box-table-vertical .b-table-report table thead th:first-child,
.divBoard.c-board-report .tc-report-tablelist .widgetItem.c-box-table-vertical .b-table-report table tbody td:first-child { border-top: 0; font: var(--typo-table-head); }
.divBoard.c-board-report .tc-report-tablelist .widgetItem.c-box-table-vertical .b-table-report table thead th:nth-child(2),
.divBoard.c-board-report .tc-report-tablelist .widgetItem.c-box-table-vertical .b-table-report table tbody td:nth-child(2) { border-top: 2px solid var(--table-line-header); }
.b-table-report-action { display: flex; gap: 8px; align-items: center; }
.b-table-report-action .btnSearchLink { min-width: auto; }
.divModalSearchList .b-table-report .b-table-report-action .btnSearchDelete i { font-size: 14px; }
.divModalSearchList .b-table-report .table tbody td { padding-top: 4px; padding-bottom: 4px; }
.divModalSearchList .b-table-report table thead th:last-child,
.divModalSearchList .b-table-report table tbody td:last-child,
.divModalSearchList .b-table-report table tfoot td:last-child { padding-right: 16px; }
.divModalSearchList .c-emptystate-ico { width: 100px; height: 100px; }
.divModalSearchList .b-table-report { max-height: 464px; }
.divModalSearchLink .form-inline { gap: 12px; }
.divModalSearchLink .form-inline .form-control { flex-grow: 1; }
.modal.c-modal.divModalSearchLink .modal-body { padding-bottom: 32px; }
.divBoard .b-board-container { overflow-x: hidden !important; }
.c-team360degvalsum-chart-group { display: flex; gap: 24px; align-items: center; }
.c-team360degvalsum-chart-left { flex-grow: 1; }
.c-team360degvalsum-chart-left .title { font: var(--typo-page-subtitle); color: var(--default); }
.c-team360degvalsum-chart-left .btn { margin-top: 12px; }
.c-team360degvalsum-chart-right { max-width: 600px; min-width: 600px; width: 100%; height: 128px; }
.divBoard.c-board-report .b-board-column.c-report-custom-title { border: 0 !important; padding: 0 !important; background: transparent !important; }
.divBoard.c-board-report .b-board-column.c-report-custom-title .title { font: var(--typo-page-subtitle); padding: 8px 0; color: var(--primary); filter: brightness(0.7); }
.c-npssurvey-htmlbar-group .contentItem { display: flex; align-items: center; gap: 12px; }
.c-npssurvey-htmlbar-group .content { display: flex; flex-direction: column; gap: 8px; }
.c-npssurvey-htmlbar-progress { padding: 8px 0; width: var(--htmlbar-progress); height: 100%; }
.c-npssurvey-htmlbar-label { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: absolute; width: 100%; padding: 0 8px; }
.c-npssurvey-htmlbar-bar { position: relative; width: 100%; overflow: hidden; border-radius: 6px; border: 1px solid #E3E6E8; background: #FFFFFF; max-width: 250px; height: 36px; display: flex; align-items: center; }
.c-npssurvey-htmlbar-value { margin-left: auto; }
.chartTooltip { padding: 4px 8px !important; border-radius: 6px; background: #424242; color: #FFFFFF; z-index: 1; opacity: 1; pointer-events: none; position: absolute; transform: translate(-50%, 0); transition: all .1s ease; max-width: 200px; }
.chartTooltip table { display: flex; flex-direction: column; }
.chartTooltip thead { margin-bottom: 6px; }
.chartTooltip th { font: var(--typo-bold-body-md); padding: 0; }
.chartTooltip td { font: var(--typo-body-md); display: flex; padding: 0; align-items: baseline; }
.icoTooltip { width: 10px; min-width: 10px; height: 10px; border-radius: 50%; display: block; border: 0; margin-right: 8px; top: 1px; position: relative; }
.c-dropdown-app-box:not(#MenuEuniteApp) .c-dropdown-app .divAllAppList .c-btn-grid:hover,
.c-dropdown-app-box:not(#MenuEuniteApp) .c-dropdown-app .divAllAppList .c-btn-grid + .c-btn-grid:focus-within,
.c-dropdown-app-box:not(#MenuEuniteApp) .c-dropdown-app .divAllAppList .c-btn-grid.dropdownShow {
background: linear-gradient(to top, rgba(255, 255, 255, 90%), rgba(255, 255, 255, 90%)) var(--color-qcolor3);
}
/* Small Screen */
@media (max-width:1280px) {
.divBoard.c-board-report .c-report-row-card { padding: 20px; }
}
/* Extra Small Screen & iPad Lanscape */
@media (max-width:1024px) {
.divBoard.c-board-report .c-report-row-card .b-board-row { flex-direction: column; overflow: visible; gap: 28px; }
.divBoard.c-board-report .c-report-row-card .c-report-col-left { padding: 0; padding-bottom: 28px; width: 100%; border-right: 0; border-bottom: 1px solid var(--color-line); max-width: inherit; }
.divBoard.c-board-report .c-report-row-card .c-report-col-left .c-ga-data { max-width: 100%; width: 100%; }
.divBoard.c-board-report.c-atcore-report .c-atcore-report-card-group .b-board-row { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(1, 1fr); }
.c-atcore-report .c-atcore-report-chart .b-box-row-item { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(1, 1fr); }
}
/* Targets typical tablet range (768px to 1366px) for touch users */
@media screen and (max-width: 1366px) and (hover: none),
screen and (max-width: 768px) {
/* มีผลเฉพาะ mb web */
.c-dropdown-app-box:not(#MenuEuniteApp) .c-btn-grid .dropdownMenuPin .btn.dropdown-toggle,
.c-dropdown-app-box:not(#MenuEuniteApp) .c-dropdown-app .divAllAppList .c-btn-grid:hover .pinIcon { display: flex; transition: none; border: 0;}
.c-dropdown-app-box:not(#MenuEuniteApp) .c-dropdown-app .c-btn-grid .pinIcon { background-position: -3px -4px; background-size: 34px; }
.c-dropdown-app-box:not(#MenuEuniteApp) .c-dropdown-app .c-btn-grid:has(.pinIcon) .dropdownMenuPin .dropdown-toggle { opacity: 0; }
.c-dropdown-app-box:not(#MenuEuniteApp) #divPortal .c-dropdown-app .c-btn-grid .dropdownMenuPin .btn.dropdown-toggle:before { width: 32px; height: 32px;}
#divPortal .c-dropdown-app-box:not(#MenuEuniteApp) .c-btn-grid:hover .pinIcon,
#divPortal .c-dropdown-app-box:not(#MenuEuniteApp) .c-btn-grid + .c-btn-grid:focus-within .pinIcon,
#divPortal .c-dropdown-app-box:not(#MenuEuniteApp) .c-btn-grid.dropdownShow .pinIcon{ display: none; }
#divPortal .c-dropdown-app-box:not(#MenuEuniteApp) .c-dropdown-app .c-btn-grid:hover .dropdownMenuPin .dropdown-toggle,
#divPortal .c-dropdown-app-box:not(#MenuEuniteApp) .c-dropdown-app .c-btn-grid.dropdownShow .dropdownMenuPin .dropdown-toggle { opacity: 1; }
}
@media (max-width:768px) {
.b-widget-item [page="p/wise/QbicMyCourses"] .divItemList.row { grid-auto-columns: clamp(40%, 40%, 20%); grid-auto-flow: column; grid-template-columns:unset}
.b-board { padding: 12px var(--board-padding); }
.divBoard .divMainBox { flex-wrap: wrap; gap: 0;}
.divBoard .divMainBox .divDrawBox { width: 100% !important;}
.b-board .b-board-row { flex-wrap: wrap; gap: 20px;}
.b-header { padding: 12px;}
.c-btn-list + .c-btn-list { margin-top: 12px; }
[data-type="Home"] .b-board .b-board-column { min-height: unset; }
.boxRowItem.b-box-row-item.HI.c-box-grid{ grid-template-columns: repeat(2, 1fr);}
.divBoard.c-board-report .c-report-summary .widgetItem.c-tc-data { gap: 0; height: 92px; justify-content: space-between; padding: 8px 12px;}
.divBoard .widgetItem.c-tc-data .title { font-size: 16px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.divBoard.c-board-report .widgetItem.c-tc-data .content { font-size: 20px; line-height: 28px;}
.divBoard.c-board-report .b-board-column .q-breadcrumb { white-space: normal; display: block; padding: 10px 0; }
.divBoard.c-board-report .b-board-column .q-breadcrumb li { white-space: normal !important; display: inline; word-break: break-all; font: var(--typo-section-title); font-size: 18px; }
.divBoard.c-board-report .b-board-column .q-breadcrumb .breadcrumb-item+.breadcrumb-item::before { float: none;}
.divBoard.c-board-report .tc-report-tablelist { overflow: auto;}
.divBoard.c-board-report .c-report-filter .b-title-board-column { font: var(--typo-page-subtitle); }
.divBoard.c-board-report .c-report-filter { --form-control-height: 48px; }
.divBoard.c-board-report .divMainBox .divItemList.b-board-row { flex-direction: column; }
.divBoard.c-board-report .b-board-column.tc-report-tablelist { overflow: unset; }
.divBoard.c-board-report .c-report-summary.c-report-summary-sm { min-width: 100%; max-width: 100%; width: 100%; }
.divBoard .rowItem .divItemList.b-board-row { flex-direction: column; }
.b-board .b-board-column { width: 100%; padding: 16px; }
.divBoard.c-board-report .c-report-filter[data-toggle="1"] > .btnDrawBoxToggle { display: none; }
.divBoard.c-board-report .c-report-filter[data-toggle="1"] .divItemList .btnDrawBoxToggle { display: flex; position: absolute; right: 0; }
/* menu My Performance */
.divBoard[data-type="Home"] .widgetItem.btnBigureMenu { margin-left: 12px; margin-right: 12px; padding: 12px !important; background-color: #FFFFFF; border-radius: 8px; border: 0; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.08);}
.divBoard[data-type="Home"] .divHeadBox { padding: 12px 0; }
.divBoard[data-type="Home"] .divHeadBox .divItemList.container { padding: 0 20px; }
.divBoard.c-board-report .b-board { flex-direction: column; }
.divBoard.c-board-report .divMainBox.b-board .divItemList { width: 100%; }
.divBoard .divDrawBox.c-report-filter { padding-top: 0; max-width: 100% !important; flex-direction: row; gap: 12px; }
.divBoard .divDrawBox.c-report-filter .b-dropdown-download { order: -1; margin-left: auto; }
.divBoard .divDrawBox.c-report-filter .btnDrawBoxToggle { margin-left: 0; }
.divBoard.c-board-report .divMainBox.b-board > .divItemList { padding: 0 !important; }
.divBoard.c-board-report.c-atcore-report .c-atcore-report-card-group .b-board-row,
.c-atcore-report .c-atcore-report-chart .b-box-row-item { grid-template-columns: repeat(1, 1fr); }
.divBoard.c-board-report.c-atcore-report .c-report-filter[data-toggle="1"]::before { visibility: hidden; }
.divBoard.c-board-report.c-atcore-report .c-report-filter[data-toggle="1"] { border: 0; padding: 16px; border-radius: 12px; }
.divBoard.c-board-report .c-report-filter .b-board-column { padding: 0 !important; }
.divBoard.c-board-report .b-board { padding: 12px 16px !important; }
.divBoard.c-board-report .c-report-row-card .c-report-col-right .c-box-chart-group { grid-template-columns: repeat(2, 1fr); padding: 0 32px; }
.divBoard.c-board-report .c-report-filter[data-toggle="1"] { border-left: 0; border-bottom: 1px solid var(--color-line); padding-bottom: 48px; }
.c-report-npssurvey .b-board-row-item.c-report-column-right { max-width: 100%; }
.divBoard.c-board-report .b-board-column { overflow: unset; }
.c-team360degvalsum-chart-group { flex-direction: column; align-items: stretch; }
.b-board .b-board-column .b-widget-item .c-sidebar-body { margin-left: 0 !important; margin-right: 0 !important; }
.b-board .c-list { border: 0; }
.b-widget-item .c-size-canvas-default { background: #FFFFFF; border-radius: 8px; padding: 12px; }
.b-board .divDrawBox [data-type="APPS"][data-show="ShowLess"] .c-box-grid{ grid-template-rows: 1fr 1fr;}
.b-board .divDrawBox [data-type="APPS"] .c-box-grid { grid-template-columns: repeat(4, 1fr);}
.modal.c-modal.divModalExportImage .modal-footer { flex-wrap: nowrap; }
.c-modal.divModalExportImage .modal-content,
.c-modal.divModalExportBoard .modal-content { min-height: 370px !important; }
.c-modal.divModalExportBoard .modal-content .modal-footer .btn { width: auto; }
#divPortal .modal.divModalHyperDocMenu .modal-dialog { width: 100%;}
#divPortal .divMenuTab .c-content-menu .nav .nav-link::after{ display:none;}
#divPortal .divMenuTab .c-content-menu .nav { border-bottom: 1px solid #E3E6E8; padding: 0 8px 16px; overflow: hidden; overflow-x: auto;}
#divPortal .divMenuTab .tab-title { padding-top: 0; font-size: 20px;}
#divPortal .divMenuTab .c-content-menu-top-0 { padding: 0;}
#divPortal .divMenuTab .c-content-menu + .c-content-body { padding: 0;}
#divPortal .modal.divModalHyperDocMenu[data-nodetype="section"] .modal-body{ max-height: unset; }
#divPortal .c-btn-grid .dropdown-menu { max-width: fit-content; min-width: 98px;}
/* .c-widget-favs .HN { position: relative; padding-bottom: 24px; margin: auto;} */
.c-widget-favs .HN i { width: 70px; height: 70px; margin: 0;}
}
@media (min-width: 768px) {
/* .divBoard[data-type="Home"] .divDrawBox .c-widget-faceio { display: none; } */
/* .divBoard[data-type="Home"] .divItemList .rowItem.b-board-row-item:has(.c-widget-faceio) { display: none; } */
/* .divBoard[data-type="Home"] .divHeadBox .divHeadBoxTitle { font-size: 1.125rem; } */
}
@media (max-width:767px) {
/* .divBoard[data-type="Home"] .divHeadBox { min-height: 109px; } */
.divBoard[data-type="Home"] .divDrawBox .c-widget-faceio { margin-top: -70px; }
.divBoard[data-type="Home"] .b-board-container { overflow: visible !important; }
.divBoard[data-type="Home"] .b-board-container .divMainBox.container { max-width: 100vw; }
.divBoard[data-type="Home"] .divHeadBox .divHeadBoxTitle { font-size: 1.125rem; }
/* .divBoard[data-type="Home"] .divItemList .rowItem.b-board-row-item:has(.c-widget-faceio) { display: none; } */
.divBoard.c-board-report .c-report-row-card .c-report-col-right .c-box-chart-group { grid-template-columns: repeat(1, 1fr); padding: 0 16px; }
.b-board .divDrawBox [data-type="APPS"] .c-box-grid { display: flex; overflow: auto; overflow-y: hidden; gap: 12px; }
.b-board .divDrawBox [data-type="APPS"] .c-box-grid .c-btn-grid {/*min-width: calc(20vw - 32px);*/ min-width: var(--widget-menu-width); margin: 0;height: auto; padding: 0 4px 4px; }
.b-board .b-board-column [data-type="APPS"] .c-box-grid .c-btn-grid span { font: var(--typo-bold-body-sm) !important; font-size: 12px !important; line-height: 20px !important; display: -webkit-box; -webkit-line-clamp: 2; /* Limits the text to 2 lines */ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.b-board .b-board-column .b-widget-item[data-type="APPS"] {padding-top: 12px !important;padding-bottom: 8px !important;padding-left: 0 !important; ;padding-right: 0 !important; background-color: transparent !important; }
.b-board .divDrawBox [data-type="APPS"][data-show="ShowLess"] .c-box-grid { padding: 12px; padding-bottom: 8px; background-color: #FFFFFF; min-height: 112px; display: grid; grid-template-rows: 1fr; grid-auto-flow: column; grid-gap: 8px; }
.b-board .b-board-column .widgetItem.b-widget-item[data-type="APPS"] .b-header-widget { display: flex !important; padding: 0 12px }
.b-board-column.c-widget-apps { display: none; }
.c-modal.divModalHyperDocMenu .c-box-grid {grid-template-columns: repeat(3, 1fr); grid-gap:8px; }
.c-modal.divModalHyperDocMenu .c-btn-grid span { font: var(--typo-bold-body-md); min-height: 40px; }
.c-modal.divModalHyperDocMenu .c-btn-grid { aspect-ratio: unset; padding: 12px; }
#divPortal .divMenuTab .sub-title { padding-top: 14px; padding-bottom: 14px; }
#divPortal .modal.divModalHyperDocMenu[data-nodetype="section"] .c-btn-grid span { min-height: unset; padding: 10px 0px; font: var(--typo-body-lg); background: none !important;}
#divPortal .modal.divModalHyperDocMenu[data-nodetype="section"] .divMenuTab .c-content-menu .nav .nav-link { padding: 8px 12px; }
#divPortal .modal.divModalHyperDocMenu[data-nodetype="section"] .divMenuTab .sub-section .c-btn-grid { padding: 2px 0px 2px 24px; }
#divPortal .modal.divModalHyperDocMenu .modal-header,
#divPortal .modal.divModalHyperDocMenu .modal-header .modal-title { filter: unset;}
#divPortal .modal.divModalHyperDocMenu .modal-dialog .modal-content { max-height: 65%; min-height: 65%; top: auto; bottom: 0; border-top-left-radius: 12px; border-top-right-radius: 12px; }
#divPortal #p24 ~ .divModalHyperDocMenu button.close { top: -8px;}
.c-dropdown-app-box .c-dropdown-app .c-btn-grid span { line-height: unset;}
}
@media (max-width:576px) {
/* .b-board .divDrawBox [data-type="APPS"] .c-box-grid .c-btn-grid { min-width: calc(25vw - 32px); } */
}
/* TODO : Hyperdoc */
.c-page-group-hyperdoc .divNodePageType { display: flex; flex-direction: column; flex-grow: 1; }
.c-page-group-hyperdoc .divNodePageType .divBigure0 { height: 100%; }
.c-page-group-hyperdoc .divNodePageType .divBigure0 .q-info-page { height: 100%; }
.c-page-group-hyperdoc .divNodePageType .d-show-pdf { max-width: 100%; max-height: 100%; height: 100% !important; }
.c-page-group-hyperdoc .divNodePageType[data-type="form"] iframe { height: 100%; border: 0; }
.c-page-group-hyperdoc { --sidebar-toggle-width: 264px; }
.c-page-group-hyperdoc .c-sidebartoggle { height: 100%; width: var(--sidebar-toggle-width); min-width: var(--sidebar-toggle-width); display: flex; flex-direction: column; padding: 0; background: #FFFFFF; overflow: hidden; border-right: 1px solid var(--color-line); }
.c-page-group-hyperdoc .c-sidebartoggle .list-group-item { padding: 0; color: var(--text); margin-top: 2px !important; border: 0 !important; }
.c-page-group-hyperdoc .c-sidebartoggle-ico-expand { --btn-md-singleicon: 12px; color: var(--secondary); --btn-md-height: 24px !important; }
.c-page-group-hyperdoc .c-sidebartoggle-ico-expand:last-child { margin-left: auto; }
.c-page-group-hyperdoc .c-sidebartoggle-ico-expand i { position: relative; }
.c-page-group-hyperdoc .c-sidebartoggle-group .btn { --btn-md-height: 24px !important; }
.c-page-group-hyperdoc .c-sidebartoggle-option { --secondary-txt: var(--grey); margin-left: 4px; }
.c-page-group-hyperdoc .c-sidebartoggle-group .dropdown { margin-left: 4px; }
.c-page-group-hyperdoc [data-expand="1"] > .c-sidebartoggle-group > .c-sidebartoggle-ico-expand i { transform: scale(-1); }
.c-page-group-hyperdoc .c-sidebartoggle .list-group-item.active { background: transparent; }
.c-page-group-hyperdoc .c-sidebartoggle .list-group-item.active > .c-sidebartoggle-group,
.c-page-group-hyperdoc .c-sidebartoggle .list-group-item.active > .c-sidebartoggle-group:hover { background: rgba(56, 107, 246, 0.10); color: var(--primary); font-weight: bold; }
.c-page-group-hyperdoc .c-sidebartoggle .list-group-item:hover { background: transparent; }
.c-page-group-hyperdoc .c-sidebartoggle .list-group-item .c-sidebartoggle-group:hover { background: #EFF2F4; }
.c-page-group-hyperdoc .c-sidebartoggle .list-group-item.active > .c-sidebartoggle-group .c-sidebartoggle-label { filter: brightness(0.8); }
.c-page-group-hyperdoc .c-sidebartoggle .list-group-item.active > .c-sidebartoggle-group .c-sidebartoggle-nodeico { color: var(--primary); filter: brightness(0.8); }
.c-page-group-hyperdoc .c-sidebartoggle .list-group-item .list-group-collapse .c-sidebartoggle-group { padding-left: 20px; }
.c-page-group-hyperdoc .c-sidebartoggle .list-group-item .list-group-collapse .list-group-collapse .c-sidebartoggle-group { padding-left: 32px; }
.c-page-group-hyperdoc .c-sidebartoggle .list-group-item .list-group-collapse .list-group-collapse .list-group-collapse .c-sidebartoggle-group { padding-left: 48px; }
.c-page-group-hyperdoc .c-sidebartoggle .list-group-item .list-group-collapse .list-group-collapse .list-group-collapse .list-group-collapse .c-sidebartoggle-group { padding-left: 64px; }
.c-page-group-hyperdoc .c-sidebartoggle .list-group-item .list-group-collapse .list-group-collapse .list-group-collapse .list-group-collapse .list-group-collapse .c-sidebartoggle-group { padding-left: 80px; }
.c-page-group-hyperdoc .c-sidebartoggle .list-group-item a:not(.dropdown-item) { font: var(--typo-body-md); padding: 0; color: inherit; font-weight: inherit; }
.c-page-group-hyperdoc .c-sidebartoggle .H0.divNodeList.list-group-collapse > .list-group-item > .c-sidebartoggle-group { font-weight: bold; }
.c-page-group-hyperdoc .c-sidebartoggle-head { display: flex; align-items: center; min-height: 44px; padding: 10px 12px; padding-left: 14px; border-bottom: 1px solid var(--color-line); }
.c-page-group-hyperdoc .c-sidebartoggle-head .btn { border: 0; }
.c-page-group-hyperdoc .c-sidebartoggle-head-label { margin-right: 4px; margin-left: 6px; font: var(--typo-bold-body-xl); flex-grow: 1; }
.c-page-header-hyperdoc.c-page-header { padding-top: 4px; padding-bottom: 4px; min-height: 42px; height: 42px; }
.c-page-header-hyperdoc.c-page-header .container { max-width: 100%; }
.c-page-header-hyperdoc.c-page-header .c-page-header-hyperdoc-label { font: var(--typo-section-title); }
.c-page-header-hyperdoc.c-page-header .btn.btnToggleTOC { margin-top: 0; margin-left: 0; margin-right: 6px; width: 32px; height: 32px; min-width: 32px; }
.c-page-header-hyperdoc.c-page-header .btn.btnToggleTOC i { font-size: 18px !important; width: 18px; height: 18px; }
.c-page-header-hyperdoc.c-page-header .c-input-group-search { --form-control-height: 28px; max-width: 248px; margin-left: 16px; --form-control-text: #FFFFFF; }
.c-page-header-hyperdoc.c-page-header .c-input-group-search .input-group-prepend .btn { margin: 0; background: rgba(255, 255, 255, 0.30) !important; color: var(--form-control-text); }
.c-page-header-hyperdoc.c-page-header .c-input-group-search .form-control { padding-top: 6px; color: var(--form-control-text); padding-bottom: 8px; line-height: var(--form-control-height); border: 0 !important; background: rgba(255, 255, 255, 0.30) !important; }
.c-page-header-hyperdoc.c-page-header .c-input-group-search:not(:focus-within) .form-control::placeholder { color: var(--form-control-text); opacity: 1; }
.c-page-header-hyperdoc.c-page-header .c-input-group-search:not(:focus-within) .form-control::-ms-input-placeholder { color: var(--form-control-text); }
.c-page-header-hyperdoc.c-page-header .c-input-group-search:focus-within { --form-control-text: var(--lookup-option-color); }
.c-page-header-hyperdoc.c-page-header .c-input-group-search:focus-within .input-group-prepend .btn,
.c-page-header-hyperdoc.c-page-header .c-input-group-search:focus-within .form-control { background: #FFFFFF !important; color: var(--text) !important; }
.c-page-header-hyperdoc.c-page-header .c-input-group-search .input-group-prepend .btn i { display: flex; justify-content: center; align-items: center; }
.c-page-group-hyperdoc .c-page-nodename { font: var(--typo-page-subtitle); font-size: 1.571rem; padding-left: 48px; padding-top: 24px; margin-bottom: 16px; color: var(--default) !important; align-self: start; }
.c-page-group-hyperdoc .c-sidebarpage .divBoard.c-board-report .divMainBox.b-board > .divItemList,
.c-page-group-hyperdoc .c-sidebarpage .divBoard.c-board-report .c-report-filter,
.c-page-group-hyperdoc .c-sidebarpage .divBoard.c-board-report .b-board.container { padding: 0; }
.c-page-group-hyperdoc .c-sidebarpage .divBoard.c-board-report .b-board.container { max-width: 100%; }
.c-page-group-hyperdoc .c-sidebarpage { display: flex; flex-direction: column; flex-grow: 1; overflow: auto; overflow-x: hidden; background: #FFFFFF; height: 100%; }
.c-page-group-hyperdoc .c-sidebarpage .divNodePageType:not([data-type="form"]) { padding: 40px 48px; padding-top: 0; }
.c-page-group-hyperdoc .c-sidebarpage .divNodePageType[data-type="call"] { padding-bottom: 0; }
.c-page-group-hyperdoc .c-sidebartoggle-action { padding: 10px 12px; display: flex; gap: 12px; border-top: 1px solid var(--color-line); background: #FFFFFF; }
.c-page-group-hyperdoc .c-sidebartoggle-group { display: flex; font: var(--typo-body-md); align-items: center; padding: 2px 4px; padding-left: 8px; min-height: 28px; color: var(--default); border-radius: 4px; cursor: pointer; }
.c-page-group-hyperdoc .c-sidebartoggle-group .btn:hover { background: rgba(0, 0, 0, 0.10); }
.c-page-group-hyperdoc .c-sidebartoggle-body { overflow: auto; flex-grow: 1; padding: 8px; }
.c-page-group-hyperdoc .c-sidebartoggle-label { margin-right: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.c-page-group-hyperdoc .c-sidebartoggle-group { --btn-sm-singleicon: 12px; }
.c-page-group-hyperdoc .c-sidebartoggle-nodeico { margin-right: 6px; min-width: 16px; min-height: 16px; width: 16px; height: 16px; font-size: 14px; color: var(--grey); display: flex; align-items: center; justify-content: center; }
.c-page-group-hyperdoc .c-sidebartoggle-visico { z-index: 0; color: var(--secondary); width: 24px; height: 24px; min-width: 24px; display: flex; align-items: center; justify-content: center; margin-left: 8px; }
.c-page-group-hyperdoc .c-sidebartoggle-visico.c-ico-m-13::before { z-index: 2; position: relative; }
.c-page-group-hyperdoc .c-sidebartoggle-visico.c-ico-m-13::after { content: "\e98a"; position: absolute; z-index: 1; opacity: 0.2; }
.c-page-group-hyperdoc .c-sidebarpage { transition: all 0.3s ease; padding-left: 0; }
.c-page-group-hyperdoc .c-sidebartoggle { transform: translateX(-100%); transition: all 0.3s ease; position: absolute; }
[data-toc="show"] .c-page-group-hyperdoc .c-sidebartoggle { transform: translateX(0); }
[data-pin="show"] .c-page-group-hyperdoc .c-sidebartoggle { transform: translateX(0); }
[data-pin="show"] .c-page-group-hyperdoc .c-sidebarpage { padding-left: var(--sidebar-toggle-width); }
[data-toc="show"]:not([data-pin="auto"]) .c-page-group-hyperdoc .c-sidebarpage { padding-left: var(--sidebar-toggle-width); }
[data-pin="show"]:not(data-toc) .c-page-group-hyperdoc .c-sidebartoggle { transition: none; }
[data-pin="auto"] .divHeaderView .btnToggleTOC[data-pin="auto"]:hover i::before { content: '\e98a'; }
[data-pin="show"] .divHeaderView .btnToggleTOC[data-pin="show"]:hover i::before { content: '\e98b'; }
.c-page-group-hyperdoc.c-page-group { overflow: hidden; flex-grow: 1; position: relative; min-height: unset; }
.c-page-group-hyperdoc::before,
.c-page-group-hyperdoc::after { display: none; }
.c-hyperdoc-apidesc-inputgroup { margin-top: 16px; }
.c-hyperdoc-apidesc-inputgroup .input-group + .input-group { margin-top: 8px; }
.c-page-group-hyperdoc .c-input-group-text .input-group-prepend .input-group-text { background: rgba(227, 230, 233, 0.84); border-right: 1px solid; border-radius: 2px 0px 0px 2px; font: var(--typo-bold-body-md); text-transform: uppercase; }
.c-page-group-hyperdoc .c-input-group-text .input-group-append .input-group-text { border-radius: 0px 2px 2px 0px; font: var(--typo-body-md); }
.c-page-group-hyperdoc .c-input-group-text .input-group-prepend .input-group-text,
.c-page-group-hyperdoc .c-input-group-text .input-group-append .input-group-text { border-color: var(--default); color: var(--default); padding: 0 8px; }
.c-hyperdoc-api-contentgroup { border-top: 1px solid var(--color-line); margin-top: 24px; --coumn-gap: 24px; }
.c-hyperdoc-api-contentgroup-left,
.c-hyperdoc-api-contentgroup-right { padding-top: 24px; padding-bottom: 40px; }
.c-hyperdoc-api-contentgroup-left { border-right: 1px solid var(--color-line); }
.c-hyperdoc-api-request-action { margin-top: 28px; display: flex; gap: 8px; }
.c-hyperdoc-schema { font-size: 0.925rem; }
.c-hyperdoc-schema li { padding: 0; display: flex; flex-wrap: wrap; }
.c-hyperdoc-schema li + li { margin-top: 8px; }
.c-hyperdoc-schema ul { text-indent: 20px; margin-top: 8px; width: 100%; }
.c-hyperdoc-schema .resName,
.c-hyperdoc-schema .resType { font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; }
.c-hyperdoc-schema .resType { text-indent: 0; }
.c-hyperdoc-schema .resDesc { text-indent: 0; margin-left: auto; max-width: 50%; width: 50%; min-width: 50%; color: var(--secondary); }
.c-page-hyperdoc-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; padding: 0 48px; padding-top: 24px; }
.c-page-hyperdoc-head-action { display: flex; gap: 8px; align-items: baseline; }
.c-page-hyperdoc-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.c-page-hyperdoc-head-action .form-group { margin-top: 0 !important; }
.c-page-hyperdoc-head-action .form-group .form-label { margin-right: 8px; font: var(--typo-body-md); }
.c-page-group-hyperdoc .c-page-hyperdoc-head .c-page-nodename { margin: 0; padding: 0; }
/* Code */
.c-code-top { display: flex; justify-content: space-between; padding: 6px 8px; padding-left: 12px; background: linear-gradient(0deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.10) 100%), #333435; border-radius: 8px 8px 0px 0px; }
.c-code-top .btn { --btn-sm-icon: 12px; background-color: transparent; }
.c-code-bottom { padding: 16px; background: #333435; border-radius: 0px 0px 12px 12px; overflow: auto; max-height: 406px; }
.c-code pre { margin: 0; overflow: unset; }
.c-code pre code { padding: 0; background: transparent; overflow: unset; color: #FFFFFF; }
.popover.popover-copycode { min-width: fit-content; width: fit-content; max-width: fit-content; background: #424242; border-radius: 6px; margin-top: -2px; }
.popover.popover-copycode .popover-body { padding: 4px 8px; color: #FFFFFF; }
.popover.popover-copycode .arrow { display: block; background: url('data:image/svg+xml,'); width: 9px; height: 8px; margin: 0; bottom: -6px; }
.popover.popover-copycode .arrow::before,
.popover.popover-copycode .arrow::after { display: none; }
.c-hyperdoc-api-title { font: var(--typo-page-subtitle); margin-bottom: 16px; }
div + .c-hyperdoc-api-title { margin-top: 32px; }
.c-hyperdoc-api-rescodelist { display: flex; flex-wrap: wrap; gap: 4px; }
.c-hyperdoc-api-rescodelist .btn { border-radius: 4px; }
.c-hyperdoc-api-rescodelist .btn:not(.active) { border-color: #787878; color: var(--default); font-weight: normal; }
.c-hyperdoc-api-rescodelist .btn:not(.active):hover { color: var(--default); }
.c-hyperdoc-api-rescodelist .btn.active { border-width: 2px; }
.c-hyperdoc-api-res-tabs { margin: 16px 0; }
.c-page-group-hyperdoc .divReadingContent { max-width: 716px; }
[pg="form:master_doc"] .c-page-group-hyperdoc .c-sidebartoggle.divEditMenu .c-sidebartoggle-head { min-height: 61px; }
[pg="form:master_doc"] nav.TOC .list-group-item > ul { display: none; }
[pg="form:master_doc"] nav.TOC .list-group-item[data-expand="1"] > ul { display: flex; }
[pg="form:master_doc"] .c-page-group-hyperdoc [data-expand="1"] > .c-sidebartoggle-group > .c-sidebartoggle-ico-expand i { transform: rotate(90deg); }
/*pc only*/
@media (min-width:768px){
.c-dropdown-app-box{ max-height: 80vh; }
#divPortal .modal[data-nodetype="section"] .divMenuTab .c-content-menu,
#divPortal .modal[data-nodetype="section"] .divMenuTab .c-content-body{ max-height: 400px; overflow: auto; border-radius: unset;}
#divPortal .c-dropdown-app-box .c-dropdown-app .c-btn-grid:hover .pinIcon,
#divPortal .c-dropdown-app-box .c-dropdown-app .c-btn-grid + .c-btn-grid:focus-within .pinIcon{ display: none; }
#divPortal .c-btn-grid .dropdownMenuPin.show .btn.dropdown-toggle { display: flex; border: 0;}
#divPortal .c-btn-grid .dropdown.show .dropdownMenuPin .btn.dropdown-toggle,
#divPortal .c-btn-grid .dropdownMenuPin .dropdown-menu.show + .btn.dropdown-toggle { display: flex;}
}
/*pc only excluding iPad*/
@media (hover: hover) and (pointer: fine) {
#divPortal .c-btn-grid:hover .dropdownMenuPin .btn.dropdown-toggle { display: flex; align-items: center; justify-content: center; border-radius: 50%; z-index: 1; border: 0; transition: unset;}
.b-board .divDrawBox [data-type="APPS"] .c-box-grid .c-btn-grid:hover,
#divPortal .modal.divModalHyperDocMenu .c-btn-grid:hover{ background: #E3E6E8; }
#divPortal.eUniteApp .c-btn-grid:hover .dropdownMenuPin .btn.dropdown-toggle:after { display: none; } /*engage css -> .c-style .dropdown .dropdown-toggle:not(.q-btn-icon)::after*/
}
@media screen and (max-width: 768px) {
[pg="hyperdoc"] .c-page-group-hyperdoc .c-sidebarpage { --sidebar-toggle-width: 0; }
[pg="hyperdoc"] .c-page-group-hyperdoc .c-sidebartoggle { --sidebar-toggle-width: 100%; }
[pg="hyperdoc"][data-ref]:not([data-ref=""]) .c-page-group-hyperdoc .c-sidebartoggle { display: none; }
[pg="hyperdoc"] .c-page-header-hyperdoc.c-page-header .c-input-group-search { max-width: 150px; margin-left: auto;}
#divPortal #p24 .divDrawBox .c-btn-grid .dropdownMenuPin.dropdown.show { position: unset;}
#divPortal #p24 .divDrawBox .c-btn-grid .dropdownMenuPin .dropdown-menu.show { right: 0 !important; left: 0; top: 2px !important; margin: auto; min-width: 68px; width: 68px; transform: none !important;}/* Attention */
}
[data-model*="iPad"] #divPortal .c-btn-grid .dropdownMenuPin .btn.dropdown-toggle p,
[data-model*="iPad"] #divPortal .c-btn-grid .dropdownMenuPin .btn.dropdown-toggle p:hover,
[data-model*="iPad"] #divPortal .c-btn-grid .dropdownMenuPin.show .btn.dropdown-toggle p,
[data-model*="iPad"] #divPortal .c-btn-grid .dropdownMenuPin .btn.dropdown-toggle p:hover,
[data-model*="iPad"] #divPortal .c-btn-grid .dropdownMenuPin.show .btn.dropdown-toggle p { /*opacity: 0;*/}
/* support menu euniteapp iPad : show btn option pin/unpin */
[data-model*="iPad"] #divPortal .c-btn-grid .dropdown .dropdownMenuPin .btn.dropdown-toggle,
[data-model*="iPad"] #divPortal .c-btn-grid .dropdownMenuPin .dropdown-menu + .btn.dropdown-toggle { display: flex; }
[data-model*="iPad"] #p24 .c-dropdown-app-box .c-dropdown-app .c-btn-grid .pinIcon { background-color: #ffffff;}
[data-model*="iPad"] #p24 .c-dropdown-app-box .c-dropdown-app .c-dropdown-app-widget.divFreqList .c-btn-grid .pinIcon { background-color: #F7F9FA;}
[pg="checkio"] .q-layout-page { background-color: #EDEDF0; }
[pg="checkio"] .q-layout-page .container { padding: 0; height: 100%; }
[pg="checkio"] .q-layout-page .fio-checkinout-panel { height: 100%; }
[pg="checkio"] .fio-checkinout-panel .q-header-between { width: 100%; }
[pg="checkio"] .fio-checkinout-panel .fio-checkinout-wrapper { max-width: 500px; width: 100%; }
[pg="checkio"] .fio-checkinout-panel .q-header-between .q-header-left { width: 100%; padding-left: 40px; justify-content: center; text-align: center; }
[pg="checkio"] .fio-checkinout-panel .q-namepage { flex-grow: 1; color: #545555 !important; }
[pg="checkio"] .fio-checkinout-panel .q-header-left .btnBack { display: flex; justify-content: center; border: 0 !important; font-size: 0 !important; gap: 0 !important; min-width: 40px; height: 40px; width: 40px; padding: 0; margin-left: auto; }
[pg="checkio"] .fio-checkinout-panel .q-header-left .btnBack i { display: none; }
[pg="checkio"] .fio-checkinout-panel .q-header-left .btnBack:before { content: ''; background-position: center; min-width: 40px; width: 40px; height: 40px; display: block; background-image: url('data:image/svg+xml,'); }
[pg="checkio"] .fio-checkinout-panel .fio-checkinout-body { padding: 18px 12px; border-radius: 6px; background-color: #FFF; border: 0; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.10); }
[pg="checkio"] .fio-checkinout-panel .fio-checkinout-wrapper:after { content: ''; margin-top: auto; width: 100px; min-width: 10px; height: 25px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url('data:image/svg+xml,'); }
[pg="checkio"] .fio-checkinout-panel .fio-facedisplay { margin-top: 46px; margin-bottom: 48px; }