/* home */
.t-left {
    text-align: left !important;
}

.btn-gray-bold {
    width: 120px;
    background-color: #7f7f7f;
    color: #fff;
}

.btn-gray-thin {
    width: 120px;
    background-color: #f2f2f2;
    color: #333;
}

.w-full {
    width: 100% !important;
    max-width: 100% !important;
}

.w-fit {
    width: fit-content;
}

.group-button-download {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 30px;
}

.btn-gray-bold:hover,
.btn-gray-thin:hover {
    background-color: #0068b7;
    color: #fff;
}

.title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}

.table-has-radius {
    border-collapse: separate;
    border: 1px solid #ddd;
    overflow: hidden;
}

#table-form-option {
    font-size: 14px;
    border-radius: 10px;
    /* overflow: hidden; */
}

.group-datepicker {
    display: flex;
    gap: 7px;
}

.group-datepicker>span {
    display: flex;
    align-items: center;
}

.datepicker-child {
    position: relative;
    width: max-content;
    margin: auto;
}

.datepicker-child i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.icon-date {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    right: 13px;
    background: #fff;
    cursor: pointer;
    z-index: 1;
    pointer-events: auto;
}

.datepicker-child input {
    width: 180px;
    height: 100%;
    border: 1px solid #ccc;
    cursor: pointer;
    color: #666;
}

.datepicker-child.w200 input {
    width: 200px;
}

.table-has-radius th:first-child {
    border-top: none;
}

.table-has-radius td:last-child {
    border-right: none;
    border-left: none;
}

.table-has-radius th:last-child {
    border-right: none;
}

.wrap-table {
    border-radius: 10px;
    border: 1px solid #ddd;
    margin: 20px 0;
}

#table-form-option tr:first-child th:first-child {
    border-top: none;
}

.table-custom #table-form-option tr:first-child th:first-child {
    padding-bottom: 0;
    border-bottom: none;
    background-color: transparent;
}

#table-form-option th,
#table-form-option td {
    text-align: center;
    vertical-align: middle;
    padding: 13px 21px 14px;
    border-left: none;
    border-top: 1px solid #ddd;
}

#table-form-option th.t-left {
    text-align: left;
}

#table-form-option th.header-item {
    text-align: left;
}

#table-form-option th.header-item .header-item-inner {
    display: flex;
    gap: 5px;
    align-items: center;
    align-items: flex-start;
    margin-left: 30px;
}

#table-form-option th.header-item .header-item-inner .select-box {
    border: 1px solid #ddd;
    padding: 0px 18px;
    border-radius: 3px;
    width: 690px;
}

#table-form-option th.header-item .header-item-inner .select-box input {
    font-size: 15px;
    border: none;
    outline: none;
    font-weight: 300;
    width: 520px;
    color: #666;
}

#table-form-option th.header-item .header-item-inner .group-datepicker>span {
    display: flex;
    justify-content: center;
    align-items: center;
}

#table-form-option th.header-item .header-item-inner .group-datepicker input {
    height: 35px;
}

#table-form-option th.header-item .header-item-inner .select-box select {
    font-size: 15px;
    border: none;
    outline: none;
    width: 97px;
    font-weight: 300;
    margin-right: 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    background: url('../images/icons/icon-down-select.png') no-repeat right 0px center;
    background-size: 10px 6px;
    padding: 9px 6px;
    color: #666;
    cursor: pointer;
}

#content .container>.wrap {
    display: flex;
    gap: 10px;
}

#content .container>.wrap .profile-sidebar {
    min-width: 180px;
    padding-right: 10px;
}

#content .container>.wrap .profile-sidebar ul li>h1 {
    font-size: 16px;
    height: 51px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    position: relative;
}

#content .container>.wrap .profile-sidebar ul li>h1 i {
    width: 6px;
    height: 10px;
    background: url(../images/icons/icon-right-active.png) no-repeat center / 100%;
    position: absolute;
    right: 10px;
    transform: translateY(-50%);
    transform: rotate(0deg);
}

#content .container>.wrap .profile-sidebar ul li>h1.active,
#content .container>.wrap .profile-sidebar ul li>h1.active span {
    background-color: #e0edf7;
    color: #0068b7;
}

#content .container>.wrap .profile-sidebar ul li>h1.active i.active {
    transform: rotate(90deg);
    top: 20px;
    transition: 0.2s ease-in-out;
}

#content .container>.wrap .profile-sidebar ul li>h1:hover {
    background-color: #e0edf7;
    color: #0068b7;
}

.content-right {
    flex: 1;
    min-height: calc(100vh - 20px - 50px - 63px - 70px);
    padding: 0 15px;
    width: 100%;
}

.sidebar+.content-right {
    width: calc(100% - 150px);
}

#table-form-option th.header-item .header-item-inner .button-group {
    display: flex;
    gap: 5px;
}

#table-form-option th.header-item .header-item-inner .button-group .btn {
    padding: 6px 22px 4.5px;
    font-size: 15px;
    font-weight: 500;
}

#table-form-option td>div {
    display: flex;
    align-items: center;
    gap: 13px 76px;
    flex-wrap: wrap;
    max-width: 1200px;
}

#table-form-option td>div.group-checkBox {
    display: grid;
    grid-template-columns: repeat(7, auto);
}

#table-form-option .item-checkBox label {
    font-size: 14px;
    font-weight: 400;
    color: #333;
}

#table-form-option td>div.group-checkBox label {
    white-space: nowrap;
}

#table-form-option tbody tr:not(:first-child) th {
    width: 130px;
    background-color: #f9f9f9;
}

/* table results */
#table-results {
    width: 100%;
    table-layout: fixed;
    border-radius: 10px;
    overflow: hidden;
}

#table-results th {
    background-color: #f9f9f9;
    border-bottom: 1px solid #ddd;
}

#table-results th div:first-child {
    font-weight: 600;
    word-break: keep-all;
}

#table-results th div:nth-child(2) {
    font-weight: 400;
}

#table-results th,
#table-results td {
    text-align: center;
    padding: 17px 15px 15px;
    vertical-align: middle;
    border-left: none;
}

#table-results th>div,
#table-results td>div {
    word-wrap: break-word;
    font-size: 14px;
    color: #333;
    line-height: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#table-results tbody td {
    /* padding: 16px 28px 18px; */
    padding: 10px;
}

#table-results tbody td>div {
    display: flex;
    flex-direction: row;
    font-size: 14px;
    /* font-weight: 300; */
    color: #333;
    gap: 4px;
    line-height: 20px;
}

#table-results tbody td>div span {
    font-size: 14px;
    color: #333;
    line-height: 20px;
    white-space: nowrap;
}

.wrap-dropDown {
    display: flex;
    gap: 3px;
    align-items: center;
    justify-content: flex-end;
}

/* Table results member */
#table-results-member {
    margin-top: 10px;
    border-radius: 15px;
    border-radius: 10px;
    overflow: hidden;
}

#table-results-member .top-table {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1px 11px;
}

.select-basic {
    font-weight: 400;
}

#table-results-member .select-basic {
    width: 190px;
}

#table-results-member tbody th,
#table-results-member tbody td {
    height: 59px;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    /* font-weight: 300; */
    color: #333;
    border-left: none;
    border-top: 1px solid #ddd;
    padding: 10px 3px;
}

#table-results-member tbody td.blue {
    color: #0091ea;
}

#table-results-member tbody td.red {
    color: #d32f2f;
}

#table-results-member tbody td.yellow {
    color: #f9a825;
}

#table-results-member tbody th {
    font-weight: 600;
    background-color: #f9f9f9;
}

#table-results-member .label-empty {
    width: 17px;
    position: relative;
    left: 5px;
}

#table-results-member .label-empty label {
    position: absolute;
    width: 17px;
    height: 17px;
    padding: 0;
}

#table-results-member .label-empty span {
    position: absolute;
}

#table-results-member.table-results-member-style1 td:first-child {
    width: 40px;
    border-left: none;
}

#table-results-member.table-results-member-style1 td:nth-child(2) {
    width: 50px;
}

#table-results-member.table-results-member-style1 td:nth-child(3) {
    width: 120px;
}

#table-results-member.table-results-member-style1 td:nth-child(4) {
    width: 70px;
}

#table-results-member.table-results-member-style1 td:nth-child(5) {
    width: 85px;
}

#table-results-member.table-results-member-style1 td:nth-child(6) {
    width: 104px;
}

#table-results-member.table-results-member-style1 td:nth-child(7) {
    width: 150px;
}

#table-results-member.table-results-member-style1 td:nth-child(8) {
    width: 159px;
}

#table-results-member.table-results-member-style1 td:nth-child(9) {
    width: 95px;
}

#table-results-member.table-results-member-style1 td:nth-child(10) {
    width: 60px;
}

#table-results-member.table-results-member-style1 td:nth-child(11) {
    width: 60px;
}

#table-results-member.table-results-member-style1 td:nth-child(12) {
    width: 80px;
}

#table-results-member.table-results-member-style1 td:nth-child(13) {
    width: 115px;
}

#table-results-member.table-results-member-style1 td:nth-child(14) {
    width: 108px;
}

#table-results-member+.wrap-pagination {
    margin-top: 20px;
}

#table-results-member.table-results-member-style2 td:first-child {
    width: 45px;
    border-left: none;
    width: 40px;
}

#table-results-member.table-results-member-style2 td:nth-child(2) {
    width: 80px;
}

#table-results-member.table-results-member-style2 td:nth-child(3) {
    width: 40px;
}

#table-results-member.table-results-member-style2 td:nth-child(4) {
    width: 70px;
}

#table-results-member.table-results-member-style2 td:nth-child(5) {
    width: 85px;
}

#table-results-member.table-results-member-style2 td:nth-child(6) {
    width: 104px;
}

#table-results-member.table-results-member-style2 td:nth-child(7) {
    width: 90px;
}

#table-results-member.table-results-member-style2 td:nth-child(8) {
    width: 30px;
}

#table-results-member.table-results-member-style2 td:nth-child(9) {
    width: 95px;
}

#table-results-member.table-results-member-style2 td:nth-child(10) {
    width: 95px;
}

/* login */

#form-login {
    width: 100%;
    height: 100vh;
    background-color: #f9f9f9;
}

#form-login .form-login-content {
    width: 640px;
    height: 342px;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #ddd;
    box-sizing: border-box;
    padding: 59px 119px;
    border-radius: 10px;
    background-color: #fff;
}

#form-login .form-login-content .form-login-logo {
    width: fit-content;
    position: absolute;
    top: -93px;
}

#form-login .form-login-content form {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#form-login .form-login-content form label {
    position: relative;
}

#form-login .form-login-content form label .icon-nav-user {
    width: 12px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 19px;
    transform: translateY(-50%);
}

#form-login .form-login-content form label .icon-lock {
    width: 14px;
    height: 16px;
    top: 50%;
    left: 19px;
    position: absolute;
    transform: translateY(-50%);
}

#form-login .form-login-content form label input {
    width: 100%;
    height: 55px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    padding: 0 20px 0 40px;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 300;
    color: #333;
}

#form-login .form-login-content form label input::placeholder {
    color: #999;
}

#form-login .form-login-content form button {
    margin-top: 10px;
    width: 100%;
    height: 55px;
    background-color: #0068b7;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    border-radius: 2px;
}

/* profile */
.top-nav {
    background-color: #999;
    height: 40px;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.top-nav div {
    font-size: 17px;
    font-weight: 600;
    color: #fff;
}

.top-nav button.close {
    width: 14px;
    height: 14px;
    position: relative;
}

.top-nav button.close::before {
    content: '';
    width: 16px;
    height: 2px;
    background-color: #fff;
    transform: rotate(45deg);
    position: absolute;
    left: 0;
}

.top-nav button.close::after {
    content: '';
    width: 16px;
    height: 2px;
    background-color: #fff;
    transform: rotate(-45deg);
    position: absolute;
    left: 0;
}

/* Profile Sidebar */
.profile-content {
    width: 100%;
    padding: 10px 42px 30px 39px;
}

.profile-note {
    padding: 10px 15px;
    background-color: #f9f9f9;
    font-size: 14px;
    line-height: 20px;
}

.container-fluid {
    padding: 0;
}

.profile {
    display: flex;
}

.profile-sidebar {
    width: 100%;
    max-width: 192px;
    border-right: 1px solid #ddd;
}

.profile-sidebar .profile-user {
    height: 330px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.profile-sidebar>ul li a.active,
.profile-sidebar>ul li a.active span,
.profile-sidebar>ul li a:hover {
    color: #0068b7;
}

.profile-sidebar .profile-user .profile-user-img {
    margin-bottom: 15px;
}

.profile-sidebar .profile-user .profile-user-img img {
    height: 64px;
}

.profile-user-name {
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 5px;
}

.profile-user-position {
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
}

.group-profile-button {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    align-items: center;
    padding: 0 10px;
}

.group-profile-button-top {
    margin-top: 15px;
    display: flex;
    gap: 2px;
    max-width: 250px;
    width: 100%;
}

.group-profile-button-top span {
    font-size: 15px;
    font-weight: 300;
    color: #999;
    border: 1px solid #ddd;
    width: 100%;
    border-radius: 2px;
    height: 30px;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.group-profile-button-bottom {
    width: 100%;
    max-width: 250px;
    margin-top: 10px;
}

.group-profile-button-bottom a {
    width: 100%;
    border-radius: 3px;
    height: 35px;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #0068b7;
}

.rsm-prv__btn {
    padding: 6px 12px;
    font-size: 12px;
}

.rsm-prv__btn img {
    width: 13px;
    height: 13px;
    margin-right: 5px;
}

.icon-user-profile {
    width: 12px;
    height: 16px;
}

.icon-bag {
    width: 16px;
    height: 16px;
}

.icon-list {
    width: 14px;
    height: 16px;
}

.icon-file {
    width: 14px;
    height: 16px;
}

.profile .profile-sidebar>ul {
    border-top: 1px solid #ddd;
}

.profile-sidebar>ul li a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 10px;
    height: 51px;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
    position: relative;
    white-space: nowrap;
}

.profile-sidebar ul.submenu li a {
    padding: 0 20px;
}

/* .profile-sidebar > ul li a:hover,
.profile-sidebar > ul li a.active {
    background-color: #e0edf7;
    color: #0068b7;
} */
.profile-sidebar>ul>li a.active.activeNosub,
.profile-sidebar>ul>li a.active.activeNosub span {
    background-color: #e0edf7;
    color: #0068b7;
}

/* 
.profile-sidebar > ul li a:hover:after,
.profile-sidebar > ul li a.active:after {
    content: '';
    width: 6px;
    height: 10px;
    background: url('../images/icons/icon-right-active.png') no-repeat center / 100%;
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
} */

.profile-sidebar>ul li a.active .icon-user-profile::after,
.profile-sidebar>ul li a:hover .icon-user-profile::after {
    background-image: url('../images/icons/icon-user-profile.png');
}

.profile-sidebar>ul li a.active .icon-bag::after,
.profile-sidebar>ul li a:hover .icon-bag::after {
    background-image: url('../images/icons/icon-bag.png');
}

.profile-sidebar>ul li a.active .icon-list::after,
.profile-sidebar>ul li a:hover .icon-list::after {
    background-image: url('../images/icons/icon-list.png');
}

.profile-sidebar>ul li a.active .icon-file::after,
.profile-sidebar>ul li a:hover .icon-file::after {
    background-image: url('../images/icons/icon-file.png');
}

#profile-sidebar-no-space.profile-sidebar {
    border: none;
    position: relative;
}

#profile-sidebar-no-space.profile-sidebar:after {
    content: '';
    width: 1px;
    height: calc(100% + 70px);
    background-color: #ddd;
    position: absolute;
    right: 0;
    top: 0;
}

