/* font-family: "Public Sans", sans-serif;
Thin 100, Thin 100 Italic, ExtraLight 200, ExtraLight 200 Italic, Light 300, Light 300 Italic, Regular 400, Regular 400 Italic, Medium 500, Medium 500 Italic, SemiBold 600, SemiBold 600 Italic, Bold 700, Bold 700 Italic, ExtraBold 800, ExtraBold 800 Italic, Black 900, Black 900 Italic */

:root {
        
    --cm-purple: rgba(105, 108, 255, 1);
    --cm-purple-light: rgba(231, 231, 255, 1);
    --bs-body-color: var(--bs-black);
    --bs-primary: var(--cm-purple-light);
    --headerH: 0;
    --sidebarW: 260px;
}

/*.no-script-msg{font:0.750em Arial, verdana, Helvetica, sans-serif;background:#FFFFCC url(../images/icon-noScript.gif) no-repeat 5px 10px; width: auto; padding: 0.625em 0.625em 0.625em 1.5em; margin: 0.5em; border: 1px solid #CD3D18; font-weight: bold; height: auto; font-size: 11px; color:var(--bs-black); line-height: 1.5em; clear: both; }
input[type="text"], input[type="email"], input[type="password"],input[type="number"], input[type="tel"], input[type="button"],input[type="reset"],input[type="submit"], button{-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; font-family: "Public Sans", sans-serif; font-weight: 400; -webkit-appearance: none; }
html { font-size: 10px; }
body { min-width: 320px; font-size: 15px; line-height: 1.5; overflow-x: hidden; }

html,
body { color: var(--bs-black); position: relative; font-family: "Public Sans", sans-serif; font-weight: 400; background-color: rgba(245, 245, 249, 1); }

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background-color: transparent; border-radius: 6px; }
::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.2); }

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: none; -moz-appearance: textfield; margin: 0; }

a { color: var(--cm-purple); font-weight: normal; cursor: pointer; -webkit-transition: color 0.15s linear; -o-transition: color 0.15s linear; transition: color 0.15s linear; text-decoration: underline; outline: none; }
a:hover { color: var(--cm-purple); text-decoration: none; }
a:not(:hover):focus { outline: thin dotted; outline-offset: -1px; }
a.btn,
a.btn:hover { text-decoration: none; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { -webkit-margin-after: 15px; margin-block-end: 15px; line-height: 1.5; font-weight: 500; font-style: normal; }

h1, .h1 { font-size: 28px; }
h2, .h2 { font-size: 24px; }
h3, .h3 { font-size: 22px; }
h4, .h4 { font-size: 20px; }
h5, .h5 { font-size: 18px; }
h6, .h6 { font-size: 16px; }

@media (min-width: 768px) {
    h1, .h1 { font-size: 32px; }
}


blockquote,
.blockquote { -webkit-margin-after: 16px; margin-block-end: 16px; font-size: 20px; }

p { -webkit-margin-after: 15px; margin-block-end: 15px; line-height: 1.25; }

.p1 { font-size: 16px; }
.p2 { font-size:14px; }

.p1 > :last-child,
.p2 > :last-child { -webkit-margin-after: 0; margin-block-end: 0; }

ul, ol { display: block; margin: 0; -webkit-margin-after: 16px; margin-block-end: 16px; padding: 0; -webkit-padding-start: 30px; padding-inline-start: 30px; list-style: none; }

ul:first-child:not(.no-firstchild),
ol:first-child:not(.no-firstchild) {  margin-block-start: 0; }

ul:last-child:not(.no-lastchild),
ol:last-child:not(.no-lastchild) { -webkit-margin-after: 0; margin-block-end: 0; }

ul > li:last-child,
ol > li:last-child,
ul > li > :last-child,
ol > li > :last-child { -webkit-margin-after: 0; margin-block-end: 0; }

ul ul,
ul ol,
ol ol,
ol ul { margin: 0; }

li { position: relative; }

ul > li { display: block; list-style: none; }
ul > li::before { content: ""; display: block; position: absolute; top: 0.563em; left: -15px; width: 0.35em; height: 0.35em; background-color: var(--bs-black); border-radius: 50%; }

ol { counter-reset: li; }
ol > li { display: block; list-style: none outside none; }
ol > li::before { content: counter(li, decimal)'.'; counter-increment: li; left: -32px; position: absolute; text-align: right; top: 0; width: 26px; color: var(--bs-black); font-weight: 500; }

dl { -webkit-margin-after: 16px; margin-block-end: 16px; }
dd { margin: 0; }

html select option { font-family: Arial,sans-serif; }

.mark, 
mark { border-radius: 2px; }  */



/*button*/
.btn-spacer{ display: flex;flex-wrap: wrap; }
.btn { position: relative;  display: flex;  align-items: center; justify-content: center; --bs-btn-font-weight: 500; --bs-btn-font-size: 13px; --bs-btn-line-height: 1.333; cursor: pointer; --bs-btn-padding-y: 0.5rem; --bs-btn-padding-x: 1.2rem; --bs-border-width: 1px; --bs-border-radius: 4px; min-width:100px; text-align: center; transition: all .1s ease-in-out; margin: 0; text-transform: none; outline: 0 !important; --bs-btn-focus-shadow-rgb: none;--bs-btn-focus-box-shadow: none;--bs-btn-active-shadow: none; min-height: 30px; }

