html {
    font-family: Arial;
    font-size: 15px;
    font-weight: normal;
    --main_purple: #8181FF;
    --background-color: #1f1f1f;
    --main-total-balance-color: #8181FF66;
    --site-list-shadow: none;
    --scrollbar-01-color: #1F1F1F;
    --scrollbar-02-color: rgba(31, 31, 31, 0.5);
    --shadow:#00000040;
    /* box-color start */
    --box-01-color: #343434;
    --box-02-color: #2B2B2B;
    --box-03-color: #2B2B2B;
    --box-04-color: #0E1422;
    --box-05-color: #2B2B2B;
    --box-06-color: #343434;
    --box-07-color: #7F7F7F;
    --box-08-color: #2b2b2b;
    --box-09-color: #2B2B2B;
    --box-10-color: #111111;
    /* box-color end */
    --modal-01-color: #474747;
    --modal-02-color: #000000;
    --line-01-color: #343434;
    --line-02-color: #565656;
    --line-03-color: #565656;
    --line-04-color: #474747;
    --modal-line-01-color: #8d8d8d;
    --search-btn-color: #1D1D1D;
    --clear-btn-color: #1983FE36;
    --button-line-hover: #FFFFFF;
    --button-line-01-color: #8d8d8d;
    --button-line-02-color: #8d8d8d;
    /*text-color - start*/
    --text-01-color: #FFFFFF;
    --text-02-color: #A3A3A3;
    --text-03-color: #FFFFFF;
    --text-04-color: #E7E7E7;
    --text-05-color: #8D8D8D;
    --text-06-color: #E7E7E7;
    --text-07-color: #A3A3A3;
    --search-btn-txt-color: #E7E7E7;
    /*text-color - end*/
    --search-color: #8d8d8d;
    --main-text-color: #FFFFFF;
    --sub-text-color: #9A9A9A;
    --button-text-color: #FFFFFF;
    --line-divider-color: #2e2e2e;
    --radio-button: #A3A3A3;
    --hover-01-color: #3D414B;
    --select-sitebox-color: #1F1F1F;
    --toggle-button-off-color: #8D8D8D;
    --toggle-button-on-color: #8181FF;
    --usage-line-color: #343434;
    /*strip css - start*/
    --10s-background : #0E1422;
    --10s-line-color: #4F64B0;
    --10s-path-color: #FFFFFF;
    --af-rhythm-color: rgba(255, 223, 107, 0.20);
    --noise-rhythm-color: rgba(1, 2, 15, 0.55);
    --etc-rhythm-color: rgba(123, 195, 236, 0.18);
    --strip-background: #13161B;
    --3060-select-rect: #789BF733;
    --add-beat-refresh: #495A81B2;
    --add-beat-refresh-hover: #495A81;
    --select-line: #FFEE4A;
    /*10s strip css - end*/
    /* trend chart start */
    --graph-line-01-color: rgba(154, 154, 154, 0.50);
    --graph-line-02-color: #696B70;
    --graph-line-03-color: rgba(154, 154, 154, 0.30);
    --disconnect-area-color: rgba(77, 78, 91, 0.30);
    --strip-line-color: #474747;
    /* trend chart end */
    /* shortcut menu css start */
    --menu-btn-bg: #8181FF33;
    /* shortcut menu css end */
    --comment-box: #343C4B;
    --logo-cardio-img: url('/spa/image/web_login_abroad_dark.png');
    --logo-ex-img: url('/spa/image/bi_ex_w_Login_dark.png');
    --refresh-logo: url('/spa/image/refresh_dark.svg');
    --dropdown-down-img: url('/spa/image/arrow-down_dark.svg');
    --calendar-img: url('/spa/image/calendar.svg');
    --calendar-disabled-img: url('/spa/image/calendar-disabled.svg');
    --icon-down: url('/spa/image/arrow-down_dark.svg');
    --selectbox-icon-down: url('/spa/image/button_icon_down.svg');
    --selectbox-icon-up: url('/spa/image/button_icon_up.svg');
    --test_edit-img: url('/spa/image/test_edit_dark.svg');
    --test_edit-img-2: url('/spa/image/test_edit_2_dark.svg');
    --download-img:  url('/spa/image/download-dark.svg');
    --site_checkbox_unchecked: url('/spa/image/site_checkbox_unchecked_dark.svg');
    --site_checkbox_checked: url('/spa/image/site_checkbox_checked.svg');
    --search-img: url('/spa/image/search-dark.svg');
    --modal-close-button: url('/spa/image/add_test_close_button_icon.png');
    --button-icon-down: url('/spa/image/button_icon_down.svg');
    --button-icon-up: url('/spa/image/button_icon_up.svg');
    --button-icon-left: url('/spa/image/button_icon_left.svg');
    --button-icon-right: url('/spa/image/button_icon_right.svg');
    --back-icon: url("/spa/image/back_icon.svg");
    --icn_delete: url("/spa/image/dark_x.svg");
    --shortcut-close: url("/spa/image/shortcut-close.svg");
    --shortcut-open: url("/spa/image/shortcut-open.svg");
    --flag-header-select: url("/spa/image/flag-header-select.svg");
    --icon-note: url("/spa/image/file_dark.svg");
    --alert-popup-icon:url("/spa/image/danger.png");
    --disabled-checkbox-check:url("/spa/image/disabled-checkbox-check-dark.svg");
    --recalculate-icon:url("/spa/image/refresh-square-2.png");
}