#profile-sidebar-no-space.profile-sidebar>ul li a {
    padding: 0 10px;
}

#profile-sidebar-no-space.profile-sidebar>ul li a.active {
    background-color: #e0edf7;
    color: #0068b7;
}

/* #profile-sidebar-no-space.profile-sidebar > ul li a:hover:after,
#profile-sidebar-no-space.profile-sidebar > ul li a.active:after {
    content: '';
    width: 6px;
    height: 10px;
    background: url('../images/icons/icon-right-active.png') no-repeat center / 100%;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
} */

.advertising {
    display: flex;
}

.advertising-sidebar,
.sidebar {
    width: 100%;
    max-width: 150px;
    position: relative;
}

.advertising-sidebar::before,
.sidebar::before {
    content: '';
    width: 1px;
    background-color: #ddd;
    height: 100vh;
    right: 0;
    top: 0;
    position: absolute;
}

.advertising-sidebar ul,
.sidebar ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.advertising-sidebar ul li,
.sidebar ul li {
    width: 100%;
}

.advertising-sidebar ul li a,
.sidebar ul li a {
    margin-bottom: 15px;
    height: 64px;
}

.advertising .advertising-sidebar>ul,
.sidebar>ul {
    border-top: 1px solid #ddd;
}

.advertising-sidebar>ul li a,
.sidebar>ul li a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 15px;
    height: 51px;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
    position: relative;
    margin: 0;
}

.advertising-sidebar>ul li a:hover,
.sidebar>ul li a:hover,
.advertising-sidebar>ul li a.active,
.sidebar>ul li a.active {
    background-color: #e0edf7;
    color: #0068b7;
}

.advertising-sidebar>ul li a:hover:after,
.sidebar>ul li a:hover:after,
.advertising-sidebar>ul li a.active:after,
.sidebar>ul li a.active:after {
    content: '';
    width: 6px;
    height: 10px;
    background: url('../images/icons/icon-right-active.png') no-repeat center / 100%;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

/* .titleSubmenu{
    background-color: #0068b7;
} */
/* right sidebar */

/* Infomation member */
#infomation-member table tr th:first-child,
#infomation-member table tr td:first-child {
    border-left: none;
}

#infomation-member table tr th:last-child,
#infomation-member table tr td:last-child {
    border-right: none;
}

#infomation-member table tr th,
#infomation-member table tr td {
    padding: 10px 20px 9px;
    font-size: 14px;
    line-height: 20px;
    vertical-align: middle;
}

#infomation-member table tr th {
    text-align: center;
    background-color: #f9f9f9;
    font-weight: 600;
}

#infomation-member table tr td:not(:last-child) {
    text-align: center;
}

#infomation-member table thead tr th:first-child {
    width: 160px;
}

#infomation-member table thead tr th:nth-child(2) {
    width: 160px;
}

#infomation-member .wrap-pagination {
    margin-top: 20px;
    margin-bottom: 30px;
}

.profile-content .title-profile {
    font-size: 24px;
    color: #111111;
    font-weight: 600;
    border-bottom: 1px solid #999999;
    padding: 0px 0 13px 0;
}

.profile-content .profile-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    background-color: #ddd;
    padding: 10px 20px;
}

.profile-content .profile-action .profile-action-left {
    display: flex;
    gap: 10px;
}

.profile-content .profile-action .profile-action-left .button-block {
    background-color: #002060;
    padding: 7px 15px;
    color: #fff;
    width: 100px;
    text-align: center;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.profile-content .profile-action .profile-action-right .button-block {
    background-color: #ddd;
    border: 1px solid #333;
    color: #333;
    padding: 7px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    box-sizing: border-box;
}

.profile-content .title-table-info {
    font-size: 15px;
    font-weight: 400;
    color: #333333;
    margin-top: 31px;
}

.profile-content .title-table-info .total {
    color: #c00000;
}

.profile-content-count,
.count-item {
    font-size: 15px;
    font-weight: 400;
    color: #333333;
    margin-top: 10px;
    margin-bottom: 10px;
}

.profile-content-count .total,
.count-item .total {
    color: #c00000;
}

.member-basic-infor .title-table-info {
    margin-top: 10px;
}

.member-basic-infor .title-table-info .total {
    margin-top: 21px;
}

.member-basic-infor .avatar-box {
    width: 130px;
    height: 160px;
    border-radius: 0;
    overflow: hidden;
    margin-top: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.profile-content .table {
    width: 100%;
}

.profile-content .table tr:first-child td,
.profile-content .table tr:first-child th {
    border-top: 1px solid #dddddd;
}

.profile-content .member-basic-infor .table tr:first-child th {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.profile-content .table th {
    background-color: #f7f7f7;
}

.profile-content .table th,
.profile-content .table td {
    border-bottom: 1px solid #dddddd;
    text-align: left;
    font-size: 14px;
    padding: 10px 20px 9px;
    color: #333333;
    text-align: center;
    vertical-align: middle;
    border-left: none;
    border-top: none;
}

.profile-content .table td:nth-child(4) {
    text-align: left;
}

.profile-content .table.member-infor {
    margin-top: 15px;
    margin-bottom: 0;
}

.profile-content .table.member-infor tbody th {
    background-color: #f9f9f9;
    border-right: 1px solid #dddddd;
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
}

.profile-content .table.member-infor tbody td {
    font-weight: 400;
    line-height: 20px;
    padding-left: 18px;
    width: 550px;
    position: relative;
    text-align: left;
}

.profile-content .table.member-infor tbody td.four-columns {
    position: relative;
}

.profile-content .table.member-infor tbody .wrapRow {
    display: flex;
    gap: 18px;
    position: absolute;
    top: 50%;
    left: 540px;
    transform: translateY(-50%);
}

.profile-content .table.member-infor tbody .wrapRow .column-th {
    width: 138px;
    text-align: center;
    background-color: #f9f9f9;
    font-weight: 600;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.profile-content .table.member-infor tbody .wrapRow .column-td {
    display: flex;
    justify-content: center;
    align-items: center;
}

table.member-infor th:not(.item-dot) {
    width: 160px;
    background-color: #f9f9f9;
    font-weight: 500;
}

table.member-infor th,
table.member-infor td {
    vertical-align: middle;
    position: relative;
}

table.th-dot th,
table .item-dot {
    padding-left: 18px;
    font-size: 20px;
    position: relative;
}

table.th-dot th::before,
table .item-dot::before {
    content: '';
    width: 6px;
    height: 6px;
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    background-color: #333;
    border-radius: 50%;
}

table.member-infor td select {
    padding: 5px 30px 5px 5px;
    border: 1px solid #ddd;
    cursor: pointer;
}

table.member-infor td textarea {
    padding: 10px 20px;
    border: 1px solid #ddd;
    width: 100%;
    height: 100px;
}

table.member-infor td>input[type='number'],
table.member-infor td>input[type='text'] {
    border: 1px solid #ddd;
    width: 100%;
    padding: 5px 15px;
}

table.member-infor td .group-datepicker {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.table.member-infor ul.select-value {
    display: flex;
    align-items: center;
    margin-left: 8px;
    border: 1px solid #ddd;
}

.table.member-infor ul.select-value li {
    padding: 5px;
    width: max-content;
    height: 100%;
    display: flex;
    align-items: center;
}

.MADAA020.member-basic-infor table.member-infor th,
.MADAA020.member-basic-infor table.member-infor td {
    font-size: 16px;
    padding: 18px;
    text-align: left;
    vertical-align: middle;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    word-break: break-all;
    height: 57px;
}

.border-r-ddd {
    border-right: 1px solid #dddddd !important;
}

.border-t-ddd {
    border-top: 1px solid #dddddd !important;
}

.border-b-ddd {
    border-bottom: 1px solid #dddddd !important;
}

.border-l-ddd {
    border-left: 1px solid #dddddd !important;
}

.profile-content .input-table {
    width: 100%;
    height: 30px;
    border: 1px solid #dddddd;
    border-radius: 3px;
    padding: 0 10px;
}

.profile-content .button-table {
    width: 100%;
    height: 30px;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 0 10px;
    background-color: #f9f9f9;
    color: #333;
}

.profile-content .button-table-bold {
    width: 250px;
    height: 30px;
    border-radius: 3px;
    padding: 0 10px;
    background-color: #333;
    color: #fff;
    position: absolute;
    left: 540px;
    top: 50%;
    transform: translateY(-50%);
}

.profile-content .column-has-form {
    display: flex;
    gap: 10px;
}

.profile-content .column-has-form .button-table {
    width: 150px;
}

#textarea1 {
    min-height: 120px;
    border-radius: 3px;
    padding: 10px 20px 9px;
    font-size: 14px;
    color: #999999;
}

.form-label {
    margin-bottom: 15px;
}

.button-form {
    display: flex;
    justify-content: end;
    cursor: pointer;
}

.button-form a,
.button-form button {
    /* margin-top: 10px; */
    height: 30px;
    padding: 0 23px;
}

.toggleTrueFalse input[type='checkbox'] {
    visibility: hidden;
}

.toggleTrueFalse {
    width: 40px;
    height: 18px;
    background: #333;
    position: relative;
    border-radius: 50px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
    left: 0;
}

.toggleTrueFalse label {
    display: block;
    height: 14px;
    cursor: pointer;
    position: absolute;
    top: 2px;
    left: 2px;
    z-index: 1;
    background: #fcfff4;
    background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    border-radius: 50px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
    width: 16px;
}

.toggleTrueFalse input[type='checkbox']:checked+label {
    left: 53%;
}

.bottom-content {
    border-top: 1px solid #999999;
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.button-back-to-list {
    background-color: #fff;
    color: #333;
    padding: 10px 15px 8px;
    border-radius: 3px;
    width: 80px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #333;
    transition: all 0.3s ease;
    margin: 0;
}

.button-back-to-list:hover {
    background-color: #0068b7;
    border: 1px solid #0068b7;
    color: #fff;
}

.button-save {
    background-color: #0068b7;
    color: #fff;
    padding: 10px 15px 8px;
    border-radius: 3px;
    width: max-content;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #0068b7;
    transition: all 0.3s ease;
    opacity: 0.8;
}

.button-save:hover {
    opacity: 1;
}

.button-back-to-list.button-delete:hover {
    background-color: #e53b3b;
    border: 1px solid #f72c2c;
}

/* Profile infomation */
.profile-information {
    display: flex;
    padding: 20px;
    border: 1px solid #ddd;
    margin: 20px 0 21px;
}

.profile-information .profile-information-left {
    width: 50%;
    text-align: center;
}

.profile-information .profile-information-left .room-name {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
}

.profile-information .profile-information-left .room-image {
    width: 300px;
    margin: 0 auto;
}

.profile-information .profile-information-right {
    width: 50%;
}

.profile-information .profile-information-right ul {
    position: relative;
}

.profile-information .profile-information-right ul li {
    display: flex;
    gap: 5px;
}

.profile-information .profile-information-right ul li+li {
    margin-top: 10px;
}

/* 
.profile-information .profile-information-right ul li .representative-label {}

.profile-information .profile-information-right ul li .representative-name {} */

/* profile payment details */

#profile-payment-details {
    position: relative;
    margin: 15px 0 20px;
}

#profile-payment-details .title-table {
    margin: 0px 0 15px;
}

/* profile paid banners */

#profile-paid-banners {
    position: relative;
    margin: 15px 0 20px;
}

#profile-paid-banners .title-table {
    margin: 0px 0 15px;
}

/* profile recent recruitment */

#profile-recent-recruitment {
    position: relative;
    margin: 15px 0 20px;
}

#profile-recent-recruitment .title-table {
    margin: 0px 0 15px;
}

#profile-recent-recruitment .button-flex {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#profile-recent-recruitment .wrap-button {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

#profile-recent-recruitment .wrap-button button {
    padding: 5px 8px;
    border-radius: 3px;
    background-color: #eee;
    border: 1px solid #ccc;
    flex: 1;
    transition: 0.3s all;
}

#profile-recent-recruitment .wrap-button button:hover {
    background-color: #f9f9f9;
}

/* profile continuous recruitment advertising*/

#profile-continuous-recruitment-advertising {
    position: relative;
    margin: 15px 0 20px;
}

#profile-continuous-recruitment-advertising .title-table {
    margin: 0px 0 15px;
}

/* profile continuous recruitment advertising*/

#profile-recruitment-advertising-has-ended {
    position: relative;
    margin: 15px 0 20px;
}

#profile-recruitment-advertising-has-ended .title-table {
    margin: 0px 0 15px;
}

.button-group .btn-success {
    margin: 0 5px;
}

#popup-payment-history {
    padding: 2px 5px;
    border: 1px solid #333;
    background-color: #ddd;
    border-radius: 3px;
    cursor: pointer;
}

#profile-payment-history .title-table {
    margin-top: 15px;
}

#advertising-list .note {
    margin: 15px 0;
    line-height: 20px;
}

input.checkboxDefaultYN {
    width: 0px;
    height: 0px;
}

.profile-content-count .count {
    font-weight: 600;
    margin-bottom: 20px;
    padding: 10px 15px;
    background-color: #ddd;
}

.profile-content-count .count span {
    color: #c00000;
}

.profile .title-table {
    margin-top: 30px;
    margin-bottom: 15px;
}

.work-enviroment table tbody th {
    width: 250px;
    border-top: 1px solid #ddd !important;
}

.profile-content .table th,
.profile-content .table td {
    text-align: left;
}

.work-enviroment table tbody tr:last-child td {
    border-bottom: 1px solid #ddd !important;
}

.profile-content .highest-level th {
    width: 250px;
    text-align: center;
}

.profile-content .list-education th,
.profile-content .list-education td {
    text-align: center;
}

.profile-content .list-education thead th:first-child {
    width: 245px;
}

.profile-content .list-education thead th:nth-child(2) {
    width: 320px;
}

.profile-content .list-education thead th:nth-child(3) {
    width: 500px;
}

.profile-content .list-education thead th:nth-child(4) {
    width: 300px;
}

.profile-content .list-education tbody td:nth-child(4) {
    text-align: center;
}

.profile-content .list-education thead th:nth-child(5) {
    width: 300px;
}

.profile-content .list-experience tbody .th {
    width: 250px;
}

.profile-content .table.list-experience thead tr:first-child th {
    text-align: center;
}

.profile-content .table.list-experience thead tr:first-child th:first-child {
    width: 250px;
}

.profile-content .table.list-experience tr:first-child td,
.profile-content .table.list-experience tr:first-child th {
    text-align: center;
}

