:root { 
    --font-family: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --text-link-color: #005bc7;
    --text-link-hover-color: #3d8ccf;

    /* Color */
    --primary: #005bc7;
    --secondary: #3d8ccf;
    --success: #02ae65;
    --danger: #e42900;
    --warning: #FFAF0B;
    --white: #ffffff;


    --tag-success: #4caf50;
    --tag-danger: #ed142c;
    --tag-warning: #ffaf0b;

    --alert-primary: #466080;
    --alert-secondary: #3d8ccf;

    --line-primary: #eaeaea;
    --line-secondary: #d8d8d8;
    --line-tertiary: #f0f0f0;

    --grey-1: #f8f8f8;
    --grey-2: #f0f0f0;
    --grey-3: #d8d8d8;
    --grey-4: #a7a7a7;
    --grey-5: #888888;
    --grey-6: #eaeaea;

    --black-1: #595959;
    --black-2: #434343;
    --black-3: #1e1e1e;
    --black-4: #65676A;

    --primary-hover: #e4e5e5;
    --primary-acive: #f8f8f8;
    --secondary-hover: #ebf3fa;
    --secondary-acive: #add3f3;

    --hover: #f8f8f8;
    --active: #e4e5e5;

    --bg-default: #eff2f4;
    --bg-chat: #e0ebf4;

    --modal-backdrop: rgba(0,0,0,0.4);

    /* Typography */
    --txt-body-xl: 18px/26px;
    --txt-body-lg: 16px/24px;
    --txt-body-md: 14px/20px;
    --txt-body-sm: 12px/16px;
    --txt-body-xs: 10px/12px; 
    --txt-body-xxs: 8px/14px;

    --txt-title-md: 16px/24px;
    --txt-title-sm: 14px/20px;
    --txt-title-xs: 10px/12px;

    --txt-h1: 24px/30px;
    --txt-h2: 20px/28px;
    --txt-h3: 18px/26px;

    --txt-password: 34px/34px;

    --txt-nav-lg: 24px/30px;
    --txt-nav-md: 18px/26px;
    --txt-nav-sm: 16px/24px;
    --txt-nav-xs: 14px/20px;

    /* Avatar */
    --avatar-1: 24px;
    --avatar-1-text: 12px;
    --avatar-2: 32px;
    --avatar-2-text: 16px;
    --avatar-3: 40px;
    --avatar-3-text: 20px;
    --avatar-4: 48px;
    --avatar-4-text: 24px;
    --avatar-5: 56px;
    --avatar-5-text: 28px;
    --avatar-6: 64px;
    --avatar-6-text: 32px;
    --avatar-7: 108px;
    --avatar-7-text: 54px;

    /* Buttons */
    --btn-size-lg: 44px;
    --btn-size-sm: 32px;
    --btn-size-xs: 28px;
    --btn-radius: 4px;
    --btn-min-width: 200px;
    --btn-size-floating: 28px;

    --primary-color: #005bc7;
    --primary-text-color: #ffffff;
    --primary-hover-color: #1568cb;
    --primary-active-color: #3d82d4;
    --primary-disabled-color: #d8d8d8;
    --primary-disabled-text-color: #a7a7a7;

    --outline-primary-color: #ffffff;
    --outline-primary-border-color: #005bc7;
    --outline-primary-hover-color: #eff4fb;
    --outline-primary-active-color: #d1e6ff;
    --outline-primary-disabled-color: #f8f8f8;
    --outline-primary-disabled-border-color: #d8d8d8;
    --outline-primary-disabled-text-color: #a7a7a7;

    --link-primary-color: transparent;
    --link-primary-disabled-color: #f8f8f8;
    --link-primary-disabled-text-color: #a7a7a7;
    --link-primary-hover-color: #eff4fb;
    --link-primary-active-color: #d1e6ff;

    --secondary-color: #ffffff;
    --secondary-border-color: #595959;
    --secondary-text-color: #595959;
    --secondary-hover-color: #f8f8f8;
    --secondary-active-color: #eaeaea;
    --secondary-disabled-color: #f8f8f8;
    --secondary-disabled-border-color: #d8d8d8;
    --secondary-disabled-text-color: #a7a7a7;

    --link-secondary-color: transparent;
    --link-secondary-disabled-color: #f8f8f8f8;
    --link-secondary-disabled-text-color: #a7a7a7;
    --link-secondary-hover-color: #f8f8f8;
    --link-secondary-active-color: #eaeaea;

    --link-danger-color: transparent;
    --link-danger-text-color: #e42900;
    --link-danger-disabled-color: #f8f8f8f8;
    --link-danger-disabled-text-color: #ef7f66;
    --link-danger-hover-color: #f8f8f8;
    --link-danger-active-color: #eaeaea;


    --dark-primary-color: #287cfc;
    --dark-primary-text-color: #ffffff;
    --dark-primary-hover-color: #1a5fc8;
    --dark-primary-active-color: #0244a8;
    --dark-primary-disabled-color: #383838;
    --dark-primary-disabled-text-color: #888888;

    --dark-outline-secondary-color: #ffffff;
    --dark-outline-secondary-border-color: #595959;
    --dark-outline-secondary-hover-color: #595959;
    --dark-outline-secondary-active-color: #595959;
    --dark-outline-secondary-disabled-color: #383838;
    --dark-outline-secondary-disabled-border-color: #595959;
    --dark-outline-secondary-disabled-text-color: #888888;

    --input-size: 36px;
    --textarea-size: 88px;
    --textarea-line-height: 20px;
    --topbar-size: 48px;
}

body { font-family: var(--font-family); }

button:active, 
.btn:active, 
[class*="d-btn"]:active, 
[class*="btn"][class*="icon-"]:active, 
[class="close"]:active, 
li[class*="btn"]:active { 
    opacity: 1 !important; 
}

