@charset "utf-8";

:root {
 --mail-app-bg: #eef3f8;
 --mail-app-surface: #ffffff;
 --mail-app-surface-soft: #f7f9fc;
 --mail-app-border: #d9e2ec;
 --mail-app-border-strong: #c7d4e2;
 --mail-app-primary: #0b4e96;
 --mail-app-primary-2: #1568c0;
 --mail-app-primary-soft: #e8f1fb;
 --mail-app-text: #223548;
 --mail-app-text-soft: #6d8095;
 --mail-app-danger: #ea4e67;
 --mail-app-success: #1f8a6b;
 --mail-app-shadow: 0 12px 28px rgba(15, 45, 82, 0.08);
}

html,
body {
 min-height: 100%;
}

body {
 background: var(--mail-app-bg);
 color: var(--mail-app-text);
}

#wrap {
 min-width: 1360px;
 min-height: 100vh;
 padding: 0;
 margin: 0;
 background: var(--mail-app-bg);
}

#header_wrap,
.container {
 width: 100%;
 max-width: none;
 margin: 0;
}

#header_wrap {
 background: linear-gradient(90deg, var(--mail-app-primary) 0%, var(--mail-app-primary-2) 100%);
 border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.left_menu_top,
.scrollbar_wrap,
.scrollbar_wrap .scrollbar_handy {
 width: 100%;
 min-height: 100vh;
 overflow: auto;
}

.ly_tb {
 display: table;
 width: 100%;
 table-layout: fixed;
}

.ly_td {
 display: table-cell;
 vertical-align: top;
}

#header.mail-header {
 display: grid;
 grid-template-columns: 280px minmax(0, 1fr) auto;
 align-items: stretch;
 height: 60px;
 overflow: hidden;
 background: transparent;
}

.mail-brand {
 display: flex;
 align-items: center;
 gap: 12px;
 padding: 0 18px 0 22px;
 border-right: 1px solid rgba(255, 255, 255, 0.14);
 color: #fff;
}

.mail-brand:hover,
.mail-brand:active {
 color: #fff;
}

.mail-brand-icon {
 flex: 0 0 30px;
 width: 30px;
 height: 30px;
 border-radius: 8px;
 background:
  rgba(255, 255, 255, 0.14)
  url(../../images/header/icon_menu_mail.png)
  no-repeat center center;
 background-size: 16px 16px;
}

.mail-brand-copy {
 display: block;
 min-width: 0;
}

.mail-brand-org {
 display: block;
 color: rgba(238, 245, 255, 0.76);
 font-size: 11px;
 font-weight: 700;
 letter-spacing: 0.04em;
 white-space: nowrap;
}

.mail-brand-title {
 display: block;
 margin-top: 2px;
 color: #fff;
 font-size: 17px;
 font-weight: 700;
 letter-spacing: -0.04em;
 white-space: nowrap;
}

.mail-nav {
 display: none;
}

#header.mail-header.admin-mode .mail-nav {
 display: block;
}

#header.mail-header.admin-mode .mail-nav .menu_area {
 display: none !important;
}

#header.mail-header.admin-mode .mail-nav .admin_menu_area {
 display: block !important;
}

.mail-nav .menu_area,
.mail-nav .admin_menu_area,
.mail-nav .link_menu_area {
 position: relative;
 float: none;
 width: 100%;
 height: 60px;
 overflow: hidden;
 background: transparent;
}

.mail-nav .menu,
.mail-nav .admin_link_list,
.mail-nav .menu_link_list {
 position: absolute;
 top: 50%;
 left: 14px;
 display: flex;
 align-items: center;
 gap: 8px;
 height: auto;
 transform: translateY(-50%);
}

.mail-nav .menu li,
.mail-nav .admin_link_list li,
.mail-nav .menu_link_list li {
 float: none;
 width: auto;
 height: auto;
 border: 0;
 background: none !important;
}

.mail-nav .menu li a,
.mail-nav .admin_link_list li a,
.mail-nav .menu_link_list li a {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-height: 32px;
 padding: 0 12px;
 border-radius: 10px;
 color: rgba(255, 255, 255, 0.86);
 font-size: 12px;
 font-weight: 700;
 line-height: 1;
 text-decoration: none;
}

.mail-nav .menu li:hover a,
.mail-nav .admin_link_list li:hover a,
.mail-nav .menu_link_list li:hover a {
 background: rgba(255, 255, 255, 0.1);
 color: #fff;
}

.mail-nav .menu li.menu_on a,
.mail-nav .admin_link_list li.link_selct a,
.mail-nav .menu_link_list li.link_selct a {
 background: rgba(255, 255, 255, 0.16);
 box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
 color: #fff;
}

.mail-nav .menu li:hover,
.mail-nav .menu li.menu_on {
 height: auto;
 border-bottom: 0;
 box-shadow: none;
}

.mail-nav .menu li:before,
.mail-nav .menu li:hover:before,
.mail-nav .menu li.menu_on:before {
 display: none;
}

.mail-nav .menu li[class*="M"] {
 background-image: none !important;
}

.menu_more,
.menu_more.gr {
 width: 40px;
 height: 60px;
 background: rgba(255, 255, 255, 0.06);
 position: relative;
 z-index: 1;
}

.menu_more a,
.menu_more.gr a {
 display: block;
 width: 40px;
 height: 60px;
 border-left: 1px solid rgba(255, 255, 255, 0.1);
 font-size: 0;
}

.info_wrap {
 position: relative;
 top: auto;
 right: auto;
 display: flex;
 align-items: center;
 justify-content: flex-end;
 justify-self: end;
 min-width: 0;
 height: 60px;
 overflow: hidden;
 gap: 0;
 border-left: 1px solid rgba(255, 255, 255, 0.14);
 background: rgba(0, 0, 0, 0.08);
}