.profile-content .table.list-experience tbody td:first-child,
.profile-content .table.list-experience tbody th:first-child {
    text-align: center;
}

.profile-content .table.list-experience tfoot th:first-child {
    text-align: center;
}

.profile-content .licence-information thead th:nth-child(1) {
    width: 300px;
}

.profile-content .licence-information thead th:nth-child(3) {
    width: 300px;
}

.profile-content .licence-information .table td,
.profile-content .licence-information .table th {
    text-align: center;
}

.profile-content .licence-information2 .table thead th {
    text-align: center;
}

.profile-content .licence-information2 .table thead th:first-child {
    width: 250px;
}

.profile-content .licence-information2 .table tbody th {
    width: 200px;
}

.profile-content .licence-information2 .table tbody td:first-child {
    text-align: center;
}

.box-self-introduction {
    padding: 15px;
    border: 1px solid #ddd;
}

.advertising-content {
    width: 100%;
    padding: 0 15px;
}

.content {
    display: flex;
}

table {
    position: relative;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

table th {
    background-color: #f9f9f9;
}

table tr:not(:first-child) th,
table tr:not(:last-child) th {
    border-top: 1px solid #ddd;
}

manager-continues table tr td:last-child {
    border-right: none;
}

manager-continues .results table tr td:last-child {
    border-right: 1px solid #ddd;
}

manager-continues table tbody th {
    width: 150px;
    text-align: left;
}

manager-continues table td {
    text-align: left;
}

manager-continues .group-button {
    margin-top: 30px;
    text-align: center;
}

table .select-box {
    display: flex;
    gap: 5px;
}

table .select-box select {
    width: 150px;
    border: 1px solid #ddd;
    padding: 6px 15px;
}

table input {
    border: 1px solid #ddd;
    padding: 5px 15px;
}

table .checkbox-group {
    display: flex;
    gap: 30px;
}

table .group-item.flex {
    display: flex;
}

table ul.select-value {
    display: flex;
    align-items: center;
    margin-left: 40px;
    border: 1px solid #ddd;
}

table ul.select-value li {
    padding: 5px 15px;
    position: relative;
    cursor: pointer;
}

table ul.select-value li+li {
    border-left: 1px solid #ddd;
}

table ul.select-value li.active:before,
table ul.select-value li:hover:before {
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #000;
    border-radius: 0;
    position: absolute;
}

.results .count {
    margin-top: 50px;
}

.results table tr th {
    text-align: center !important;
}

.manager-continues table tbody tr.empty-content {
    height: 60px;
}

.manager-continues table tr td:not(:nth-child(2)) {
    text-align: center !important;
}

.manager-continues table tr th:first-child {
    width: 7%;
}

.manager-continues table tr th:nth-child(2) {
    width: 18%;
}

.manager-continues table tr th:nth-child(3) {
    width: 7%;
}

.manager-continues table tr th:nth-child(4) {
    width: 8%;
}

.manager-continues table tr th:nth-child(5) {
    width: 9%;
}

.manager-continues table tr th:nth-child(6) {
    width: 11%;
}

.manager-continues table tr th:nth-child(7) {
    width: 7%;
}

.manager-continues table tr th:nth-child(8) {
    width: 6%;
}

.manager-continues table tr th:nth-child(9) {
    width: 6%;
}

.manager-continues table tr th:nth-child(10) {
    width: 7%;
}

.manager-continues table tr th:last-child {
    width: 6%;
}

#manager-banner-content-list .radio-group {
    display: flex;
    gap: 30px;
}

#manager-banner-content-list table.table-gray tbody tr td {
    border-left: none;
}

.group-button.center {
    text-align: center;
    margin-top: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

#manager-banner-content-list th,
#manager-banner-content-list td {
    text-align: left;
}

.manager-banner-content .results th:first-child {
    width: 4%;
}

.manager-banner-content .results th:nth-child(2) {
    width: 8%;
}

.manager-banner-content .results th:nth-child(3) {
    width: 10%;
}

.manager-banner-content .results th:nth-child(4) {
    width: 8%;
}

.manager-banner-content .results th:nth-child(5) {
    width: 10%;
}

.manager-banner-content .results th:nth-child(6) {
    width: 13%;
}

.manager-banner-content .results th:nth-child(7) {
    width: 13%;
}

.manager-banner-content .results th:nth-child(8) {
    width: 6%;
}

.manager-banner-content .results th:nth-child(9) {
    width: 5%;
}

.manager-banner-content .results th:nth-child(10) {
    width: 5%;
}

.manager-banner-content .results th:nth-child(11) {
    width: 6%;
}

.compulsory-education .results th:first-child {
    width: 4%;
}

.compulsory-education .results th:nth-child(2) {
    width: 25%;
}

.compulsory-education .results td:nth-child(2) {
    text-align: left;
}

.compulsory-education .results th:nth-child(3) {
    width: 35%;
}

.compulsory-education .results th:nth-child(4) {
    width: 10%;
}

.compulsory-education .results th:nth-child(5) {
    width: 13%;
}

.compulsory-education .results th:nth-child(6) {
    width: 13%;
}

#compulsory-education-content-list th {
    text-align: left;
    width: 200px;
}

th.require span {
    position: relative;
}

th.require span::after {
    content: '*';
    color: #c00000;
    position: absolute;
    right: -10px;
}

#compulsory-education-content-list td {
    text-align: left;
    border-right: none;
}

#compulsory-education-content-list tr td input:not([type='radio']) {
    width: 100%;
}

#compulsory-education-content-list tr:first-child td input,
#compulsory-education-content-list tr:nth-child(2) td input,
#compulsory-education-content-list tr:nth-child(5) td input {
    width: 300px;
}

#compulsory-education-content-list td textarea {
    width: 100%;
    padding: 15px;
    border: 1px solid #ddd;
}

#compulsory-education-content-list td select {
    width: 500px;
}

#compulsory-education-content-list td .radio-group {
    display: flex;
    gap: 30px;
}

#compulsory-education-content-list td input[type='file'] {
    display: none;
}

#compulsory-education-content-list td input[type='file']+label {
    padding: 6px 15px;
    background-color: #7f7f7f;
    color: #fff;
    cursor: pointer;
}

#manager-banner-content-change-content-list img {
    width: 200px;
    margin-top: 15px;
    object-fit: contain;
}

#manager-banner-content-change-content-list td {
    text-align: left;
    width: 650px;
}

#manager-banner-content-change-content-list td td {
    text-align: center;
}

#manager-banner-content-change-content-list th {
    border-left: 1px solid #ddd;
    text-align: left;
    text-wrap: noWrap;
}

#manager-banner-content-change-content-list td input[type='file'] {
    display: none;
}

#manager-banner-content-change-content-list td input[type='file']+label {
    padding: 6px 15px;
    background-color: #7f7f7f;
    color: #fff;
    cursor: pointer;
}

#manager-banner-content-change-content-list tr:nth-child(2) th {
    border-bottom: 1px solid #ddd;
}

#manager-banner-content-change-content-list tr td .group-input-column {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

#manager-banner-content-change-content-list tr td .radio-group {
    display: flex;
    gap: 30px;
}

#manager-banner-content-change-content-list tr td .radio-group+span {
    margin-top: 5px;
    display: flex;
}

#manager-banner-content-change-content-list .table-gray .table-gray {
    width: 250px;
}

#manager-banner-content-change-content-list .group-columns {
    display: flex;
    gap: 20px;
}

#manager-banner-content-change-content-list tr:nth-child(2) td input {
    width: 100%;
}

#manager-banner-content-change-content-list tr:nth-child(4) td input {
    width: 503px;
}

#manager-banner-content-change-content-list tr:nth-child(6) td input {
    width: 503px;
}

#manager-banner-content-change-content-list tr:nth-child(5) td input:first-child {
    width: 300px;
}

#manager-banner-content-change-content-list .checkbox-group {
    margin-bottom: 10px;
}

#manager-banner-content-change-content-list .bottom-content {
    margin-top: 10px;
}

.manager-banner table.table-gray tbody tr td.img-banner {
    text-align: left;
    flex-direction: column;
}

.manager-banner table.table-gray tbody tr td img {
    margin-bottom: 10px;
}

.img-banner img {
    margin-bottom: 10px;
    max-width: 150px;
}

.img-banner {
    display: flex;
    flex-direction: column;
}

#list-of-dental-journals-content-list th,
#list-of-dental-journals-content-list td {
    text-align: left;
}

.list-of-dental-journals table.table-gray tbody tr td:last-child {
    border-right: none;
}

.list-of-dental-journals table.table-gray tr th,
.list-of-dental-journals table.table-gray tr td {
    border-left: none;
    border-right: none;
}

.list-of-dental-journals table.table-gray thead tr th:first-child {
    width: 5%;
}

.list-of-dental-journals table.table-gray thead tr th:nth-child(2) {
    width: 7%;
}

.list-of-dental-journals table.table-gray thead tr th:nth-child(3) {
    width: 55%;
}

.list-of-dental-journals table.table-gray thead tr th:nth-child(4) {
    width: 13%;
}

.list-of-dental-journals table.table-gray thead tr th:last-child {
    width: 8%;
}

.list-of-dental-journals table.table-gray tbody tr td:nth-child(3) {
    text-align: left;
}

.list-of-dental-journals table.table-gray tbody tr td .status {
    padding: 3px 10px;
    border-radius: 15px;
    color: #fff;
}

.status.blue {
    border: 1px solid #0068b7;
    color: #0068b7 !important;
}

.status.green {
    border: 1px solid #80b156;
    color: #80b156 !important;
}

.status.purple {
    background-color: #797efc;
}

.dental-magazine .bottom-content {
    margin-top: 10px;
}

.dental-magazine table th {
    text-align: left;
    text-wrap: nowrap;
}

.dental-magazine table td {
    text-align: left;
}

.dental-magazine table td input {
    width: 100%;
}

.dental-magazine table td textarea {
    border: 1px solid #ddd;
    width: 100%;
    padding: 15px;
    height: 120px;
}

.button-item a,
.button-item button {
    float: right;
    padding: 5px 15px;
    background-color: #ddd;
    margin-bottom: 10px;
}

.dental-magazine-content table.table-gray tbody tr td:last-child {
    border-right: none;
}

#list-notification-content td {
    text-align: left;
}

#list-notification-content td select {
    width: 250px;
}

.list-notification table.table-gray thead tr th,
.list-notification table.table-gray tbody tr th,
.list-notification table.table-gray tbody tr td {
    border-left: none;
    border-right: none;
}

.list-notification table.table-gray thead tr th:first-child {
    width: 5%;
}

.list-notification table.table-gray thead tr th:nth-child(2) {
    width: 15%;
}

.list-notification table.table-gray thead tr th:nth-child(3) {
    width: 40%;
}

.list-notification table.table-gray tr td:nth-child(3) span {
    cursor: pointer;
}

.list-notification table.table-gray thead tr th:nth-child(4) {
    width: 15%;
}

.list-notification table.table-gray thead tr th:nth-child(5) {
    width: 9%;
}

.list-notification table.table-gray thead tr th:nth-child(6) {
    width: 7%;
}

.list-notification table.table-gray thead tr th:last-child {
    width: 9%;
}

.list-notification table.table-gray tbody tr td .status {
    padding: 3px 10px;
    border-radius: 15px;
    background-color: #7bb32d;
    color: #fff;
}

#list-faq-content th,
#list-faq-content td {
    text-align: left;
}

#list-faq-content td select {
    width: 250px;
}

.list-faq table.table-gray thead tr th,
.list-faq table.table-gray tbody tr th,
.list-faq table.table-gray tbody tr td {
    border-left: none;
    border-right: none;
}

.list-faq table.table-gray thead tr th:first-child {
    width: 5%;
}

.list-faq table.table-gray thead tr th:nth-child(2) {
    width: 70%;
}

.list-faq table.table-gray thead tr th:nth-child(3) {
    width: 15%;
}

.list-faq table.table-gray thead tr th:last-child {
    width: 10%;
}

.list-faq table.table-gray tbody tr td:nth-child(2) {
    text-align: left;
}

#add-faq-content td {
    text-align: left;
}

#add-faq-content td select {
    width: 250px;
}

.add-faq table.table-gray tbody tr th,
.add-faq table.table-gray tbody tr td {
    border-left: none;
    border-right: none;
    text-align: left;
}

.add-faq table.table-gray tbody tr th {
    width: 200px;
}

.add-faq table.table-gray tbody tr td textarea {
    border: 1px solid #ddd;
    width: 100%;
    padding: 15px;
    height: 120px;
}

#email-request-list-content-list td {
    text-align: left;
}

.email-request-list table.table-gray thead tr th,
.email-request-list table.table-gray tbody tr th,
.email-request-list table.table-gray tbody tr td {
    border-left: none;
    border-right: none;
}

.email-request-list table.table-gray thead tr th:first-child {
    width: 5%;
}

.email-request-list table.table-gray thead tr th:nth-child(2) {
    width: 7%;
}

.email-request-list table.table-gray thead tr th:nth-child(3) {
    width: 10%;
}

.email-request-list table.table-gray thead tr th:nth-child(4) {
    width: 8%;
}

.email-request-list table.table-gray thead tr th:nth-child(5) {
    width: 12%;
}

.email-request-list table.table-gray thead tr th:nth-child(6) {
    width: 35%;
}

.email-request-list table.table-gray tbody tr td:nth-child(6) {
    text-align: left;
}

.email-request-list table.table-gray thead tr th:nth-child(7) {
    width: 8%;
}

.email-request-list table.table-gray thead tr th:nth-child(8) {
    width: 7%;
}

.email-request-list table.table-gray thead tr th:last-child {
    width: 8%;
}

.email-request-short-list table.table-gray thead tr th,
.email-request-short-list table.table-gray tbody tr th,
.email-request-short-list table.table-gray tbody tr td {
    border-left: none;
    border-right: none;
}

.email-request-short-list table.table-gray thead tr th:first-child {
    width: 10%;
}

.email-request-short-list table.table-gray thead tr th:nth-child(2) {
    width: 10%;
}

.email-request-short-list table.table-gray thead tr th:nth-child(3) {
    width: 60%;
}

.email-request-short-list table.table-gray tbody tr td:nth-child(3) {
    text-align: left;
}

.email-request-short-list table.table-gray thead tr th:nth-child(4) {
    width: 10%;
}

.email-request-short-list table.table-gray thead tr th:last-child {
    width: 10%;
}

/* START  MAGAF020 */
.list-of-dental-journals-content.content-right.customer-center-notice .flex {
    display: flex;
}

.customer-center-notice-registration-or-modification.infor-left {
    width: 15%;
    height: 740px;
    background-color: #f9f9f9;
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 27px;
    padding-top: 20px;
}

.customer-center-notice-registration-or-modification.infor-left .title {
    padding-right: 20px;
    margin-bottom: 0;
}

.customer-center-notice-registration-or-modification.infor-left .title-date-reply {
    margin-top: -12px;
}

.customer-center-notice-registration-or-modification.infor-right {
    padding: 15px 15px 0 15px;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 15px;
    width: 80%;
}

.customer-center-notice .flex-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