html.light{
    --background-color: #FFFFFF;
    --main-total-balance-color: #8181FF66;
    --site-list-shadow: 2px 8px 15px 0 rgba(125, 143, 179, 0.30);
    --scrollbar-01-color: #CED6E8;
    --scrollbar-02-color: rgba(206, 214, 232, 0.5);
    --shadow:#7d8fb34d;
    /* box-color start */
    --box-01-color: #F2F4F8;
    --box-02-color: #E3E8F3;
    --box-03-color: #F2F4F8;
    --box-04-color: #E3E8F3;
    --box-05-color: #F7F9FB;
    --box-06-color: #E3E8F3;
    --box-07-color: #B1BCD1;
    --box-08-color: #FFFFFF;
    --box-09-color: #F0EFFF;
    --box-10-color: #F7F9FB;
    /* box-color end */
    --modal-01-color: #FFFFFF;
    --modal-02-color: #FFFFFF;
    --button-line-hover: #343C4B;
    --button-line-01-color: #61708C;
    --button-line-02-color: #B1BCD1;
    --line-01-color: #CED6E8;
    --line-02-color: #CED6E8;
    --line-03-color: #B1BCD1;
    --line-04-color: #CED6E8;
    --modal-line-01-color: #B1BCD1;
    /*text-color - start*/
    --text-01-color: #343C4B;
    --text-02-color: #61708C;
    --text-03-color: #61708C;
    --text-04-color: #343C4B;
    --text-05-color: #94A5C4;
    --text-06-color: #61708C;
    --text-07-color: #343C4B;
    --search-btn-color: #7D8FB3;
    /*text-color - end*/
    --clear-btn-color: #E9EAF8;
    --main-text-color: #343C4B;
    --button-text-color: #FFFFFF;
    --sub-text-color: #9A9A9A;
    --search-btn-txt-color: #FFFFFF;
    --search-color: #7D8FB3;
    --line-divider-color: #CED6E8;
    --radio-button: #CED6E8;
    --hover-01-color: #EDF1FA;
    --select-sitebox-color: #F2F4F8;
    --toggle-button-off-color: #8181FF;
    --toggle-button-on-color: #B1BCD1;
    --usage-line-color: #F2F4F8;
    /* strip css - start*/
    --10s-background : #FFFFFF;
    --10s-line-color: #DADFE8;
    --10s-path-color: #61708C;
    --af-rhythm-color: #FFDF6B33;
    --noise-rhythm-color: #DADCEB8C;
    --etc-rhythm-color: #7BC3EC2E;
    --strip-background: #F7F9FB;
    --3060-select-rect: #9CF3FF33;
    --add-beat-refresh: #CED6E8B2;
    --add-beat-refresh-hover: #CED6E8;
    --select-line: #FFE600;
    /* strip css - end*/
    /* trend chart start */
    --graph-line-01-color: #CDD7DA80;
    --graph-line-02-color: #CED6E8;
    --graph-line-03-color: rgba(205, 215, 218, 0.30);
    --disconnect-area-color: rgba(205, 215, 218, 0.30);
    --strip-line-color: #DADFE8;
    /* trend chart end */
    /* shape start */
    /* shape end */
    /* shortcut menu css start */
    /* shortcut menu css end */
    --comment-box: #E3E8F3;
    --logo-cardio-img: url('/spa/image/web_login_abroad_light.png');
    --logo-ex-img: url('/spa/image/bi_ex_w_Login_light.png');
    --refresh-logo: url('/spa/image/refresh_light.svg');
    --calendar-img: url('/spa/image/calendar-light.svg');
    --calendar-disabled-img: url('/spa/image/calendar-disabled-light.svg');
    --dropdown-down-img: url('/spa/image/arrow-down_light.svg');
    --icon-down: url('/spa/image/arrow-down_light.svg');
    --selectbox-icon-down: url('/spa/image/button_icon_down_light.svg');
    --selectbox-icon-up: url('/spa/image/button_icon_up_light.svg');
    --test_edit-img: url('/spa/image/test_edit-light.svg');
    --test_edit-img-2: url('/spa/image/test_edit_2-light.svg');
    --download-img:  url('/spa/image/download-light.svg');
    --site_checkbox_unchecked: url('/spa/image/site_checkbox_unchecked_light.svg');
    --search-img: url('/spa/image/search-light.svg');
    --modal-close-button: url('/spa/image/add_test_close_button_icon_light.png');
    --button-icon-down: url('/spa/image/button_icon_down_light.svg');
    --button-icon-up: url('/spa/image/button_icon_up_light.svg');
    --button-icon-left: url('/spa/image/button_icon_left_light.svg');
    --button-icon-right: url('/spa/image/button_icon_right_light.svg');
    --back-icon: url("/spa/image/back_icon_light.svg");
    --icn_delete: url("/spa/image/light_x.svg");
    --shortcut-close: url("/spa/image/shortcut-close-light.svg");
    --shortcut-open: url("/spa/image/shortcut-open-light.svg");
    --flag-header-select: url("/spa/image/flag-header-select-light.svg");
    --icon-note: url("/spa/image/file_light.svg");
    --disabled-checkbox-check: url("/spa/image/disabled-checkbox-check.png");
}