a,
button { 
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

.e-text-color-success { color: var(--success); }
.e-text-color-danger { color: var(--danger); }
.e-text-color-warning { color: var(--warning); }

.e-ratio-item { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }
.e-ratio { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; }
.e-ratio::before { display: block; content: ""; }
.e-ratio-16by9::before { padding-top: 56.25%; }

.e-float-none { float: none !important; }
.e-show-mb { display: none; }
.e-w-100 { width: 100% !important; }
.e-sticky { position: sticky; top: 0; z-index: 9; }
.e-pointer { cursor: pointer !important; transition: none !important; -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; }
.e-hover:hover { background-color: var(--primary-hover) !important; }
.e-border-bottom-0 { border-bottom: 0 !important; }
.e-text-normal { font-weight: normal; }
.e-text-link { color: var(--text-link-color); text-decoration: none !important; cursor: pointer; }
.e-text-link:hover { color: var(--text-link-hover-color); }:focus { outline: none !important; }

.e-mr-auto { margin-right: auto !important; }
.e-ml-auto { margin-left: auto !important; }
.e-mr-0 { margin-right: 0 !important; }
.e-ml-0 { margin-left: 0 !important; }
.e-mb-0 { margin-bottom: 0 !important; }
.e-px-0 { padding-left: 0 !important; padding-right: 0 !important; }
.e-bb-0 { border-bottom: 0 !important; }

.e-text-left { text-align: left !important; }
.e-text-right { text-align: right !important; }
.e-text-center { text-align: center !important; }

.e-btn { display: inline-flex; align-items: center; justify-content: center; padding: 0 12px; border: 1px solid; border-radius: var(--btn-radius); font-weight: bold; cursor: pointer; -webkit-border-radius: var(--btn-radius); -moz-border-radius: var(--btn-radius); -ms-border-radius: var(--btn-radius); -o-border-radius: var(--btn-radius); -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none; }
.e-btn:active,
.e-btn:focus { outline: none !important; }
.e-btn[disabled] { cursor: default; }
.e-btn-lg { height: var(--btn-size-lg) !important; font: bold var(--txt-body-lg) var(--font-family) !important; min-width: 64px; padding-left: 16px; padding-right: 16px; }
.e-btn-sm { height: var(--btn-size-sm) !important; font: bold var(--txt-body-md) var(--font-family) !important; min-width: 52px; padding-left: 12px; padding-right: 12px; }
.e-btn-xs { height: var(--btn-size-xs) !important; font: bold var(--txt-body-md) var(--font-family) !important; min-width: 62px; padding-left: 12px; padding-right: 12px; }
.e-btn-others { min-width: var(--btn-min-width); justify-content: center; }
.e-btn-primary { background-color: var(--primary-color); border-color: var(--primary-color); color: var(--primary-text-color); }
.e-btn-primary[disabled] { background-color: var(--primary-disabled-color) !important; color: var(--primary-disabled-text-color) !important; border-color: var(--primary-disabled-color) !important; }
.e-btn-primary:hover { background-color: var(--primary-hover-color); border-color: var(--primary-hover-color); }
.e-btn-primary:active { background-color: var(--primary-active-color); border-color: var(--primary-active-color); }
.e-btn.e-btn-outline-primary { background-color: var(--outline-primary-color) !important; border-color: var(--primary-color) !important; color: var(--primary-color) !important; }
.e-btn.e-btn-outline-primary[disabled],
.e-btn.e-btn-outline-primary[disabled]:hover { background-color: var(--outline-primary-disabled-color) !important; color: var(--outline-primary-disabled-text-color) !important; border-color: var(--outline-primary-disabled-border-color) !important; }
.e-btn.e-btn-outline-primary:hover { background-color: var(--outline-primary-hover-color) !important; border-color: var(--primary-color) !important; }
.e-btn.e-btn-outline-primary:active { background-color: var(--outline-primary-active-color) !important; border-color: var(--primary-color) !important; }
.e-btn-link-primary { background-color: var(--link-primary-color); border-color: var(--link-primary-color); color: var(--primary-color); }
.e-btn-link-primary[disabled] { background-color: var(--link-primary-disabled-color) !important; color: var(--link-primary-disabled-text-color) !important; border-color: var(--link-primary-disabled-color) !important; }
.e-btn-link-primary:hover { background-color: var(--link-primary-hover-color); border-color: var(--link-primary-hover-color); }
.e-btn-link-primary:active { background-color: var(--link-primary-active-color); border-color: var(--link-primary-active-color); }
.e-btn-secondary { background-color: var(--secondary-color); border-color: var(--secondary-border-color); color: var(--secondary-text-color); }
.e-btn-secondary[disabled] { background-color: var(--secondary-disabled-color) !important; color: var(--secondary-disabled-text-color) !important; border-color: var(--secondary-disabled-border-color) !important; }
.e-btn-secondary:hover { background-color: var(--secondary-hover-color); border-color: var(--secondary-border-color); }
.e-btn-secondary:active { background-color: var(--secondary-active-color); border-color: var(--secondary-border-color); }
.e-btn-link-secondary { background-color: var(--link-secondary-color) !important; border-color: var(--link-secondary-color) !important; color: var(--secondary-text-color) !important; }
.e-btn-link-secondary[disabled] { background-color: var(--link-secondary-disabled-color) !important; color: var(--link-secondary-disabled-text-color) !important; border-color: var(--link-secondary-disabled-color) !important; }
.e-btn-link-secondary:hover { background-color: var(--link-secondary-hover-color) !important; border-color: var(--link-secondary-hover-color) !important; }
.e-btn-link-secondary:active { background-color: var(--link-secondary-active-color) !important; border-color: var(--link-secondary-active-color) !important; }
.e-btn-lg .e-ico { transform: scale(0.75); -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); margin: -4px !important; }
.e-btn-sm .e-ico,
.e-btn-xs .e-ico { transform: scale(0.625); -webkit-transform: scale(0.625); -moz-transform: scale(0.625); -ms-transform: scale(0.625); -o-transform: scale(0.625); margin: -6px !important; }
.e-btn-icon { display: flex; cursor: pointer; padding: 0; border: 0; background-color: transparent; }
.e-btn-icon.close { opacity: 1; }
.e-btn-lg.e-btn-groupicon-left { padding-left: 12px; }
.e-btn-lg.e-btn-groupicon-left .e-btn-icon { margin-right: 8px; }
.e-btn-sm.e-btn-groupicon-left,
.e-btn-xs.e-btn-groupicon-left { padding-left: 6px; padding-right: 8px; }
.e-btn-sm.e-btn-groupicon-left .e-btn-icon,
.e-btn-xs.e-btn-groupicon-left .e-btn-icon { margin-right: 4px; margin-left: 0 !important; }
.e-btn-groupicon-right { flex-direction: row-reverse; justify-content: space-between; }
.e-btn-lg.e-btn-groupicon-right { padding-left: 16px; padding-right: 10px; }
.e-btn-lg.e-btn-groupicon-right .e-btn-icon { margin-left: 4px; }
.e-btn-sm.e-btn-groupicon-right,
.e-btn-xs.e-btn-groupicon-right { padding-left: 12px; padding-right: 6px; }
.e-btn-sm.e-btn-groupicon-right .e-btn-icon,
.e-btn-xs.e-btn-groupicon-right .e-btn-icon { margin-left: 2px; }
.e-btn-link-danger { background-color: var(--link-danger-color); border-color: var(--link-danger-color); color: var(--link-danger-text-color); }
.e-btn-link-danger[disabled] { background-color: var(--link-danger-disabled-color) !important; color: var(--link-danger-disabled-text-color) !important; border-color: var(--link-danger-disabled-color) !important; }
.e-btn-link-danger:hover { background-color: var(--link-danger-hover-color); border-color: var(--link-danger-hover-color); }
.e-btn-link-danger:active { background-color: var(--link-danger-active-color); border-color: var(--link-danger-active-color); }
.e-btn-dark-primary { background-color: #287cfc; border-color: #287cfc; color: #ffffff; }
.e-btn-dark-primary[disabled] { background-color: #383838 !important; color: #888888 !important; border-color: #383838 !important; }
.e-btn-dark-primary:hover { background-color: #1a5fc8; border-color: #1a5fc8; }
.e-btn-dark-primary:active { background-color: #0244a8; border-color: #0244a8; }
.e-btn.e-btn-dark-outline-secondary { background-color: #1e1e1e !important; border-color: #595959 !important; color: #ffffff !important; }
.e-btn.e-btn-dark-outline-secondary[disabled] { background-color: #383838 !important; color: #888888 !important; border-color: #595959 !important; }
.e-btn.e-btn-dark-outline-secondary:hover { background-color: #383838 !important; border-color: #595959 !important; }
.e-btn.e-btn-dark-outline-secondary:active { background-color: #595959 !important; border-color: #595959 !important; }
.e-btn-floating { min-width: 1px !important; width: var(--btn-size-floating) !important; height: var(--btn-size-floating) !important; padding: 0; overflow: hidden; justify-content: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.e-btn-floating .e-ico { margin: -8px !important; transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); }
.e-btn-singleicon { padding: 0; min-width: 1px; justify-content: center; }
.e-btn-singleicon.e-btn-lg { width: var(--btn-size-lg); }
.e-btn-singleicon.e-btn-sm,
.e-btn-singleicon.e-btn-xs { width: var(--btn-size-sm); }

.e-ico { width: 32px !important; height: 32px !important; }
.e-ico-48 { transform: scale(1.5) !important; -webkit-transform: scale(1.5) !important; -moz-transform: scale(1.5) !important; -ms-transform: scale(1.5) !important; -o-transform: scale(1.5) !important; }
.e-ico-40 { transform: scale(1.25) !important; -webkit-transform: scale(1.25) !important; -moz-transform: scale(1.25) !important; -ms-transform: scale(1.25) !important; -o-transform: scale(1.25) !important; margin: 4px !important; }
.e-ico-32 { transform: scale(1) !important; -webkit-transform: scale(1) !important; -moz-transform: scale(1) !important; -ms-transform: scale(1) !important; -o-transform: scale(1) !important; margin: 0 !important; }
.e-ico-28 { transform: scale(0.875) !important; -webkit-transform: scale(0.875) !important; -moz-transform: scale(0.875) !important; -ms-transform: scale(0.875) !important; -o-transform: scale(0.875) !important; margin: -2px !important; }
.e-ico-24 { transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; -moz-transform: scale(0.75) !important; -ms-transform: scale(0.75) !important; -o-transform: scale(0.75) !important; margin: -4px !important; }
.e-ico-20 { transform: scale(0.625) !important; -webkit-transform: scale(0.625) !important; -moz-transform: scale(0.625) !important; -ms-transform: scale(0.625) !important; -o-transform: scale(0.625) !important; margin: -6px !important; }
.e-ico-16 { transform: scale(0.5) !important; -webkit-transform: scale(0.5) !important; -moz-transform: scale(0.5) !important; -ms-transform: scale(0.5) !important; -o-transform: scale(0.5) !important; margin: -8px !important; }
.e-ico-14,
.e-form-dropdown .e-ico.e-ico-14 { transform: scale(0.4375) !important; -webkit-transform: scale(0.4375) !important; -moz-transform: scale(0.4375) !important; -ms-transform: scale(0.4375) !important; -o-transform: scale(0.4375) !important; margin: -9px !important; }
.e-ico-12,
.e-form-dropdown .e-ico.e-ico-12,
.e-form-dropdown-menu .e-ico.e-ico-12 { transform: scale(0.375) !important; -webkit-transform: scale(0.375) !important; -moz-transform: scale(0.375) !important; -ms-transform: scale(0.375) !important; -o-transform: scale(0.375) !important; margin: -10px !important; }

.e-form-action { display: flex; justify-content: flex-end; margin-top: 16px; }
.e-form-action .e-btn { margin-left: 16px; }
.e-form-action .e-btn:last-child { margin-left: 0; }
.e-form-group { margin-bottom: 16px; position: relative; display: flex; flex-direction: column; align-items: flex-start; }
.e-form-group:last-child { margin-bottom: 0; }
.row .e-form-group { margin-bottom: 16px; }

.e-form-inline { flex-direction: row; align-items: center; }
.e-form-inline .e-form-label { white-space: nowrap; margin-right: 8px; margin-bottom: 0; font-weight: normal; }

.e-form-control { font: var(--txt-body-md) var(--font-family) !important; display: block; width: 100%; height: var(--input-size); color: var(--black-3) !important; background-color: var(--white); padding: 8px; border: solid 1px var(--grey-3); border-radius: 4px !important; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; -ms-border-radius: 4px !important; -o-border-radius: 4px !important; }
.e-form-control[type="time"]::-webkit-calendar-picker-indicator { background: none; }
.e-form-control[type="password"] { font: var(--txt-password) auto !important; letter-spacing: 2px; }

.e-form-select { position: relative; width: 100%; }
.e-form-select select:required:invalid { color:#A7A7A7 !important; }
.e-form-select option[value=""][disabled] { display: none; }
.e-form-select .e-group-icon { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); grid-area: select; z-index: 2; }
.e-form-select select.e-form-control { appearance: none; outline: none; padding-right: 38px !important; z-index: 1; grid-area: select; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.e-form-select select.e-form-control::-ms-expand { display: none; }

.e-form-datepicker { max-width: 180px; }

.e-form-control:hover,
.e-form-control:active,
.e-form-control:focus { border: solid 1px var(--grey-3); }
.e-form-control:disabled,
.e-form-control[readonly] { background-color: var(--grey-2); color: var(--grey-4); }
.e-form-control::-webkit-input-placeholder { color: var(--grey-4); }
.e-form-control:-ms-input-placeholder { color: var(--grey-4); }
.e-form-control::placeholder { color: var(--grey-4); }

.e-form-success .e-form-control { border-color: var(--success); }
.e-form-danger .e-form-control,
.e-form-danger .e-form-upload { border-color: var(--danger); }
.e-form-danger .e-form-text { color: var(--danger); }

.e-form-text { font: var(--txt-body-sm) var(--font-family); padding: 0 8px; padding-top: 0; padding-bottom: 0; display: block; margin-top: 4px; }
.e-input-group { position: relative; display: flex; width: 100%; }
.e-input-group-ico-right .e-group-icon { position: absolute; right: 1px; margin: 0 8px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.e-input-group-ico-right .e-form-control { padding-right: 46px; }
.e-input-group-ico-left .e-group-icon { position: absolute; left: 1px; margin: 0 4px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.e-input-group-ico-left .e-form-control { padding-left: 32px; }
.e-input-group .e-group-icon .e-ico { margin: -4px; transform: scale(0.75); -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); }
.e-group-icon { display: flex; justify-content: center; align-items: center; }
.e-input-has-clear .e-form-control { padding-right: var(--input-group-ico-right-space); }
.e-input-has-clear .e-btn-clear { position: absolute; right: 1px; left: inherit; background-color: transparent; height: auto; padding: 0; margin: 0 4px; border: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.e-form-label { font: bold var(--txt-body-md) var(--font-family); margin-bottom: 4px; display: block; }
.e-form-textarea { min-height: var(--textarea-size); resize: vertical; }
.e-form-textarea textarea { display: block; }
.e-input-group-append .e-form-control { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
.e-input-group-append .e-btn { min-width: 0; width: 44px; padding: 0; height: var(--input-size); border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; border-left: 0 !important; border-radius: 4px; border: solid 1px #d8d8d8; background-color: #eff2f4; justify-content: center; }

.e-form-upload { width: 100%; border-radius: 4px; border: dashed 1px var(--primary); background-color: var(--grey-1); position: relative; padding: 8px; display: flex; justify-content: center; align-items: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.e-form-upload:active, button.e-form-upload:active { opacity: 1 !important; }
.e-form-upload input { position: absolute; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer !important; opacity: 0; z-index: 2; }
.e-form-upload .e-group-icon { width: 40px; height: 40px; margin-right: 4px; }
.e-form-upload .e-ico { transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); }
.e-form-upload-content { text-align: left; }
.e-form-upload-label { font: var(--txt-body-md) var(--font-family); color: #1e1e1e; }
.e-form-upload-type { font: 12px/16px var(--font-family); color: #888888; }
.e-form-upload.e-form-upload-sm { max-width: 110px; flex-direction: column; }
.e-form-upload.e-form-upload-sm .e-group-icon { width: 32px; height: 32px; margin: 0; }

.e-form-group-readonly { margin-bottom: 20px; }
.e-form-title { font: var(--txt-body-sm) var(--font-family); color: var(--grey-5); margin-bottom: 0; }
.e-form-desc { font: var(--txt-body-md) var(--font-family); color: var(--black-3); }

.e-form-checkbox,
.e-form-radio,
.e-form-radiotext { display: inline-flex; position: relative; padding: 5px; }
.e-form-group .e-form-checkbox,
.e-form-group .e-form-radio { padding: 0; align-items: center; }
.e-form-group .e-form-checkbox .e-form-checkbox-icon,
.e-form-group .e-form-radio .e-form-radio-icon { margin: 3px; }
.e-form-radio-label,
.e-form-checkbox-label { margin-left: 4px; }
.e-form-checkbox input,
.e-form-radio input,
.e-form-radiotext input { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; opacity: 0; cursor: pointer; margin: 0; }
.e-form-checkbox input:disabled,
.e-form-radio input:disabled,
.e-form-radiotext input:disabled { cursor: not-allowed; }
.e-form-radiotext input:disabled~.e-form-radiotext-icon .e-group-icon { color: var(--grey-3); }
.e-form-checkbox input:checked~.e-form-checkbox-icon .e-form-checkbox-box,
.e-form-radio input:checked~.e-form-radio-icon .e-form-radio-box,
.e-form-radiotext input:checked~.e-form-radiotext-icon .e-form-radiotext-box { background-color: var(--primary) !important; border-color: var(--primary) !important; }
.e-form-radiotext input:checked~.e-form-radiotext-icon .e-group-icon { color: var(--white); }
.e-form-checkbox input:checked~.e-form-checkbox-icon .e-ico,
.e-form-radio input:checked~.e-form-radio-icon .e-ico,
.e-form-radiotext input:checked~.e-form-radiotext-icon .e-ico { visibility: visible; }
.e-form-checkbox input:checked:disabled~.e-form-checkbox-icon,
.e-form-radio input:checked:disabled~.e-form-radio-icon,
.e-form-radiotext input:checked:disabled~.e-form-radiotext-icon { opacity: 0.3; }
.e-form-checkbox-box,
.e-form-radio-box,
.e-form-radiotext-box { width: 18px; height: 18px; border: solid 1px var(--grey-4); background-color: var(--white); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.e-form-radio-box { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.e-form-checkbox .e-group-icon,
.e-form-radio .e-group-icon,
.e-form-radiotext .e-group-icon { position: absolute; top: 50%; left: 50%; font: var(--txt-body-sm); font-weight: bold; color: var(--grey-5); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.e-form-checkbox .e-form-checkbox-icon .e-ico,
.e-form-radio .e-form-radio-icon .e-ico,
.e-form-radiotext .e-ico { transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); margin: -4.5px; visibility: hidden; }
.e-form-checkbox input:disabled~.e-form-checkbox-icon .e-form-checkbox-box,
.e-form-radio input:disabled~.e-form-radio-icon .e-form-radio-box,
.e-form-radiotext input:disabled~.e-form-radiotext-icon .e-form-radiotext-box { border: solid 1px var(--grey-3); background-color: var(--grey-1); }
.e-form-radio .e-group-icon { width: 15px; height: 15px; border: 2px solid var(--white); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: none; }
.e-form-radio input:checked~.e-form-radio-icon .e-group-icon { display: block; }
.e-form-radio-label { margin-left: 4px; }
.e-form-radio-icon,
.e-form-checkbox-icon { position: relative; }
.e-form-radio-icon { display: flex; align-items: center;}

.e-input-autocomplete + .e-form-dropdown-menu { margin-top: var(--input-size); }
.e-input-autocomplete + .e-form-dropdown-menu .e-form-dropdown-menu-heading { border-bottom: 1px solid var(--line-primary); padding: 8px; padding-top: 10px; color: var(--black-3); font: bold var(--txt-body-md) var(--font-family); }
.e-input-autocomplete + .e-form-dropdown-menu .e-dropdown-clear a { color: var(--black-1); font: bold var(--txt-body-sm) var(--font-family); }

.e-form-dropdown-menu-item.e-list-item { min-height: 0; border: 0; }
.e-form-dropdown-menu-item.e-list-item .e-list-img { padding: 0; padding-left: 8px; }
.e-form-dropdown-menu-item.e-list-innerline .e-list-content { padding-top: 6px; padding-bottom: 6px; }
.e-form-dropdown-menu-item.active { background-color: var(--primary-hover); }
.e-input-autocomplete + .e-form-dropdown-menu .e-list-item .e-ico { margin: -6px !important; transform: scale(0.625) !important; -webkit-transform: scale(0.625) !important; -moz-transform: scale(0.625) !important; -ms-transform: scale(0.625) !important; -o-transform: scale(0.625) !important; }
.e-list-item .e-list-left.e-list-icon { flex-grow: 0; overflow: unset; width: auto; }
.e-list-item .e-list-column { display: flex; flex-direction: column; align-items: flex-start; }

.e-form-dropdown-select { display: flex; align-items: center; width: 100%; }
.e-form-dropdown-select .e-form-control { padding: 8px; padding-right: 42px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.e-form-dropdown-select .e-dropdown-arrow { margin-right: 8px; position: absolute; right: 0; }

.e-form-dropdown { font: var(--txt-body-md); top: unset; right: unset; left: unset; width: 100%; }
.e-form-dropdown .e-btn > span { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; text-align: left; }
.e-form-dropdown .e-btn { display: flex; justify-content: space-between; flex-direction: row; text-overflow: ellipsis; }
.e-form-dropdown-text { text-align: left; flex-grow: 1; }
.e-form-dropdown .e-avatar { margin-right: 8px; }
.e-form-dropdown .e-form-control:disabled,
.e-form-dropdown .e-form-control[readonly] { color: var(--grey-4) !important; }
.e-form-dropdown .e-form-control:disabled .e-avatar,
.e-form-dropdown .e-form-control[readonly] .e-avatar { opacity: 0.6; }
.e-form-dropdown .e-ico { transform: scale(0.625) !important; -webkit-transform: scale(0.625) !important; -moz-transform: scale(0.625) !important; -ms-transform: scale(0.625) !important; -o-transform: scale(0.625) !important; margin: -6px !important; }
.e-form-dropdown .e-ico.e-ico-16 { transform: scale(0.5) !important; -webkit-transform: scale(0.5) !important; -moz-transform: scale(0.5) !important; -ms-transform: scale(0.5) !important; -o-transform: scale(0.5) !important; margin: -8px !important; }
.e-form-dropdown .e-btn-icon { margin-left: 8px; }

.e-form-dropdown-menu { width: 100%; border-radius: 4px; margin: 0; padding: 0; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); border: solid 1px var(--line-primary); background-color: var(--white); right: unset; left: unset; top: unset; overflow: auto; overflow-x: hidden; max-height: 240px; min-width: 100px; }
.e-form-dropdown-menu .e-avatar { margin-top: -2px; margin-bottom: -2px; }
.e-form-dropdown-menu-item { padding: 10px 8px; cursor: pointer; font: var(--txt-body-md) var(--font-family); display: flex; align-items: center; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.e-form-dropdown-menu-item.e-ellipsis { display: block; white-space: nowrap; }
.e-form-dropdown-menu-item.e-form-dropdown-menu-search:hover { background-color: transparent !important; cursor: default; }
.e-form-dropdown-menu-item:hover { background-color: var(--primary-hover); }
.e-form-dropdown-menu-item .e-dropdown-icon { margin-right: 10px; }
.e-form-dropdown-menu-item .e-btn-icon { margin: 0; }
.e-dropdown-label { text-align: left; flex-grow: 1; }
.e-form-dropdown-menu-item .e-ico { margin: -4px !important; transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; -moz-transform: scale(0.75) !important; -ms-transform: scale(0.75) !important; -o-transform: scale(0.75) !important; }
.e-form-dropdown.e-dropdown .e-form-dropdown-menu { width: fit-content; min-width: 100px; max-width: 200px; }
.e-form-dropdown.e-dropdown .e-form-dropdown-menu-item { padding: 4px 10px; }
.e-form-dropdown.e-dropdown .e-form-dropdown-menu-item:first-child { margin-top: 4px; }
.e-form-dropdown.e-dropdown .e-form-dropdown-menu-item:last-child { margin-bottom: 4px; }
.e-form-dropdown-menu-heading { font: var(--txt-body-sm) var(--font-family); color: var(--grey-4); font-weight: bold; padding: 12px; padding-bottom: 4px; display: flex; }
.e-dropdown-clear { margin-left: auto; padding-left: 8px; }

.e-form-switch { position: relative; display: inline-flex !important; width: 36px !important; height: 20px !important; overflow: hidden; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.e-form-switch input { opacity: 0; position: absolute; width: 100% !important; height: 100% !important; display: block !important; margin: 0; z-index: 1; cursor: pointer; }
.e-form-switch-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--grey-4); }
.e-form-switch-slider:before { position: absolute; content: ""; height: 16px; width: 16px; margin: 2px; background-color: var(--white); -webkit-transition: all 0.4s; transition: all 0.4s; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; }
.e-form-switch input:checked+.e-form-switch-slider { background-color: var(--primary) !important; }
.e-form-switch input:disabled+.e-form-switch-slider { background-color: var(--grey-3); }
.e-form-switch input:disabled:checked+.e-form-switch-slider { opacity: 0.3; }
.e-form-switch input:checked+.e-form-switch-slider:before { -webkit-transform: translateX(16px); -ms-transform: translateX(16px); transform: translateX(16px); -moz-transform: translateX(16px); -o-transform: translateX(16px); }

.e-form-datepicker .bootstrap-datetimepicker-widget.dropdown-menu { top: 30px; max-width: 343px !important; min-width: 280px !important; width: 100% !important; padding: 0; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; margin: 0; }
.e-form-datepicker .bootstrap-datetimepicker-widget [data-action="close"] { width: 32px; height: 32px; margin: 4px; display: flex; padding: 0; margin-left: auto; }
.e-form-datepicker .bootstrap-datetimepicker-widget [data-action="close"] .e-ico { margin: 0 !important; }
.e-form-datepicker .bootstrap-datetimepicker-widget ul { display: flex; flex-direction: column; }
.e-form-datepicker .bootstrap-datetimepicker-widget ul li.picker-switch { order: -1; }
.e-form-datepicker .bootstrap-datetimepicker-widget th.picker-switch { font: bold var(--txt-body-lg) var(--font-family) !important; height: auto; text-align: center; width: auto; margin: 0 26px; }
.e-form-datepicker .bootstrap-datetimepicker-widget thead [data-action] { display: flex; align-items: center; padding: 0; justify-content: center; min-width: 24px; }
.e-form-datepicker .bootstrap-datetimepicker-widget thead tr:first-child { display: flex; justify-content: center; position: absolute; align-items: center; width: 100%; z-index: 1; }
.e-form-datepicker .bootstrap-datetimepicker-widget thead th { line-height: normal; height: auto; }
.e-form-datepicker .bootstrap-datetimepicker-widget thead [data-action] span { margin: -4px; transform: scale(0.75); -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); }
.e-form-datepicker .bootstrap-datetimepicker-widget thead tr:nth-child(2) { margin-top: 24px; }
.e-form-datepicker .bootstrap-datetimepicker-widget thead th.dow { padding-top: 40px !important; color: var(--grey-5); font: var(--txt-body-sm) var(--font-family); padding-bottom: 10px; }
.e-form-datepicker .bootstrap-datetimepicker-widget table tbody tr:first-child { border-top: 1px solid transparent; }
.e-form-datepicker .bootstrap-datetimepicker-widget table tbody tr { border-top: 1px solid var(--line-primary); }
.e-form-datepicker .bootstrap-datetimepicker-widget table td.day { height: 40px; font: var(--txt-body-md) var(--font-family); border-bottom: 0 !important; }
.e-form-datepicker .bootstrap-datetimepicker-widget table td.day.new,
.e-form-datepicker .bootstrap-datetimepicker-widget table td.day.old { opacity: 0.4; }
.e-form-datepicker .bootstrap-datetimepicker-widget table td.active,
.e-form-datepicker .bootstrap-datetimepicker-widget table td.active:hover { background-color: transparent !important; }
.e-form-datepicker .bootstrap-datetimepicker-widget table td.active::after { width: 28px; height: 28px; margin-top: -1px; background-color: var(--danger); content: ""; position: absolute; z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.e-form-datepicker .bootstrap-datetimepicker-widget table td.active,
.e-form-datepicker .bootstrap-datetimepicker-widget table td.active:hover { text-shadow: none !important; line-height: 28px; }
.e-form-datepicker .bootstrap-datetimepicker-widget.dropdown-menu.top:after,
.e-form-datepicker .bootstrap-datetimepicker-widget.dropdown-menu.top::before { display: none; }
.e-form-datepicker .bootstrap-datetimepicker-widget.dropdown-menu.top { bottom: var(--input-size) !important; }
.e-form-datepicker .bootstrap-datetimepicker-widget.dropdown-menu.bottom { top: var(--input-size) !important; }

.e-avatar { border: solid 1px rgba(216, 216, 216, 0.5); background-color: #9bb8d9; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; color: var(--white); font-weight: bold; overflow: hidden; }
.e-avatar img { width: 100%; height: 100%; }
.e-avatar-1 { width: var(--avatar-1); height: var(--avatar-1); font-size: var(--avatar-1-text); }
.e-avatar-2 { width: var(--avatar-2); height: var(--avatar-2); font-size: var(--avatar-2-text); }
.e-avatar-3 { width: var(--avatar-3); height: var(--avatar-3); font-size: var(--avatar-3-text); }
.e-avatar-4 { width: var(--avatar-4); height: var(--avatar-4); font-size: var(--avatar-4-text); }
.e-avatar-5 { width: var(--avatar-5); height: var(--avatar-5); font-size: var(--avatar-5-text); }
.e-avatar-6 { width: var(--avatar-6); height: var(--avatar-6); font-size: var(--avatar-6-text); }
.e-avatar-7 { width: var(--avatar-7); height: var(--avatar-7); font-size: var(--avatar-7-text); }

.e-tabs-group { overflow: auto; background-color: var(--white); }
.e-tabs { background-color: var(--white); font: bold var(--txt-body-md) var(--font-family); display: flex; padding: 8px 16px; border-bottom: 1px solid var(--line-primary); position: relative; overflow: auto; }
.e-tabs-item { margin-right: 4px; }
.e-tabs-item:last-child { margin-right: 0; }
.e-tabs-link { padding: 2px 12px !important; cursor: pointer; color: var(--grey-5); position: relative; white-space: pre; display: flex !important; text-decoration: none !important; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; }
.e-tabs-link.active,
.e-tabs-item.active .e-tabs-link { background-color: var(--primary) !important; color: var(--white) !important; }
.e-tabs-link:hover,
.e-tabs-item:hover .e-tabs-link { background-color: var(--grey-1); color: var(--grey-5); }
.e-tabs-link:active,
.e-tabs-item:active .e-tabs-link { background-color: var(--grey-3); color: var(--grey-5); }
.e-tabs-line .e-tabs-item { margin-right: 24px; }
.e-tabs-line .e-tabs-link { padding: 2px 4px; background-color: transparent; }
.e-tabs-line .e-tabs-link:hover,
.e-tabs-line .e-tabs-item:hover .e-tabs-link { color: var(--grey-4); }
.e-tabs-line .e-tabs-link.active,
.e-tabs-line .e-tabs-item.active .e-tabs-link { background-color: transparent !important; color: var(--primary) !important; }
.e-tabs-line .e-tabs-link.active::after,
.e-tabs-line .e-tabs-item.active .e-tabs-link::after { content: ''; width: 100%; height: 2px; position: absolute; bottom: 4px; display: block; background-color: var(--primary); left: 0; bottom: -8px; }

.tooltip-inner { font: var(--txt-body-sm) var(--font-family); color: var(--white); border-radius: 4px; background-color: var(--black-3); padding: 8px; }
.e-tooltip[data-toggle="tooltip"] { display: inline-flex; position: relative; }
.e-tooltip[data-toggle="tooltip"]::before { content: ''; width: 0; height: 0; border-style: solid; position: absolute; transform: translateY(-50%); top: 50%; display: none; }
.e-tooltip[data-toggle="tooltip"]::after { content: attr(data-tooltips-text); position: absolute; font: var(--txt-body-sm) var(--font-family); color: var(--white); border-radius: 4px; background-color: var(--black-3); padding: 8px; max-width: 180px; width: max-content; transform: translateY(-50%); top: 50%; display: none; }
.e-tooltip[data-toggle="tooltip"]:hover::before,
.e-tooltip[data-toggle="tooltip"]:hover::after { display: block; }
.e-tooltip[data-toggle="tooltip"][data-placement="right"]::before { border-width: 8px 8px 8px 0; border-color: transparent var(--black-3) transparent transparent; margin-left: 100%; }
.e-tooltip[data-toggle="tooltip"][data-placement="right"]::after { margin-left: calc(100% + 8px); }

.e-text-bold { font-weight: bold !important; }
.e-ellipsis { display: block !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-word; }
.e-ellipsis.e-ellipsis-2-line { display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: inherit; }
.e-ellipsis[style*="none"],
.e-ellipsis:empty { display: none !important; }

.e-list-item { background-color: var(--white); padding: 8px; border-bottom: 1px solid var(--line-primary); min-height: 40px; display: flex; justify-content: center; flex-direction: column; font: var(--txt-body-md) var(--font-family); color: var(--black-3); position: relative; }
.e-list-item.e-pointer:hover { background-color: var(--hover); }
.e-list-row-md { min-height: 48px; }
.e-list-item:last-child { border-bottom: 0; }
.e-badge { min-width: 18px; padding: 0 6px !important; height: 18px; font: bold var(--txt-body-sm) var(--font-family); color: var(--white); background-color: var(--danger); display: flex; align-items: center; justify-content: center; position: relative !important; top: 0 !important; left: 0 !important; right: 0 !important; transform: none !important; border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; -o-border-radius: 9px; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; }
.e-badge.e-badge-txt { color: var(--grey-5); font: normal var(--txt-body-md) var(--font-family); background-color: transparent; padding: 0 !important; min-width: 1px; height: auto; }
.e-list-item .e-badge { margin-right: 4px; }
.e-list-body { color: var(--grey-5) !important; }
.e-list-body-small { font: var(--txt-body-sm) var(--font-family) !important; width: 100% !important; }
.e-list-right { display: flex; align-items: center; }
.e-list-md { padding-left: 16px; padding-right: 10px; }
.e-list-md .e-list-content { padding-right: 16px !important; }
.e-list-md.e-list-arrow .e-list-content { padding-right: 0 !important; }
.e-list-arrow { padding-right: 4px; }
.e-list-md.e-list-arrow { padding-right: 10px; }
.e-list-md .e-list-img:first-child,
.e-list-md .editzone + .e-list-img { padding-left: 16px; }
.e-list-item-group[style*="display: block; "] { display: flex !important; }
.e-list-item-group { flex-direction: row; justify-content: space-between; align-items: center; }
.e-list-item-group .e-btn { min-width: 52px; padding: 0 8px; white-space: nowrap; }
.e-list-left { margin-right: 16px; flex-grow: 1; width: 100%; overflow: hidden; }
.e-list-content { flex-grow: 1; margin-left: 8px; display: flex; align-items: center; }
.e-list-content.e-list-content-align-top { align-items: flex-start; }
.e-list-head { display: flex; flex-wrap: wrap; }
.e-list-innerline { border-bottom: 0; align-items: stretch; padding: 0; }
.e-list-innerline .e-list-content { padding: 8px; padding-left: 0; border-bottom: 1px solid var(--line-primary); overflow: hidden; }
.e-list-innerline.e-list-arrow .e-list-content { padding-right: 4px !important; }
.e-list-innerline.e-list-arrow.e-list-md .e-list-content { padding-right: 10px !important; }
.e-list-innerline.e-list-arrow.e-list-md { padding-right: 0 !important; }
.e-list-innerline:last-child .e-list-content { border-bottom: 0; }
.e-list-img { display: flex; align-items: center; padding: 8px; padding-right: 0; }
.e-list-img+.e-list-img { margin-right: 4px; }
.e-listgroup-heading { background-color: var(--grey-3); padding: 4px 8px; font: var(--txt-body-sm) var(--font-family); }

.e-list-checkbox { cursor: pointer; }
.e-list-checkbox .e-list-content { margin-left: 4px; }
.e-list-checkbox .e-list-left { margin-right: 8px; flex-grow: 1; }
.e-list-checkbox .e-form-radio,
.e-list-checkbox .e-form-checkbox { position: unset; }

.e-listgroup-icon { padding: 12px; background-color: #ffffff; overflow: auto; overflow-y: hidden; box-shadow: 0 0 10px 1px rgba(30, 30, 30, 0.1); flex-direction: row; display: flex; }
.e-listgroup-icon .e-list-item { padding: 0; margin-right: 16px; width: 48px; border-bottom: 0; }
.e-list-avatar-name { font: var(--txt-body-sm) var(--font-family); color: var(--black-1); margin-top: 2px; text-align: center; }
.e-listgroup-icon .e-ico { position: absolute; top: -4px; right: -4px; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }

.e-list-video .e-list-img { padding-left: 12px; }
.e-list-video .e-list-content { padding-right: 12px; }
.e-list-video.e-list-md .e-list-img { padding-left: 16px !important; }
.e-list-video.e-list-md .e-list-img + .e-list-img { padding-left: 4px !important; }
.e-list-video.e-list-md .e-list-content { padding-right: 16px !important; }
.e-list-video .e-video { width: 110px; height: 66px; background-color: #9bb8d9; position: relative; border: solid 1px rgba(216, 216, 216, 0.5); }
.e-list-video .e-video img { width: 100%; height: 100%; object-fit: cover; }
.e-list-video .e-list-left { margin-right: 0; }
.e-list-video .e-video .e-btn-icon { cursor: pointer; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.e-list-video .e-video .e-btn-icon .e-ico { margin: 0; transform: scale(1.25); -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25); }
.e-list-foot { font: var(--txt-body-sm) var(--font-family); margin-top: 4px; color: var(--grey-5); }

.e-message-panel-input { background-color: var(--white); padding: 12px; display: flex; align-items: center; box-shadow: 0 0 10px 1px rgba(30, 30, 30, 0.1); }
.e-message-panel-input .e-form-group { margin-bottom: 0 !important; }
.e-message-panel-action-left { display: flex; }
.e-message-panel-action-right { display: flex; }
.e-message-panel-action.e-message-panel-action-left .e-btn-icon { margin-right: 12px; }
.e-message-panel-action.e-message-panel-action-right .e-btn-icon { margin-left: 12px; }
.e-message-panel-action .e-btn-icon .e-ico { margin: -4px; transform: scale(0.75); -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); }
.e-message-panel-input .e-form-group { flex-grow: 1; }
.e-message-panel-input .e-form-textarea { width: 100%; height: 36px; min-height: 1px; resize: none; padding: 8px 12px; border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px; -ms-border-radius: 18px; -o-border-radius: 18px; }
.e-message-panel-input-1 { box-shadow: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
.e-message-panel-input-1 .e-form-textarea { border: 0; height: 20px; padding: 0; }

.e-alertmsg { display: flex; padding: 8px; border-radius: 4px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); background-color: var(--alert-primary); color: var(--white); max-width: 300px; }
.e-alertmsg-icon { margin-right: 4px; }
.e-alertmsg-icon .e-ico { margin: -4px; transform: scale(0.75); -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); }
.e-alertmsg-content { margin-left: 4px; flex-grow: 1; font: var(--txt-body-md) var(--font-family); }
.e-alertmsg-desc { font: var(--txt-body-sm) var(--font-family); }
.e-alertmsg-close { margin-left: 8px; }
.e-alertmsg-close .e-ico { margin: -4px; transform: scale(0.75); -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); }
.e-alertmsg .e-alertmsg-pregress { max-width: 220px; margin-top: 6px; }
.e-alertmsg-downloading { padding: 8px; padding-bottom: 20px; }
.e-alertmsg-pregress { padding: 2px; background-color: var(--white); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.e-alertmsg-pregress-bar { height: 4px; border-radius: 2px; background-color: var(--secondary); width: 0; transition: width 0.3s ease-in-out; -webkit-transition: width 0.3s ease-in-out; -moz-transition: width 0.3s ease-in-out; -ms-transition: width 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out; }

.e-modal { text-align: left !important; }
.e-modal-main.in { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.e-modal .modal-dialog { max-width: 360px !important; width: 100%; }
.e-modal .modal-content { border-radius: 4px; box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15); background-color: var(--white); border: 0; padding: 0 !important; }
.e-modal-body { padding: 8px; padding-bottom: 0; font: var(--txt-body-md) var(--font-family); overflow: hidden; }
.e-modal-footer { padding: 20px 24px; padding-top: 24px; border: 0; display: flex; justify-content: flex-end; }
.e-modal-footer .e-btn { margin-left: 16px; padding: 0 8px; min-width: 62px; }
.e-modal-header { padding: 20px 24px; padding-bottom: 0; font: var(--txt-body-lg) var(--font-family); font-weight: bold; margin: 0 !important; }
.e-modal-header+.e-modal-body { padding-top: 16px; }
.e-modal-footer-column { flex-direction: column; }
.e-modal-footer-column .e-btn { width: 100%; margin: 0; margin-bottom: 12px; justify-content: center; }
.e-modal-footer-column .e-btn:last-child { margin-bottom: 0; }
.e-modal .e-form-group:last-child { margin-bottom: 0; }
.e-modal .e-form-label { font: var(--txt-body-md) var(--font-family); font-weight: bold; }
.e-modal-close { padding: 4px; padding-bottom: 0; display: flex; justify-content: flex-end; }
.e-modal-close+.e-modal-header { padding-top: 0; padding-bottom: 16px; }
.e-modal-close~.e-modal-body { padding-bottom: 20px; padding-top: 0; }
.e-modal .e-navbar-secondary { font: bold var(--txt-nav-sm) var(--font-family); min-height: 44px; padding-left: 12px; padding-right: 12px; }
.e-modal .e-navbar-secondary .e-ico { margin: -4px; transform: scale(0.75); -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); }
.e-modal .e-navbar-text { margin-left: 4px; }
.e-modal .e-footbar.e-footbar-singlebtn .e-btn { width: 140px; }
.e-modal .e-footbar .e-btn { margin-left: 16px; padding: 0 8px; }
.e-modal .e-footbar-left { margin-right: auto; }
.e-modal .e-footbar-left .e-btn { margin-left: 0; margin-right: 16px; }
.e-modal .e-navbar .e-btn { min-width: 62px; padding: 0 8px; }
.e-modal .e-navbar-tab { margin-top: 8px !important; }
.e-modal .e-navbar-tab .e-tabs-link { padding: 2px 12px; }
.e-modal .e-navbar-search { padding-bottom: 8px; background-color: #ffffff; }
.e-modal .e-navbar-search:first-child { padding-top: 8px; }
.e-modal .e-navbar-search-right { margin-left: 8px; }
.e-modal.modal.in { display: block !important; }
.e-modal.modal .modal-dialog { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) !important; -webkit-transform: translate(-50%,-50%) !important; -moz-transform: translate(-50%,-50%) !important; -ms-transform: translate(-50%,-50%) !important; -o-transform: translate(-50%,-50%) !important; }
.e-modal.e-modal-right .modal-dialog { top: 0; right: 0; left: unset; transform: none !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; }
.e-modal.e-modal-confirmdialog.in { justify-content: center; align-items: center; }
.e-modal-main .modal-dialog { max-width: 460px !important; overflow: hidden; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; height: 560px; }
.e-modal-main .modal-dialog .modal-content { height: 100%; display: flex; flex-direction: column; }
.e-modal-main .e-navbar { margin-bottom: 0; position: relative; z-index: 1; }
.e-modal-main .e-modal-body { padding: 8px; background-color: var(--bg-default); position: relative; z-index: 0; flex-grow: 1; overflow: auto; overflow-x: hidden; }
.e-modal-main .e-listgroup { margin-bottom: 0; }
.e-modal-main .e-navbar-tab .e-tabs { margin-bottom: 0; }
.e-modal-body-container { overflow: hidden; border: solid 1px var(--line-primary); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.e-modal-right { justify-content: flex-end !important; }
.e-modal-right .modal-dialog { margin: 0; max-width: 640px !important; height: 100% !important; border-radius: 0 !important; }

.e-dialog { padding: 16px; opacity: 0.85; border-radius: 4px; -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.3); background-color: var(--black-2); color: var(--white); text-align: center; display: inline-flex; flex-direction: column; align-items: center; font: var(--txt-h2) var(--font-family); }
.e-dialog-icon { width: 56px; height: 56px; margin-bottom: 8px; }

.e-emptystate { display: inline-flex; flex-direction: column; align-items: center; text-align: center; font: var(--txt-body-md) var(--font-family); }
.e-emptystate-icon { width: 96px; height: 96px; margin-bottom: 8px; }
.e-emptystate-title { font-weight: bold; color: var(--black-3); margin-bottom: 4px; }
.e-emptystate-text { font: var(--txt-body-md) var(--font-family); color: var(--grey-5); }

.e-header { background-color: var(--white); border-bottom: 1px solid var(--line-primary); }
.e-header-primary,
.e-header-secondary,
.e-header-teritary { padding: 0 12px; height: 40px; display: flex; justify-content: space-between; align-items: center; color: var(--primary); font: var(--txt-h2) var(--font-family); font-weight: bold; }
.e-header .e-navbar-search { padding-top: 0; }
.e-header-action { display: flex; }
.e-header-action .e-btn-icon { margin-left: 12px; }
.e-header-action-left .e-btn-icon { margin-right: 12px; margin-left: 0; }
.e-header-action .e-ico { margin: -4px !important; transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; -moz-transform: scale(0.75) !important; -ms-transform: scale(0.75) !important; -o-transform: scale(0.75) !important; }
.e-header-title { flex-grow: 1; }
.e-header-secondary,
.e-header-teritary { font: bold var(--txt-body-lg) var(--font-family); min-height: 48px; padding: 12px; height: auto; }
.e-header-teritary { color: var(--black-3); padding: 6px 12px; }

.e-navbar { box-shadow: 0 0 10px 1px rgba(30, 30, 30, 0.1); background-color: var(--white); }
.e-navbar-primary { padding: 4px 16px; padding-right: 0; color: var(--primary); display: flex; align-items: center; justify-content: space-between; align-items: center; font: var(--txt-nav-lg) var(--font-family); font-weight: bold; }
.e-navbar-primary .e-ico { margin: 8px; }
.e-navbar-action { display: flex; }
.e-navbar-search { padding: 12px; display: flex; align-items: center; }
.e-navbar-primary+.e-navbar-search { padding-top: 0; }
.e-navbar-search .e-form-group { margin-bottom: 0 !important; flex-grow: 1; }
.e-navbar-search .e-form-control { background-color: var(--bg-default); font: var(--txt-body-md) var(--font-family); height: 32px; border: 0; }
.e-navbar-secondary { padding: 4px 0; padding-left: 4px; color: var(--black-3); display: flex; align-items: center; justify-content: space-between; align-items: center; font: var(--txt-nav-md) var(--font-family); font-weight: bold; }
.e-navbar-secondary+.e-navbar-search { padding-top: 0; }
.e-navbar-secondary .e-ico { margin: 8px; }
.e-navbar-text { flex-grow: 1; }

.e-navbar-tab .e-tabs { padding-top: 0; }
.e-navbar-tab .e-tabs-link { padding: 6px 12px; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; }

.e-navbar-search-right { margin-left: 20px; font: var(--txt-h2) var(--font-family); }
.e-navbar-right { display: flex; align-items: center; margin-left: 16px; }
.e-navbar-right .e-text-link { margin-right: 8px; font-weight: normal; }

.e-navbar .e-avatar { margin-right: 8px; }
.e-navbar-title { font: var(--txt-h2) var(--font-family); line-height: 22px; margin-bottom: 3px; }
.e-navbar-desc { font: var(--txt-body-sm) var(--font-family); color: var(--grey-5); }
.e-navbar-group-title { display: flex; }
.e-navbar-text .e-group-icon { display: inline-flex; margin-left: 4px; }
.e-navbar-text .e-ico { margin: -10px; opacity: 0.6; transform: scale(0.375); -webkit-transform: scale(0.375); -moz-transform: scale(0.375); -ms-transform: scale(0.375); -o-transform: scale(0.375); }

.e-footbar { height: 48px; box-shadow: 0 0 10px 1px rgba(30, 30, 30, 0.1); position: relative; z-index: 1; padding: 8px 16px; display: flex; justify-content: flex-end; align-items: center; }

/* Page Heading */
.e-pageheading { box-shadow: none; position: sticky; top: 0; z-index: 9; border-bottom: 1px solid var(--line-primary); }
.e-pageheading .e-navbar-secondary { font: bold var(--txt-title-md) var(--font-family); min-height: 48px; }
.e-pageheading .e-navbar-secondary .e-ico { margin: -4px; transform: scale(0.75); -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); }
.e-pageheading .e-navbar-tab .e-tabs-link { padding: 2px 12px; }
.e-pageheading .e-navbar-search { padding-bottom: 8px; }
.e-pageheading .e-navbar-search + .e-navbar-tab { margin-top: 8px; }
.e-pageheading .e-navbar-search:last-child { padding-bottom: 8px; }
.e-pageheading .e-navbar-secondary .e-navbar-right .e-btn:not { padding: 0 9px; min-width: 62px; }
.e-navbar-left { display: flex; align-items: center; }
.e-pageheading.e-pageheading-md .e-navbar-secondary .e-navbar-left .e-btn-icon,
.e-pageheading.e-pageheading-md .e-navbar-secondary .e-navbar-left .e-btn { margin-left: 8px; margin-right: 4px; }
.e-pageheading.e-pageheading-md .e-navbar-secondary .e-navbar-right > .e-btn-icon,
.e-pageheading.e-pageheading-md .e-navbar-secondary .e-navbar-right .e-btn { margin-right: 12px; }
.e-pageheading .e-navbar-secondary .e-navbar-right .e-btn.e-btn-groupicon-right { padding-right: 4.5px; }
.e-pageheading.e-pageheading-md .e-navbar-search { padding: 16px; padding-top: 0; }
.e-pageheading.e-pageheading-sm .e-navbar-secondary .e-navbar-left .e-btn-icon { margin-left: 4px; margin-right: 4px; }
.e-pageheading.e-pageheading-sm .e-navbar-secondary .e-navbar-right .e-btn-icon { margin-right: 12px; }
.e-pageheading.e-pageheading-sm .e-navbar-secondary .e-navbar-right .e-btn-icon:last-child,
.e-pageheading.e-pageheading-sm .e-navbar-secondary .e-navbar-right .e-btn { margin-right: 8px; }
.e-pageheading .e-tabs { border-bottom: 0; }

.e-media { position: relative; }
.e-media-16x9 { padding-top: 56.25%; }
.e-media-item { top: 0; left: 0; width: 100%; height: 100%; position: absolute; display: flex; align-items: center; justify-content: center; background-color: #7e9fc5; }
.e-media-file { display: flex; justify-content: center; align-items: center; width: 64px; height: 64px; background-color: #ffffff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.e-media-file .e-ico { transform: scale(1.375); -webkit-transform: scale(1.375); -moz-transform: scale(1.375); -ms-transform: scale(1.375); -o-transform: scale(1.375); }

.e-card { border-radius: 4px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); background-color: #ffffff; overflow: hidden; display: flex; }
.e-card:not(.e-list-item) { flex-direction: column; }
.e-card-content { padding: 8px; font: var(--txt-body-sm) var(--font-family); flex-grow: 1; }
.e-card-title { color: var(--black-3); margin-bottom: 2px; }
.e-card-desc { color: var(--grey-5); }

.e-card .e-group-tag { margin-top: 10px; }
.e-group-tag .e-tag { margin-right: 4px; }
.e-tag { display: inline-flex; justify-content: center; align-items: center; font: var(--txt-body-xxs) var(--font-family); font-weight: bold; background-color: var(--grey-2); padding: 0 4px; height: 14px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; }
.e-tag-danger { color: var(--tag-danger); }
.e-tag-success { color: var(--tag-success); }
.e-tag-warning { color: var(--tag-warning); }
.e-modal-layer-1 { z-index: 1041; }
.e-modal-layer-2 { z-index: 1051; }
.e-modal-right.e-modal-layer-2 .modal-dialog { max-width: 640px !important; }

.e-container-panel { min-height: calc(100vh - var(--topbar-size)); display: flex; }
.e-panel-left { width: 200px; min-width: 200px; background-color: #ffffff; border-right: 1px solid #a7a7a7; box-shadow: none; overflow: auto; }
.e-panel-left .e-tabs-group { position: relative; z-index: 9; }
.e-panel-list { width: 300px; min-width: 300px; background-color: #ffffff; border-right: 1px solid #a7a7a7; box-shadow: none; overflow: auto; }
.e-panel-right { flex-grow: 1; background-color: #ffffff; }

.e-form-group-column { flex-direction: column !important; }
.e-form-group-column > div { width: 100% !important; padding: 0 !important; }
.e-form-group-column .e-form-label { height: auto; margin-bottom: 8px; }
.e-form-search .e-form-control { background-color: var(--bg-default); height: 32px; border-color: transparent; }

.e-pagination-dots { display: flex; align-items: center; justify-content: center; }
.e-pagination-dots-item { cursor: pointer; width: 6px; height: 6px; border-radius: 50%; margin: 0 4px; background-color: #eaeaea; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.e-pagination-dots-item.active { background-color: #888888; }

.e-modal.e-modal-confirmdialog .e-modal-header { margin-bottom: 16px !important; padding-top: 0; }
.e-modal.e-modal-confirmdialog .e-modal-body { padding-left: 24px !important; padding-right: 24px !important; padding-bottom: 0 !important; padding-top: 0; }
.e-modal.e-modal-confirmdialog .form-group.modalItem { margin: 0; margin-bottom: 16px; }
.e-modal.e-modal-confirmdialog .e-modal-footer { padding-top: 8px; }
.e-modal.e-modal-confirmdialog .modal-content { padding-top: 20px !important; }
.dialogConfirm .e-modal-body .modalItem:empty:not([class*="lbl"]) { display: none; }
.dialogConfirm .e-modal-body .modalItem:empty[style*="block"]:not([class*="lbl"]) { display: none !important; }

.e-modal.e-modal-systemmessage .e-navbar { box-shadow: none; }
.e-modal.e-modal-systemmessage .e-navbar-secondary { padding: 20px; padding-bottom: 16px; padding-right: 16px; font: bold var(--txt-body-xl) var(--font-family); }
.e-modal.e-modal-systemmessage .e-footbar { box-shadow: none; }
.e-modal.e-modal-systemmessage .e-modal-body { background-color: #ffffff; padding: 0 24px; color: #595959; }
.e-modal.e-modal-systemmessage.e-systemmessage-nofooter .e-modal-body { margin-bottom: 24px; }
.e-modal.e-modal-systemmessage .e-modal-body-container { border: 0; }
.e-modal.e-modal-systemmessage .e-footbar { display: flex; flex-direction: column; align-items: center; padding: 16px 20px; height: auto; }
.e-modal.e-modal-systemmessage .e-footbar .e-btn { max-width: 200px; width: 100%; margin: 4px 0; }
.e-modal.e-modal-systemmessage.e-modal-systemmessage-xs .e-footbar .e-btn { max-width: 100%; }
.e-modal.e-modal-systemmessage.e-modal-systemmessage-xs .e-footbar { padding-top: 24px; }
.e-modal.e-modal-systemmessage .e-footbar-info { margin-top: 4px; font: normal var(--txt-body-sm) var(--font-family); color: #888888; }
.e-modal.e-modal-systemmessage.e-modal-systemmessage-xs .modal-dialog { max-height: 360px; min-height: 178px; height: auto; max-width: 360px !important; }
.e-modal.e-modal-systemmessage.e-modal-systemmessage-sm .modal-dialog { max-height: 360px; min-height: 178px; max-width: 360px !important; }

.e-modal.e-modal-systemmessage.e-modal-systemmessage-xs .e-navbar-secondary,
.e-modal.e-modal-systemmessage.e-modal-systemmessage-sm .e-navbar-secondary { padding: 16px; padding-right: 12px; }
.e-modal.e-modal-systemmessage.e-modal-systemmessage-xs .e-modal-body,
.e-modal.e-modal-systemmessage.e-modal-systemmessage-sm .e-modal-body { padding: 0 20px; }

.e-table,
.portal-window.fast .e-table { display: table; width: 100%; background-color: #ffffff; font: normal var(--txt-body-sm) var(--font-family); border-collapse: collapse; color: #1e1e1e; }
.e-table-head,
.portal-window.fast .e-table-head { display: table-header-group; color: #888888; }
.e-table-body,
.portal-window.fast .e-table-body { display: table-row-group }
.e-table-row,
.portal-window.fast .e-table-row { display: table-row; border-top: 1px solid #EAEAEA; }
.e-table-col,
.portal-window.fast .e-table-col { display: table-cell; padding: 4px 8px; }
.e-table-col:first-child,
.portal-window.fast .e-table-col:first-child { padding-left: 16px; }
.e-table-col:last-child,
.e-table-col:nth-last-child(2),
.portal-window.fast .e-table-col:last-child,
.portal-window.fast .e-table-col:nth-last-child(2) { padding-right: 16px; }
.e-table-sort,
.portal-window.fast .e-table-sort { display: inline-flex; align-items: center; }
.e-table-sort .e-btn-icon
 .portal-window.fast .e-table-sort .e-btn-icon { margin: 2px; margin-right: -4px; }
 .e-table-col:not(:first-child),
 .portal-window.fast .e-table-col:not(:first-child) { text-align: right; }
 .e-table-col:not(:first-child) .e-table-sort,
 .portal-window.fast .e-table-col:not(:first-child) .e-table-sort { margin-left: auto; }
 .e-table-sm .e-table-col,
 .portal-window.fast .e-table-sm .e-table-col { padding-top: 1px; padding-bottom: 1px; }
 .e-table-lg,
.portal-window.fast .e-table-lg { font: normal var(--txt-body-md) var(--font-family); }

/* pc only */
@media (min-width:768px) { 
    .e-panel-left .e-tabs { flex-direction: column; padding: 0; border: 0; }
	.e-panel-left .e-tabs .e-tabs-item { margin-right: 0; }
	.e-panel-left .e-tabs-item.active .e-tabs-link::after { display: none; }
	.e-panel-left .e-tabs-link { padding: 10px 12px !important; color: var(--black-3) !important; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
	.e-panel-left .e-tabs-item.active .e-tabs-link { background-color: #b5ddff !important; color: var(--black-3) !important; }
	.e-hide-pc { display: none; }
	.e-pc-show { display: block !important; }
	.e-pc-hide { display: none !important; }
}

/* mobile or portrait */
@media (max-width:767px) { 
    .e-mb-show { display: block !important; }
	.e-mb-hide { display: none !important; }

    :root { 
        --list-avatar-1: 40px; 
        --list-avatar-2: 56px; 
        --input-size: 44px; 
        --topbar-size: 56px; 
    }

    .e-list-item { min-height: 56px !important; font: var(--txt-body-md) var(--font-family); }
	.e-list-item .e-avatar { width: var(--list-avatar-1); height: var(--list-avatar-1); }
	.e-list-3-line .e-avatar { width: var(--list-avatar-2); height: var(--list-avatar-2); }
	.e-listgroup { border-radius: 4px; border: solid 1px var(--line-primary); overflow: hidden; }
    .e-list-body-small { font: var(--txt-body-md) var(--font-family) !important; }
	.e-list-left .e-ico { margin: 0; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
	
	.e-form-control { font: var(--txt-body-lg) var(--font-family) !important; }
	.e-btn.e-form-control { font: normal var(--txt-body-lg) var(--font-family) !important; }
	
	.e-form-label { font: bold var(--txt-body-lg) var(--font-family) !important; }
	.e-form-title { font: var(--txt-body-md) var(--font-family); }
	.e-form-desc { font: var(--txt-body-lg) var(--font-family); }
	.e-form-dropdown-menu-item { font: var(--txt-body-lg) var(--font-family); }
	.e-form-dropdown.e-dropdown-sm .e-btn,
	.e-form-dropdown.e-dropdown-sm .e-form-dropdown-menu-item { font: normal var(--txt-body-md) var(--font-family) !important; }
    
	.e-header-primary {  font: bold var(--txt-nav-lg) var(--font-family);  height: 56px;  }
    .e-header-primary,
	.e-header-secondary,
	.e-header-teritary { padding-left: 16px; padding-right: 16px; }
	.e-header-primary .e-header-action .e-ico { margin: 0; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
	.e-pageheading .e-navbar-secondary { font: bold var(--txt-nav-md) var(--font-family); min-height: 55px; }
	.e-header.e-header-teritary { min-height: 56px; box-shadow: 0 0 10px 1px rgba(30, 30, 30, 0.1); }
	
	.e-pageheading .e-navbar-secondary .e-ico { margin: 8px; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
	.e-pageheading.e-pageheading-md .e-navbar-secondary .e-navbar-left .e-btn-icon { margin-left: 0; }
	.e-pageheading.e-pageheading-md .e-navbar-secondary .e-navbar-right .e-btn-icon,
	.e-pageheading.e-pageheading-md .e-navbar-secondary .e-navbar-right .e-btn.e-btn-link-primary,
	.e-pageheading.e-pageheading-sm .e-navbar-secondary .e-navbar-right .e-btn.e-btn-link-primary { margin-right: 0; }
	.e-navbar-right .e-text-link { margin-right: 16px; }
	.e-pageheading.e-pageheading-sm .e-navbar-secondary .e-navbar-left .e-btn-icon { margin: 0; }
	.e-pageheading .e-navbar-secondary .e-navbar-right .e-btn,
	
	.e-header.e-header-teritary .e-header-action .e-btn { font: normal var(--txt-body-xl) var(--font-family) !important; height: 32px !important; }
    .e-header-secondary,
	.e-header-teritary { font: bold var(--txt-body-xl) var(--font-family) !important; }
	
	.e-pageheading .e-navbar-tab .e-tabs-link { padding: 6px 12px; }
	.e-pageheading { box-shadow: 0 0 10px 1px rgba(30, 30, 30, 0.1); }
	.e-pageheading .e-navbar-secondary:last-child { border-bottom: 0; }
	.e-pageheading .e-navbar-secondary { padding-top: 0; padding-bottom: 0; }
	.e-modal .e-navbar.e-pageheading .e-navbar-secondary { padding-right: 0; }
	.e-header-teritary { padding-right: 0px; }
	
	.e-form-checkbox-box,
	.e-form-radio-box,
	.e-form-radiotext-box { width: 22px; height: 22px; }
	.e-form-radio .e-group-icon { width: 18px; height: 18px; }
    .e-form-checkbox .e-form-checkbox-icon .e-ico,
	.e-form-radio .e-form-radio-icon .e-ico,
	.e-form-radiotext .e-ico { transform: scale(0.6); -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); }
	.e-btn-sm.e-btn-groupicon-right .e-btn-icon,
	.e-btn-xs.e-btn-groupicon-right .e-btn-icon { margin-left: 8px; }
	
	.e-show-mb { display: block !important; }
	.e-hide-mb { display: none !important; }
	
	.e-container-panel { flex-direction: column; min-height: calc(100vh - var(--topbar-size)); }
	.e-panel-left { width: 100%; border: 0; overflow: unset; }
	.e-panel-left .e-tabs-item.active .e-tabs-link::after { content: ''; width: 100%; height: 2px; position: absolute; bottom: 4px; display: block; background-color: var(--primary); left: 0; bottom: -7px; }
    .e-panel-left .e-tabs-item.active .e-tabs-link { background-color: transparent; color: var(--primary); }
	.e-panel-list { flex-grow: 1; width: 100%; border: 0; }
	.e-panel-right[style*="display: block; "] { display: flex; flex-direction: column }
	
	.e-form-radio-label,
	.e-form-checkbox-label { font: var(--txt-body-lg) var(--font-family) !important; }
	
	.e-list-md:not(.e-list-innerline) { padding-left: 8px !important; padding-right: 8px !important; }
	.e-list-md .e-list-img:first-child,
	.e-list-md .editzone + .e-list-img { padding-left: 8px !important }
	.e-list-md .e-list-content { padding-right: 8px !important; }
	.e-modal .e-navbar-search { z-index: 2; position: relative; padding-top: 0; }

    #divModal .modal.e-modal.e-modal-confirmdialog { top: 0; left: 0; right: 0; height: 100%; transform: none; }
	#divModal .modal.e-modal.e-modal-confirmdialog .modal-dialog { transform: translate(-50%,-50%) !important; -webkit-transform: translate(-50%,-50%) !important; -moz-transform: translate(-50%,-50%) !important; -ms-transform: translate(-50%,-50%) !important; -o-transform: translate(-50%,-50%) !important; }
	.e-modal.e-modal-systemmessage .e-navbar-secondary { padding: 16px; padding-right: 12px; }
	.e-modal.e-modal-systemmessage .e-modal-body { padding: 0 20px; font: normal var(--txt-body-lg) var(--font-family); }
	.e-modal.e-modal-systemmessage.e-systemmessage-nofooter .e-modal-body { margin-bottom: 20px; }
    .e-modal.e-modal-systemmessage .e-footbar { padding: 12px 20px; }
	.e-modal.e-modal-systemmessage .e-footbar .e-btn { height: 44px !important; font: bold var(--txt-body-lg) var(--font-family) !important; max-width: 100%; }
	.e-modal.e-modal-systemmessage .modal-dialog { height: calc(100vh - 32px); }
	.e-modal.e-modal-systemmessage.e-modal-systemmessage-xs .modal-dialog { height: 198px; }
	.e-modal.e-modal-systemmessage.e-modal-systemmessage-sm .modal-dialog { max-height: 320px; }
	
	.e-table-col:first-child,
	.portal-window.fast .e-table-col:first-child { padding-left: 8px; }
	.e-table-col:last-child,
	.e-table-col:nth-last-child(2),
	.portal-window.fast .e-table-col:last-child,
	.portal-window.fast .e-table-col:nth-last-child(2) { padding-right: 8px; }
}

/* Additional */
.e-list-item .e-list-img.hide-before-after { display: none; }
.dialogDivGroupCall.e-modal .divCallItem.e-list-checkbox .e-form-checkbox input { position: relative !important; }
.e-list-checkbox.e-list-checkbox.e-list-video .e-video { z-index: 9; }


/* -------------- Support B3-B4 -------------- */
.d-content-learning-result .e-tabs-line .e-tabs-link.active::after { content: ''; width: 100%; height: 2px; position: absolute; display: block; background-color: var(--primary); left: 0; bottom: 0; }