.customer-center-notice .input-title {
    border: 1px solid #ddd;
    width: 100%;
    padding-left: 12px;
    height: 30px;
    font-size: 14px;
    color: #666666;
}

.customer-center-notice .item-checkBox {
    height: 30px;
}

.customer-center-notice .select-basic {
    width: 100px;
}

.customer-center-notice #textarea-detail {
    border: 1px solid #ddd;
    width: 100%;
    height: 500px;
    max-height: 100%;
    padding: 7px 12px 12px 12px;
}

.customer-center-notice .bottom-content {
    border-top: none;
}

/* END MAGAF020 */

/* START MAGAH020 */
.email-inquiry .customer-center-notice-registration-or-modification.infor-right {
    padding-left: 0;
    padding-right: 0;
}

.email-inquiry .content {
    height: 30px;
    display: flex;
    align-items: center;
    margin-left: 20px;
}

.email-inquiry .content.content-job {
    width: 390px;
    line-height: 1.2;
    margin-bottom: 5px;
}

.email-inquiry .title-content-job,
.email-inquiry .content.content-job {
    margin-top: 15px;
}

.email-inquiry .border-bottom {
    background-color: #000;
    height: 2px;
    width: 100%;
}

.email-inquiry .customer-center-notice-registration-or-modification.infor-right {
    width: 100%;
}

.email-inquiry .mgt-5 {
    margin-top: -5px;
}

.email-inquiry .textarea {
    height: 243px;
    max-height: 243px;
    width: calc(100% - 20px);
    margin-left: 20px;
    border: 1px solid #ddd;
}

.email-inquiry .star {
    color: red;
    margin-bottom: -8px;
}

.email-inquiry .title-textarea {
    height: 237px;
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: center;
    margin-top: -5px;
}

/* END MAGAH020 */

/* START MAIAA010 */
.things-to-checkList select {
    padding: 4px 15px !important;
    width: 150px;
}

.things-to-checkList .select-box {
    display: flex;
    gap: 10px;
}

.things-to-checkList .select-box input {
    width: 400px;
}

.things-to-checkList .flex-conditional-search {
    display: flex;
    gap: 200px;
}

.things-to-checkList .group-item.flex {
    display: flex;
    gap: 10px;
}

.things-to-checkList .whether-to-use {
    display: flex;
    gap: 10px;
    align-items: center;
}

.things-to-checkList .whether-to-use .flex-checkbox {
    display: flex;
    gap: 15px;
}

.things-to-checkList .whether-to-use .title-whether-to-use {
    background-color: #f9f9f9;
    text-align: center;
    vertical-align: middle;
    font-weight: 400;
    line-height: 20px;
    font-size: 14px;
    width: 110px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    margin-left: -120px;
}

.things-to-checkList .results .flex-top-item {
    display: flex;
    justify-content: space-between;
}

.things-to-checkList .results .flex-top-item {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.things-to-checkList .results .group-button {
    display: flex;
    gap: 10px;
}

.things-to-checkList .results .group-button .btn {
    width: 200px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.email-request-list .things-to-checkList table.table-gray thead tr th:first-child {
    width: 5%;
    /* Cột 1 */
}

.email-request-list .things-to-checkList table.table-gray thead tr th:nth-child(2) {
    width: 6%;
    /* Cột 2 */
}

.email-request-list .things-to-checkList table.table-gray thead tr th:nth-child(3) {
    width: 5%;
    /* Cột 3 */
}

.email-request-list .things-to-checkList table.table-gray thead tr th:nth-child(4) {
    width: 6%;
    /* Cột 4 */
}

.email-request-list .things-to-checkList table.table-gray thead tr th:nth-child(5) {
    width: 8%;
    /* Cột 5 */
}

.email-request-list .things-to-checkList table.table-gray thead tr th:nth-child(6) {
    width: 5%;
    /* Cột 6 */
}

.email-request-list .things-to-checkList table.table-gray thead tr th:nth-child(7) {
    width: 18%;
    /* Cột 7 */
}

.email-request-list .things-to-checkList table.table-gray thead tr th:nth-child(8) {
    width: 5%;
    /* Cột 8 */
}

.email-request-list .things-to-checkList table.table-gray thead tr th:nth-child(9) {
    width: 10%;
    /* Cột 9 */
}

.email-request-list .things-to-checkList table.table-gray thead tr th:nth-child(10) {
    width: 10%;
    /* Cột 10 */
}

.email-request-list .things-to-checkList table.table-gray thead tr th:nth-child(11) {
    width: 7%;
    /* Cột 11 */
}

.email-request-list .things-to-checkList table.table-gray thead tr th:last-child {
    width: 15%;
    /* Cột 12 */
}

/* td  */
.email-request-list .things-to-checkList table.table-gray tbody tr td:nth-child(6) {
    text-align: center;
}

.email-request-list .things-to-checkList table.table-gray tbody tr td:nth-child(7),
.email-request-list .things-to-checkList table.table-gray tbody tr td:last-child {
    text-align: left;
}

.email-request-list .things-to-checkList table.table-gray tbody tr td .redText {
    color: red;
}

.email-request-list .things-to-checkList table.table-gray tbody tr td .blueText {
    color: blue;
}

/* END MAIAA010 */

/* START MAIAA020 */
.form-group-tickets {
    display: flex;
}

.form-group-tickets .form-group-left {
    width: 20%;
}

.form-group-tickets .title-form {
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f9f9f9;
    color: #333333;
    font-size: 14px;
}

.form-group-tickets .form-group-right {
    width: 80%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 14px;
    margin-left: 10px;
}

.form-group-tickets .form-group-right input {
    width: 200px;
    height: 30px;
    border: 1px solid #ddd;
    padding-left: 12px;
}

.form-group-tickets .select-box select {
    border: 1px solid #ddd;
    padding-left: 12px;
    height: 30px;
    width: 200px;
}

[data-popup='issuance-individual-tickets'] .popup-button,
[data-popup='issuance-of-bulk-tickets'] .popup-button {
    width: 120px !important;
    border-radius: 3px;
}

.form-group-tickets .title-form-comments {
    height: 210px;
}

.form-group-tickets #content-form-comments {
    border: 1px solid #ddd;
    height: 200px;
    max-height: 200px;
    width: 100%;
    padding: 12px;
}

/* END MAIAA020 */

/* START MAIAA030 */
#popup .form-group-bulk-tickets {
    display: flex;
    flex-direction: column;
    align-items: start;
}

#popup .form-group-bulk-tickets .popup-button.btn-download-excel {
    width: 180px !important;
    text-align: center;
    margin: 0;
}

#popup .form-group-bulk-tickets table.table-gray {
    margin-top: 10px;
}

#popup .form-group-bulk-tickets table.table-gray tbody tr td:last-child {
    border-right: none;
}

#popup .form-group-bulk-tickets table.table-gray tbody tr td {
    border-left: none;
    border-top: 1px solid #ddd;
}

#popup .form-group-bulk-tickets table.table-gray .col-1 {
    width: 20%;
    background-color: #f9f9f9;
    border-right: 1px solid #ddd;
}

#popup .form-group-bulk-tickets table.table-gray .flex {
    display: flex;
    gap: 10px;
}

#popup .form-group-bulk-tickets table.table-gray td {
    height: 30px;
}

#popup .form-group-bulk-tickets table.table-gray .flex input {
    border: 1px solid #ddd;
    padding: 8px;
    border-radius: 3px;
    width: 60%;
}

#popup .form-group-bulk-tickets table.table-gray .flex .popup-button {
    width: max-content;
    padding: 5px;
    margin: 0;
}

#popup .form-group-bulk-tickets .table-child {
    display: none;
}

#popup .form-group-bulk-tickets .table-child.active {
    display: block;
}

#popup .form-group-bulk-tickets .table-child tbody tr td {
    border: 1px solid #ddd !important;
}

#popup .form-group-bulk-tickets .title-writing-guide {
    margin: 20px 0;
    text-decoration: underline;
}

#popup .form-group-bulk-tickets .writing-guide {
    margin: 10px 0;
}

#popup .form-group-bulk-tickets .how-to-create-file {
    width: 100%;
}

#popup .form-group-bulk-tickets .title-create-file {
    width: 100%;
    background-color: #f9f9f9;
    height: 35px;
    display: flex;
    align-items: center;
}

#popup .form-group-bulk-tickets .title-create-file p {
    margin-left: 10px;
}

#popup .form-group-bulk-tickets .list-create-file-guide {
    margin-top: 15px;
}

#popup .form-group-bulk-tickets .list-create-file-guide p {
    background-color: yellow;
    width: max-content;
}

#popup .form-group-bulk-tickets .list-create-file-guide li {
    margin-top: 5px;
    margin-left: 10px;
}

.redText {
    color: red;
}

#popup .form-group-bulk-tickets .table-create-file-guide {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    border: 1px solid #ddd !important;
    text-align: center;
    margin-top: 10px;
}

#popup .form-group-bulk-tickets .table-create-file-guide .col-main {
    width: 60%;
    padding: 5px;
}

#popup .form-group-bulk-tickets .table-create-file-guide .col-small-70 {
    width: 70%;
}

#popup .form-group-bulk-tickets .table-create-file-guide .col-small-30 {
    width: 30%;
}

#popup .form-group-bulk-tickets .table-create-file-guide tr th {
    border: 1px solid #ddd !important;
}

#popup .form-group-bulk-tickets .table-create-file-guide td {
    border: 1px solid #ddd !important;
    padding: 5px;
}

#popup .form-group-bulk-tickets .table-create-file-guide td p {
    margin: 5px 0;
}

#popup[data-popup='issuance-of-bulk-tickets'] .popup-content {
    height: auto;
    max-height: 90%;
    overflow-y: scroll;
}

.h-129 {
    height: 129px;
}

#popup textarea {
    border: 1px solid #ddd;
    width: 100%;
    height: 300px;
    padding: 10px;
}

#popup .groupButton {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 10px;
}

#popup .groupButton button {
    margin: 0;
}

#popup .groupButton button:hover {
    background-color: #333;
    color: #fff;
}

#popup .table-gray td {
    text-align: left;
    position: relative;
}

/* END MAIAA030 */

#cancel-payment-content-list td {
    text-align: left;
}

.cancel-payment table.table-gray thead tr th,
.cancel-payment table.table-gray tbody tr th,
.cancel-payment table.table-gray tbody tr td {
    border-left: none;
    border-right: none;
}

.cancel-payment table.table-gray thead tr th:first-child {
    width: 10%;
}

.cancel-payment table.table-gray thead tr th:nth-child(2) {
    width: 12%;
}

.cancel-payment table.table-gray thead tr th:nth-child(3) {
    width: 12%;
}

.cancel-payment table.table-gray thead tr th:nth-child(4) {
    width: 25%;
}

.cancel-payment table.table-gray tbody tr td:nth-child(4) {
    text-align: left;
}

.cancel-payment table.table-gray thead tr th:nth-child(5) {
    width: 8%;
}

.cancel-payment table.table-gray thead tr th:nth-child(6) {
    width: 8%;
}

.cancel-payment table.table-gray thead tr th:nth-child(7) {
    width: 15%;
}

.cancel-payment table.table-gray thead tr th:last-child {
    width: 10%;
}

.group-input-file {
    display: flex;
    position: relative;
    gap: 10px;
}

.hidden-file-input {
    position: absolute;
    left: -9999px;
}

.custom-file-upload {
    position: relative;
    display: inline-block;
}

.custom-label-file {
    background-color: #ddd;
    color: #333;
    padding: 10px 15px;
    border-radius: 5px;
    cursor: pointer;
    white-space: nowrap;
    height: fit-content;
}

.result-input-file {
    width: 100%;
    top: 10px;
    left: 100px;
}

.result-input-file li {
    position: relative;
    margin-left: 20px;
    cursor: pointer;
}

.result-input-file li:first-child {
    margin-top: 10px;
}

.result-input-file li+li {
    margin-top: 5px;
}

.result-input-file li::before {
    content: '';
    width: 2px;
    height: 12px;
    background-color: #333;
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}

.result-input-file li::after {
    content: '';
    width: 2px;
    height: 12px;
    background-color: #333;
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
}

/* Product List */

#product-list-content-list .radio-group {
    display: flex;
    gap: 30px;
}

#product-list-content-list>table>tbody>tr>td {
    border-left: none;
}

#product-list-content-list>table>tbody>tr>th,
#product-list-content-list>table>tbody>tr>td {
    text-align: left;
    border-left: none;
    border-right: none;
}

#product-list-content-list th.item-dot {
    padding-left: 20px;
    font-size: 20px;
    font-weight: 700;
    background-color: transparent;
}

#product-list-content-list .bottom-content {
    margin-top: 15px;
}

#product-list-content-list tr tr th:first-child {
    width: 10%;
}

#product-list-content-list tr tr th:nth-child(2) {
    width: 30%;
}

#product-list-content-list tr tr th:nth-child(3) {
    width: 30%;
}

#product-list-content-list tr tr th:nth-child(4) {
    width: 15%;
}

#product-list-content-list tr tr th:last-child {
    width: 15%;
}

#product-list-content-list .button-save-child-table {
    background-color: #333333;
    color: #fff;
    padding: 5px 15px;
    border-radius: 5px;
    margin-top: 10px;
}

/* Search Box */

#search-box {
    position: relative;
}

#search-box .table-gray {
    width: 100%;
}

#search-box .table-gray {
    width: 100%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

#search-box .table-gray td {
    border-right: 0;
}

#search-box .table-gray th {
    width: 150px;
    text-align: left;
    background-color: #f9f9f9;
}

#search-box .table-gray tr+tr th {
    border-top: 1px solid #ddd;
}

#search-box .table-gray td {
    text-align: left;
}

#search-box .table-gray td select {
    min-width: 150px;
    border: 1px solid #ddd;
    padding: 6px 15px;
}

#search-box .table-gray td input {
    border: 1px solid #ddd;
    padding: 5px 15px;
}

#search-box .table-gray td input {
    border: 1px solid #ddd;
    padding: 5px 15px;
}

#search-box .table-gray td fieldset {
    display: flex;
    gap: 30px;
}

.list-event-registrants .results table th,
.list-event-registrants .results table td {
    padding: 15px 0;
}

.list-event-registrants .results table th:first-child {
    width: 4%;
}

.list-event-registrants .results table th:nth-child(2) {
    width: 3%;
}

.list-event-registrants .results table th:nth-child(3) {
    width: 2%;
}

.list-event-registrants .results table th:nth-child(4) {
    width: 5%;
}

.list-event-registrants .results table th:nth-child(5) {
    width: 3%;
}

.list-event-registrants .results table th:nth-child(6) {
    width: 4%;
}

.list-event-registrants .results table th:nth-child(7) {
    width: 4%;
}

.list-event-registrants .results table th:nth-child(8) {
    width: 3%;
}

.list-event-registrants .results table th:nth-child(9) {
    width: 10%;
}

.list-event-registrants .results table th:nth-child(10) {
    width: 4%;
}

.list-event-registrants .results table th:nth-child(11) {
    width: 4%;
}

.list-event-registrants .results table th:nth-child(12) {
    width: 40%;
}