body{
    margin: 0;
    background-color: var(--background-color);
}

body.white_background{
    background-color: white;
}

.container {
    width: 100%;
}

/*font*/
.f15 {
    font-size: 15px;
}

.fl {
    float: left
}

.fr {
    float: right
}

.text-align-left {
    text-align: left !important;
}

.text-align-right {
    text-align: right !important;
}


.text-align-center {
    text-align: center !important;
}

.fc {
    clear: both
}

.fi {
    float: inherit
}

.b {
    font-weight: bold
}

/*margin*/
.ml0 {
    margin-left: 0px !important;
}
.ml2 {
    margin-left: 2px !important;
}
.ml3 {
    margin-left: 3px;
}
.ml5 {
    margin-left: 5px;
}
.ml6 {
    margin-left: 6px;
}
.ml7 {
    margin-left: 7px;
}

.ml9 {
    margin-left: 9px;
}

.ml10 {
    margin-left: 10px;
}

.ml12 {
    margin-left: 12px;
}

.ml13 {
    margin-left: 13px;
}

.ml15 {
    margin-left: 15px !important;
}

.ml16 {
    margin-left: 16px;
}

.ml17 {
    margin-left: 17px;
}

.ml19 {
    margin-left: 19px;
}

.ml20 {
    margin-left: 20px;
}