.btn-text { line-height: 1; }

.btn-icon { padding:10px; }

.btn-uppercase { text-transform: uppercase; }
.btn-uppercase .btn-text { top: 0.125em;  }

.btn i { font-size: 1.25em; margin: 0 6px; line-height: 1; }
.btn-text { display: block; margin: 0 6px; position: relative; }
.btn i + .btn-text,
.btn .btn-text + i { margin-left: 0; }

.btn > :first-child { margin-left: 0; }
.btn > :last-child { margin-right: 0; }

.btn.b-radius50 { border-radius: 50%; }

.btn-primary {
    --bs-btn-color: var(--cm-purple);
    --bs-btn-bg: var(--cm-purple-light);
    --bs-btn-border-color: var(--cm-purple-light);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--cm-purple);
    --bs-btn-hover-border-color: var(--cm-purple);
    --bs-btn-focus-shadow-rgb: 197, 202, 217;
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: #484bef;
    --bs-btn-active-border-color: #484bef;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--cm-purple);
    --bs-btn-disabled-bg: var(--cm-purple-light);
    --bs-btn-disabled-border-color: var(--cm-purple-light);
}

.btn-primary-outline {
    --bs-btn-color: var(--cm-purple);
    --bs-btn-border-color: var(--cm-purple-light);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--cm-purple);
    --bs-btn-hover-border-color: var(--cm-purple);
    --bs-btn-focus-shadow-rgb: none;
    --bs-btn-active-color: var(--cm-purple);
    --bs-btn-active-bg: var(--cm-purple-light);
    --bs-btn-active-border-color: var(--cm-purple-light);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--cm-purple-light);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--cm-purple-light);
    --bs-gradient: none;
}


[class*="cm_icon-"] { font-size: 1em; width: 1em; max-width: 1em; -webkit-box-flex: 0; -ms-flex: 0 0 1em; flex: 0 0 1em; display: block; position: relative; }
[class*="cm_icon-"]::before { content: ""; display: block; padding-top: 100%; position: relative; width: 100%; z-index: 1; }
[class*="cm_icon-"] svg,
[class*="cm_icon-"] img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; }
.cm_icon-ps-controller::before { padding-top: 93.33333333333333%; }

.skip-to-main-content-link { position: absolute; top: 0; left: 0; }

.layout { margin-top: var(--headerH); position: relative; z-index: 0; }

.container,
.container-fluid { --bs-gutter-x: 32px; }
.row { --bs-gutter-x: 32px; }
.cm-section-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; display: block; }


@media (min-width: 1400px) {
    .container { max-width: 1390px; }
}

/* text-a */
.text-a { display: flex; flex-direction: column; }
.text-a img { margin: 0 0 16px 0; box-shadow: none !important; }
.text-a.text-center { text-align: center; }
.text-a.text-white { color: var(--bs-white); }
.text-a > * {  margin-block-start: 0; margin-block-end: 20px; }
.text-a > .btn-wrapper { -webkit-margin-before: 15px; margin-block-start: 15px; }
.text-a > :first-child {  margin-block-start: 0; }
.text-a > :last-child { -webkit-margin-after: 0; margin-block-end: 0; }