.list-event-registrants .results table td:nth-child(12) {
    text-align: left;
    padding: 0 5px;
}

.list-event-registrants .results table th:nth-child(13) {
    width: 3%;
}

.list-event-registrants .results table th:last-child {
    width: 3%;
}

.before-table {
    display: flex;
    justify-content: space-between;
}

.before-table {
    display: flex;
    justify-content: space-between;
}

.before-table .group-left {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
}

.after-table .button-item {
    float: left;
}

.before-table .group-left .button-left {
    padding: 5px 15px;
    background-color: #a5a5a5;
    height: 24px;
    color: #fff;
}

/* START MAIAB010 */
.group-coupon {
    display: flex;
    gap: 15px;
    margin-top: 30px;
}

.group-coupon .item-coupon {
    flex: 1;
}

.group-coupon .item-coupon table {
    width: 100%;
}

.group-coupon .item-coupon .title-coupon {
    margin-bottom: 10px;
    color: #2165ef;
}

.group-coupon .table-coupon td {
    border: 1px solid #ddd !important;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    height: 40px;
}

.group-button .select-box-coupon {
    border: 1px solid #ddd;
    margin-bottom: 5px;
}

.things-to-checkList .results .group-button .btn-gray-bold-coupon {
    height: 34px;
}

.btn-delete-coupon {
    background-color: #ebebeb;
    border: 1px solid #ccc;
    padding: 2px 5px;
    border-radius: 5px;
}

.email-request-list .things-to-checkList table.table-gray-coupon thead tr th:first-child {
    width: 5%;
    /* Cột 1 */
}

.email-request-list .things-to-checkList table.table-gray-coupon thead tr th:nth-child(2) {
    width: 6%;
    /* Cột 2 */
}

.email-request-list .things-to-checkList table.table-gray-coupon thead tr th:nth-child(3) {
    width: 6%;
    /* Cột 3 */
}

.email-request-list .things-to-checkList table.table-gray-coupon thead tr th:nth-child(4) {
    width: 6%;
    /* Cột 4 */
}

.email-request-list .things-to-checkList table.table-gray-coupon thead tr th:nth-child(5) {
    width: 11%;
    /* Cột 5 */
}

.email-request-list .things-to-checkList table.table-gray-coupon thead tr th:nth-child(6) {
    width: 11%;
    /* Cột 6 */
}

.email-request-list .things-to-checkList table.table-gray-coupon thead tr th:nth-child(7) {
    width: 5%;
    /* Cột 7 */
}

.email-request-list .things-to-checkList table.table-gray-coupon thead tr th:nth-child(8) {
    width: 10%;
    /* Cột 8 */
}

.email-request-list .things-to-checkList table.table-gray-coupon thead tr th:nth-child(9) {
    width: 9%;
    /* Cột 9 */
}

.email-request-list .things-to-checkList table.table-gray-coupon thead tr th:nth-child(10) {
    width: 9%;
    /* Cột 10 */
}

.email-request-list .things-to-checkList table.table-gray-coupon thead tr th:nth-child(11) {
    width: 9%;
    /* Cột 11 */
}

.email-request-list .things-to-checkList table.table-gray-coupon thead tr th:nth-child(12) {
    width: 6%;
    /* Cột 12 */
}

.email-request-list .things-to-checkList table.table-gray-coupon thead tr th:last-child {
    width: 7%;
    /* Cột 13 */
}

.email-request-list table.table-gray-coupon tbody tr td {
    text-align: center !important;
    vertical-align: middle;
}

/* END MAIAB010 */

/* START MAGAD020 */
#popup.dental-plus-preview .popup-content {
    width: 60%;
}

#popup.dental-plus-preview .popup-content input {
    width: 385px;
}

#popup.dental-plus-preview .popup-content select {
    padding: 5px 15px;
    border: 1px solid #ddd;
    width: 250px;
}

.table-dental-plus-preview table {
    width: 100%;
    border-collapse: collapse;
}

.table-dental-plus-preview table tr {
    height: 50px;
}

.table-dental-plus-preview table td {
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ddd;
}

.table-dental-plus-preview table .col-table-10 {
    width: 10%;
}

.table-dental-plus-preview table .col-table-20 {
    width: 20%;
}

.table-dental-plus-preview table .col-table-50 {
    width: 50%;
}

.table-dental-plus-preview table .col-table-80 {
    width: 80%;
}

.table-dental-plus-preview table .col-table-90 {
    width: 90%;
}

.table-dental-plus-preview table tr:nth-child(1) td {
    text-align: left;
    padding-left: 10px;
}

.table-dental-plus-preview .table-dental-plus-child td {
    border: none;
}

.table-dental-plus-preview .table-dental-plus-child .col-table-10,
.table-dental-plus-preview .table-dental-plus-child .col-table-20 {
    border-right: 1px solid #ddd;
    background-color: #f7f7f7;
}

.table-dental-plus-preview .table-dental-plus-child .col-table-90,
.table-dental-plus-preview .table-dental-plus-child .col-table-80 {
    padding: 6px;
}

.table-dental-plus-preview .table-dental-plus-child .text-box {
    width: 80%;
    height: 38px;
    padding: 6px 10px;
    display: flex;
    align-items: center;
    text-align: left;
    border: 1px solid #ddd;
}

.table-dental-plus-preview .table-dental-plus-child .group-box-file {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: left;
}

.table-dental-plus-preview .table-dental-plus-child .group-box-file input {
    border: 1px solid #ddd;
    width: 55%;
    padding-left: 10px;
    height: 38px;
}

#popup.dental-plus-preview .popup-button {
    margin: 0;
}

.table-dental-plus-preview .table-dental-plus-child .group-box-file .title-text-file {
    text-decoration: underline;
}

#popup.dental-plus-preview .group-btn {
    display: flex;
    gap: 10px;
    margin-top: 10px;
    justify-content: end;
    height: 38px;
}

#popup.dental-plus-preview .group-btn .popup-button:hover {
    background-color: #f7f7f7;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

/* END MAGAD020 */

/* START MAGAD010 */
.list-dental-document-formats table .input-table {
    width: 100%;
}

.list-dental-document-formats .results table.table-gray thead tr th,
.list-dental-document-formats .results table.table-gray tbody tr td {
    text-align: center !important;
    border: 1px solid #ddd;
}

.list-dental-document-formats .results table.table-gray tbody tr td.text-underline {
    text-decoration: underline;
}

.list-dental-document-formats .results table.table-gray thead tr th:nth-child(1) {
    width: 6%;
}

.list-dental-document-formats .results table.table-gray thead tr th:nth-child(2) {
    width: 15%;
}

.list-dental-document-formats .results table.table-gray thead tr th:nth-child(3) {
    width: 32%;
}

.list-dental-document-formats .results table.table-gray thead tr th:nth-child(4) {
    width: 12%;
}

.list-dental-document-formats .results table.table-gray thead tr th:nth-child(5) {
    width: 15%;
}

.list-dental-document-formats .results table.table-gray thead tr th:nth-child(6) {
    width: 10%;
}

.list-dental-document-formats .results table.table-gray thead tr th:nth-child(7) {
    width: 10%;
}

.list-dental-document-formats .results table.table-gray .item-checkBox {
    justify-content: center;
}

.list-dental-document-formats .results table.table-gray .item-checkBox input {
    display: block !important;
}

.list-dental-document-formats .results .btn-checkbox {
    padding: 8px 15px;
    background-color: #dddddd;
    margin-top: 10px;
}

.list-dental-document-formats .results .btn-checkbox:hover {
    background-color: #f7f7f7;
}

.list-dental-document-formats .button-item {
    border-radius: 5px;
}

/* END MAGAD010 */

/* START MAGAC010 */
.dental-plus-event-list .group-top-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}

.dental-plus-event-list .input-table {
    width: 40%;
}

.dental-plus-event-list .results table.table-gray thead tr th:nth-child(1) {
    width: 4%;
}

.dental-plus-event-list .results table.table-gray thead tr th:nth-child(2) {
    width: 16%;
}

.dental-plus-event-list .results table.table-gray thead tr th:nth-child(3) {
    width: 22%;
}

.dental-plus-event-list .results table.table-gray thead tr th:nth-child(4) {
    width: 6%;
}

.dental-plus-event-list .results table.table-gray thead tr th:nth-child(5) {
    width: 6%;
}

.dental-plus-event-list .results table.table-gray thead tr th:nth-child(6) {
    width: 6%;
}

.dental-plus-event-list .results table.table-gray thead tr th:nth-child(7) {
    width: 13%;
}

.dental-plus-event-list .results table.table-gray thead tr th:nth-child(8) {
    width: 7%;
}

.dental-plus-event-list .results table.table-gray thead tr th:nth-child(9) {
    width: 7%;
}

.dental-plus-event-list .results table.table-gray thead tr th:nth-child(10) {
    width: 5%;
}

.dental-plus-event-list .results table.table-gray thead tr th:nth-child(11) {
    width: 8%;
}

.dental-plus-event-list .results table.table-gray tbody tr td {
    height: 160px;
}

.dental-plus-event-list .results table.table-gray .text-left {
    text-align: left;
    margin: 5px 0;
    font-weight: bold;
}

.dental-plus-event-list .results table.table-gray .img-table {
    max-width: 100%;
    max-height: 70px;
    object-fit: contain;
}

.dental-plus-event-list .results table.table-gray .progress.active {
    background-color: #fb4e08;
}

.dental-plus-event-list .results table.table-gray .progress {
    border-radius: 20px;
    background-color: #8f8f8f;
    color: #fff;
    vertical-align: middle;
    height: 22px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 70px;
    margin: auto;
}

.dental-plus-event-list .results table.table-gray .btn-view-applicants {
    background-color: #f7f7f7;
    height: 25px;
    color: #666666;
    vertical-align: middle;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 80px;
    margin: auto;
    border-radius: 3px;
    border: 1px solid #ddd;
}

/* END MAGAC010 */

/* START MAGAC020 */
.dental-event-registration-modification table {
    width: 100%;
}

.dental-event-registration-modification table td {
    height: 55px;
    border: 1px solid #ddd;
    padding-left: 12px;
    vertical-align: middle;
}

.dental-event-registration-modification table td:first-child {
    width: 15%;
    background-color: #f7f7f7;
}

.dental-event-registration-modification table td:last-child {
    width: 85%;
}

.dental-event-registration-modification table tr:nth-child(1) td input {
    width: calc(100% - 12px);
}

.dental-event-registration-modification #list-notification-content table td select {
    width: 370px;
    cursor: pointer;
}

.dental-event-registration-modification #list-notification-content table td .group-check-box {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    padding-left: 0;
    margin-right: 5px;
    gap: 10px;
}

.dental-event-registration-modification #list-notification-content table td .group-check-box span {
    padding-left: 0;
}

.dental-event-registration-modification #list-notification-content table td .group-check-box .item-checkBox {
    margin-right: 15px;
}

.dental-event-registration-modification .table-parent tr:nth-child(6) td:nth-child(2),
.dental-event-registration-modification .table-parent tr:nth-child(7) td:nth-child(2) {
    padding: 0;
}

.dental-event-registration-modification #list-notification-content .table-child,
.dental-event-registration-modification #list-notification-content .table-child tr td {
    border: none;
}

.dental-event-registration-modification #list-notification-content .table-child tr td:nth-child(1) {
    width: 35%;
    background-color: transparent;
}

.dental-event-registration-modification #list-notification-content .table-child tr td:nth-child(2) {
    width: 15%;
    background-color: #f7f7f7;
    padding-left: 12px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.dental-event-registration-modification #list-notification-content .table-child tr td:nth-child(3) {
    width: 35%;
}

.dental-event-registration-modification .table-parent tr td .item-input {
    display: flex;
    gap: 10px;
}

.dental-event-registration-modification .table-parent tr td .item-input input {
    width: 45%;
    pointer-events: none;
}

.dental-event-registration-modification .table-parent tr td .item-input .btn-file-upload {
    height: 34px;
    width: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    background-color: #cccccc;
    cursor: pointer;
}

.dental-event-registration-modification .table-parent tr:nth-child(10) td {
    padding: 12px;
}

.dental-event-registration-modification .table-parent tr td #textarea-details {
    width: 100%;
    height: 230px;
    padding: 12px;
    border: 1px solid #ddd;
}

.dental-event-registration-modification .table-parent tr td #input-link-url {
    width: calc(100% - 12px);
}

.dental-event-registration-modification .group-button {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

.dental-event-registration-modification .group-button .item-button button {
    height: 35px;
    width: 100px;
}

.dental-event-registration-modification .group-button .btn-popup {
    background-color: #fff;
    border: 1px solid #ddd;
}

.dental-event-registration-modification .group-button .btn-save {
    background-color: #0c5ab3;
    color: #fff;
}

/* END MAGAC020 */

/* reply QA */
.reply-qa-content .link-to-delete {
    font-weight: 500;
    float: right;
    padding: 5px 15px;
    background-color: #ddd;
}

.reply-qa-content .link-to-delete:hover {
    background-color: #333;
    color: #fff;
}

.reply-qa-content #content-table {
    margin-top: 35px;
}

.reply-qa-content #content-table table th,
.reply-qa-content #content-table table td {
    text-align: left;
    border-right: none;
}

.reply-qa-content #content-table table th {
    width: 150px;
}

.reply-qa-content .bottom-content {
    margin-top: 15px;
}

/* business banner */

.group-filer-right {
    float: right;
    display: flex;
}

.group-filer-right .group-filer-right-title {
    font-weight: 500;
    margin-right: 15px;
}

.group-filer-right .group-filer-right-title input {
    width: 65px;
    border: 1px solid #ddd;
    padding: 2px 10px;
    text-align: center;
}

.group-filer-right .group-filer-right-title+.group-filer-right-button {
    border: 1px solid #ddd;
    padding: 2px 10px;
    border-radius: 5px;
    background-color: #f9f9f9;
}

.group-filer-right .group-filer-right-title+.group-filer-right-button:hover {
    background-color: #333;
    color: #fff;
    border-color: #333;
}

.group-filer-right-popup {
    position: absolute;
    background-color: #fff;
    padding: 20px 20px;
    border: 1px solid #ddd;
    z-index: 1;
    right: 15px;
    top: 160px;
    width: 480px;
    z-index: 1;
    border-radius: 10px;
}

.group-filer-right-popup .popup-title {
    font-weight: 500;
    margin-bottom: 10px;
}

.group-filer-right-popup ul {
    padding-left: 20px;
}

.group-filer-right-popup ul li {
    display: flex;
    position: relative;
    align-items: center;
    gap: 10px;
}

.group-filer-right-popup ul li+li {
    margin-top: 5px;
}

.group-filer-right-popup ul li::before {
    content: '';
    width: 6px;
    height: 6px;
    background-color: #000;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    left: -20px;
}

.group-filer-right-popup ul li input {
    width: 70px;
    text-align: center;
    padding: 2px 15px;
    border: 1px solid #ddd;
}

.group-filer-right-popup ul li .react-datepicker__input-container input {
    width: 180px;
    text-align: left;
    margin-left: -50px;
}