.ml22 {
    margin-left: 22px;
}

.ml25 {
    margin-left: 25px;
}

.ml30 {
    margin-left: 30px;
}

.ml33 {
    margin-left: 33px;
}

.ml35 {
    margin-left: 35px;
}

.ml37 {
    margin-left: 37px;
}
.ml40 {
    margin-left: 40px;
}
.ml44 {
    margin-left: 44px;
}

.ml45 {
    margin-left: 45px;
}

.ml50 {
    margin-left: 50px;
}

.ml52 {
    margin-left: 52px;
}

.ml58 {
    margin-left: 58px;
}

.ml60{
    margin-left: 60px;
}

.ml62 {
    margin-left: 62px;
}

.ml68 {
    margin-left: 68px;
}

.ml74 {
    margin-left: 74px;
}

.ml78 {
    margin-left: 78px;
}

.ml90 {
    margin-left: 90px;
}

.ml159 {
    margin-left: 159px;
}

.ml120{
    margin-left: 120px;
}

.ml192 {
    margin-left: 192px;
}

.ml204 {
    margin-left: 204px;
}

.mr-5 {
    margin-right: -5px;
}

.mr2 {
    margin-right: 2px;
}

.mr3 {
    margin-right: 3px;
}

.mr5 {
    margin-right: 5px;
}

.mr7 {
    margin-right: 7px;
}

.mr8 {
    margin-right: 8px;
}

.mr9 {
    margin-right: 9px;
}

.mr10 {
    margin-right: 10px;
}

.mr12 {
    margin-right: 12px;
}

.mr13 {
    margin-right: 13px;
}

.mr14 {
    margin-right: 14px;
}

.mr15 {
    margin-right: 15px;
}

.mr16 {
    margin-right: 16px;
}

.mr17 {
    margin-right: 17px;
}

.mr18 {
    margin-right: 18px;
}

.mr20 {
    margin-right: 20px;
}

.mr22 {
    margin-right: 22px;
}

.mr25 {
    margin-right: 25px;
}

.mr27 {
    margin-right: 27px;
}

.mr28 {
    margin-right: 28px;
}

.mr30 {
    margin-right: 30px;
}

.mr35 {
    margin-right: 35px;
}

.mr45 {
    margin-right: 45px;
}

.mr50 {
    margin-right: 50px;
}

.mr68 {
    margin-right: 68px;
}

.mr70 {
    margin-right: 70px;
}

.mr100 {
    margin-right: 100px;
}

.mr112 {
    margin-right: 112px;
}

.mt-2 {
    margin-top: -2px;
}
.mt-10 {
    margin-top: -10px;
}

.mt-35 {
    margin-top: -35px;
}

@-moz-document url-prefix() {
    .mt-35 {
        margin-top: -65px;
    }
}

.mt-55 {
    margin-top: -55px;
}

.mt-174 {
    margin-top: -174px;
}

.mt0 {
    margin-top: 0px;
}

.mt2 {
    margin-top: 2px;
}

.mt3 {
    margin-top: 3px;
}

.mt4 {
    margin-top: 4px;
}

.mt5 {
    margin-top: 5px;
}

.mt6 {
    margin-top: 6px;
}

.mt8 {
    margin-top: 8px;
}

.mt9 {
    margin-top: 9px;
}

.mt10 {
    margin-top: 10px;
}

.mt12 {
    margin-top: 12px;
}

.mt15 {
    margin-top: 15px;
}

.mt16 {
    margin-top: 16px;
}