/* ratio settings */
.ratio img,
.ratio video,
.ratio iframe { display: block; width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 1; -o-object-fit: cover; object-fit: cover; }
.ratio.contain img,
.ratio.contain video {-o-object-fit: contain;object-fit: contain;}
.ratio.static { width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.ratio.static::before { display: none; }
.ratio.static img { position: static; width: auto; height: auto; max-width: 100%; max-height: 100%; }

/* sidebar */
.cm-dashboard-content { position: relative;display: flex; }
.cm-sidebar { width: var(--sidebarW); background-color: var(--bs-white); position: fixed; top: var(--headerH); bottom: 0; left: 0; z-index: 111; box-shadow: 0px 2px 6px 0px rgba(34, 48, 62, 0.08); transition: all 0.2s ease-in-out; }
.cm-sidebar-content { z-index: 11; position: relative; padding: 16px; height: 100%;max-height: 100%; overflow: hidden; overflow-y: auto;display: flex;flex-direction: column; }
.cm-sidebar-footer { margin-top: auto; padding: 0 0 13px 0; }

@media(max-width:991px){
    .cm-sidebar { transform: translateX(-100%); }
    html.nav-expanded .cm-sidebar { transform: translateX(0); }
}

.cm-cai-logo { margin-bottom: 16px; --bs-aspect-ratio: 80.23255813953488%; width: 86px; display: block; }

.cm-sd-nav-wrap { padding: 0; }
.cm-sidebar-nav { margin: 0; padding: 0; }
.cm-sidebar-nav > li { margin: 0 0 10px 0; padding: 0; }
.cm-sidebar-nav > li::before { display: none; }
.cm-sidebar-nav > li > a { width: 100%; margin: 0; padding: 10px 15px; border-radius:6px; font-size: 15px;line-height: 1.467; font-style: normal;font-weight: 400;color: #384551; text-decoration: none; display: flex; align-items: center; position: relative; transition: all .2s ease-in-out; }
.cm-sidebar-nav > li > a .cm-sidebar-nav-icon { width: 22px; height: 22px; font-size: 22px; color: var(--cm-gray); position: relative; display: flex; justify-content: flex-end; align-items: flex-start; }
.cm-sidebar-nav > li > a .cm-sidebar-nav-icon::before { width: 20px; height: 20px; bottom: 20px; left: 0; position: absolute; z-index: 0; border-radius: 50%; background-color: var(--cm-purple-200); content: ''; display: block; }
.cm-sidebar-nav > li > a > .cm-sidebar-nav-text { display: block; padding-left:8px; position: relative; }
.cm-sidebar-nav > li > a > .cm-sidebar-nav-r-icon { width: 20px; height: 20px; font-size: 10px; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; z-index: 1; display: none; justify-content: center; align-items: center; }
.cm-sidebar-nav > li > a::before { width: 4px; height: 100%; top: 0; right: -16px; position: absolute; z-index: 1; background-color: var(--cm-purple); border-bottom-left-radius: 6px; border-top-left-radius: 6px; content: ''; display: none; }
.cm-sidebar-nav > li > a:hover { background-color: var(--cm-purple-light); color: var(--cm-purple); }
.cm-sidebar-nav > li > a.active { background-color: var(--cm-purple-light); color: var(--cm-purple); }
.cm-sidebar-nav > li > a.active::before { display: block; }
.cm-sidebar-nav > li > a.active .cm-sidebar-nav-icon { color: var(--cm-purple); }
.cm-sidebar-nav > li > a.active .cm-sidebar-nav-r-icon { display: flex; }
.cm-sidebar-nav > li > a.active .cm-sidebar-nav-text { color: var(--cm-purple); }
.cm-sidebar-nav > li > a .cm-sidebar-nav-icon.fs-20 { font-size: 40px; }
.cm-sidebar-nav > li > a .cm-sidebar-nav-icon.fs-20 > i { top: -7px; right: -7px; }

.cm-sidebar-top hr { margin: 20px 0; border-style: dashed; border-color: rgba(198, 198, 198, 1); opacity: 1; }

.cm-report-nav-wrap { padding: 0; }
.cm-report-nav { margin: 0; padding: 0; }
.cm-report-nav > li { margin: 0; padding: 0; }
.cm-report-nav > li::before { display: none; }
.cm-report-nav > li > .cm-report-nav-link { width: 100%; margin: 0; padding: 10px 15px 10px 40px; border-radius:6px; font-size: 15px;line-height: 1.467; font-style: normal;font-weight: 400;color: rgba(56, 69, 81, 1); text-decoration: none; display: flex; align-items: center; position: relative; transition: all .2s ease-in-out; }
.cm-report-nav > li > .cm-report-nav-link > .cm-report-nav-text { display: block; position: relative; }

.cm-dashboard-body { width: 1%; max-width: 1920px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;display: flex;flex-direction: column; transition: all .2s ease-in-out; }
.cm-dashboard-page { max-width: 100%; }
.cm_page-in { max-width: 1280px;  display: flex; transition: all .2s ease-in-out; }
.cm-db-content { padding: 20px; width: 100%;  display: flex;flex-direction: column; position: relative; }
.cm-db-article { -webkit-box-flex: 1; -ms-flex: 1; flex: 1;  display: flex;  flex-direction: column; }
.cm-db-article-body { position: relative; }

.cm-sd-toggle-box { top: 0; left: 100%; position: absolute; z-index: 11; box-shadow: 0px 3px 8px 0px rgba(34, 48, 62, 0.1); background-color: #fff; display: block }
.cm-sd-toggle-row { padding: 0 6px; display: flex; justify-content: flex-end; }
.cm-sd-toggle-gfx { width: 40px; height: 40px; padding: 5px; display: flex; align-items: center; justify-content: center; transform: rotate(180deg); transition: all .2s ease-in-out; }
.cm-sd-toggle-gfx span { display: block; }
html.nav-expanded .cm-sd-toggle-gfx { transform: rotate(0deg); }

@media(min-width:992px){
    .cm-dashboard-body { padding-left: var(--sidebarW); }
    .cm-sd-toggle-row { justify-content: center; }
    html.nav-expanded .cm-sd-toggle-row { justify-content: flex-end; }
    .cm-db-content { padding: 24px; }
    .cm-sd-toggle-box { display: none; }
}

@media(min-width:1400px){
    .cm-db-content { padding: 35px; }
}

/* input */
.form-control-wrapper { display: block; position: relative; }
.form-group { margin-bottom: 16px; }
.form-error-text { display: none; color: #F24646; padding-top: 7px; font-size: 12px; line-height: 1.333; font-weight: 400; }
.form-label { display: block; font-size: 13px; line-height: 1.333; margin-bottom: 10px; }
.form-control-wrapper.with-btn .form-control { padding-right: 36px; }
.form-control { font-size: 13px; line-height: 1.5; background-color: var(--bs-white) !important; border: 1px solid rgba(0, 0, 0, 0.23); border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; padding: 4px 15px; height: 32px; -webkit-transition: border-color 0.15s ease-in-out, background-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, background-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; color: var(--bs-black) !important; }
.form-textarea { height: auto; resize: none; }
.form-control:focus { border-color: var(--bs-primary); background-color: var(--bs-white); }
.form-control:disabled { border-color: rgba(var(--bs-secondary-bg-rgb), 0.9); color: rgba(233, 236, 239, 0.9) !important; }
.form-control:disabled::-webkit-input-placeholder { color: rgba(233, 236, 239, 0.9) !important; }
.form-control:disabled:-moz-placeholder { color: rgba(233, 236, 239, 0.9) !important; }
.form-control:disabled::-moz-placeholder { color: rgba(233, 236, 239, 0.9) !important; }
.form-control:disabled:-ms-input-placeholder { color: rgba(233, 236, 239, 0.9) !important; }

.form-control.is-valid:focus, .was-validated .form-control:valid:focus { -webkit-box-shadow: 0 0 0 1px rgba(var(--bs-success-rgb), 1); box-shadow: 0 0 0 1px rgba(var(--bs-success-rgb), 1); }
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { -webkit-box-shadow: 0 0 0 1px rgba(var(--bs-danger-rgb), 1); box-shadow: 0 0 0 1px rgba(var(--bs-danger-rgb), 1); }

.cm-header .nav-toggle-btn { width: 40px;height: 40px;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;cursor: pointer; color: var(--bs-black); padding: 0; background-color: transparent; outline: none; border: none; }
.navtoggle-bars { position: relative;display: block;width: 18px;height: 12px; }
.navtoggle-bars .bar { -webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;height:2px;background:var(--bs-black);position:absolute; }
.navtoggle-bars .top { top:0;width:50%; }
.navtoggle-bars .middle { width:100%;top:5px; left: 0; }
.navtoggle-bars .bottom { width:50%;bottom:0; }
.navtoggle-bars .left { left:0; }
.navtoggle-bars .right { right:0; }
.navtoggle-bars .top.bar.left { -webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0; }
.navtoggle-bars .top.bar.right { -webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0; }
.navtoggle-bars .bottom.bar.left { -webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%; }
.navtoggle-bars .bottom.bar.right { -webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%; }
.nav-expanded .cm-header .nav-toggle-btn .top.bar.left { -webkit-transform:translate(3px,-1px) rotate(45deg) scaleX(1.25);-ms-transform:translate(3px,-1px) rotate(45deg) scaleX(1.25);transform:translate(3px,-1px) rotate(45deg) scaleX(1.25); }
.nav-expanded .cm-header .nav-toggle-btn .top.bar.right { -webkit-transform:translate(-3px,-1px) rotate(-45deg) scaleX(1.25);-ms-transform:translate(-3px,-1px) rotate(-45deg) scaleX(1.25);transform:translate(-3px,-1px) rotate(-45deg) scaleX(1.25); }
.nav-expanded .cm-header .nav-toggle-btn .bottom.bar.left { -webkit-transform:translate(3px,2px) rotate(-45deg) scaleX(1.25);-ms-transform:translate(3px,2px) rotate(-45deg) scaleX(1.25);transform:translate(3px,2px) rotate(-45deg) scaleX(1.25); }
.nav-expanded .cm-header .nav-toggle-btn .bottom.bar.right { -webkit-transform:translate(-3px,2px) rotate(45deg) scaleX(1.25);-ms-transform:translate(-3px,2px) rotate(45deg) scaleX(1.25);transform:translate(-3px,2px) rotate(45deg) scaleX(1.25); }
.nav-expanded .cm-header .nav-toggle-btn .middle.bar { -webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0); }

/* modal */
.modal { min-width: 320px; }
.modal-backdrop.show { opacity: 0; }

.cm-modal-a .modal-dialog { --bs-modal-width: 476px; margin: 0 auto; padding: 15px;  display: flex;  align-items: center; }
.cm-modal-a .modal-dialog::before { display: block; content: ''; height: calc(100vh - 30px); }
.cm-modal-a .modal-content { --bs-modal-border-radius: 4px; padding: 14px 11px 10px 14px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); }
.cm-modal-a .modal-body { --bs-modal-padding: 0; }

.cm-modal-a-close { font-size: 32px; position: absolute; top: 23px; right: 19px; z-index: 1; width: 32px; height: 32px; border-radius: 0; border: 0; background: none !important;  display: flex;  align-items: center; justify-content: center; color: var(--cm-gray) !important; }

.cm-modal-a-close{ -webkit-transition: color 0.15s linear, background-color 0.15s linear, -webkit-transform 0.15s linear; transition: color 0.15s linear, background-color 0.15s linear, -webkit-transform 0.15s linear; -o-transition: transform 0.15s linear, color 0.15s linear, background-color 0.15s linear; transition: transform 0.15s linear, color 0.15s linear, background-color 0.15s linear; transition: transform 0.15s linear, color 0.15s linear, background-color 0.15s linear, -webkit-transform 0.15s linear;  }
.cm-modal-a-close:hover,
.cm-modal-a-close:focus { opacity: 0.8; }
.cm-modal-a-close:not(:disabled):not(.disabled):active { -webkit-transform: scale(.92); -ms-transform: scale(.92); transform: scale(.92); }
.cm-modal-a-close:not(:hover):focus{ outline: thin dotted; outline-offset: -1px; }

.modal-a-footer { justify-content: center; }
.modal-a-footer > .btn { margin: 2px 8px; min-width: 172px; }
.cm-form-a .form-label { margin-bottom: 11px; color: var(--cm-purple); }
.cm-form-a textarea.form-control { border-radius: 0; height: 104px; }

.cm-progress-box { margin-bottom: 45px; padding: 20px; background-color: var(--bs-white); border-radius: 6px; box-shadow: 0px 3px 8px 0px rgba(34, 48, 62, 0.1); }
.cm-progress-box .h5 { color: var(--cm-purple); }
.cm-progress-row { max-width: 880px; display: flex; align-items: center; flex-wrap: wrap; position: relative; }
.cm-progress-lbl { padding-right: 28px; font-size: 15px; line-height: 1.333; font-weight: 700; color: rgba(100, 110, 120, 1); display: block; }
.cm-progress-bar-box { flex: 1; width: 1%; position: relative; height: 11px; border-radius: 30px; background-color: rgba(245, 245, 245, 1); display: block; }
.cm-progress-bar-box > span { height: 100%; top: 0; left: 0; position: absolute; z-index: 1; background-color: var(--cm-purple); border-radius: 30px; display: block; }
.cm-progress-val { width: 65px; font-size: 15px; line-height: 1.333; font-weight: 700; color: rgba(100, 110, 120, 1); text-align: center; display: block; }


@media (max-width: 575px) {
    .cm-progress-lbl { margin-bottom: 10px; width: 100%; }
    .cm-progress-bar-box { width: 100%; flex: 0 0 100%; }
    .cm-progress-val { top: 0; right: 0; position: absolute; }
    .cm-progress-lbl { padding-right: 60px; font-size: 13px; }
    .cm-progress-val { font-size: 13px; }
}

@media (min-width: 768px) {
    .cm-progress-box { padding: 24px; }
}

.cm-tbl-a-box { background-color: var(--bs-white); border-radius: 6px; box-shadow: 0px 3px 8px 0px rgba(34, 48, 62, 0.1); }
.cm-tbl-a-box-head { padding: 20px 20px 12px 20px; }
.cm-tbl-a-box-head .h5 { margin-bottom: 10px; }
.cm-tbl-a-box-head p { color: rgba(100, 110, 120, 1); }
.cm-tbl-a table { min-width: 1085px; margin-bottom: 0; }
.cm-tbl-a table > thead > tr > th:nth-child(1) { width: 118px; }
.cm-tbl-a table > thead > tr > th:nth-child(3) { width: 112px; }
.cm-tbl-a table > thead > tr > th:nth-child(4) { width: 112px; }
.cm-tbl-a table > thead > tr > th:nth-child(5) { width: 130px; }
.cm-tbl-a table > thead > tr > th:nth-child(6) { width: 234px; }
.cm-tbl-a table > thead > tr > th { padding: 4px 10px; font-size: 10px; line-height: 1.333; font-weight: 400; color: var(--bs-black); text-transform: uppercase; }
.cm-tbl-a table > thead > tr > th:first-child { padding-left: 20px; }
.cm-tbl-a table > tbody > tr > td { vertical-align: middle; padding: 4px 10px; font-size: 12px; line-height: 1.333; font-weight: 400; color: var(--bs-black); border-top: 1px solid var(--bs-black); }
.cm-tbl-a table > tbody > tr > td:first-child { padding-left: 20px; }
.cm-tbl-a-txt { font-size: 15px; line-height: 1.333; font-weight: 400; color: rgba(100, 110, 120, 1); }

@media (min-width: 1200px) {
    .cm-tbl-a table > thead > tr > th { font-size: 11px; }
    .cm-tbl-a table > tbody > tr > td { font-size: 13px; }
}

@media (min-width: 1400px) {
    .cm-tbl-a table > thead > tr > th { font-size: 12px; }
    .cm-tbl-a table > tbody > tr > td { font-size: 15px; }
}

.cm-badge { min-width: 70px;font-size: 13px;font-weight: 500;display: flex;margin: 0;padding: 3px 7px;text-decoration: none !important;color: #fff !important;background-color: #8a8a8a;border-radius: 4px; justify-content: center; }
.cm-badge .cm-badge-txt strong { font-weight: 500; }

.cm-badge.rounded { border-radius: 10rem !important; }
.cm-badge.danger { background-color: rgba(255, 232, 231, 1);color: rgba(255, 62, 29, 1) !important; font-weight: 300; }
.cm-badge.success { background-color: rgba(232, 249, 223, 1);color: rgba(107, 188, 62, 1) !important;}
.cm-badge.warning { background-color: #FFF1D6;color: #FFAB00 !important; }
.cm-badge.info { background-color: #539cc1;}
.cm-badge.dark { background-color: #4a4a4a; }
.cm-badge.light { background-color: #f5f5f5;color: #384551 !important; }
.cm-badge.light.disabled { color: #A7ACB2 !important; }
.cm-badge.sea-green { background-color: #65baa2; }

.cm-tbl-a table .cm-badge.success,
.cm-tbl-a table .cm-badge.warning { width: 100%; }

.cm-click-view-btn { min-width: 107px;font-size: 13px;font-weight: 300;display: inline-flex;margin: 0;padding: 3px 7px;text-decoration: none !important;color: var(--bs-black) !important;background-color: rgba(228, 230, 232, 1);border-radius: 4px; justify-content: center; }

.dropdown-link { display: block;width: 100%;padding: 3px 10px;clear: both;font-weight: 400;text-align: inherit;text-decoration: none;white-space: nowrap;background-color: transparent;border: 0; }
.ss-dropdown { display: inline-block;vertical-align: middle;position: relative; }
body>.ss-dropdown { z-index: 999999; }
.ss-dropdown.sm .dropdown-item,
.ss-dropdown.sm .dropdown-link { padding: 6px 10px;font-size: 12px; }
.ss-dropdown-toggle { font-size: 13px;font-weight: 450;color: rgba(116, 116, 116, 1) !important;display: block;position: relative;background-color: #fff;border-radius: 4px;border: 1px solid rgba(228, 230, 232, 1);padding: 10px 40px 10px 14px;-webkit-transition: border-color .15s ease-in-out, background-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;transition: border-color .15s ease-in-out, background-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, background-color .15s ease-in-out;transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, background-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;outline: 0;text-decoration: none !important;text-align: left; }
.d-block .ss-dropdown-toggle { width: 100%; }
.ss-dropdown-toggle:hover {  }
.ss-dropdown-toggle:focus {  }
.ss-dropdown-toggle.show { border-color: rgba(228, 230, 232, 1);background-color: #fff;-webkit-box-shadow: none;box-shadow: none; }
.ss-dropdown-toggle.show .ss-dropdown-arrow { transform: rotate(0deg); }
.ss-dropdown-toggle-txt { display: block;-webkit-box-flex: 1;-ms-flex: 1 1 auto; flex: 1 1 auto; }
.ss-dropdown-toggle-txt-s { color: #979797;display: block;font-size: 1.2rem; }
.ss-dropdown-arrow { width: 21px;height: 21px;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-size: 21px;position: absolute;top: 8px; right: 10px; color: var(--cm-purple); }
.ss-dropdown .dropdown-menu { min-width: 100%;padding: 7px;border: none;box-shadow: none;border-radius: 6px;font-size: 14px; border: 1px solid rgba(228, 230, 232, 1); border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; }
.ss-dropdown .dropdown-item,
.ss-dropdown .dropdown-link { font-size: 14px;padding: 11px 10px;border-radius: 0;background-color: transparent;margin: 0;color: #4a4a4a !important;text-decoration: none !important;min-width: 15px; border-top: 1px dashed #E4E6E8; text-transform: uppercase; }
.ss-dropdown .dropdown-item.green { color: #6BBC3E !important; }
.ss-dropdown .dropdown-item.orange { color: #FFAB00 !important; }
.ss-dropdown .dropdown-item.red { color: #F22121 !important; }
.ss-dropdown .dropdown-menu > li::before { display: none; }
.ss-dropdown .dropdown-item:hover, .ss-dropdown .dropdown-link:hover { background: none !important; }

.ss-dropdown .dropdown-item.disabled,
.ss-dropdown .dropdown-link.disabled {
    cursor: default;opacity: .4;
}
.ss-dropdown .dropdown-item:not(.disabled):focus,
.ss-dropdown .dropdown-item:not(.disabled):hover,
.ss-dropdown .dropdown-link:not(.disabled):focus,
.ss-dropdown .dropdown-link:not(.disabled):hover {
    background-color: #f5f5f5
}
.ss-dropdown .dropdown-item:not(.disabled).active,
.ss-dropdown .dropdown-item:not(.disabled):active,
.ss-dropdown .dropdown-link:not(.disabled).active,
.ss-dropdown .dropdown-link:not(.disabled):active {
    background-color: #f5f5f5
}
.ss-dropdown .dropdown-item-text { padding: 0;color: inherit; }

.member-form { margin-bottom: 36px; }
.member-form .form-control { padding-left: 70px; min-height: 64px; border: none; border-radius: 6px; background-color: var(--bs-white); border-radius: 6px; box-shadow: 0px 3px 8px 0px rgba(34, 48, 62, 0.1); }
.form-search-btn { width: 22px; height: 22px; font-size: 22px; padding: 0; border: none; background: none; top: 50%; transform: translateY(-50%); left: 24px; position: absolute; z-index: 1; display: flex; }

.cm-tbl-b table { min-width: 700px; margin-bottom: 0; }
.cm-tbl-b-box { background-color: var(--bs-white); border-radius: 6px; overflow: hidden; box-shadow: 0px 3px 8px 0px rgba(34, 48, 62, 0.1); }
.cm-tbl-b table { margin-bottom: 0; }
.cm-tbl-b table > thead > tr > th:nth-child(1) { width: 22%; }
.cm-tbl-b table > thead > tr > th:nth-child(2) { width: 34%; }
.cm-tbl-b table > thead > tr > th:nth-child(3) { width: 22% }
.cm-tbl-b table > thead > tr > th:nth-child(4) { width: 22%; }
.cm-tbl-b table > thead > tr > th { height: 49px; vertical-align: middle; padding: 10px; font-size: 12px; line-height: 1.333; font-weight: 700; color: var(--bs-black); border-bottom: none; }
.cm-tbl-b table > tbody > tr > td { height: 40px; vertical-align: middle; padding: 4px 10px; font-size: 11px; line-height: 1.333; font-weight: 400; color: var(--bs-black); border-top: 1px solid var(--bs-black); border-top: 1px dashed #E4E6E8; }
.cm-tbl-b table > thead > tr > th:first-child,
.cm-tbl-b table > tbody > tr > td:first-child { padding-left: 20px; }
.cm-tbl-b-txt { font-size: 15px; line-height: 1.333; font-weight: 400; color: rgba(100, 110, 120, 1); }

@media (min-width: 1200px) {
    .cm-tbl-b table > thead > tr > th { height: 69px; font-size: 14px; }
    .cm-tbl-b table > tbody > tr > td { height: 57px; font-size: 13px; }
}

@media (min-width: 1400px) {
    .cm-tbl-b table > thead > tr > th { height: 69px; font-size: 18px; }
    .cm-tbl-b table > tbody > tr > td { height: 57px; font-size: 16px; }
    .cm-tbl-b table > thead > tr > th:first-child,
    .cm-tbl-b table > tbody > tr > td:first-child { padding-left: 30px; }
}

.cm-ch-row { margin-bottom: 22px; display: flex; align-items: center; flex-direction: column; }
.cm-ch-left { margin-bottom: 10px; flex: 1 1 auto; width: 100%; display: flex; align-items: center; }
.cm-ch-right { width: 100%; display: flex; }
.cm-characters { display: flex; align-items: center; flex-wrap: wrap; }
.cm-character { margin: 4px 2px; display: flex; align-items: center; justify-content: center; }
.cm-character-link { width: 24px; height: 24px; font-size: 14px; font-weight: 700; text-decoration: none; border-radius: 6px; display: flex; align-items: center; justify-content: center; }
.cm-character-link:hover { background-color: var(--cm-purple-light); }
.cm-character-link:focus { background-color: var(--cm-purple-light); }
.cm-character-link.active { background-color: var(--cm-purple); box-shadow: 0px 2px 6px 0px rgba(34, 48, 62, 0.1); color: var(--bs-white); }

@media (min-width: 576px) {
    .cm-character { margin: 4px; }
    .cm-character-link { width: 30px; height: 30px; font-size: 20px; }
}

@media (min-width: 768px) {
    .cm-ch-row { flex-direction: row; }
    .cm-ch-left { margin-bottom: 0; flex: 1 1 auto; width: 1%; }
    .cm-ch-right { width: 175px; justify-content: center; }
}

/* member-info page */
.cm-tab-a-scroll { margin-bottom: 31px; }
.nav.cm-tab-a { margin: 0 -4px;}
.cm-tab-a li { margin: 4px 0; padding: 0 4px; width: 50%; }
.cm-tab-a li:before { display: none; }
.cm-tab-a-link { width: 100%; min-width: 100px; min-height: 30px; padding: 4px 8px; font-size: 11px; border-radius: 4px; border: 1px solid var(--cm-purple); background-color: var(--bs-white); color: var(--bs-black); display: flex; align-items: center; text-align: center; }
.cm-tab-a-link:hover,
.cm-tab-a-link.active { background-color: var(--cm-purple-light); color: var(--cm-purple); }
.cm-tab-a-link-icon { margin-right: 5px; flex-shrink: 0; width: 12px; height: 12px; font-size: 12px; display: flex; justify-content: center; align-items: center; }

@media (min-width: 360px) {
    .cm-tab-a li { width: auto; }
}

@media (min-width: 768px) {
    .nav.cm-tab-a { margin: 0;}
    .cm-tab-a-link { min-width: 113px; min-height: 30px; padding: 4px 10px; font-size: 13px; }
    .cm-tab-a-link-icon { margin-right: 9px; }
}

.cm-info-box { margin-bottom: 23px; max-width: 920px; padding: 50px 22px 23px 22px; background-color: var(--bs-white); border-radius: 6px; overflow: hidden; box-shadow: 0px 3px 8px 0px rgba(34, 48, 62, 0.1); position: relative; }
.cm-edit-btn-wrap { top: 15px; right: 15px; position: absolute; z-index: 11; display: block; }
.cm-info-row { display: flex; align-items: center; flex-wrap: wrap; position: relative; }
.cm-info-left { margin-bottom: 15px; width: 100%; max-width: 100%; flex: 0 0 100%; }
.cm-info-right { width: 100%; max-width: 100%; flex: 0 0 100%; }
.cm-info-row .h5 { font-weight: 700; }
.cm-info-d-row { margin-bottom: 15px; display: flex; align-items: center; flex-wrap: wrap; }
.cm-info-d-left { padding-right: 15px; width: 100%; max-width: 100%; flex: 0 0 100%; }
.cm-info-d-right { width: 100%; max-width: 100%; flex: 0 0 100%; }
.cm-info-d-content .form-control { height: 30px; padding: 3px 12px; font-size: 12px; color: rgba(100, 110, 120, 1) !important; border: 1px solid rgba(228, 230, 232, 1); }
.cm-info-d-text { margin-bottom: 5px; font-size: 12px; font-weight: 400; color: var(--bs-black); display: block; }
.cm-profile-photo-space { max-width: 155px; width: 100%; margin: 0 auto; display: block; }
.cm-profile-photo-imgbox { margin-bottom: 15px; --bs-aspect-ratio: 151.6129032258065%; width: 100%; background-color: #f5f5f5; display: block; }
.cm-dd-arrow { pointer-events: none; width: 16px; height: 16px; font-size: 12px; top: 8px; right: 9px; color: var(--cm-purple); position: absolute; z-index: 1; display: flex; justify-content: center; align-items: center; }
.cm-info-d-content textarea.h-126 { height: 126px; }

@media (min-width: 480px) {
    .cm-info-d-left { width: 50%; max-width: 50%; flex: 0 0 50%; }
    .cm-info-d-right { width: 50%; max-width: 50%; flex: 0 0 50%; }
    .cm-info-d-text { margin-bottom: 0; }
    .cm-info-d-row { margin-bottom: 5px; }
}

@media (min-width: 576px) {
    .cm-edit-btn-wrap { top: 23px; }
    .cm-info-box { max-width: 920px; padding: 23px 22px; }
}

@media (min-width: 768px) {
    .cm-info-left { margin-bottom: 0; width: 50%; max-width: 50%; flex: 0 0 50%; }
    .cm-info-right { width: 50%; max-width: 50%; flex: 0 0 50%; }
    .cm-info-d-text { font-size: 14px; }
    .cm-info-d-content .form-control { font-size: 14px; }
    
}

@media (min-width: 1200px) {
    .cm-info-d-text { font-size: 16px; }
    .cm-info-d-content .form-control { font-size: 16px; }
    .cm-dd-arrow { font-size: 16px; }
}

/* education tab */
.cm-education-box { margin-bottom: 23px; max-width: 920px; padding: 24px 20px; background-color: var(--bs-white); border-radius: 6px; overflow: hidden; box-shadow: 0px 3px 8px 0px rgba(34, 48, 62, 0.1); position: relative; }
.cm-ed-row { margin-bottom: 6px; display: flex; align-items: center; flex-wrap: wrap; flex-direction: column; }
.cm-ed-left { margin-bottom: 8px; width: 100%; }
.cm-ed-right { width: 100%; }
.cm-info-r-btn { margin-top: 8px; }
hr.dash { border-style: dashed; border-color: rgba(198, 198, 198, 1); opacity: 1; }
.cm-ed-date-row { width: 100%; display: flex; align-items: center; }
.cm-ed-date-right { margin-left: auto; padding-left: 10px; flex-shrink: 0; }
.cm-datepicker-arrow { pointer-events: none; width: 18px; height: 18px; font-size: 18px; top: 6px; right: 6px; color: var(--cm-purple); position: absolute; z-index: 1; display: flex; justify-content: center; align-items: center; }

@media (min-width: 768px) {
    .cm-ed-left { padding-right: 30px; width: 235px; flex-shrink: 0; }
    .cm-ed-right { flex: 1; width: 1%; display: flex; align-items: center; }
    .cm-info-r-btn { margin-left: auto; margin-top: 0; padding-left: 10px; flex-shrink: 0; }
    .cm-ed-row { flex-direction: row; }
    .max-w204 { max-width: 204px; width: 100%; }
    .mx-w376 { max-width: 376px; width: 100%; }
}

@media (min-width: 1200px) {
    .cm-education-box { padding: 24px 22px; }
    .cm-ed-content .form-control { font-size: 16px; }
}

/* member-detail page */
.cm-member-info { min-height: 500px; padding: 7px; background-color: var(--bs-white); border-radius: 6px; box-shadow: 0px 3px 8px 0px rgba(34, 48, 62, 0.1); position: relative; display: flex; flex-direction: column; }
.cm-member-info-head { padding: 5px 0; position: relative; z-index: 1; display: flex; }
.cm-member-info-head-left { padding-left: 15px; width: 100%; max-width: 100%; flex: 0 0 100%; }
.cm-member-info-head-right { width: 100%; max-width: 100%; flex: 0 0 100%; }
.cm-member-info-head .h5,
.cm-admin-title .h5 { margin-bottom: 6px; font-weight: 700; }
.cm-member-info-left { width: 100%; position: relative; z-index: 1; display: flex; }
.cm-member-info-right { width: 360px; background-color: #F5F5F9; }
.cm-member-info-left-in { width: 100%; }
.cm-member-info-left-top { margin-bottom: 5px; padding: 10px 15px; }
.cm-member-info-left-top .h5 { font-weight: 700; }
.cm-ms-row { padding: 10px 0; border-bottom: 1px dashed #E4E6E8; display: flex; align-items: center; flex-wrap: wrap; }
.cm-ms-cell { padding: 5px 15px; width: 100%; max-width: 100%; flex: 0 0 100%; }
.cm-ms-text { margin-bottom: 5px; font-size: 16px; font-weight: 400; color: var(--bs-black); display: block; }
.cm-status-lbl { background-color: #f5f5f5; padding: 10px 8px; font-size: 13px; font-weight: 500; color: var(--bs-black); display: block; }
.cm-status-lbl.red { background-color: #FFEEEB; color: #FF3E1D; }
.cm-status-lbl.green { background-color: #E8F9DF; color: #6BBC3E; }

@media (min-width: 768px) {
    .cm-member-info::after { top: 7px; right: 7px; bottom: 7px; width: 33.33%; position: absolute; background-color: #F5F5F9; content: ''; display: block; }
    .cm-ms-cell { width: 33.33%; max-width: 33.33%; flex: 0 0 33.33%; }
    .cm-ms-dd-wrap { max-width: 204px; margin: 0 auto; }
    .cm-ms-text { margin-bottom: 0; }
    .cm-member-info-head-left { padding-left: 15px; width: 66.66%; max-width: 66.66%; flex: 0 0 66.66%; }
    .cm-member-info-head-right { width: 33.33%; max-width: 33.33%; flex: 0 0 33.33%; }
}