.group-filer-right-popup ul li input[type='datetime'] {
    padding: 2px 15px;
    border: 1px solid #ddd;
    width: 150px;
}

.group-filer-right-popup .group-filer-right-popup-button {
    margin-top: 15px;
    display: flex;
    justify-content: end;
    gap: 5px;
}

.group-filer-right-popup .group-filer-right-popup-button button {
    border: 1px solid #ddd;
    padding: 2px 10px;
    border-radius: 5px;
    background-color: #f9f9f9;
}

.group-filer-right-popup .group-filer-right-popup-button button:hover {
    background-color: #333;
    color: #fff;
    border-color: #333;
}

.group-table-results {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}

.group-table-results .table-left {
    width: 39%;
}

.group-table-results .table-right {
    width: 59%;
}

.business-banner #search-box {
    margin-top: 65px;
}

.business-banner .results .table-details {
    margin-top: 30px;
}

.business-banner .results .table-details td {
    padding: 20px 5px;
}

.business-banner .results .table-details th:first-child {
    width: 4%;
}

.business-banner .results .table-details th:nth-child(2) {
    width: 8%;
}

.business-banner .results .table-details th:nth-child(3) {
    width: 7%;
}

.business-banner .results .table-details th:nth-child(4) {
    width: 6%;
}

.business-banner .results .table-details th:nth-child(5) {
    width: 7%;
}

.business-banner .results .table-details>table>tbody>tr>td:nth-child(5) {
    text-align: center;
}

.business-banner .results table .select-box {
    justify-content: center;
}

.business-banner .results .table-details th:nth-child(6) {
    width: 20%;
}

.business-banner .results .table-details th:nth-child(7) {
    width: 10%;
}

.business-banner .results .table-details th:nth-child(8) {
    width: 12%;
    text-align: center;
}

.business-banner .results .table-details th:nth-child(9) {
    width: 10%;
}

.business-banner .results .table-details th:last-child {
    width: 7%;
}

.business-banner .results .table-details .table-gray .button-table {
    padding: 2px 10px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: center;
}

.business-banner .results .table-details table table {
    width: 100%;
}

.business-banner .results .table-details table table td {
    padding: 15px;
}

.business-banner .results .table-details table table textarea {
    width: 100%;
    padding: 15px;
    border: 1px solid #ddd;
}

.business-banner .results .table-details .note-table {
    color: red;
    margin: 15px;
}

.business-banner .results .table-details .note-table {
    color: red;
    margin: 15px;
}

.business-banner .results .table-details .table-comment-results .table-comment-results-title {
    background-color: #f9f9f9;
    padding: 5px 15px;
    margin-bottom: 15px;
    text-align: left;
}

.business-banner .results .table-details .table-comment-results th:first-child {
    width: 8%;
}

.business-banner .results .table-details .table-comment-results th:nth-child(2) {
    width: 12%;
}

.business-banner .results .table-details .table-comment-results th:nth-child(3) {
    width: 12%;
}

.business-banner .results .table-details .table-comment-results th:nth-child(4) {
    width: 8%;
}

.business-banner .results .table-details .table-comment-results th:last-child {
    width: 60%;
}

.business-banner .results .table-details .table-comment-results td:last-child {
    text-align: left;
}

.business-banner .results td .item-title-td:hover {
    color: #0068b7;
    text-decoration: underline;
    cursor: pointer;
}

/* START MAGAA010 */
.dental-task-management-list .results table.table-gray thead th {
    border: 1px solid #ddd;
}

.dental-task-management-list .results table.table-gray thead th:nth-child(1) {
    width: 10%;
}

.dental-task-management-list .results table.table-gray thead th:nth-child(2) {
    width: 10%;
}

.dental-task-management-list .results table.table-gray thead th:nth-child(3) {
    width: 34%;
}

.dental-task-management-list .results table.table-gray thead th:nth-child(4) {
    width: 12%;
}

.dental-task-management-list .results table.table-gray thead th:nth-child(5) {
    width: 10%;
}

.dental-task-management-list .results table.table-gray thead th:nth-child(6) {
    width: 10%;
}

.dental-task-management-list .results table.table-gray thead th:nth-child(7) {
    width: 10%;
}

.dental-task-management-list .results table.table-gray tbody tr td {
    text-align: center;
    border: 1px solid #ddd;
}

.dental-task-management-list .results table.table-gray thead th .border-ddd,
.dental-task-management-list .results table.table-gray tbody tr td .border-ddd {
    border: 1px solid #ddd;
    padding: 3px 10px;
    width: max-content;
    border-radius: 3px;
    margin: auto;
    cursor: pointer;
    background-color: #fff;
}

.dental-task-management-list .results table.table-gray thead th .border-ddd:hover,
.dental-task-management-list .results table.table-gray tbody tr td .border-ddd:hover {
    background-color: #ccc;
    color: #fff;
}

.dental-task-management-list .results table.table-gray tbody tr td:last-child {
    display: flex;
    justify-content: space-around;
    border-left: none;
    border-top: none;
    margin-bottom: -1px;
}

.dental-task-management-list .results table.table-gray tbody tr:last-child td:last-child {
    border-bottom: 0px solid #ddd;
}

.dental-task-management-list .results table.table-gray tbody tr td:last-child button {
    padding: 5px 15px;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.dental-task-management-list .results table.table-gray tbody tr td:last-child button.edit:hover {
    color: #fff;
    background-color: #0b52a8;
}

.dental-task-management-list .results table.table-gray tbody tr td:last-child button.delete:hover {
    color: #fff;
    background-color: #f72c2c;
}

/* END MAGAA010 */

.reason-group-content {
    line-height: 20px;
}

.list-event table select {
    width: 300px;
}

.list-event table th,
.list-event table td {
    padding: 15px 15px;
}

.list-event .event__image {
    max-width: 200px;
}

.list-event table .datepicker-child {
    margin: 0;
}

.value-dateRange {
    background-color: #f1f1f1;
}

.group-action {
    display: flex;
    float: right;
    gap: 10px;
    margin: 10px 0;
}

.pick-address,
.group-action button {
    background-color: #fff;
    color: #333;
    padding: 5px 15px 4px;
    border-radius: 3px;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #333;
    transition: all 0.3s ease;
    margin: 0;
    white-space: nowrap;
}

.pick-address:hover,
.group-action button:hover {
    background: #333;
    color: #fff;
}

.popup-notification {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
}

#popup .popup-button.button-to-home {
    width: fit-content;
}

#popup .popup-button.button-to-home:hover {
    background-color: #333;
    color: #fff;
}

.results.gray .count {
    background-color: #f7f7f7;
    padding: 8px 15px;
    margin-bottom: 15px;
    font-weight: 500;
}

.results.gray .count .blue {
    color: #002060;
}

.results.gray .count .red {
    color: #c00027;
}

#popup.reason-popup .popup-content {
    width: 550px;
}

#popup.reason-popup .popup-content textarea {
    height: 150px;
}

#popup.reason-popup .popup-content .popup-button {
    margin: 0;
    text-align: center;
    transition: 0.3s ease;
}

#popup.reason-popup .popup-content .popup-button:hover {
    color: #fff;
    background-color: #333;
}

/* value-date-range */
.select-value li.active {
    background-color: #f1f1f1;
}

.text-to-dot {
    overflow: hidden;
    display: -webkit-box;
    line-clamp: 5;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

/* nav menu */
.admin-navigation {
    background-color: #0b52a8;
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s;
}

.admin-navigation .main-menu {
    display: flex;
    align-items: center;
    padding-left: 192px;
    max-width: 1600px;
    gap: 0;
}

.admin-navigation .main-menu-item {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.admin-navigation .main-menu-item.activeLink {
    background-color: rgba(255, 255, 255, 0.2);
}

.admin-navigation .main-menu-item:hover .menu-item {
    color: #00ffff;
}

.admin-navigation .main-menu-item.activeLink .menu-item {
    color: #00ffff;
}

.admin-navigation .submenu-item:hover>a,
.admin-navigation .submenu-item .third-level-menu .third-level-menu-item:hover>a {
    font-weight: bold;
}

.admin-navigation .submenu-item:hover .icon-arrow-right {
    opacity: 1;
}

.admin-navigation .menu-item {
    color: #fff;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s;
    text-align: center;
    width: 100%;
    height: 100%;
}

.admin-navigation .main-menu-item:hover .menu-item {
    background-color: rgba(255, 255, 255, 0.2);
}

.admin-navigation .submenu {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    background-color: white;
    min-width: 200px;
    height: max-content;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px,
        rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
    z-index: 1000;
    border-radius: 4px;
    cursor: pointer;
}

.admin-navigation .main-menu-item:hover .submenu {
    display: block;
}

.admin-navigation .submenu-item {
    position: relative;
    padding: 18px 15px;
    transition: background-color 0.3s;
    cursor: pointer;
}

.admin-navigation .submenu-item.activeLink {
    background-color: #e0edf7;
}

.admin-navigation .submenu-item.activeLink a {
    color: #0068b7;
}

.admin-navigation .submenu-item:hover {
    background-color: #f0f0f0;
}

.admin-navigation .third-level-menu {
    display: none;
    position: absolute;
    top: 0px;
    left: 100%;
    background-color: white;
    min-width: 200px;
    height: max-content;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 1001;
    border-radius: 4px;
    cursor: pointer;
}

.admin-navigation .submenu-item:hover .third-level-menu {
    display: block;
}

.admin-navigation .third-level-menu-item {
    padding: 18px 15px;
    transition: background-color 0.3s;
}

.admin-navigation .third-level-menu-item:hover {
    background-color: #f0f0f0;
}

.admin-navigation a {
    text-decoration: none;
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* blank page */
.blank-page-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.pointer {
    cursor: pointer;
}

.mr10 {
    margin-right: 10px;
}

.handle-text:hover {
    text-decoration: underline;
}

.title-table {
    margin-bottom: 10px;
}

.flex-CheckGroup {
    display: flex;
    justify-content: space-around;
}

.required {
    position: relative;
}

.required::after {
    content: '*';
    color: red;
}

#popup.dental-information td:not(:last-child) {
    text-align: center;
}

/* START MABAA080_1 */
#popup.dental-information .popup-content {
    width: 900px;
    max-height: 80%;
    overflow-y: scroll;
}

.dental-information .table-dental-information table {
    width: 100%;
}

.dental-information .table-dental-information table tbody tr td {
    width: 35%;
    border: 1px solid #ddd;
    padding-left: 0px;
    height: 45px;
    vertical-align: middle;
    margin: auto;
    text-align: center;
}

.dental-information .table-dental-information table tbody tr td:first-child,
.dental-information .table-dental-information table tbody tr td:nth-child(3) {
    width: 15%;
    background-color: #f7f7f7;
}

.dental-information .table-dental-information table tbody tr:last-child [colspan="3"] {
    height: 150px;
    padding: 10px;
}

.dental-information .table-dental-information table tbody tr td input {
    padding: 4px 15px;
    width: 75%;
}

.dental-information .table-dental-information table tbody tr td .react-datepicker__input-container input {
    padding: 4px 15px;
    width: 80%;
}

.dental-information .table-dental-information table tbody tr td .select-box select {
    width: 75%;
    margin: auto;
    padding: 4px 15px;
    height: 33px;
}

#popup.dental-information .popup-button {
    width: fit-content;
}

#popup.dental-information table.table-gray td {
    text-wrap: nowrap;
    padding: 10px;
}

#popup.dental-information table.table-gray td:not(:last-child) {
    text-wrap: nowrap;
}

#popup.dental-information textarea {
    height: 130px;
}

.dental-information .table-dental-information table tbody tr td textarea {
    width: 100%;
    height: 100%;
    padding: 10px;
    border: 1px solid #ddd;
}

.dental-information .popup-content .note-table {
    color: red;
    text-align: center;
    margin: 15px;
    line-height: 1.2;
}

.dental-information .popup-content .table-comment-results .table-comment-results-title {
    background-color: #f9f9f9;
    padding: 5px 15px;
    margin-bottom: 15px;
    margin-top: 20px;
    text-align: left;
}

/* END MABAA080_1 */

/* START MABAA080_2 */
.dental-information.dental-information_2 table tbody tr td input {
    padding: 4px 15px;
    margin: 0 10px;
}

.dental-information_2 .table-dental-information table tbody tr td .select-box select {
    width: 20%;
    margin: auto;
    padding: 4px 15px;
    height: 33px;
}



/* END MABAA080_2 */

.statistics-by-day.results .table-gray th {
    background-color: #FFE4C4;
}

.statistics-by-day.results .table-gray tbody tr:last-child {
    background-color: #FFE4C4;
}

.statistics-by-day.results .table-gray tbody tr:last-child td:first-child {
    font-weight: 500;
}

.statistics-by-day.results .table-gray tbody tr:last-child td:nth-child(6),
.statistics-by-day.results .table-gray tbody tr:last-child td:nth-child(9),
.statistics-by-day.results .table-gray tbody tr:last-child td:nth-child(11) {
    background-color: #00FFFF;
    font-weight: 500;
}

.statistics-by-day.results .table-gray tr.sum-row td {
    background-color: #F0F8FF;
}

.statistics-by-day.results .table-gray th:first-child,
.statistics-by-day.results .table-gray th:nth-child(6),
.statistics-by-day.results .table-gray th:nth-child(9),
.statistics-by-day.results .table-gray th:nth-child(11),
.statistics-by-day.results .table-gray tr.sum-all td:nth-child(6),
.statistics-by-day.results .table-gray tr.sum-all td:nth-child(9),
.statistics-by-day.results .table-gray tr.sum-all td:nth-child(11),
.statistics-by-day.results .table-gray tr.sum-row td:first-child,
.statistics-by-day.results .table-gray tr.sum-row td:nth-child(6),
.statistics-by-day.results .table-gray tr.sum-row td:nth-child(9),
.statistics-by-day.results .table-gray tr.sum-row td:nth-child(11) {
    background-color: #00FFFF;
    font-weight: 500;
}

.table-padding-5 table.table-gray th,
.table-padding-5 table.table-gray td {
    padding: 5px;
    min-height: 30px;
    /* min-width: 40px; */
}

.table-padding-5 table.table-gray th,
.table-padding-5 table.table-gray td {
    height: 31px;
}

.table-padding-5 table.table-gray tbody tr:last-child {
    background-color: #f9f9f9;
}

.table-padding-5.last-transparent table.table-gray tbody tr:last-child {
    background-color: transparent;
}

.calendar-table {
    width: 100%;
    margin-top: 60px;
    max-width: 70%;
    border-bottom: none;
}

.calendar-table thead tr th {
    background-color: #C0C0C0;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ddd;
    position: relative;
}

.calendar-table thead tr th:first-child {
    border-right: none;
}

.calendar-table thead tr th:last-child {
    border-left: none;
}

.calendar-table thead tr th:nth-child(2) {
    border-left: none;
    border-right: none;
}

.calendar-table thead tr th:first-child i {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    border-right: none;
}

.calendar-table thead tr th:last-child i {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    border-left: none;
}

.calendar-table thead tr td {
    height: 35px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ddd;
}