.mt19 {
    margin-top: 19px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt28 {
    margin-top: 28px;
}

.mt30 {
     margin-top: 30px;
 }

.mt32 {
    margin-top: 32px;
}

.mt36 {
    margin-top: 36px;
}

.mt40 {
    margin-top: 40px;
}

.mt45 {
    margin-top: 45px;
}

.mt50 {
    margin-top: 50px;
}

.mt60 {
    margin-top: 60px;
}

.mt64 {
    margin-top: 64px;
}

.mt74 {
    margin-top: 74px;
}

.mt75 {
    margin-top: 75px;
}

.mb0 {
    margin-bottom: 0px;
}


.mb1 {
    margin-bottom: 1px;
}

.mb2 {
     margin-bottom: 2px;
}

.mb3 {
    margin-bottom: 3px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb6 {
    margin-bottom: 6px;
}

.mb7 {
    margin-bottom: 7px;
}

.mb9 {
    margin-bottom: 9px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb11 {
    margin-bottom: 11px;
}

.mb12 {
    margin-bottom: 12px;
}

.mb14 {
    margin-bottom: 14px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb22 {
    margin-bottom: 22px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb50 {
    margin-bottom: 50px;
}

.mb60 {
    margin-bottom: 60px;
}

.mb61 {
    margin-bottom: 61px;
}

.mb70 {
    margin-bottom: 70px;
}
.custom {
    stroke: red;
}

/*padding family*/
.pl7 {
    padding-left: 7px;
}

.pl8 {
    padding-left: 8px;
}

.pl10 {
    padding-left: 10px
}

.pl15 {
    padding-left: 15px
}

.pl20 {
    padding-left: 20px
}

.pl21 {
    padding-left: 21px
}

.pl23 {
    padding-left: 23px
}

.pl30 {
    padding-left: 30px;
}

.pl33 {
    padding-left: 33px;
}

.pr10 {
    padding-right: 10px
}

.pr15 {
    padding-right: 15px
}

.pr17 {
    padding-right: 17px
}

.pr20 {
    padding-right: 20px
}

.pr22 {
    padding-right: 22px
}

.pr30 {
    padding-right: 30px;
}

.pt4 {
    padding-top: 4px;
}

.pt5 {
    padding-top: 5px;
}

.pt7 {
    padding-top: 7px;
}

.pt9 {
    padding-top: 9px;
}

.pt10 {
    padding-top: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pt19 {
    padding-top: 19px;
}

.pt20 {
    padding-top: 20px;
}

.pt28 {
    padding-top: 28px;
}

.pt30 {
    padding-top: 30px;
}

.pt50 {
    padding-top: 50px;
}

.pb5 {
    padding-bottom: 5px;
}

.pb25 {
    padding-bottom: 25px;
}

.pb40 {
    padding-bottom: 40px;
}

.pb50 {
    padding-bottom: 50px;
}

/*line height*/
.lh10 {
    line-height: 10px;
}
.lh15 {
    line-height: 15px;
}

.lh18 {
    line-height: 18px;
}
.lh19 {
    line-height: 19px;
}
.lh20 {
    line-height: 20px;
}
.lh25 {
    line-height: 25px;
}
.lh26 {
    line-height: 26px;
}
.lh30 {
    line-height: 30px;
}
.lh31 {
    line-height: 31px;
}
.lh38 {
    line-height: 38px;
}
.lh35 { line-height: 35px; }
/* height */
.h10 {
    height: 10px;
}
.h12 {
    height: 12px;
}
.h13 {
    height: 13px;
}
.h15 {
    height: 15px;
}
.h18 {
    height: 18px;
}
.h19 {
    height: 19px;
}
.h20 {
    height: 20px;
}
.h25 {
    height: 25px;
}
.h26 {
    height: 26px;
}
.h30 {
    height: 30px;
}
.h31 {
    height: 31px;
}
.h32 {
    height: 32px;
}
.h34 {
    height: 34px;
}
.h38 {
    height: 38px;
}
.h40 {
    height: 40px;
}
.h44 {
    height: 44px;
}
.h50 {
    height: 50px;
}
.h55 {
    height: 55px;
}
.h64 {
    height: 64px;
}
.h72 {
    height: 72px;
}
.h79 {
    height: 79px;
}
.h82 {
    height: 82px;
}
.h88 {
    height: 88px;
}

.h116 {
    height: 116px;
}

.h140 {
	height: 140px;
}
.h160 {
    height: 160px;
}
.h170 {
    height: 170px;
}

.h245 {
    height: 245px;
}

.h658 { height: 658px; }

/* width */
.w5{width: 5px;}
.w49 { width: 49px; }
.w50 { width: 50px; }
.w54 { width: 54px; }
.w55 { width: 55px; }
.w60 { width: 60px; }
.w67 { width: 67px; }
.w97 { width: 97px; }
.w100 { width:100px; }
.w106 { width:106px; }
.w107 { width:107px; }
.w108 { width:108px; }
.w110 { width:110px; }
.w115 { width:115px; }
.w120 { width:120px; }
.w130 { width:130px; }
.w135 { width:135px; }
.w160 { width:160px; }
.w170 { width:170px; }
.w180 { width:180px; }
.w200 { width:200px; }
.w236 { width:236px; }
.w250 { width:250px; }

.w270 { width:270px; }
.w279 { width:279px; }
.w293 { width:293px; }
.w310 { width:310px; }
.w320 { width:320px; }
.w325 { width:325px; }
.w339 { width:339px; }
.w345 { width:345px; }
.w350 { width:350px; }
.w360 { width:360px; }
.w420 { width:420px; }
.w430 { width:430px; }
.w475 { width:475px; }
.w480 { width:480px; }
.w495 { width:495px; }
.w750 { width:750px; }
.w920 { width:920px; }
.w1250 { width: 1250px; }

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

.popup {
    border: solid 1px var(--modal-01-color);
    border-radius: 8px;
    background: var(--modal-01-color);
}

.popup-header {
    background: var(--modal-01-color);
    height: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-color: var(--modal-01-color);
}

.popup-divider {
    width: 500px;
    height: 1px;
    background-color: #bebfc3;
    margin: 15px 30px 20px 0;
}

.popup-addiction {
    font-family: Arial;
    font-size: 13px;
    line-height: 2.08;
    color: #d2d2d2;
}

.popup-title-area {
    height: 20px;
}

.popup-title {
    font-family: Interstate;
    color: var(--text-01-color);
    font-size: 18px;
}

.popup-save-button {
    width: 120px;
    height: 35px;
    font-family: Interstate;
    font-size: 15px;
    color: #ffffff;
    border: 1px solid var(--main_purple);
    background-color: var(--main_purple);
    border-width: 0;
    border-radius: 20px;
    float: right;
    cursor: pointer;
    padding: 1px 0 0 0;
}

.popup-save-button:hover {
    border: 1px solid var(--button-line-hover);
}

.change-password-popup-save-button {
    width: 120px;
    height: 35px;
    font-family: Interstate;
    font-size: 14px;
    color: var(--button-text-color);
    border: 1px solid var(--main_purple);
    background-color: var(--main_purple);
    font-weight: 700;
    border-radius: 20px;
    float: right;
    cursor: pointer;
}

/*.change-password-popup-save-button:hover {*/
/*    background-color: #bd4b46;*/
/*    border: none !important;*/
/*}*/

.black-dialog {
    background: var(--modal-01-color);
    border-radius: 8px;
    padding-bottom: 2px;
    width: 380px;
    font-size: 17px;
    border: none !important;
}

.dialog-header {
    display: none;
}

.dialog-content {
    background: var(--modal-01-color);
    padding-bottom: 14px;
    overflow: hidden;
    min-height: 10px;
    position: static;
}

.dialog-msg {
    margin-top: 20px;
    margin-bottom: -8px;
    font-family: Inter;
    text-align: left;
    border-width: 0;
    word-wrap: break-word;
    color: var(--text-01-color);
    font-size: 15px;
    line-height: 1.6;
    min-height: 80px;
    margin-bottom: 20px;
}

.dialog-button-box {
    text-align: right;
    clear: both;
    position: relative;
}
#timeRemainingCountDown{
	float: left;
    margin-top: -29px;
    font-family: Arial;
    text-align: left;
    border-width: 0;
    word-wrap: break-word;
    color: var(--text-07-color);
    font-size: 15px;
    line-height: 1.6;
    min-height: 80px;
}

.alert-button {
    bottom: 0;
}

.confirm-button {
    bottom: 0;
}

.dialog-button {
    font-family: Arial;
    cursor: pointer;
    font-size: 20px;
    color: #ff7373;
    height: 40px;
    width: 87px;
    text-align: right;
}

.cancel-button {
    color: #b0b0b0;
    padding-right: 17px;
}

.dialog-checkbox-area>input[type=checkbox] {
    display: none;
}

.dialog-checkbox-area>input[type=checkbox] + label span{
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    margin-right: 7px;
    font-size: 13px;
    width:17px;
}

.dialog-checkbox-area>input[type=checkbox]+ label span:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #474747;
    border-radius: 2px;
    border: solid 1px #d9d9d9;
}
.dialog-checkbox-area>input[type=checkbox]:checked + label span:before {
    content: "";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 13px;
    font-weight:800;
    color: #9a9a9a;
    background: url(/spa/image/checkbox.png);
    text-align: center;
    line-height: 15px;
}

/******************************************
** for display
******************************************/
.tc {
    display: table-cell;
}

.ib {
    display: inline-block;
}

.back-icon-image {
    /*margin-left: -10px;*/
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-size: 10px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: var(--back-icon);
}

/*.back-icon-image:hover {*/
/*    background: url("/spa/image/back_icon_hover.png");*/
/*}*/

.back-icon-image-sub {
    cursor: pointer;
    width: 16px;
    height: 14px;
    margin-left: -4px;
    padding: 8px 4px 8px 4px;
}

.toast-div {
    height: auto !important;
    background: #4c4c4c;
    opacity: 0.95;
    border-color: transparent;
    border-radius: 0px;
    min-height: 52px;
    min-width: 373px;
}

.toast-content {
    height: auto !important;
    background: transparent;
    border-color: transparent;
    overflow: hidden;
    vertical-align: middle;
}

.toast-image {
    width: 24px;
    height: 22px;
    object-fit: contain;
    margin-right: 15px;
}

.toast-image-triangle {
    width: 24px;
    height: 22px;
    margin-top: 8px;
}

.toast-image-circle {
    width: 40px;
    height: 40px;
}

.toast-msg {
    font-size: 18px;
    font-family: Arial;
    color: rgba(231, 231, 231, 0.8);
}

.toast-pharagraph {
    /*display: inline-block;*/
    line-height: 20px;
    vertical-align: middle;
    margin-left: 25px;
}

/* CURSOR */
.grab-cursor {
    cursor: default;
}
.pointer-cursor {
    cursor: pointer;
}

.not-clickable {
    pointer-events: none;
    /*opacity: 0.3;*/
}

.not-clickable-during-download {
    pointer-events: none;
    opacity: 0.3;
}

.grab-cursor:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

.textEllipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.non-scrolling {
    height: 100%;
    overflow: hidden;
}

.italic-font {
    font-style: italic;
}

.patient-report-content1{
  width: 260px;
  height: 110px;
  border: 1px solid black;
  padding: 1px;
}
.patient-report-content2{
  width: 90%;
  height: 40px;
  border: 1px solid black;
  padding: 1px;
}
.patient-report-content3{
  width: 90%;
  height: 23px;
  border: 1px solid black;
  padding: 1px;
}
.patient-report-content4{
  width: 90%;
  height: 70px;
  border: 1px solid black;
  padding: 1px;
}
.close-button {
    width: 20px;
    height: 20px;
    cursor: pointer;
    background-size: 12px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: var(--modal-close-button)
}

.strip10-area-button-align {
    position: relative;
    transform: translateY(50%);
}


/* Chrome, Safari 등 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    font-family: Interstate;
    font-size: 15px;
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: var(--text-01-color) !important;
    color: var(--text-01-color) !important;
}

/* Firefox */
input:-moz-ui-autofill,
input:-moz-ui-autofill:hover,
input:-moz-ui-autofill:focus,
input:-moz-ui-autofill:active {
    font-family: Interstate;
    font-size: 15px;
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: var(--text-01-color) !important;
    color: var(--text-01-color) !important;
}

input::-ms-reveal,
input::-ms-clear {
    display: none;
}

/* [Comment] 결과 코멘트 서식 에러 개선, #982 */
#commentBox,
#previewResultComment,
.patient-preview-comment,
.result-contents-area-text,
#previewCommentsInnerContent0,
#previewCommentsInnerContent1,
#previewCommentsInnerContent2,
#previewCommentsInnerContent3,
#previewCommentsInnerContent4 {
    --box-08-color: #FFFFFF;
    --text-06-color: #000000;
}

.mt-2{
    margin-top: -2px;
}

.select-all-rhythm-checkbox:not(:checked){
    appearance: none;
    background-color: transparent;
    width: 14px;
    height: 14px;
    border-radius: 2px;
    border: 1px solid var(--line-02-color);
    cursor: pointer;
}

.select-all-rhythm-checkbox:checked{
    background: var(--site_checkbox_checked);
    display: inline-block;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px;
    border: none;
    cursor: pointer;
}

.select-all-rhythm-checkbox:checked + .label-rhythm-all-chckbox{
    color: var(--text-03-color);
}

.select-all-rhythm-checkbox:disabled + .label-rhythm-all-chckbox{
    cursor:default;
    opacity: 0.4;
}

.label-rhythm-all-chckbox{
    font-size: 13px;
    color: var(--text-02-color);
    margin-left: 24px;
    margin-top: 4.5px;
}
.select-all-rhythm-combo{
    background: transparent;
    border-style: none !important;
    color: var(--text-02-color);
}
.select-all-rhythm-combo:hover{
    background: transparent;
    border: none;
}

#innerListBoxcomboRhythm{
    top : 2px !important;
}

#bulkRhythmCombo:hover{
    border-color: var(--text-03-color);
}

.bulk-delete-rhythm-warning{
    font-family: Inter;
    color: #EA5151;
    background-color: #FFEBEB;
    border-radius: 8px;
    padding: 20px;
}

.warning-title-area {
    font-weight: bold;
    font-size: 14px;
}

.popup-bulk-rhythm-button{
    width: 120px;
    height: 35px;
    font-family: Interstate;
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    border: 1px solid var(--main_purple);
    background-color: #EA5151;
    border-width: 0;
    border-radius: 20px;
    float: right;
    cursor: pointer;
    padding: 1px 0 0 0;
}

.bulk-dialog-msg {
    margin-top: 20px;
    font-family: Inter;
    text-align: left;
    border-width: 0;
    word-wrap: break-word;
    color: var(--text-01-color);
    font-size: 15px;
    line-height: 1.6;
    min-height: 70px;
}

.bulk-popup-title {
    font-family: Interstate;
    color: var(--text-01-color);
    font-size: 18px;
    margin-left: 10px;
}

.vl{
    border-right: 1px solid var(--button-line-02-color);
    margin-left: 46px;
    margin-top: 5px;
    height: 15px;
}

.bulk-strip-combo {
    font-family: Inter;
    font-size: 12px;
    background-color: var(--background-color);
    color: var(--text-02-color);
    border-radius: 2px;
    border: solid 1px var(--button-line-02-color);
}

.alert-icon{
    width: 30px;
    height: 30px;
    background-size: 30px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: var(--alert-popup-icon)
}