.info_wrap .menu_link,
.info_wrap .menu_admin,
.info_wrap .menu_alarm {
 width: auto;
 height: 60px;
 border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.info_wrap .menu_link a,
.info_wrap .menu_admin a,
.info_wrap .menu_alarm a {
 display: flex;
 align-items: center;
 justify-content: center;
 min-width: 52px;
 height: 60px;
 padding: 0 10px;
 background: none !important;
 color: rgba(255, 255, 255, 0.86);
 font-size: 12px;
 font-weight: 700;
}

.info_wrap .menu_admin:hover a,
.info_wrap .menu_link:hover a,
.info_wrap .menu_alarm:hover a {
 color: #fff;
 background: rgba(255, 255, 255, 0.06) !important;
}

.info_wrap .menu_link.link_on a,
.info_wrap .menu_admin.link_on a,
.info_wrap .menu_alarm.on a {
 color: #fff;
 background: rgba(255, 255, 255, 0.1) !important;
}

.info_wrap .menu_alarm .alarm_new {
 position: absolute;
 top: 14px;
 right: 16px;
 width: 8px;
 height: 8px;
 border-radius: 50%;
 background: var(--mail-app-danger);
}

.user_area {
 position: relative;
 display: flex;
 align-items: center;
 gap: 10px;
 width: 272px;
 height: 60px;
 padding: 0 54px 0 16px;
 border-left: 1px solid rgba(255, 255, 255, 0.1);
 background: rgba(255, 255, 255, 0.04);
}

.user_pic {
 flex: 0 0 34px;
 width: 34px;
 height: 34px;
 margin: 0;
}

.user_pic img {
 display: block;
 width: 34px !important;
 height: 34px !important;
 margin: 0 !important;
 border: 2px solid rgba(255, 255, 255, 0.28) !important;
 box-shadow: none;
}

.user_inform {
 display: block;
 width: 188px;
 height: auto;
 margin: 0;
}

.user_inform .user_dept,
.user_inform .user_name {
 width: 188px;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 color: rgba(255, 255, 255, 0.9);
 font-size: 12px;
 line-height: 1.4;
}

.user_inform .user_name {
 margin-top: 2px;
 color: rgba(255, 255, 255, 0.74);
}

.menu_admin a {
 font-size: 0 !important;
}

.menu_admin a:before {
 content: "";
 display: block;
 width: 20px;
 height: 20px;
 background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='3.5' width='7' height='7' rx='1.6'/%3E%3Crect x='13.5' y='3.5' width='7' height='7' rx='1.6'/%3E%3Crect x='3.5' y='13.5' width='7' height='7' rx='1.6'/%3E%3Crect x='13.5' y='13.5' width='7' height='7' rx='1.6'/%3E%3C/svg%3E") no-repeat center center;
 background-size: 20px 20px;
 opacity: 0.95;
}

.user_config {
 position: absolute;
 top: 0;
 right: 0;
 width: 54px;
 height: 60px;
 border-left: 1px solid rgba(255, 255, 255, 0.1);
 background: rgba(0, 0, 0, 0.12);
}

.gnb {
 position: absolute;
 top: 0;
 right: 0;
 display: flex;
 flex-direction: column;
 width: 54px;
 height: 60px;
}

.gnb li {
 float: none;
 width: 54px;
 height: 30px;
 text-align: center;
}

.gnb li:only-child {
 height: 60px;
}

.gnb li .config,
.gnb li .logout {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 54px;
 height: 100%;
 box-sizing: border-box;
 background: transparent;
 font-size: 0;
}

.gnb li .config {
 border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.gnb li:only-child .config {
 border-bottom: 0;
}

.gnb li .config:hover,
.gnb li .logout:hover {
 background: rgba(255, 255, 255, 0.08);
}

.gnb li .config:before,
.gnb li .logout:before {
 content: "";
 display: block;
 width: 19px;
 height: 19px;
 background-repeat: no-repeat;
 background-position: center center;
 background-size: 19px 19px;
 opacity: 0.92;
}

.gnb li .config:before {
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15.2a3.2 3.2 0 1 0 0-6.4 3.2 3.2 0 0 0 0 6.4Z'/%3E%3Cpath d='M19.4 15a1.7 1.7 0 0 0 .34 1.88l.04.04a2 2 0 0 1-2.83 2.83l-.04-.04a1.7 1.7 0 0 0-1.88-.34 1.7 1.7 0 0 0-1.03 1.56V21a2 2 0 0 1-4 0v-.06a1.7 1.7 0 0 0-1.03-1.56 1.7 1.7 0 0 0-1.88.34l-.04.04a2 2 0 0 1-2.83-2.83l.04-.04A1.7 1.7 0 0 0 4.6 15a1.7 1.7 0 0 0-1.56-1.03H3a2 2 0 0 1 0-4h.06A1.7 1.7 0 0 0 4.6 8.94a1.7 1.7 0 0 0-.34-1.88l-.04-.04a2 2 0 0 1 2.83-2.83l.04.04a1.7 1.7 0 0 0 1.88.34H9a1.7 1.7 0 0 0 1-1.56V3a2 2 0 0 1 4 0v.06a1.7 1.7 0 0 0 1.03 1.56 1.7 1.7 0 0 0 1.88-.34l.04-.04a2 2 0 0 1 2.83 2.83l-.04.04a1.7 1.7 0 0 0-.34 1.88V9a1.7 1.7 0 0 0 1.56 1H21a2 2 0 0 1 0 4h-.06A1.7 1.7 0 0 0 19.4 15Z'/%3E%3C/svg%3E");
}

.gnb li .logout:before {
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 17l5-5-5-5'/%3E%3Cpath d='M15 12H3'/%3E%3Cpath d='M21 19V5a2 2 0 0 0-2-2h-5'/%3E%3Cpath d='M14 21h5a2 2 0 0 0 2-2'/%3E%3C/svg%3E");
}

.container.mail-layout-container {
 display: grid;
 grid-template-columns: 280px minmax(0, 1fr);
 align-items: stretch;
 gap: 0;
 min-height: calc(100vh - 60px);
 padding: 0;
}

.container.mail-layout-container > .ly_td {
 display: block;
 width: auto;
}

.container.mail-layout-container > .ly_td:first-child {
 border-right: 1px solid var(--mail-app-border);
 background: var(--mail-app-surface-soft);
}

.left_wrap {
 width: auto;
 min-height: calc(100vh - 60px);
 padding: 16px;
}

.mail-side-panel {
 border: 0;
 background: transparent;
}

.mail-side-head {
 padding: 6px 6px 14px;
}

.mail-side-head h2 {
 color: #1f3450;
 font-size: 18px;
 font-weight: 700;
 letter-spacing: -0.04em;
}

.mail-side-head p {
 margin-top: 8px;
 color: var(--mail-app-text-soft);
 font-size: 12px;
 line-height: 1.5;
}

.mail-side-list {
 padding: 0;
}

.mail-side-list > li {
 margin-top: 4px;
}

.mail-side-list > li:first-child {
 margin-top: 0;
}

.mail-side-list > li > a {
 position: relative;
 display: flex;
 align-items: center;
 min-height: 44px;
 padding: 0 14px;
 border-radius: 12px;
 color: #284661;
 font-size: 13px;
 font-weight: 700;
}

.mail-side-list > li > a:after {
 content: "";
 position: absolute;
 right: 14px;
 top: 50%;
 width: 8px;
 height: 8px;
 margin-top: -4px;
 border-radius: 50%;
 background: #cad7e4;
}

.mail-side-list > li.selected > a,
.mail-side-list > li > a:hover {
 background: var(--mail-app-primary-soft);
 color: var(--mail-app-primary);
}

.mail-side-list > li.selected > a:after,
.mail-side-list > li > a:hover:after {
 background: var(--mail-app-primary);
}

.mail-side-list > li > ul {
 margin-top: 4px;
 padding: 2px 0 8px 8px;
}

.mail-side-list > li > ul > li > a {
 display: flex;
 align-items: center;
 min-height: 34px;
 padding: 0 12px;
 border-radius: 10px;
 color: #70839a;
 font-size: 12px;
 font-weight: 700;
}

.left_sub_bullet {
 width: 6px;
 height: 6px;
 margin-right: 8px;
 border-radius: 50%;
 background: #9fb5cb;
}

.left_sub_name {
 display: inline-block;
 max-width: 180px;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
}

.mail-side-list > li > ul > li.selected > a,
.mail-side-list > li > ul > li > a:hover {
 background: #ffffff;
 color: var(--mail-app-primary);
}

.content_wrap {
 padding: 0;
 min-height: calc(100vh - 60px);
 background: var(--mail-app-surface);
}

.content_wrap.mail-layout-content {
 min-height: calc(100vh - 60px);
 display: flex;
 flex-direction: column;
 padding: 0;
 background: var(--mail-app-surface);
}

.h2_box {
 margin: 0;
 padding: 20px 24px 14px;
 border-bottom: 1px solid var(--mail-app-border);
 background: var(--mail-app-surface);
}

.h2_box h2 {
 float: none;
 display: block;
 color: #243b56;
 font-size: 22px;
 font-weight: 700;
 letter-spacing: -0.04em;
}

.h2_box .navi {
 float: none;
 margin-top: 8px;
 padding-left: 0;
 background: none;
 color: #7b8ea3;
 font-size: 12px;
}

.h2_box .navi a,
.h2_box .navi a.last {
 color: inherit;
}

.content_wrap.mail-layout-content > *:last-child {
 margin-bottom: 24px;
}

.h3_box {
 margin-top: 22px;
 margin-bottom: 12px;
 padding: 0;
 border: 0;
}

.h3_box:after,
.bd_btn_wrap:after,
.container:after,
.popup .popup_h:after,
.popup .popup_b:after {
 content: "";
 display: block;
 clear: both;
}

.h3_box h3 {
 float: none;
 display: inline-block;
 padding: 0;
 color: #21384f;
 font-size: 20px;
 font-weight: 700;
}

.h3_box .r_btn {
 float: right;
 padding: 0;
}

.bd_btn_wrap {
 margin-bottom: 12px;
 padding: 0;
}

.bd_btn_wrap .bd_l {
 float: left;
}

.bd_btn_wrap .bd_r {
 float: right;
}

.search_wrap,
.calendar_wrap {
 margin-bottom: 16px;
 padding: 18px 20px;
 border: 1px solid var(--mail-app-border);
 border-radius: 16px;
 background: var(--mail-app-surface-soft);
 box-shadow: none;
}

.search_one_line {
 border: 0;
 background: transparent;
}

.search_wrap .type_tb:after {
 content: "";
 display: block;
 clear: both;
}

.search_wrap .type_tb ul li {
 float: left;
 min-width: 100px;
 padding: 4px 24px 4px 0;
}

.search_wrap .type_tb > ul > li > label,
.search_table th {
 color: #5a6f83;
 font-weight: 700;
}

.search_wrap .type_tb > ul > li > label {
 display: inline-block;
 width: 70px;
 padding-right: 6px;
 text-align: right;
 vertical-align: middle;
}

.search_wrap .btn_search {
 width: 100%;
 min-height: 44px;
 text-align: center;
}

.treeBox,
.tblBox,
.tbView,
.tbView2,
.fileBox,
.content_body,
.sel_list,
.peopel_info {
 overflow: hidden;
 margin-bottom: 16px;
 border: 1px solid var(--mail-app-border);
 border-radius: 18px;
 background: var(--mail-app-surface);
 box-shadow: none;
}

.content_body {
 min-height: 700px;
 padding: 24px;
}

.treeBox table,
.tblBox table,
.tbView table,
.tbView2 table,
.fileBox table {
 border-collapse: separate;
 border-spacing: 0;
}

.treeBox th,
.treeBox td,
.tblBox th,
.tblBox td,
.tbView th,
.tbView td,
.tbView2 th,
.tbView2 td,
.fileBox th,
.fileBox td {
 padding: 12px 10px;
 border-right: 1px solid #e6edf4;
 border-bottom: 1px solid #e6edf4;
}

.treeBox th,
.tblBox th,
.tbView th,
.tbView2 th,
.fileBox th {
 background: #f7f9fc;
 color: #455d74;
 font-size: 12px;
 font-weight: 800;
}

.treeBox td,
.tblBox td,
.tbView td,
.tbView2 td,
.fileBox td {
 color: #30465c;
 font-size: 13px;
 background: #fff;
 word-break: break-all;
}

.tblBox tr:nth-child(even) td,
.treeBox tr:nth-child(even) td {
 background: #fbfcfe;
}

.tblBox tr:hover td,
.treeBox tr:hover td {
 background: #f4f8fc;
}

.training-project-actions,
.training-list-actions {
 display: flex;
 justify-content: flex-end;
 gap: 6px;
 margin-bottom: 0;
 padding: 8px 0 6px;
 border-bottom: 0;
 background: transparent;
}

.training-project-actions.bd_btm_btn,
.training-list-actions.bd_btm_btn {
 padding: 8px 0 6px;
}

.training-project-actions .btn,
.training-list-actions .btn {
 min-width: 58px;
 height: 26px;
 padding: 3px 8px 1px;
 border-radius: 5px;
 font-size: 11px;
 line-height: 20px;
 text-align: center;
 box-shadow: none;
 box-sizing: border-box;
 white-space: nowrap;
 cursor: pointer;
}

.author-view-actions .btn-ui,
.author-view-user-actions .btn-ui {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-width: 58px;
 height: 28px;
 padding: 0 10px;
 white-space: nowrap;
 text-decoration: none;
 box-sizing: border-box;
}

.author-view-user-actions .author-action-add {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 height: 28px;
 min-width: 82px;
 padding: 0 12px;
 border-radius: 6px;
 font-size: 11px;
 line-height: 1;
 white-space: nowrap;
 text-decoration: none;
 box-sizing: border-box;
}

.training-project-shell,
.training-list-shell {
 display: flex;
 flex-direction: column;
 flex: 1 1 auto;
 overflow: hidden;
 min-height: calc(100vh - 220px);
 border: 0;
 border-radius: 0;
 background: transparent;
 box-shadow: none;
}

.author-list-shell {
 min-height: calc(100vh - 320px);
}

.training-project-body,
.training-list-body {
 display: flex;
 flex-direction: column;
 flex: 1 1 auto;
 min-height: 0;
}

.training-project-table-wrap,
.training-list-table-wrap {
 overflow: hidden;
 border: 0;
 border-radius: 0;
 background: transparent;
 box-shadow: none;
 margin: 0;
 padding: 0;
}

.training-project-shell form,
.training-list-shell form {
 display: flex;
 flex: 1 1 auto;
 min-height: 0;
 margin: 0;
}

.training-project-shell .pageing,
.training-list-shell .pageing {
 margin-top: auto;
 flex-shrink: 0;
 padding: 18px 0 8px;
 border-top: 1px solid #e5edf5;
 background: #fff;
}

.training-project-table-wrap.table-container,
.training-list-table-wrap.table-container {
 display: flex;
 align-items: flex-start;
 margin: 0;
 min-height: 0;
 padding: 0;
 flex: 1 1 auto;
 overflow-y: auto;
}

.training-project-table,
.training-list-table {
 align-self: flex-start;
 width: 100%;
 margin: 0;
 border: 0;
 border-collapse: separate;
 border-spacing: 0;
 table-layout: fixed;
}

.tblBox.training-project-table,
.tblBox.training-list-table {
 overflow: visible;
 margin-bottom: 0;
 border: 0;
 border-radius: 0;
 background: transparent;
 box-shadow: none;
}

.training-project-table colgroup col:first-child,
.training-project-table colgroup col:nth-child(2) {
 width: 56px !important;
}

.training-project-table colgroup col:nth-child(3) {
 width: auto !important;
}

.training-project-table colgroup col:nth-child(4) {
 width: 180px !important;
}

.training-project-table thead tr,
.training-list-table thead tr {
 height: 32px;
}

.training-project-table thead th,
.training-list-table thead th {
 padding: 0 5px;
 border: 0;
 border-bottom: 1px solid #dfe8f1;
 background: linear-gradient(180deg, #f8fbff 0%, #f2f7fc 100%);
 color: #4b6178;
 font-size: 13px;
 font-weight: 800;
 line-height: 1;
 text-align: center;
 vertical-align: middle;
}

.training-project-table tbody tr,
.training-list-table tbody tr {
 height: 32px;
}

.training-project-table tbody td,
.training-list-table tbody td {
 padding: 0 5px;
 border: 0;
 border-bottom: 1px solid #edf2f7;
 background: #ffffff;
 color: #31485f;
 font-size: 13px;
 line-height: 1;
 text-align: center;
 vertical-align: middle;
 transition: background-color 0.16s ease, color 0.16s ease;
}

.training-project-table tbody tr:last-child td,
.training-list-table tbody tr:last-child td {
 border-bottom: 0;
}

.training-project-table tbody .trList,
.training-list-table tbody .trList {
 cursor: pointer;
}

.training-project-table tbody .trList:nth-child(even) td,
.training-list-table tbody .trList:nth-child(even) td {
 background: #fbfdff;
}

.training-project-table tbody .trList:hover td,
.training-list-table tbody .trList:hover td {
 background: #eef6ff;
}

.training-project-table tbody .trList:hover td:nth-child(3),
.training-list-table tbody .trList:hover td:nth-child(2) {
 color: #0b4e96;
}

.training-project-table tbody .trList td:nth-child(2),
.training-project-table tbody .trList td:nth-child(4) {
 color: #667b90;
}

.training-list-table tbody .trList td:first-child,
.training-list-table tbody .trList td:last-child {
 color: #667b90;
}

.training-project-table tbody .trList td:nth-child(3) {
 font-weight: 700;
 text-align: left;
}

.training-list-table tbody .trList td:nth-child(2) {
 font-weight: 700;
 text-align: left;
}

.training-list-table-template tbody .trList td:nth-child(3),
.training-list-table-template tbody .trList td:nth-child(4),
.training-list-table-template tbody .trList td:nth-child(5) {
 text-align: left;
}

.training-project-table tbody .noList td,
.training-list-table tbody .noList td {
 padding: 64px 20px;
 color: #8a9bae;
 font-size: 14px;
 font-weight: 700;
 text-align: center;
 background: #fcfdff;
}

.training-project-table input[type="checkbox"],
.training-list-table input[type="checkbox"] {
 width: 14px;
 height: 14px;
 accent-color: #0b4e96;
 cursor: pointer;
}

.training-list-table-log colgroup col:first-child,
.training-list-table-stats colgroup col:first-child {
 width: 56px !important;
}

.training-list-table-log colgroup col:nth-child(2),
.training-list-table-stats colgroup col:nth-child(2) {
 width: auto !important;
}

.training-list-table-log colgroup col:nth-child(3),
.training-list-table-stats colgroup col:nth-child(3) {
 width: 180px !important;
}

.training-list-table-host colgroup col:first-child {
 width: 56px !important;
}

.training-list-table-host colgroup col:nth-child(2) {
 width: auto !important;
}

.training-list-table-host colgroup col:nth-child(3),
.training-list-table-host colgroup col:nth-child(4),
.training-list-table-host colgroup col:nth-child(5) {
 width: 160px !important;
}

.training-list-table-template colgroup col:first-child {
 width: 44px !important;
}

.training-list-table-template colgroup col:nth-child(2) {
 width: 60px !important;
}

.training-list-table-template colgroup col:nth-child(3),
.training-list-table-template colgroup col:nth-child(4) {
 width: 270px !important;
}

.training-list-table-template colgroup col:nth-child(5) {
 width: auto !important;
}

.training-list-table-author colgroup col:first-child {
 width: 56px !important;
}

.training-list-table-author colgroup col:nth-child(2) {
 width: 150px !important;
}

.training-list-table-author colgroup col:nth-child(3) {
 width: 220px !important;
}

.training-list-table-author colgroup col:nth-child(4) {
 width: 130px !important;
}

.training-list-table-author colgroup col:nth-child(5) {
 width: 90px !important;
}

.training-list-table-author colgroup col:nth-child(6) {
 width: auto !important;
}

.training-list-table-author tbody .trList td:nth-child(2),
.training-list-table-author tbody .trList td:nth-child(4),
.training-list-table-author tbody .trList td:nth-child(5) {
 color: #667b90;
}

.training-list-table-author tbody .trList td:nth-child(3),
.training-list-table-author tbody .trList td:nth-child(6) {
 text-align: left;
}

.training-list-table-author tbody .trList td:nth-child(3) a {
 color: #0b4e96;
 font-weight: 700;
 text-decoration: none;
}

.training-list-table-author tbody .trList td:nth-child(3) a:hover {
 text-decoration: underline;
}

.author-view-table {
 margin-bottom: 16px;
}

.author-view-user-shell {
 min-height: calc(100vh - 430px);
}

.training-list-table-author-user colgroup col:first-child,
.training-list-table-author-user colgroup col:nth-child(2) {
 width: 56px !important;
}

.training-list-table-author-user colgroup col:nth-child(3) {
 width: auto !important;
}

.training-list-table-author-user colgroup col:nth-child(4),
.training-list-table-author-user colgroup col:nth-child(5),
.training-list-table-author-user colgroup col:nth-child(6) {
 width: 150px !important;
}

.training-list-table-author-user colgroup col:nth-child(7) {
 width: 130px !important;
}

.training-list-table-author-user tbody .trList td:nth-child(3) {
 text-align: left;
}

.training-list-table-author-user tbody .trList td:nth-child(2),
.training-list-table-author-user tbody .trList td:nth-child(4),
.training-list-table-author-user tbody .trList td:nth-child(6),
.training-list-table-author-user tbody .trList td:nth-child(7) {
 color: #667b90;
}

.author-group-popup {
 overflow: hidden;
 padding: 0 4px 4px;
}

.author-group-popup:after {
 content: "";
 display: block;
 clear: both;
}

.author-group-popup-actions {
 margin-bottom: 10px;
}

.author-group-popup-tree {
 width: 35% !important;
}

.author-group-popup-users {
 width: 43% !important;
}

.author-group-popup-selected {
 width: 22% !important;
}

.author-group-popup-panel {
 overflow: hidden;
 margin-bottom: 0;
 border-color: var(--mail-app-border);
 border-radius: 14px;
 background: var(--mail-app-surface);
 box-shadow: none;
}

.author-group-popup-panel th {
 background: linear-gradient(180deg, #f8fbff 0%, #f2f7fc 100%);
 color: #4b6178;
 font-size: 12px;
 font-weight: 800;
}

.author-group-popup-panel td {
 color: #31485f;
 font-size: 12px;
}

.author-group-popup-panel th.pdl20 {
 padding: 10px 12px;
 text-align: left;
}

.author-group-popup-panel td {
 padding: 0;
}

.author-group-search-form {
 display: flex;
 align-items: center;
 gap: 6px;
 width: 100%;
 min-width: 0;
}

.author-group-search-label {
 flex: 0 0 auto;
 color: #4b6178;
 font-size: 12px;
 font-weight: 800;
}

.author-group-popup-panel .comm_input {
 height: 32px;
 padding: 0 9px;
 border-radius: 8px;
 font-size: 12px;
 line-height: 32px;
}

.author-group-popup-panel .author-group-search-input {
 width: 155px !important;
}

.author-group-popup-panel .author-group-user-search-input {
 width: 190px !important;
}

.author-group-popup-panel.author-group-user-table .author-group-user-search-input {
 width: 190px !important;
}

.author-group-popup-panel .btn {
 flex: 0 0 auto;
 min-height: 32px;
 padding: 0 10px;
 border-radius: 6px;
 font-size: 12px;
 line-height: 30px;
 vertical-align: middle;
}

.author-group-popup-panel .btn_mini {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-height: 26px;
 height: 26px;
 padding: 0 8px;
 border-radius: 5px;
 font-size: 11px;
 line-height: 1;
 white-space: nowrap;
 box-sizing: border-box;
}

.author-group-selected-table td:last-child {
 text-align: center;
 vertical-align: middle;
}

.author-group-selected-table .btn_mini {
 min-width: 42px;
}

.author-group-tree {
 height: 400px !important;
 min-height: 400px;
 overflow: auto !important;
 padding: 10px 12px;
 box-sizing: border-box;
 background: #fff;
}

.author-group-tree ul.fancytree-container {
 min-height: 360px;
 border: 0;
 background: transparent;
 overflow: visible;
}

.author-group-tree span.fancytree-title {
 max-width: 180px;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 vertical-align: middle;
}

.author-group-popup-panel.scrolltbody,
.author-group-popup-panel.scrolltbody2 {
 border-left-color: var(--mail-app-border);
 border-right-color: var(--mail-app-border);
 border-bottom-color: var(--mail-app-border);
}

.author-group-popup-panel.scrolltbody tbody,
.author-group-popup-panel.scrolltbody2 tbody {
 background: #fff;
}

.author-group-popup-panel.scrolltbody td,
.author-group-popup-panel.scrolltbody2 td {
 padding: 6px 8px;
}

.author-group-popup-panel.scrolltbody tbody tr:nth-child(even) td,
.author-group-popup-panel.scrolltbody2 tbody tr:nth-child(even) td {
 background: #fbfdff;
}

.author-group-popup-panel.scrolltbody tbody tr:hover td,
.author-group-popup-panel.scrolltbody2 tbody tr:hover td {
 background: #eef6ff;
}

.group-popup-form {
 padding: 0 4px 4px;
}

.group-popup-actions {
 margin-bottom: 10px;
}

.group-popup-table {
 overflow: hidden;
 margin-bottom: 0;
 border-color: var(--mail-app-border);
 border-radius: 14px;
 background: var(--mail-app-surface);
 box-shadow: none;
}

.group-popup-table th {
 background: linear-gradient(180deg, #f8fbff 0%, #f2f7fc 100%);
 color: #4b6178;
 font-size: 12px;
 font-weight: 800;
}

.group-popup-table td {
 color: #31485f;
 font-size: 12px;
}

.group-popup-table .group-popup-input {
 width: 320px !important;
 max-width: 100%;
 height: 32px;
 padding: 0 10px;
 border-radius: 8px;
 font-size: 12px;
 line-height: 32px;
 box-sizing: border-box;
}

.group-popup-table .group-popup-textarea {
 width: 100% !important;
 min-height: 110px;
 padding: 10px;
 border-radius: 8px;
 font-size: 12px;
 line-height: 1.5;
 box-sizing: border-box;
}

.group-popup-table .radio_g_inlineblock {
 display: flex;
 align-items: center;
 gap: 18px;
}

.group-popup-table .radio_g_inlineblock .item {
 display: inline-flex;
 align-items: center;
}

.group-popup-detail-table {
 overflow: hidden;
 margin-bottom: 0;
 border-left-color: var(--mail-app-border);
 border-right-color: var(--mail-app-border);
 border-bottom-color: var(--mail-app-border);
 border-radius: 14px;
 background: var(--mail-app-surface);
 box-shadow: none;
}

.group-popup-detail-table th {
 background: linear-gradient(180deg, #f8fbff 0%, #f2f7fc 100%);
 color: #4b6178;
 font-size: 12px;
 font-weight: 800;
}

.group-popup-detail-table td {
 color: #31485f;
 font-size: 12px;
}

.group-popup-detail-table tbody {
 background: #fff;
}

.group-popup-detail-table tbody tr:nth-child(even) td {
 background: #fbfdff;
}

.group-popup-detail-table tbody tr:hover td {
 background: #eef6ff;
}

.group-popup-detail-table tbody td:nth-child(2),
.group-popup-detail-table tbody td:nth-child(4) {
 color: #667b90;
}

.group-popup-detail-table tbody td:nth-child(3) {
 text-align: left;
}

.security-group-page {
 overflow: hidden;
 padding: 0 4px 4px;
}

.security-group-page:after {
 content: "";
 display: block;
 clear: both;
}

.security-group-actions {
 margin-bottom: 8px;
}

.security-group-table {
 overflow: hidden;
 margin-bottom: 0;
 border-left-color: var(--mail-app-border);
 border-right-color: var(--mail-app-border);
 border-bottom-color: var(--mail-app-border);
 border-radius: 14px;
 background: var(--mail-app-surface);
 box-shadow: none;
}

.security-group-table th {
 background: linear-gradient(180deg, #f8fbff 0%, #f2f7fc 100%);
 color: #4b6178;
 font-size: 12px;
 font-weight: 800;
}

.security-group-table td {
 color: #31485f;
 font-size: 12px;
}

.security-group-table tbody {
 background: #fff;
}

.security-group-table tbody tr:nth-child(even) td {
 background: #fbfdff;
}

.security-group-table tbody tr.trList:hover td {
 background: #eef6ff;
}

.security-group-table tbody tr.trList td:nth-child(2),
.security-group-table tbody tr.trList td:nth-child(4),
.security-group-master-table tbody tr.trList td:nth-child(5) {
 color: #667b90;
}

.security-group-master-table tbody tr.trList td:nth-child(3),
.security-group-detail-table tbody tr.trList td:nth-child(4) {
 text-align: left;
}

.security-group-table a {
 color: #0b4e96;
 font-weight: 700;
 text-decoration: none;
}

.security-group-table a:hover {
 text-decoration: underline;
}

.common-code-page {
 overflow: hidden;
 padding: 0 4px 4px;
}

.common-code-page:after {
 content: "";
 display: block;
 clear: both;
}

.common-code-actions {
 margin-bottom: 8px;
}

.common-code-table th.pdl20 {
 padding: 10px 12px;
 text-align: left;
}

.common-code-table tbody {
 background: #fff;
}

.common-code-table tbody tr.trList:hover td {
 background: #eef6ff;
}

.common-code-table tbody tr.trList td:nth-child(2),
.common-code-table tbody tr.trList td:nth-child(5),
.common-code-table tbody tr.trList td:nth-child(6),
.common-code-detail-table tbody tr.trList td:nth-child(7) {
 color: #667b90;
}

.common-code-master-table tbody tr.trList td:nth-child(3),
.common-code-detail-table tbody tr.trList td:nth-child(4),
.common-code-detail-table tbody tr.trList td:nth-child(5) {
 text-align: left;
}

.common-code-search-form {
 display: flex;
 align-items: center;
 gap: 6px;
 width: 100%;
 min-width: 0;
}

.common-code-search-label {
 flex: 0 0 auto;
 color: #4b6178;
 font-size: 12px;
 font-weight: 800;
}

.common-code-search-input {
 flex: 1 1 auto;
 min-width: 0;
 max-width: 260px;
 height: 32px;
 padding: 0 9px;
 border-radius: 8px;
 font-size: 12px;
 line-height: 32px;
}

.common-code-search-form .btn {
 flex: 0 0 auto;
 min-height: 32px;
 padding: 0 10px;
 border-radius: 6px;
 font-size: 12px;
 line-height: 30px;
}

.menu-manager-page,
.menu-create-page {
 overflow: hidden;
 padding: 0 4px 4px;
}

.menu-manager-page:after,
.menu-create-page:after {
 content: "";
 display: block;
 clear: both;
}

.menu-manager-actions {
 justify-content: flex-start;
 align-items: center;
 gap: 6px;
 margin-bottom: 8px;
}

.menu-manager-actions .btn[style*="float: right"] {
 margin-left: auto;
 float: none !important;
}

.menu-manager-panel {
 overflow: hidden;
 margin-bottom: 0;
 border-color: var(--mail-app-border);
 border-radius: 8px;
 background: var(--mail-app-surface);
 box-shadow: none;
}

.menu-manager-panel th {
 padding: 10px 12px;
 border-color: var(--mail-app-border);
 background: #f5f8fb;
 color: #4b6178;
 font-weight: 800;
}

.menu-manager-panel th.pdl20 {
 padding: 10px 12px;
 text-align: left;
}

.menu-manager-panel td {
 border-color: var(--mail-app-border);
 background: #fff;
 color: #33475b;
}

.menu-manager-tree-scroll,
.menu-create-tree-scroll {
 background: #fff;
}

.menu-manager-tree-table,
.menu-create-tree-table {
 border: 0;
 background: #fff;
}

.menu-manager-tree-table th,
.menu-create-tree-table th {
 padding: 8px 10px;
 border-color: var(--mail-app-border);
 background: #f5f8fb;
 color: #4b6178;
 font-size: 12px;
 font-weight: 800;
}

.menu-manager-tree-table td,
.menu-create-tree-table td {
 padding: 7px 10px;
 border-color: var(--mail-app-border);
 color: #33475b;
 font-size: 12px;
}

.menu-create-tree-table th:first-child,
.menu-create-tree-table td:first-child {
 text-align: center;
}

.menu-create-tree-table .check_b_wrap {
 margin-right: 0;
 overflow: visible;
}

.menu-create-tree-table .check_b_wrap span.ico {
 display: inline-block;
}

.menu-create-tree-table span.fancytree-checkbox {
 position: relative;
 display: inline-block;
 visibility: visible !important;
 opacity: 1 !important;
 width: 18px;
 height: 18px;
 border: 1px solid #c7d3df;
 border-radius: 4px;
 background: #fff;
 background-image: none;
 box-sizing: border-box;
 vertical-align: middle;
 transition: border-color 0.18s ease, background-color 0.18s ease;
}

.menu-create-tree-table span.fancytree-checkbox:after {
 content: "";
 position: absolute;
 inset: 0;
 background: url("../../images/ico_check.png") no-repeat 50% 50%;
 background-size: 0;
 opacity: 0;
 transition: opacity 0.18s ease, background-size 0.18s ease;
}

.menu-create-tree-table .fancytree-selected span.fancytree-checkbox {
 border-color: #0066cc;
 background: #0066cc;
}

.menu-create-tree-table .fancytree-selected span.fancytree-checkbox:after {
 opacity: 1;
 background-size: 58%;
}

.menu-create-tree-table .fancytree-partsel span.fancytree-checkbox {
 border-color: #0066cc;
 background: #0066cc;
}

.menu-create-tree-table .fancytree-partsel span.fancytree-checkbox:after {
 top: 50%;
 right: 4px;
 left: 4px;
 height: 2px;
 margin-top: -1px;
 background: #fff;
 background-size: auto;
 opacity: 1;
}

.menu-manager-panel > tbody > tr:hover > td,
.menu-create-panel > tbody > tr:hover > td,
.menu-manager-panel > tbody > tr:hover .menu-manager-tree-table td,
.menu-create-panel > tbody > tr:hover .menu-create-tree-table td {
 background: #fff;
}

.menu-manager-tree-table.fancytree-ext-table tbody tr:hover > td,
.menu-create-tree-table.fancytree-ext-table tbody tr:hover > td {
 background: #eef6ff;
 cursor: pointer;
}

.menu-manager-tree-table.fancytree-ext-table tbody tr:hover span.fancytree-expander,
.menu-manager-tree-table.fancytree-ext-table tbody tr:hover span.fancytree-icon,
.menu-manager-tree-table.fancytree-ext-table tbody tr:hover span.fancytree-checkbox,
.menu-create-tree-table.fancytree-ext-table tbody tr:hover span.fancytree-expander,
.menu-create-tree-table.fancytree-ext-table tbody tr:hover span.fancytree-icon,
.menu-create-tree-table.fancytree-ext-table tbody tr:hover span.fancytree-checkbox {
 visibility: visible;
 opacity: 1;
}

.menu-manager-tree-table.fancytree-ext-table tbody tr:hover span.fancytree-expander,
.menu-manager-tree-table.fancytree-ext-table tbody tr:hover span.fancytree-checkbox,
.menu-create-tree-table.fancytree-ext-table tbody tr:hover span.fancytree-expander,
.menu-create-tree-table.fancytree-ext-table tbody tr:hover span.fancytree-checkbox {
 cursor: pointer;
}

.menu-manager-tree-table.fancytree-ext-table tbody tr:hover span.fancytree-title,
.menu-create-tree-table.fancytree-ext-table tbody tr:hover span.fancytree-title {
 border-radius: 4px;
 color: #0b4e96;
 cursor: pointer;
}

.menu-manager-search-form {
 display: flex;
 align-items: center;
 gap: 6px;
 width: 100%;
 min-width: 0;
}

.menu-manager-search-label,
.menu-create-search-label {
 flex: 0 0 auto;
 color: #4b6178;
 font-size: 12px;
 font-weight: 800;
}

.menu-manager-search-input {
 flex: 1 1 auto;
 min-width: 0;
 max-width: 230px;
 height: 32px;
 padding: 0 9px;
 border-radius: 8px;
 font-size: 12px;
 line-height: 32px;
}

.menu-manager-search-form .btn {
 flex: 0 0 auto;
 min-height: 32px;
 padding: 0 10px;
 border-radius: 6px;
 font-size: 12px;
 line-height: 30px;
}

.menu-manager-form {
 padding: 0 4px 4px;
}

.menu-manager-form-table {
 overflow: hidden;
 margin-bottom: 0;
 border-color: var(--mail-app-border);
 border-radius: 8px;
 background: var(--mail-app-surface);
 box-shadow: none;
}

.menu-manager-form-table th {
 padding: 10px 12px;
 border-color: var(--mail-app-border);
 background: #f5f8fb;
 color: #4b6178;
 font-weight: 800;
}

.menu-manager-form-table td {
 padding: 8px 10px;
 border-color: var(--mail-app-border);
 background: #fff;
 color: #33475b;
}

.menu-manager-form-table .menu-manager-input {
 height: 32px;
 padding: 0 9px;
 border-radius: 8px;
 line-height: 32px;
}

.menu-manager-form-table .menu-manager-textarea {
 width: 100% !important;
 min-height: 110px;
 padding: 9px 10px;
 border-radius: 8px;
 resize: vertical;
}

.menu-manager-form-table td .btn {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-height: 32px;
 margin-left: 6px;
 padding: 0 10px;
 border-radius: 6px;
 box-sizing: border-box;
 vertical-align: top;
}

.menu-manager-form-table .radio_g_inlineblock {
 display: flex;
 align-items: center;
 flex-wrap: wrap;
 gap: 10px 18px;
}

.menu-manager-upload {
 display: flex;
 align-items: center;
 flex-wrap: wrap;
 gap: 6px;
}

.menu-manager-upload .upload-name {
 max-width: 100%;
 height: 30px;
 border-color: var(--mail-app-border);
 border-radius: 6px;
 background: #fff4c4 !important;
 color: #33475b;
 line-height: 30px;
}

.menu-manager-upload label {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 height: 30px;
 padding: 0 10px;
 border: 1px solid #2f80ed;
 border-radius: 6px;
 background: #2f80ed;
 color: #fff;
 font-weight: 800;
 line-height: 30px;
}

.menu-manager-upload .check_b_wrap {
 display: inline-flex;
 align-items: center;
 margin-right: 0;
 white-space: nowrap;
}

.menu-create-search {
 display: flex;
 align-items: center;
 gap: 8px;
 margin-bottom: 10px;
 padding: 10px 12px;
 border: 1px solid var(--mail-app-border);
 border-radius: 8px;
 background: #fff;
 box-sizing: border-box;
}

.menu-create-select {
 flex: 0 1 300px;
 height: 32px;
 padding: 0 9px;
 border-radius: 8px;
 font-size: 12px;
 line-height: 32px;
}

.menu-create-search .btn {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 height: 32px;
 margin-left: auto;
 padding: 0 12px;
 float: none !important;
 border-radius: 6px;
 line-height: 30px;
}

.menu-move-popup {
 width: 100%;
 padding: 0;
 box-sizing: border-box;
}

.menu-move-actions {
 justify-content: flex-end;
 margin-bottom: 10px;
 padding-right: 0 !important;
}

.menu-move-actions .btn {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-width: 58px;
 height: 28px;
 padding: 0 10px;
 line-height: 1;
 white-space: nowrap;
 box-sizing: border-box;
}

.menu-move-table {
 width: 100%;
 table-layout: fixed;
}

.menu-move-tree-scroll {
 border-color: var(--mail-app-border) !important;
 border-radius: 8px;
 background: #fff;
}

.menu-move-tree-table th {
 text-align: center;
}

.menu-move-tree-table td:first-child {
 text-align: center;
 color: #667b90;
}

.menu-move-select {
 height: 32px;
 padding: 0 9px;
 border-radius: 8px;
 font-size: 12px;
 line-height: 32px;
 box-sizing: border-box;
}

.org-dept-page {
 overflow: hidden;
 padding: 0 4px 4px;
}

.org-dept-page:after {
 content: "";
 display: block;
 clear: both;
}

.org-dept-actions {
 justify-content: flex-start;
 align-items: center;
 flex-wrap: wrap;
 gap: 6px;
 margin-bottom: 8px;
}

.org-dept-actions .org-dept-actions-right {
 display: inline-flex;
 flex-wrap: wrap;
 gap: 6px;
 margin-left: auto;
 float: none !important;
}

.org-dept-actions .org-dept-delete-toggle {
 display: inline-flex;
 align-items: center;
 margin-left: auto;
 padding: 0 !important;
 float: none !important;
 color: #4b6178;
 font-size: 12px;
 font-weight: 700;
}

.org-dept-panel {
 overflow: hidden;
 margin-bottom: 0;
 border-left-color: var(--mail-app-border);
 border-right-color: var(--mail-app-border);
 border-bottom-color: var(--mail-app-border);
 border-radius: 14px;
 background: var(--mail-app-surface);
 box-shadow: none;
}

.org-dept-panel th {
 background: linear-gradient(180deg, #f8fbff 0%, #f2f7fc 100%);
 color: #4b6178;
 font-size: 12px;
 font-weight: 800;
}

.org-dept-panel td {
 color: #31485f;
 font-size: 12px;
}

.org-dept-panel tbody {
 background: #fff;
}

.org-dept-panel tbody tr:nth-child(even) td {
 background: #fbfdff;
}

.org-dept-panel tbody tr.trList:hover td {
 background: #eef6ff;
}

.org-dept-tree-panel > tbody > tr:hover > td,
.org-dept-tree-panel > tbody > tr:hover .org-dept-tree-table td {
 background: #fff;
}

.org-dept-tree-table.fancytree-ext-table tbody tr:hover > td {
 background: #eef6ff;
 cursor: pointer;
}

.org-dept-tree-table.fancytree-ext-table tbody tr:hover span.fancytree-expander,
.org-dept-tree-table.fancytree-ext-table tbody tr:hover span.fancytree-icon,
.org-dept-tree-table.fancytree-ext-table tbody tr:hover span.fancytree-checkbox {
 visibility: visible;
 opacity: 1;
}

.org-dept-tree-table.fancytree-ext-table tbody tr:hover span.fancytree-expander,
.org-dept-tree-table.fancytree-ext-table tbody tr:hover span.fancytree-checkbox {
 cursor: pointer;
}

.org-dept-tree-table.fancytree-ext-table tbody tr:hover span.fancytree-title {
 border-radius: 4px;
 color: #0b4e96;
 cursor: pointer;
}

.org-dept-search-form,
.org-dept-panel th .org-dept-search-input,
.org-dept-panel th .org-user-search-input {
 vertical-align: middle;
}

.org-dept-search-form {
 display: flex;
 align-items: center;
 gap: 6px;
 width: 100%;
 min-width: 0;
}

.org-dept-search-label {
 flex: 0 0 auto;
 color: #4b6178;
 font-size: 12px;
 font-weight: 800;
}

.org-dept-panel th .comm_input,
.org-dept-search-form .comm_input {
 height: 32px;
 padding: 0 9px;
 border-radius: 8px;
 font-size: 12px;
 line-height: 32px;
}

.org-dept-panel th .org-dept-search-input {
 width: 185px !important;
}

.org-dept-panel th .org-user-search-input {
 width: 230px !important;
}

.org-dept-panel th .btn,
.org-dept-search-form .btn {
 min-height: 32px;
 padding: 0 10px;
 border-radius: 6px;
 font-size: 12px;
 line-height: 30px;
 vertical-align: middle;
}

.org-dept-tree-scroll {
 background: #fff;
}

.org-dept-tree-table {
 border: 0;
 background: #fff;
}

.org-dept-tree-table th {
 padding: 8px 10px;
 border-color: var(--mail-app-border);
 background: #f8fbff;
 color: #4b6178;
 font-size: 12px;
 font-weight: 800;
}

.org-dept-tree-table td {
 padding: 7px 10px;
 border-color: var(--mail-app-border);
 font-size: 12px;
}

.org-user-table td:nth-child(4),
.org-user-table td:nth-child(6),
.org-user-table td:nth-child(7),
.org-user-table td:nth-child(8),
.org-user-table td:nth-child(9),
.org-user-table td:nth-child(12),
.org-user-table td:nth-child(13),
.org-user-table td:nth-child(14) {
 color: #667b90;
}

.org-user-table td:nth-child(5) {
 text-align: left;
}

.org-user-table td:nth-child(5) a {
 color: #0b4e96;
 font-weight: 700;
 text-decoration: none;
}

.org-user-table td:nth-child(5) a:hover {
 text-decoration: underline;
}

.org-create-popup {
 width: 100%;
 padding: 0;
 box-sizing: border-box;
}

.tblTitle.org-create-title {
 padding: 0;
}

.org-create-title {
 position: relative;
 display: flex;
 align-items: center;
 min-height: 56px;
 padding: 0;
 margin-bottom: 12px;
 border: 0;
 border-radius: 0;
 background: linear-gradient(90deg, var(--mail-app-primary) 0%, var(--mail-app-primary-2) 100%);
 text-align: left;
 box-shadow: 0 10px 22px rgba(15, 45, 82, 0.12);
 box-sizing: border-box;
 width: 100%;
}

.org-create-title h2 {
 display: flex;
 align-items: center;
 width: 100%;
 min-height: 56px;
 padding: 0 22px;
 color: #fff;
 font-size: 20px;
 font-weight: 700;
 line-height: 1.25;
 letter-spacing: 0;
 box-sizing: border-box;
}

.org-create-actions {
 display: flex;
 align-items: center;
 justify-content: flex-end;
 gap: 6px;
 margin-bottom: 10px;
 padding-right: 0 !important;
 width: 100%;
 box-sizing: border-box;
}

.org-create-actions .btn {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-width: 58px;
 height: 28px;
 padding: 0 10px;
 line-height: 1;
 white-space: nowrap;
 box-sizing: border-box;
}

.org-create-actions-sticky {
 position: static;
 z-index: 20;
 padding: 0 0 8px !important;
 border-bottom: 0;
 background: transparent;
 box-shadow: none;
 transition: background 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.org-create-actions-sticky.is-stuck {
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 z-index: 1000;
 padding: 8px 16px !important;
 border-bottom: 1px solid var(--mail-app-border);
 background: #fff;
 box-shadow: 0 8px 18px rgba(15, 45, 82, 0.08);
}

.org-create-table {
 overflow: hidden;
 margin-bottom: 0;
 border-left-color: var(--mail-app-border);
 border-right-color: var(--mail-app-border);
 border-bottom-color: var(--mail-app-border);
 border-radius: 8px;
 background: var(--mail-app-surface);
 box-shadow: none;
 width: 100%;
 table-layout: fixed;
 box-sizing: border-box;
}

.org-create-table th {
 width: 150px;
 background: linear-gradient(180deg, #f8fbff 0%, #f2f7fc 100%);
 color: #4b6178;
 font-size: 12px;
 font-weight: 800;
}

.org-create-table td {
 color: #31485f;
 font-size: 12px;
}

.org-create-table .org-create-input,
.org-create-table .org-create-select,
.org-create-table .comm_input,
.org-create-table .comm_select {
 width: 100% !important;
 height: 32px;
 padding: 0 10px;
 border-radius: 8px;
 font-size: 12px;
 line-height: 32px;
 box-sizing: border-box;
}

.org-create-table td .btn {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-width: 52px;
 height: 32px;
 padding: 0 10px;
 border-radius: 6px;
 font-size: 12px;
 line-height: 1;
 white-space: nowrap;
 box-sizing: border-box;
 vertical-align: middle;
}

.org-create-table td .comm_input + .btn {
 margin-left: 6px;
}

.org-create-table td .comm_input[style*="width:85%"] {
 width: calc(100% - 62px) !important;
 vertical-align: middle;
}

.org-create-table .org-create-email-field {
 display: flex;
 align-items: center;
 gap: 6px;
 white-space: nowrap;
}

.org-create-table .org-create-email-field .comm_input {
 min-width: 0;
}

.org-create-table .org-create-email-field .comm_input:first-child {
 flex: 0 1 50%;
 width: auto !important;
}

.org-create-table .org-create-email-field .comm_input:last-child {
 flex: 1 1 auto;
 width: auto !important;
}

.org-create-table input[type="checkbox"] {
 vertical-align: middle;
}

.org-create-table .org-user-picture-upload {
 display: flex;
 align-items: center;
 justify-content: center;
 flex-wrap: wrap;
 gap: 6px;
 width: 100%;
 margin-top: 6px;
}

.org-create-table .org-user-picture-upload .upload-name {
 width: 100% !important;
 max-width: 140px;
 height: 30px;
 padding: 0 9px;
 border: 1px solid #c7d4e2;
 border-radius: 8px;
 background: #fff4c4;
 color: #31485f;
 font-size: 12px;
 line-height: 30px;
 box-sizing: border-box;
}

.org-create-table .org-user-picture-upload label {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-width: 64px;
 height: 30px;
 padding: 0 10px;
 border-radius: 6px;
 background: #0066cc;
 color: #fff;
 font-size: 12px;
 font-weight: 700;
 line-height: 1;
 cursor: pointer;
 box-sizing: border-box;
}

.org-create-table .org-user-picture-upload .check_b_wrap {
 display: inline-flex;
 align-items: center;
 margin-right: 0;
 white-space: nowrap;
}

.org-create-table .org-user-inline-field {
 display: flex;
 align-items: center;
 gap: 6px;
 min-width: 0;
}

.org-create-table .org-user-inline-field .comm_input {
 flex: 1 1 auto;
 min-width: 0;
 width: auto !important;
}

.org-create-table .org-user-inline-field .btn {
 flex: 0 0 auto;
 margin-left: 0;
}

.org-create-table .org-user-inline-field label {
 flex: 0 0 auto;
 white-space: nowrap;
}

.org-create-table .org-user-inline-field .check_b_wrap {
 display: inline-flex;
 align-items: center;
 margin-right: 0;
 white-space: nowrap;
}

.org-modify-popup {
 width: 100%;
 padding: 0;
 box-sizing: border-box;
}

.org-modify-title {
 padding: 0;
 border-bottom: 0;
 background: transparent;
 margin-bottom: 10px;
}

.org-modify-title h2 {
 display: flex;
 align-items: center;
 min-height: 56px;
 padding: 0 22px;
 border-radius: 8px;
 background: linear-gradient(90deg, var(--mail-app-primary) 0%, var(--mail-app-primary-2) 100%);
 color: #fff;
 font-size: 20px;
 font-weight: 700;
 line-height: 1.25;
 letter-spacing: 0;
 box-sizing: border-box;
}

.org-modify-actions {
 justify-content: flex-end;
 margin-bottom: 10px;
 padding-right: 0 !important;
}

.org-modify-actions .btn {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-width: 58px;
 height: 28px;
 padding: 0 10px;
 line-height: 1;
 white-space: nowrap;
 box-sizing: border-box;
}

.org-modify-table {
 overflow: hidden;
 margin-bottom: 0;
 border-left-color: var(--mail-app-border);
 border-right-color: var(--mail-app-border);
 border-bottom-color: var(--mail-app-border);
 border-radius: 8px;
 background: var(--mail-app-surface);
 box-shadow: none;
 box-sizing: border-box;
}

.org-modify-table th {
 background: linear-gradient(180deg, #f8fbff 0%, #f2f7fc 100%);
 color: #4b6178;
 font-size: 12px;
 font-weight: 800;
}

.org-modify-table td {
 color: #31485f;
 font-size: 12px;
}

.org-modify-table .comm_input {
 height: 32px;
 padding: 0 10px;
 border-radius: 8px;
 font-size: 12px;
 line-height: 32px;
 box-sizing: border-box;
}

.org-modify-table .radio_g_inlineblock {
 display: flex;
 align-items: center;
 gap: 18px;
}

.org-modify-table .radio_g_inlineblock .item {
 display: inline-flex;
 align-items: center;
}

.tbView td.conTxt,
.tbView2 td.conTxt {
 padding: 18px;
 line-height: 1.8;
}

.tblBox tr td.noData {
 padding: 48px;
 text-align: center;
 color: #8597ab;
 font-weight: 700;
}

.pageing {
 padding: 10px 0 4px;
 text-align: center;
}

.pageing a,
.pageing span,
.pageing strong {
 display: inline-block;
 vertical-align: middle;
}

.pageing a,
.pageing strong {
 border: 1px solid var(--mail-app-border);
 border-radius: 999px;
 background: #fff;
 color: #5b7086;
}

.pageing span a,
.pageing strong {
 width: 32px;
 height: 32px;
 padding-top: 7px;
}

.pageing strong,
.pageing span a:hover,
.pageing .first:hover,
.pageing .prev:hover,
.pageing .next:hover,
.pageing .last:hover {
 border-color: var(--mail-app-primary);
 background: var(--mail-app-primary);
 color: #fff;
}

.pageing .first,
.pageing .prev,
.pageing .next,
.pageing .last {
 width: 32px;
 height: 32px;
 border: 1px solid var(--mail-app-border);
 border-radius: 999px;
 background: #fff;
 overflow: hidden;
}

.pageing .first span,
.pageing .prev span,
.pageing .next span,
.pageing .last span {
 display: block;
 width: 100%;
 height: 100%;
 text-indent: -10000px;
}

.pageing .first span { background: url(../../images/page_first.png) no-repeat center 50%; }
.pageing .prev span { background: url(../../images/page_prev.png) no-repeat center 50%; }
.pageing .next span { background: url(../../images/page_next.png) no-repeat center 50%; }
.pageing .last span { background: url(../../images/page_last.png) no-repeat center 50%; }

.tab_default {
 margin-bottom: 16px;
 padding-bottom: 12px;
 border-bottom: 1px solid var(--mail-app-border);
}

.tab_default:after,
.tab_type:after {
 content: "";
 display: block;
 clear: both;
}

.tab_default ul li,
.tab_type ul li {
 float: left;
}

.tab_default ul li a {
 display: block;
 min-width: 90px;
 margin-right: 8px;
 padding: 10px 16px;
 border: 1px solid var(--mail-app-border);
 border-radius: 10px;
 background: #f7f9fc;
 color: #5f7387;
 font-size: 13px;
 font-weight: 700;
 text-align: center;
}

.tab_default ul li.selected a {
 border-color: var(--mail-app-primary);
 background: var(--mail-app-primary);
 color: #fff;
}

.popup {
 position: absolute;
 left: 0;
 top: 0;
 z-index: 1000;
 overflow: hidden;
 border: 1px solid var(--mail-app-border);
 border-radius: 18px;
 background: #fff;
 box-shadow: var(--mail-app-shadow);
}

.popup .popup_h {
 height: 54px;
 padding: 16px 18px 0 22px;
 background: linear-gradient(90deg, var(--mail-app-primary) 0%, var(--mail-app-primary-2) 100%);
}

.popup .popup_h h2 {
 float: left;
 color: #fff;
 font-size: 18px;
}

.popup .popup_c {
 background: #f8fbfe;
}

.popup .popup_c .popup_body {
 padding: 20px 24px;
}

.popup .popup_b {
 padding: 14px 18px;
 border-top: 1px solid #e6edf4;
 background: #fff;
}

.popup .pop_close {
 position: absolute;
 right: 10px;
 top: 10px;
}

.popup .pop_close span.ico {
 display: inline-block;
 width: 30px;
 height: 30px;
 background: url(../../images/btn_pop_close.png) no-repeat 50% 50%;
 text-indent: -10000px;
}

.popup .pop_close .txt,
.popup .last_btn {
 display: none;
}

.alarm_pop,
.toast .alarm,
.admin_alarm .alarm_cont {
 border-radius: 18px;
 overflow: hidden;
 box-shadow: var(--mail-app-shadow);
}

.alarm_pop_title {
 height: 46px;
 padding: 0 18px;
 line-height: 46px;
 border: 0;
 background: linear-gradient(90deg, var(--mail-app-primary) 0%, var(--mail-app-primary-2) 100%);
}

.alarm_pop_title h3,
.alarm_pop_title .count,
.alarm_pop_title .btn_read_all {
 color: #fff;
}

.alarm_cont_wrap {
 height: 465px;
 border: 0;
 background: #f8fbfe;
}

.alarm {
 padding: 14px 18px 14px 66px;
 border-bottom: 1px solid #e8eef5;
}

.alarm:hover {
 background: #eef4fa;
}

.alarm_img {
 background-color: #2a4e72;
}