.calendar-table tbody tr td {
    height: 150px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ddd;
    position: relative;
    width: calc(100% / 7);
    padding: 30px 10px;
}

.calendar-table tbody tr td.other-month {
    background-color: #f9f9f9;
}

.calendar-table tbody tr td.red-data span,
.calendar-table tbody tr td.red-data p {
    color: #ff0000;
}

.calendar-table tbody tr td p {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 600;
}

.calendar-table.p-no-absolute tbody tr td p {
    font-size: 14px;
}

.calendar-table tbody tr td>span {
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 14px;
}

.calendar-table tbody tr td p>span {
    margin-top: 4px;
    display: inline-block;
}

.calendar-table tbody tr td p span span {
    font-weight: 600;
}

.calendar-table.p-no-absolute tbody tr td p {
    position: relative;
    transform: unset;
    left: unset;
    bottom: unset;
    text-align: left;
    font-weight: 400;
}

.red-note {
    color: #ff0000;
    font-size: 20px;
    margin-top: 30px;
}

.flex-table {
    display: flex;
    justify-content: space-between;
}

.flex-table .right-table {
    margin-top: 30px;
}

.flex-table .right-table th {
    border: 1px solid #ddd;
    background-color: #f9f9f9;
}

.flex-table .right-table.table-list-status {
    margin-top: 60px;
}

.table-list-status table {
    width: 480px;
}

.table-padding-5 .table-list-status .table.table-gray tr th {
    height: 40px;
}

.table-list-status tr td:first-child {
    width: 25%;

}

.table-list-status tr td:nth-child(2) {
    width: 60%;
}

.table-list-status tr td:last-child {
    width: 15%;
}

.custom-table-other-job tbody tr:not(:last-child) td:nth-child(6),
.custom-table-other-job tbody tr:not(:last-child) td:nth-child(11) {
    background-color: #00FFFF;
}

.custom-table-other-job tbody tr.no-data td:nth-child(6),
.custom-table-other-job tbody tr.no-data td:nth-child(11) {
    background-color: transparent;
}

.no-data {
    text-align: center;
    width: 100%;
    display: block;
}

.custom-th thead tr th {
    background-color: #f9f9f9;
}

.custom-th tbody tr td:nth-child(2) {
    background-color: #00FFFF;
}

.group-table {
    margin-top: 15px;
    background-color: #f9f9f9;
    padding: 10px;
}

.group-table.bg-transparent {
    margin-top: 30px;
    background-color: transparent;
    padding: 0px;
}

.group-table .child-title {
    margin-bottom: 10px;
    margin-top: 20px;
}

.group-table .table.w50 {
    width: 50%;
}

.table-gray.table-statis thead tr th,
.table-gray.table-statis tbody tr.sum-all td {
    background-color: #FFE4C4;
    font-weight: 500;
}

.table-gray.table-statis .blue {
    background-color: #00FFFF !important;
    color: #000;
    font-weight: 500;
}

.table-gray.table-statis .sum-row {
    background-color: #F0F8FF;
}

.custom-count-item .count-item {
    margin-top: 50px;
}

/* MAJAA010 */
.statistics-sale-history .profile-sidebar {
    max-width: 180px;
}

.statistics-sale-history .sale-history-management .group-content {
    padding-left: 25px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.statistics-sale-history .sale-history-management .title {
    margin-bottom: 40px;
}

.statistics-sale-history .sale-history-management .group-content .select-box {
    margin-top: 20px;
}

.statistics-sale-history .sale-history-management .group-content .select-box select:first-child {
    margin-left: 0px;
}

.statistics-sale-history .sale-history-management .group-content .select-box select {
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 3px 7px;
    cursor: pointer;
    margin: 0 5px 0 10px;
}

.statistics-sale-history .sale-history-management .group-content .wrap-button {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 20px;
}

.statistics-sale-history .sale-history-management .group-content .wrap-button .btn-item {
    padding: 5px 7px;
    border: 1px solid #ddd;
    background-color: #EBEBEB;
    border-radius: 3px;
    width: max-content;
}

.statistics-sale-history .sale-history-management .group-content .wrap-button .btn-item:hover {
    border: 1px solid #6F6F6F;
    background-color: #ccc;
}

.statistics-sale-history .sale-history-management .group-content .wanning-alert {
    margin-top: 10px;
    font-size: 24px;
    color: red;
}

table.table-gray.border-lr-none thead tr th,
table.table-gray.border-lr-none tbody tr td {
    border-left: none;
    border-right: none;
}

.statis-page .profile-sidebar {
    width: 180px;
}

.statis-page .profile-sidebar ul li a {
    padding: 0 15px;
}

.business-banner .table-details table tbody tr td.tags {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.tag {
    padding: 3px 15px;
    border-radius: 15px;
    width: fit-content;
    color: #fff;
}

.tag.blue {
    background-color: #2a9be7;
}

.tag.green {
    background-color: #3f6a3d;
}

.tag.orange {
    background-color: #fa6700;
}

.preview-image {
    display: flex;
    gap: 10px;
}

.color-picker {
    margin-top: 20px;
    position: relative;
    z-index: 1;
}

.rsm-dtl__grid {
    display: grid;
    grid-template-columns: 140px 1fr;
}

.rsm-dtl__img {
    display: block;
    width: 100%;
    height: 180px;
    object-fit: contain;
}

.rsm-dtl__table {
    width: 100%;
    border-top: 1px solid #333 !important;
    line-height: 1.3;
}

table.rsm-dtl__table tr:not(:last-child) th {
    border-top: 1px solid #333 !important;
}

.rsm-dtl__table.mt20 {
    margin-top: 20px;
}

.rsm-dtl__table th {
    width: 140px;
    font-size: 16px;
    font-weight: 600;
    padding: 18px;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
    background: #f5f5f5;
    white-space: nowrap;
}

.rsm-dtl__table.wd160 th {
    width: 160px;
}

.rsm-dtl__table.wd170 th {
    width: 170px;
}

.rsm-dtl__table th.wd180 {
    width: 180px;
}

.rsm-dtl__table--top th {
    width: 120px;
}

.rsm-dtl__table td {
    font-size: 16px;
    padding: 18px;
    text-align: left;
    vertical-align: middle;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    word-break: break-all;
    height: 50px;
}

.rsm-dtl__table td.hi260 {
    height: 260px;
    vertical-align: top;
}

.rsm-dtl__table td.wd36per {
    width: 36%;
}

.rsm-dtl__table--ver2 td {
    background: #fff;
}

.rsm-dtl__table.modify td {
    padding: 7px 15px;
}

.rsm-dtl__table td.pl0 {
    padding-left: 0;
    border-left: 0;
}

.rsm-dtl__table td.pd0 {
    padding: 0;
}

.rsm-dtl__table td.pre-line {
    white-space: pre-line;
}

.rsm-dtl__table--ver2 td+th {
    border-left: 1px solid #ddd;
}

.rsm-dtl__table2 {
    width: 100%;
    margin-top: 20px;
    border-top: 1px solid #333;
    line-height: 1.3;
}

.rsm-dtl__table2--mt0 {
    margin-top: 0;
}

.rsm-dtl__table2 thead th {
    font-size: 16px;
    padding: 18px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
    background: #f5f5f5;
    white-space: nowrap;
}

.rsm-dtl__table2 thead th.empty {
    width: 45%;
}

.rsm-dtl__table2 thead th.wd180 {
    width: 180px;
}

.rsm-dtl__table2 thead th.wd251 {
    width: 251px;
}

.rsm-dtl__table2 thead th.wd120 {
    width: 120px;
}

.rsm-dtl__table2 tbody th {
    padding: 18px 25px;
    font-size: 16px;
    text-align: left;
    vertical-align: middle;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-top: 0;
    width: 180px;
}

.rsm-dtl__table2 tbody th.first {
    text-align: center;
    border-left: 0;
}

.rsm-dtl__table2 tbody td {
    font-size: 16px;
    padding: 16px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
    word-break: break-all;
    height: 50px;
}

.rsm-dtl__table2 tbody th+td {
    text-align: left;
}

.rsm-dtl__intro {
    padding: 20px;
    font-size: 16px;
    font-weight: 300;
    min-height: 255px;
    line-height: 1.4;
}

.rsm-prv {
    display: none;
    width: 100%;
    min-height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    /* position: fixed;
    top: 0;
    left: 0;
    z-index: 9; */
    overflow-y: auto;
}

.rsm-prv.active {
    display: block;
}

.rsm-prv__inner {
    width: calc(100% - 270px);
    background: #fff;
    position: absolute;
    ;
}

.rsm-prv__top {
    padding: 20px 40px 10px;
}

.rsm-prv__btbx {
    padding-top: 20px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 3px;
}

.rsm-prv__btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding: 12px;
    min-width: 135px;
    white-space: nowrap;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid #999;
    border-radius: 10px;
    transition: all 0.3s;
}

.rsm-prv__btn:hover {
    background: #ddd;
}

.rsm-prv__btn img {
    display: inline-block;
    width: 16px;
    height: 16px;
    object-fit: contain;
}

.rsm-prv__close {
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 20px;
    right: 40px;
}

.rsm-prv__close::before {
    content: '';
    display: block;
    width: 90%;
    height: 1px;
    background: #141414;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

.rsm-prv__close::after {
    content: '';
    display: block;
    width: 90%;
    height: 1px;
    background: #141414;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}

.resume__block {
    width: 100%;
    border-radius: 10px;
    background: #fff;
    position: relative;
    padding: 20px;
    padding-left: 0px;
    margin-top: 20px;
}

.resume__block .rsm-dtl__intro {
    border-radius: 10px;
    border: 1px solid #ddd;
    white-space: pre-line;
}

.resume__tit-box {
    margin-top: 40px;
    display: flex;
    align-items: center;
    gap: 100px;
}

.resume__tit-box .resume__tit2 {
    font-size: 20px;
}

td span.grdt {
    display: inline-block;
    color: #076ecc;
    font-weight: 600;
    padding-top: 10px;
}

.rsm__bold {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    font-size: 20px;
    font-weight: 600;
}

.table_MAEAA010 table.table-gray tbody tr td {
    overflow-wrap: anywhere;
}

.manager-banner-content .results.table_MAEAA010 th:first-child {
    width: 5%;
}

.manager-banner-content .results.table_MAEAA010 th:nth-child(2) {
    width: 7%;
}

.manager-banner-content .results.table_MAEAA010 th:nth-child(3) {
    width: 8%;
}

.manager-banner-content .results.table_MAEAA010 th:nth-child(4) {
    width: 7%;
}

.manager-banner-content .results.table_MAEAA010 th:nth-child(6) {
    width: 5%;
}

.manager-banner-content .results.table_MAEAA010 th:nth-child(7) {
    width: 14%;
}

.manager-banner-content .results.table_MAEAA010 th:nth-child(8) {
    width: 16%;
}

.manager-banner-content .results.table_MAEAA010 th:nth-child(9) {
    width: 7%;
}

.manager-banner-content .results.table_MAEAA010 th:nth-child(10) {
    width: 6%;
}

.manager-banner-content .results.table_MAEAA010 th:nth-child(11) {
    width: 6%;
}

.manager-banner-content .results.table_MAEAA010 th:nth-child(12) {
    width: 9%;
}

#popup[data-popup="payment-history"] .popup-content .popup-table .table-row .table-row-content.left,
#popup[data-popup="payment-history"] .popup-content .popup-table .table-row .table-row-content.right,
#popup[data-popup="payment-history"] .flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

#popup[data-popup="payment-history"] .popup-content .popup-table .table-row .table-row-content.left,
#popup[data-popup="payment-history"] .popup-content .popup-table .table-row .table-row-content.right {
    width: 40%;
}

#popup .popup-title.center {
    text-align: center;
}

#popup .group-flex {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

#popup .group-flex .group-column {
    display: flex;
    gap: 30px;
}

#popup .group-flex .group-column .item-col:first-child {
    width: 160px;
    display: flex;
    align-items: center;
}

#popup .group-flex .group-column .item-col.flex {
    display: flex;
    gap: 7px;
    align-items: center;
}

#popup .group-flex .group-column .item-col input,
#popup .group-flex .group-column .item-col select {
    border: 1px solid #ccc;
    border-radius: 3px;
    cursor: pointer;
    height: 36px;
    padding: 0 10px;
    width: 250px;
}

#popup .group-flex .group-column .item-col input {
    padding-left: 10px;
}

#popup .group-flex .group-column .item-col #emailDomain {
    width: 160px;
}

#popup[data-popup="sp-doc-infor"] .popup-button {
    width: max-content;
}


.dataBanners_nameKor {
    position: relative;
}

.dataBanners_nameKor.flex-center {
    display: flex;
    justify-content: center;
}

button.dataBanners_nameKor {
    cursor: pointer;
    padding-right: 15px;
    position: relative;
}

button.dataBanners_nameKor:hover {
    text-decoration: underline;
    color: #0068b7;
    cursor: pointer;
}

.dataBanners_nameKor .icon-arrow-style {
    position: absolute;
    transform: rotate(90deg);
    width: 15px;
    height: 15px;
    padding: 3px;
    transition: all 0.2s;
    background-color: #ddd;
    border-radius: 3px;
    cursor: pointer;
    right: 4px;
    top: calc(50% - 17px);
}

.dataBanners_nameKor .icon-arrow-style::after {
    transition: all 0.2s;
}

.dataBanners_nameKor .icon-arrow-style.active::after {
    transform: rotate(180deg);
    transition: all 0.2s;
}

.table-gray.profile-payment thead tr th {
    padding: 8px;
}

.table-gray.profile-payment tbody tr td {
    overflow-wrap: break-word;
    word-break: auto-phrase;
    padding: 8px;
}

[data-popup="sp-doc-infor"]#popup .popup-content .popup-table .table-row .table-row-title {
    width: 20%;
}

[data-popup="sp-doc-infor"]#popup .popup-content .popup-table .table-row .table-row-content.right,
[data-popup="sp-doc-infor"]#popup .popup-content .popup-table .table-row .table-row-content.left {
    width: 30%;
}

[data-popup="sp-doc-infor"]#popup .popup-content .popup-table .table-row .table-row-content {
    width: 80%;
    display: flex;
    align-items: center;
    gap: 7px;
}

[data-popup="sp-doc-infor"]#popup .popup-content .popup-table .table-row .table-row-content select {
    width: 100%;
    padding-left: 10px;
}

/* .count-case {
    color: #00f;
    font-weight: 600;
} */
.MABAA080_8 table tbody tr td:first-child {
    width: 10% !important;
}

.MABAA080_8 table tbody tr td input {
    margin: 0 !important;
}

.MABAA080_8 table select {
    border: 1px solid #ccc;
    padding: 4px 15px;
    border-radius: 3px;
    cursor: pointer;
    height: 33px;
}

.show-comment {
    background-color: #F7F7F7;
}

.table-wrap {
    width: 100%;
    overflow-x: scroll;
}

.MAGAC010_img {
    max-width: 150px;
}

.mg-bt15 {
    margin-bottom: 15px;
}

.has-submenu {
    transition: all 0.3s;
}

/* MAGAB030 */
/* resume */
.rsm__btnbx {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-top: 56px;
}

.rsm__btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 13px;
    min-width: 160px;
    background: #076ecc;
    border-radius: 10px;
    border: 0;
    cursor: pointer;
    font-size: 17px;
    color: #fff;
}

.rsm__tit {
    width: 100%;
    padding: 14px;
    border: 1px solid #ddd;
    font-size: 24px;
    text-align: center;
    margin-top: 15px;
    color: #076ecc;
}

.rsm__profile {
    display: flex;
    gap: 20px;
    padding: 15px;
    border: 1px solid #ddd;
    margin-top: 15px;
}

.rsm__img {
    width: 125px;
    height: 155px;
    background: #ddd;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rsm__img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.rsm__img img.rsm__img-empty {
    width: 32px;
    height: 32px;
}

.rsm__info {
    flex: 1;
    align-self: center;
}

.rsm__name {
    display: flex;
    align-items: flex-end;
    gap: 3px;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
}

.rsm__name>span {
    color: #076ecc;
    font-size: 15px;
}

.rsm__name+p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.3;
}

.rsm__icon {
    align-self: flex-end;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 16px;
}

.rsm__icon-btn {
    display: block;
    width: 24px;
    height: 24px;
    border: 0;
    padding: 0;
    cursor: pointer;
}

.rsm__icon-btn {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.rsm__sub {
    margin-top: 30px;
    padding-bottom: 16px;
    border-bottom: 1px solid #111;
    font-size: 20px;
    font-weight: 600;
}

.rsm__table {
    width: 100%;
}

.rsm__table td {
    padding: 30px 20px;
    font-size: 17px;
    border-bottom: 1px solid #ddd;
}

.rsm__table td:first-child {
    width: 230px;
}

td span.grdt {
    display: inline-block;
    color: #076ecc;
    font-weight: 600;
    padding-top: 10px;
}

.rsm__bold {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    font-size: 20px;
    font-weight: 600;
}

.rsm__bold+.rsm__bold {
    margin-top: 10px;
}

.rsm__bold>span {
    font-size: 17px;
    font-weight: 300;
    color: #666;
}

.rsm__list {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.rsm__list li {
    display: flex;
    align-items: center;
    font-size: 17px;
    font-weight: 300;
    color: #666;
    margin-right: 23px;
    position: relative;
}

.rsm__list li:nth-child(2) span:last-child {
    line-height: 17px;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 300px;
}

.rsm__list li+li::before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 70%;
    background: #666;
    position: absolute;
    top: 50%;
    left: -11px;
    transform: translateY(-50%);
}

.rsm__dl {
    padding: 30px 20px;
    border-bottom: 1px solid #ddd;
    line-height: 1.3;
}

.rsm__dl dt {
    font-size: 20px;
    font-weight: 600;
}

.rsm__dl dd {
    font-size: 17px;
    font-weight: 300;
    margin-top: 20px;
}

.rsm__dl--gray {
    border: 0;
    background: #f5f5f5;
    margin-top: 30px;
}

.rsm__dl--gray dd {
    display: flex;
    flex-direction: column;
}

.rsm__dl--gray dd span {
    display: flex;
    gap: 5px;
}

.rsm__dl--gray dd span::before {
    content: '※';
    display: inline-block;
}

.vln {
    padding-top: 55px;
    width: 100%;
}

.vln-top {
    display: flex;
    align-items: center;
    padding: 20px 30px;
    border: 1px solid #ddd;
    gap: 30px;
}

.vln-top__img {
    display: block;
    width: 200px;
    object-fit: contain;
    height: 200px;
}

.vln-top__img img {
    height: fit-content;
    object-fit: contain;
}

.vln-top__imgStyle img {
    height: 200px;
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: flex;
    align-items: center;
}

.vln-top__info {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 7px;
    font-size: 15px;
    font-weight: 300;
}

.vln-top__info>h2 {
    font-size: 20px;
    font-weight: 600;
}

.vln-top__info>ul {
    display: flex;
    gap: 15px;
}

.vln-top__info>ul>li {
    color: #999;
}

.vln-top__link {
    display: inline-block;
    width: 24px;
    height: 24px;
    align-self: center;
}

.vln-top__link>img {
    display: block;
    width: 100%;
    height: 100%;
}

.vln-btnbx {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 30px;
}

.vln-listbtn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 0;
    border-radius: 10px;
    padding: 12px;
    min-width: 100px;
    background: #076ecc;
    font-size: 17px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

.vln-listbtn:hover {
    color: #fff;
}

.vln__tit {
    font-size: 36px;
    padding-top: 30px;
}

.vln__tit--pt44 {
    padding-top: 44px;
}

.vln-event {
    padding: 25px 0;
    border-top: 1px solid #111;
    border-bottom: 1px solid #ddd;
}

.vln-event__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
    position: relative;
}

.vln-event__list.empty {
    grid-template-columns: 1fr;
    text-align: center;
}

.vln-event__link {
    display: block;
    border: 1px solid #ddd;
    padding: 25px;
    height: 100%;
}

.vln-event__link>img {
    display: block;
    width: 100%;
    height: 160px;
    object-fit: cover;
}

.vln-event__date {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
    font-size: 15px;
    color: #666;
}

.vln-event__date span.blue {
    color: #076ecc;
}

.vln-event__tit {
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    display: -webkit-box;
    word-wrap: break-word;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 11px;
    line-height: 1.4;
}

.vln-edtl {
    border-top: 1px solid #111;
}

.vln-edtl__tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    border-bottom: 1px solid #ddd;
}

.vln-edtl-lf {
    display: flex;
    align-items: center;
    gap: 10px;
}

.vln-edtl-lf>span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 9px;
    min-width: 80px;
    background: #076ecc;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    border-radius: 20px;
}

.vln-edtl-lf>span.gray {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 9px;
    min-width: 80px;
    background: #9199a1;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    border-radius: 20px;
}

.vln-edtl-lf>p {
    font-size: 20px;
    font-weight: 600;
}

.vln-edtl__date {
    font-size: 15px;
    color: #666;
    font-weight: 300;
}

.vln-edtl__cnt {
    padding: 25px;
}

.vln-edtl__cnt img {
    display: block;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

.vln-mgzn {
    border-top: 1px solid #111;
}

.vln-mgzn__table {
    width: 100%;
}

.vln-mgzn__table th {
    font-size: 16px;
    font-weight: 400;
    color: #666;
    text-align: center;
    vertical-align: middle;
    padding: 18px;
    background: #fafafa;
    border-bottom: 1px solid #ddd;
}

.vln-mgzn__table td {
    padding: 20px;
    text-align: center;
    vertical-align: bottom;
    border-bottom: 1px solid #ddd;
    letter-spacing: -0.5px;
}

.vln-mgzn__table td.text-left {
    vertical-align: middle;
    text-align: left;
}

.vln-mgzn__table td {
    padding: 20px 10px;
}

.vln-mgzn__table td.wd165 {
    width: 165px;
    vertical-align: middle;
}

.vln-mgzn__table td.wd260 {
    width: 260px;
}

.vln-mgzn__link {
    font-size: 15px;
    font-weight: 600;
    display: -webkit-box;
    word-wrap: break-word;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    /* margin-top: 11px; */
}

.vln-mgzn__gb {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    color: #5f52a0;
    border: 1px solid #5f52a0;
    border-radius: 20px;
    padding: 9px 12px;
    white-space: nowrap;
}

.vln-mgzn__gb.orange {
    color: #f19149;
    border: 1px solid #f19149;
}

.vln-mgzn__gb.blue {
    padding: 6px 15px;
    color: #0068b7;
    border: 1px solid #0068b7;
}

.vln-mgzn__nt {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    font-size: 15px;
    color: #666;
    font-weight: 500;
    text-align: center;
    line-height: 1.3;
}

.vln-mgzn__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 25px;
    border-bottom: 1px solid #ddd;
}

.vln-mgzn__lf {
    display: flex;
    align-items: center;
    gap: 30px;
}

.vln-mgzn__tit h3 {
    font-size: 20px;
    font-weight: 600;
}

.vln-mgzn__tit p {
    font-size: 15px;
    color: #666;
    font-weight: 500;
    margin-top: 15px;
}

.vln-mgzn__view {
    font-size: 15px;
    color: #666;
    font-weight: 300;
}

.vln-mgzn__cnt {
    padding: 25px;
    border-bottom: 1px solid #ddd;
    min-height: 545px;
}

.vln-mgzn__cnt img {
    width: auto;
    max-width: 100%;
    margin: 10px 0;
}

.vln-mbl {
    border-top: 1px solid #111;
    margin-top: 30px;
}

.vln-mbl__img {
    padding: 25px;
}

.vln-mbl__img img {
    display: block;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

.vln-dcm {
    border-top: 1px solid #111;
}

.vln-dcm__list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 25px;
    padding: 25px 0;
    border-bottom: 1px solid #ddd;
}

.vln-dcm__item {
    height: 130px;
    display: flex;
    flex-direction: column;
    border: 1px solid #ddd;
    padding: 20px;
}

.vln-dcm__item>span {
    font-size: 14px;
    color: #666;
    font-weight: 300;
}

.vln-dcm__pop {
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    margin-top: 5px;
    display: -webkit-box;
    word-wrap: break-word;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vln-dcm__pop:hover {
    color: #076dcb;
}

.vln-dcm__down {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.vln-dcm__down-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 8px;
    white-space: nowrap;
    border-radius: 20px;
    border: 1px solid #999;
    font-size: 12px;
    font-weight: 600;
}

.vln-dcm__down-btn>img {
    display: inline-block;
    width: 12px;
    height: 12px;
    object-fit: contain;
}

.vln-popup {
    width: 100%;
    max-width: 490px;
    background: #fff;
    border-radius: 20px;
    position: absolute;
    top: 145px;
    left: 50%;
    transform: translateX(-50%);
    padding: 30px 45px;
}

.vln-popup__tit {
    font-size: 20px;
    font-weight: 600;
    padding-right: 30px;
}

.vln-popup__close {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 30px;
    right: 45px;
    cursor: pointer;
    border: 0;
    background: transparent;
}

.vln-popup__close::before {
    content: '';
    display: block;
    width: 90%;
    height: 1px;
    background: #666;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

.vln-popup__close::after {
    content: '';
    display: block;
    width: 90%;
    height: 1px;
    background: #666;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}

.vln-popup__cnt {
    margin-top: 30px;
}

.vln-popup__cnt img {
    display: block;
    width: auto;
    max-width: 100%;
}

.job-table {
    flex: 1;
    width: 100%;
}

.job-table th {
    text-align: left;
    vertical-align: middle;
    padding: 17px 20px;
    font-size: 17px;
    color: #333;
    font-weight: 600;
    background: #f5f5f5;
    width: 150px;
    border-bottom: 1px solid #ddd;
}

.job-table td {
    font-size: 17px;
    font-weight: 400;
    color: #333;
    text-align: left;
    vertical-align: middle;
    padding: 17px 20px;
    border-bottom: 1px solid #ddd;
    line-height: 1.3;
    letter-spacing: -0.5px;
    min-height: 57px;
    word-break: break-all;
}

.job-table td.job-timeinfo {
    /* height: 100%; */
    vertical-align: top;
    line-height: 1.3;
}

.job-table td.job-timeinfo p {
    white-space: break-spaces;
    word-break: break-all;
}

.job-table td a:hover {
    color: #076ecc;
}

.job-table td .blue-hover:hover {
    color: #076ecc;
    cursor: pointer;
}

.job-table td .job-table-imgbox {
    padding: 30px 60px 0;
}

.job-table td .job-table-imgbox img {
    display: block;
    width: 100%;
}

.job-table td .map-container {
    width: 100%;
    max-width: 500px;
    height: auto;
}

.job-table td.blue {
    color: #076ecc;
}

.job-point {
    font-size: 17px;
    line-height: 2;
}

.job-point p {
    display: flex;
    gap: 3px;
}

.job-point p::before {
    content: '※';
    display: inline-block;
}

.job-point p b {
    color: #076ecc;
    font-weight: 600;
}

.carousel-control-prev-icon {
    width: 40px;
    height: 40px;
    background-size: contain;
    background-image: url('../images/MAGAB030/icon-slide-prev.png');
}

.carousel-control-next-icon {
    width: 40px;
    height: 40px;
    background-size: contain;
    background-image: url('../images/MAGAB030/icon-slide-next.png');
}

.carousel-control-next,
.carousel-control-prev {
    width: 40px;
    height: 48px;
    bottom: 0;
    top: 0;
    margin: auto;
    opacity: 1;
}

.carousel-control-next::after,
.carousel-control-prev::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.3;
    position: absolute;
}

.carousel-control-next {
    right: 0;
}

.carousel-control-prev {
    left: 0;
}

.slick-arrow.slick-prev,
.slick-arrow.slick-next {
    display: none !important;
}

#tableVolunteer .vln-edtl {
    margin-top: 30px;
}

.btn-event-joined {
    background-color: #eee;
    border-radius: 5px;
    padding: 3px 5px;
    white-space: nowrap;
    border: 1px solid #ddd;
}

.btn-time {
    color: #fff;
    border-radius: 40px;
    padding: 3px 10px;
    white-space: nowrap;
    cursor: default;
}

.btn-time-orange {
    background-color: #f60;
}

.btn-time-gray {
    background-color: #a0a0a0;
}

.btn-event-joined:hover {
    color: #000;
    text-decoration: none;
}

table.table-gray.pd-8 thead tr th,
table.table-gray.pd-8 tbody tr td {
    padding: 8px;
}

@media screen and (max-width: 1700px) {
    .admin-navigation .main-menu .main-menu-item:last-child .submenu {
        left: -67px;
    }
}

.opacity-0 {
    opacity: 0;
    visibility: hidden;
}

.w300 {
    width: 300px !important;
}

.time-count-down-wrap {
    display: flex;
    align-items: center;
    font-size: 14px;
    white-space: nowrap;
}

.time-count-down-wrap>p {
    color: #246BEB;
    font-weight: 600;
    cursor: default;
    width: 60px;
    margin: 0 3px;
}

.time-count-down-wrap>button {
    border: 1px solid #ddd;
    padding: 3px 5px;
    background-color: #eee;
    border-radius: 3px;
}

.manager-admin-account tr th {
    width: 200px;
}

.manager-admin-account tr td>input {
    width: 100%;
}

.manager-admin-account .form-group-tickets .form-group-left {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: #f9f9f9;
}

.manager-admin-account .form-group-tickets .form-group-left,
.manager-admin-account .form-group-tickets .form-group-right {
    width: max-content;
}

.manager-admin-account .form-group-right .item-form {
    height: 35px;
    display: flex;
    align-items: center;
}

.manager-admin-account .form-group-tickets {
    justify-content: center;
}

#popup.manager-admin-account .popup-content {
    width: 600px;
}

.statis-sale .two-line>div {
    display: block;
    text-align: center;
}

.statis-sale .two-line>div:nth-child(2) {
    text-align: end;
}

.statis-sale table.table-gray tbody tr th {
    border-left: 1px solid #ddd;
}

.statis-sale table.table-gray tbody tr td {
    text-align: end;
}