@charset "utf-8";

.iti-flag {background-image: url("/assets/plugins/intl-tel-input/img/flags.png");}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti-flag {background-image: url("/assets/plugins/intl-tel-input/img/flags@2x.png");}
}
/*
.card-deck {
    width: 100% !important;
} */

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}

pre.eob-description {
  font-size: inherit;
  font-family: inherit;
  border: unset;
  font-weight: unset !important;
  box-shadow: unset;
}

[type="checkbox"] + label {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: -0.15px;
  text-align: left;
  color: var(--black);
}

/* dashboard */
.dashboardStatus { overflow:hidden; margin-left:0px;}
/* .dashboardStatus > div { float:left; position:relative; width:288px; height:263px; margin-left:0px; padding-left:24px; padding-right: 24px; padding-top:20px; padding-bottom: 20px; border:1px solid #cdcdcd; border-radius:10px; background:#fff;} */
/* .dashboardStatus .tit { font-size:18px; color:#757575; letter-spacing:-0.2px; font-weight:500; margin-bottom:0px;}
.dashboardStatus .time { position:absolute; top:20px; right:28px; font-size:14px; font-weight:500; margin-top:3px; margin-bottom:0px; letter-spacing:-0.2px; color:#757575;} */
/* .dashboardStatus .measuredValue { position:relative; display:inline-block; margin-top:4px; margin-bottom: 4px; font-size:72px; letter-spacing:-0.71px; color:#4c4c4c;}
.dashboardStatus .measuredValue i { position:absolute; top:27px; right:8px; width:49px; height:32px; font-size:0;}
.dashboardStatus .measuredValue span { font-size:21px; font-weight: normal; color:var(--warm-grey); letter-spacing:-0.2px;}
.dashboardStatus .measuredValue strong {font-weight: normal;} */
/* .dashboardStatus .text { position:absolute; bottom:78px; left:28px; font-size:14px; line-height: 1.47; letter-spacing: -0.17px; margin-bottom:0px; color: var(--warm-grey); font-weight: 500;} */
.dashboardStatus .text span.total-bolus { color:#9143cd;}
.dashboardStatus .text span { color:#00aeef;}
.dashboardStatus .ApBolus { color:#00A76B;}
.dashboardStatus .ApBasal { color:#00c853;}
/* 혈당 */
.dashboardStatus .constant .measuredValue i { background:url('/static/images/dashboard/dashboard_left.svg') no-repeat;background-size: auto 26px;}
.dashboardStatus .threshold-up .measuredValue strong { color:#ffae1b;}
.dashboardStatus .unknown .measuredValue i { background:url('/static/images/dashboard/dashboard-unknown.svg') no-repeat;background-size: auto 26px;}
.dashboardStatus .up1 .measuredValue i { background:url('/static/images/dashboard/dashboard_top_01.svg') no-repeat;background-size: auto 26px;}
.dashboardStatus .up2 .measuredValue i { background:url('/static/images/dashboard/dashboard_top_02.svg') no-repeat;background-size: auto 26px;}
.dashboardStatus .up3 .measuredValue i { background:url('/static/images/dashboard/dashboard_top_03.svg') no-repeat;background-size: auto 26px;}
.dashboardStatus .threshold-down .measuredValue strong { color:#ff3366;}
.dashboardStatus .down1 .measuredValue i { background:url('/static/images/dashboard/dashboard_down_01.svg') no-repeat;background-size: auto 26px;}
.dashboardStatus .down2 .measuredValue i { background:url('/static/images/dashboard/dashboard_down_02.svg') no-repeat;background-size: auto 26px;}
.dashboardStatus .down3 .measuredValue i { background:url('/static/images/dashboard/dashboard_down_03.svg') no-repeat;background-size: auto 26px;}
.dashboardStatus .error .measuredValue strong { color:#b4b4b4;}
.dashboardStatus .error .measuredValue i { background:url('/static/images/dashboard/dashboard_error.svg') no-repeat;background-size: auto 26px;}
.dashboardStatus .basalInject { color:#4d4d4d;}
.dashboardStatus .extendedInject { color:#4d4d4d;}

/**/
.icState{display: inline-block;font-size:17px;font-style: normal;line-height: 30px;padding:0 20px;background: #00aeef;color: #fff;vertical-align: middle;border-radius: 15px}
.btnCal{display: inline-block;width: 30px;height: 30px;background: url('/static/images/common/icon-cal.svg') no-repeat center center;background-size: 24px 25px;font-size: 0;color: transparent;vertical-align: middle;}

/* */
.modal-dialog.eo-modal-lg {
  max-width:1100px;
  margin: 30px auto;
}

/* jqBootstrapValidation */
div.help-block {
  font-size: 13px;
  font-weight: 200;
}

.modal-title {
  font-size: 29px;
  color: #333;
  font-weight: 400;
}

.form-group.error input, .form-group.error select, .form-group.error textarea {
  border: 1px;
}

.form-group.validate input, .form-group.validate select, .form-group.validate textarea {
  border: 1px solid #00aeef;
  box-shadow: unset;
  background-color: #ffffff !important;
}

.form-control {
  color: #333;
  font-weight: 200;
}

.input-group-addon > .btn {
  font-size: 1.0rem;
  font-weight: 250;
}

.btn.fileinput-button {
  font-size: 1.0rem;
  font-weight: 250;
}

.dropdown-item {
  font-size: 14px;
  font-weight: 300;
}

.topbar .profile-pic {
  width: 40px;
  height: 40px;
  image-orientation: from-image;
}

.topbar .link-pic {
  width: 40px;
  height: 40px;
}

.topbar .nav-link-img {
  width: 40px;
  height: 40px;
}

.navbar-navlink {
  width: 30px;
  height: 30px;
}

.card-title {
  color: var(--black);
  font-size: 25px;
  font-weight: 300;
}

/* c3 chart */
/* svg { border : 1px solid #88AAEE; background-color: #fff; } */

.c3-region.eo-empty-region-x {
  fill: #999999;
}

.c3-xgrid-line.eo-xgrid > line {
  stroke: #aaa;
  stroke-width: 0.5px;
}

.c3-xgrid-line.eo-xgrid-highlight > line {
  stroke: #aaa;
  stroke-width: 2px;
}

.c3-line-thHi {
  stroke: #ffc700 !important;
  stroke-width: 2px;
}

.c3-line-thLo {
  stroke: #ff0000 !important;
  stroke-width: 2px;
}

.c3-line-taHi {
  stroke: black !important;
  stroke-width: 2px;
  stroke-dasharray: 5,5;
}

.c3-line-taLo {
  stroke: black !important;
  stroke-width: 2px;
  stroke-dasharray: 5,5;
}

.c3-line-cgm {
  stroke-width: 3px;
}

/********* eo bridge only *********/
.eo-chart-tooltip-box {
  display: inline-block;
  /* padding: .25em .25em; */
  width: 12px;
  height: 12px;
  font-size: 75%;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
}
.eo-chart-tooltip-line {
  display: inline-block;
  /* padding: .25em .25em; */
  width: 12px;
  height: 4px;
  font-size: 75%;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: .10rem;
}
.eo-chart-tooltip-circle {
  display: inline-block;
  /* padding: .25em .25em; */
  width: 8px;
  height: 8px;
  font-size: 75%;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: .50rem;
}
.eo-chart-tooltip-dashboard-cgm {
  background-color: #616161;
  color: #00A2E8;
}
.eo-chart-tooltip-dashboard-bg {
  background-color: #00AEEF;
  color: #00A2E8;
}
.eo-chart-tooltip-dashboard-calibration {
  background-color: #0092EF;
  color: #00A2E8;
}
.eo-chart-tooltip-dashboard-bolus-now {
  background-color: #EF40BE;
  color: #00A2E8;
}
.eo-chart-tooltip-dashboard-bolus-later {
  background-color: rgba(159, 23, 122, 0.6);
  color: #00A2E8;
}
.eo-chart-tooltip-dashboard-bolus-ap {
  background-color: #00A76B;
  color: #00A2E8;
}
.eo-chart-tooltip-dashboard-bolus-overview {
  width: 9px;
  height: 9px;
  background-color: #cb1895;
  color: #00A2E8;
  opacity: 0.5;
}
.eo-chart-tooltip-dashboard-apBolus-overview {
  width: 9px;
  height: 9px;
  background-color: #00A76B;
  color: #00A2E8;
  opacity: 0.5;
}
.eo-chart-tooltip-dashboard-carbs-overview {
  width: 9px;
  height: 9px;
  background-color: #4db6ac;
  color: #00A2E8;
  opacity: 1;
}
.eo-chart-tooltip-dashboard-basal {
  background-color: #7C4DFF;
  color: #00A2E8;
}
.eo-chart-tooltip-dashboard-basal-temp {
  background-color: #82B1FF;
  color: #00A2E8;
}
.eo-chart-tooltip-dashboard-basal-ap {
  background-color: #00C853;
  color: #00A2E8;
}
.eo-chart-tooltip-dashboard-basal-overview {
  width: 9px;
  height: 9px;
  background-color: #4c14cd;
  color: #00A2E8;
  opacity: 0.5;
}
.eo-chart-tooltip-dashboard-apBasal-overview {
  width: 9px;
  height: 9px;
  background-color: #00C853;
  color: #00A2E8;
  opacity: 0.5;
}
.eo-chart-tooltip-trends-25to75 {
  background-color: #1CB9F2;
  color: #00A2E8;
}
.eo-chart-tooltip-trends-10to90 {
  background-color: #BFEBFB;
  color: #94D8F6;
}
.eo-chart-tooltip-trends-med {
  background-color: black;
  color: #73858D;
}
.eo-chart-tooltip-trends-min {
  background-color: #7F7F7F;
  color: #0D0E0F;
}
.eo-chart-tooltip-dashboard-text {
  font-size: 12px;
  font-weight: 200;
  vertical-align: middle;
}
.eo-chart-tooltip-trends-text {
  font-size: 12px;
  font-weight: 200;
  vertical-align: middle;
}
.eo-chart-tooltip-eopatch-series-1 {
  background-color: #00B7E4;
  color: #00A2E8;
}
.eo-chart-tooltip-eopatch-series-2 {
  background-color: #80DBF1;
  color: #00A2E8;
}
.eo-chart-tooltip-eopatch-aps-series {
  background-color: #00c853;
  color: #00c853;
}
.eo-chart-tooltip-eopatch-text {
  font-size: 12px;
  font-weight: 200;
  vertical-align: middle;
}
.eo-chart-donut-center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  color: black;
  vertical-align: middle;
}
.eo-chart-donut-center-avg {
  font-size: 48px;
  color: #000;
  font-weight: 400;
  line-height: 1.4em;
}
.eo-chart-donut-center-deviation {
  font-size: 30px;
  color: #000;
  font-weight: 400;
  line-height: 1.4em;
}
.eo-chart-donut-center-text {
  font-size: 17px;
  color: #000;
  font-weight: 400;
  line-height: 1.4em;
}

.eo-chart-donut-center-empty {
  font-size: 25px;
  color: #000;
  font-weight: 400;
  line-height: 1.4em;
}

.eo-chart-donut-center-small {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  padding: 5px;
  transform: translate(-50%, -50%);
  color: black;
  vertical-align: middle;
}
.eo-chart-donut-center-small-avg {
  font-size: 16px;
  color: #000;
  font-weight: 400;
  line-height: 1.1em;
}
.eo-chart-donut-center-small-deviation {
  font-size: 12px;
  color: #000;
  font-weight: 400;
  line-height: 1.1em;
}
.eo-chart-donut-center-small-text {
  font-size: 10px;
  color: #000;
  font-weight: 400;
  line-height: 1.1em;
}
.eo-chart-donut-center-small-empty {
  font-size: 13px;
  color: #000;
  font-weight: 400;
  line-height: 1.1em;
}

.eo-chart-donut-center-mini {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  padding: 2px;
  transform: translate(-50%, -50%);
  color: black;
  vertical-align: middle;
}
.eo-chart-donut-center-mini-avg {
  font-size: 16px;
  color: #000;
  font-weight: 300;
  line-height: 1.0em;
}
.eo-chart-donut-center-mini-deviation {
  font-size: 11px;
  color: #000;
  font-weight: 400;
  line-height: 10em;
}
.eo-chart-donut-center-mini-text {
  font-size: 8px;
  color: #000;
  font-weight: 400;
  line-height: 1.0em;
}
.eo-chart-donut-center-mini-empty {
  font-size: 10px;
  color: #000;
  font-weight: 400;
  line-height: 1.0em;
}

/* filter */
[type="checkbox"].filled-in:checked.eo-chk-col-sun + label:after, .eo-chart-tooltip-cgm-sun {
  border: 1px dotted #20c4a8;
  background-color: rgba(32, 196, 168, 0.4); }

[type="checkbox"].filled-in:checked.eo-chk-col-mon + label:after, .eo-chart-tooltip-cgm-mon {
  border: 1px dotted #2ba9d8;
  background-color: rgba(43, 169, 216, 0.4); }

[type="checkbox"].filled-in:checked.eo-chk-col-tue + label:after, .eo-chart-tooltip-cgm-tue {
  border: 1px dotted #5474bf;
  background-color: rgba(84, 116, 191, 0.4); }

[type="checkbox"].filled-in:checked.eo-chk-col-wed + label:after, .eo-chart-tooltip-cgm-wed {
  border: 1px dotted #c145b8;
  background-color: rgba(193, 69, 184, 0.4); }

[type="checkbox"].filled-in:checked.eo-chk-col-thu + label:after, .eo-chart-tooltip-cgm-thu {
  border: 1px dotted #5474bf;
  background-color: #5474bf; }

[type="checkbox"].filled-in:checked.eo-chk-col-fri + label:after, .eo-chart-tooltip-cgm-fri {
  border: 2px solid #2ba9d8;
  background-color: #2ba9d8; }

[type="checkbox"].filled-in:checked.eo-chk-col-sat + label:after, .eo-chart-tooltip-cgm-sat {
  border: 2px solid #20c4a8;
  background-color: #20c4a8; }

/* select2 */
.eo-select {
  color: #333;
  font-weight: 300;
}

.select2-selection {
  background-color: #fff !important;
}

.select2-results {
  background: #f3f3f3 !important;
  border: 1px solid #d2d6de;
  border-color: #d2d6de;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #fff;
    border: 1px solid red;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}

/* profile */
.eo-profile-user-img {
  margin: 0 auto;
  width: 150px;
  height: 150px;
  padding: 3px;
  border: 3px solid #d2d6de;
}

.eo-profile-user-img-file {
  margin-top:100px;
  margin-left:92px;
}

.eo-necessary {
  display:inline-block;
  width:6px;
  height:6px;
  margin-top:-3px;
  margin-left:5px;
  border-radius:50%;
  font-size:0;
  vertical-align:middle;
  background:#ff4c4c;
}

.eo-bar-user-img {
  width: 150px;
  height: 150px;
  font-size: 20px;
  position: relative;
  opacity: 0.0;
}
.eo-bar-user-img:after,
.eo-bar-user-img > img {
  width: 140px;
  height: 140px;
  margin-left: 5px;
  margin-top: 5px;
  line-height: 90px;
}
.eo-bar-user-img > img {
  width: 120px;
  height: 120px;
  margin-left: 15px;
  margin-top: 15px;
  line-height: 70px;
}

.eo-i-signup {
  width: 36px;
  height: 36px;
  background: url(/static/images/common/btn-gnb-register.svg) no-repeat 0px center;
}

.eo-i-signin {
  width: 36px;
  height: 36px;
  background: url(/static/images/common/btn-gnb-logout.svg) no-repeat 0px center;
}

.eo-i-language {
  width: 36px;
  height: 36px;
  background: url(/static/images/common/btn-gnb-language.svg) no-repeat 0px center;
}

.eo-i-eye {
  width: 36px;
  height: 36px;
  background: url(/static/images/login/textfield-show-01.svg) no-repeat 0px center;
}

.eo-i-eye-slash {
  width: 36px;
  height: 36px;
  background: url(/static/images/login/textfield-hide-01.svg) no-repeat 0px center;
}
.eo-i-message {
  width: 36px;
  height: 36px;
  background: url(/static/images/common/btn-gnb-message.svg) no-repeat 0px center;
}

/* a.nav-link > i.fa {
  font-size: 25px;
} */

/* a.nav-link > i.mdi {
  font-size: 2rem;
}

a.nav-link > img.profile-pic {
  padding-bottom: 1px;
}

[class^='ti-'] {
  font-size: 20px;
} */
/* span.hide-menu {
  padding-left: 9px;
  font-size: 1.2rem;
}

a.has-arrow i.mdi {
  padding-bottom: 7px;
  font-size: 28px;
} */

.eo-rem-0-5 {
  font-size: 0.5rem;
}

.eo-rem-0-6 {
  font-size: 0.6rem;
}

.eo-rem-0-7 {
  font-size: 0.7rem;
}

.eo-rem-0-8 {
  font-size: 0.8rem;
}

.eo-rem-0-9 {
  font-size: 0.9rem;
}

.eo-rem-1 {
  font-size: 1rem;
}

.eo-rem-1-1 {
  font-size: 1.1rem;
}

.eo-rem-1-2 {
  font-size: 1.2rem;
}

.eo-rem-1-3 {
  font-size: 1.3rem;
}

.eo-rem-1-4 {
  font-size: 1.4rem;
}

.eo-rem-1-5 {
  font-size: 1.5rem;
}

.eo-rem-2 {
  font-size: 2rem;
}

.eo-rem-2-2 {
  font-size: 2.2rem;
}

.eo-rem-2-4 {
  font-size: 2.4rem;
}

.eo-rem-2-6 {
  font-size: 2.6rem;
}

.eo-rem-2-8 {
  font-size: 2.8rem;
}

.eo-rem-3 {
  font-size: 3.0rem;
}

.eo-nav-text {
  color: red;
  font-weight: 200;
}

.eo-text {
  font-weight: 200;
}

.eo-text-color-dark {
  color: #666;
}

.eo-text-color-White {
  color: #fff;
}

.eo-text-color-light {
  color: #4d4d4d;
}

.eo-text-color-Black {
  color: #333;
}

.eo-text-color-Black2 {
  color: #000;
}

.eo-text-color-Red {
  color: #c80026;
}

.eo-text-color-Yellow {
  color: #ff9000;
}

.eo-text-color-Blue {
  color: #5164b9;
}

.eo-text-color-Blue2 {
  color: #00aeef;
}

.eo-text-color-Grey {
  color: #949494;
}

.eo-text-color-cgm-max {
  color: #ff9000;
}

.eo-text-color-cgm-min {
  color: #ff3366;
}

.eo-text-label-s {
  font-family: "NotoSansCJKkr";
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
}

.eo-text-label-m {
  font-family: "NotoSansCJKkr";
  font-size: 15px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
}

.eo-text-label-l {
  font-size: 24px;
  font-weight: 250;
}

.eo-text-primary {
  color: #333;
  font-weight: 200;
}

.eo-form-text-label {
  color: #808080;
  font-size: 20px;
  font-weight: 250;
}

.eo-text-strong {
  font-weight: 300;
}

.eo-text-strong4 {
  font-weight: 400;
}

.eo-btn-lang {
  background: inherit;
}

.eo-textarea {
  height: 100px;
  padding: 3px 3px 3px 3px;
  background: #f3f3f3;
  color: #333;
  font-size: 15px;
  font-weight: 200;
  margin-right: 12px;
}

.eo-text-field-info {
  padding-left: 23px;
  margin-top: 5px;
  font-size: 15px;
  color: #808080;
  font-weight: 200;
  line-height: 1.67;
  letter-spacing: -0.2px;
  background: url(/static/images/common/text-issue-noti_2.png) no-repeat 0 4px;
  background-size: 17px 17px;
}

.eo-text-field-error {
  padding-left: 20px;
  margin-top: 0px;
  margin-left: 5px;
  font-size: 14px;
  color: #ef002d;
  font-weight: 200;
  line-height: 1.67;
  letter-spacing: -0.2px;
  background: url(/static/images/common/text-issue-fail.svg) no-repeat 0 4px;
  background-size: 16px 16px;
}

.eo-text-field-success {
  padding-left: 20px;
  margin-top: 0px;
  margin-left: 5px;
  font-size: 14px;
  color: #00aeef;
  font-weight: 200;
  line-height: 1.67;
  letter-spacing: -0.2px;
  background: url(/static/images/common/text-issue-com.svg) no-repeat 0 4px;
  background-size: 16px 16px;
}

.eo-link-underline {
  font-size: 17px;
  color: #333;
  border-bottom: 1px solid #333;
}

.eo-card-disabled {
  pointer-events: none;
  opacity: 0.4;
}

.eo-password-strength-01 {
  padding-left: 20px;
  margin-top: 0px;
  /* margin-left: 5px; */
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: -0.2px;
  text-align: left;
  color: #ffab00;
  background: url(/static/images/security/ic_security_01.svg) no-repeat 0 2px;
  background-size: 16px 16px;
}

.eo-password-strength-detail-01 {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: -0.2px;
  text-align: left;
  color: #ffab00;
  background-image:url(/static/images/security/ic_security_acc_01.svg);
  background-repeat:no-repeat;
  background-position:right;
  padding-right:30px;
  display:inline-block;
}

.eo-password-strength-02 {
  padding-left: 20px;
  margin-top: 0px;
  /* margin-left: 5px; */
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: -0.2px;
  text-align: left;
  color: #00c853;
  background: url(/static/images/security/ic_security_02.svg) no-repeat 0 2px;
  background-size: 16px 16px;
}

.eo-password-strength-detail-02 {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: -0.2px;
  text-align: left;
  color: #00c853;
  background-image:url(/static/images/security/ic_security_acc_02.svg);
  background-repeat:no-repeat;
  background-position:right;
  padding-right:30px;
  display:inline-block;
}

.eo-password-strength-03 {
  padding-left: 20px;
  margin-top: 0px;
  /* margin-left: 5px; */
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: -0.2px;
  text-align: left;
  color: #00aeef;
  background: url(/static/images/security/ic_security_03.svg) no-repeat 0 2px;
  background-size: 16px 16px;
}

.eo-password-strength-detail-03 {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: -0.2px;
  text-align: left;
  color: #00aeef;
  background-image:url(/static/images/security/ic_security_acc_03.svg);
  background-repeat:no-repeat;
  background-position:right;
  padding-right:30px;
  display:inline-block;
}

.eo-nick-name {
  padding-left: 2px;
  font-size: 17px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.18;
  letter-spacing: -0.17px;
  color: #333333;
}
/* ==========================================================================
   DataTables
   ========================================================================== */
table.dataTable {
  color: black;
  font-size: 15px;
  font-weight: 100;
}
table.dataTable thead tr th {
  background-color: #1E88E5 !important;
  color: white;
}

table.dataTable thead .sorting:before {
  display: none;
}

table.dataTable thead .sorting_asc:before {
  visibility: hidden;
}

table.dataTable thead .sorting_desc:before {
  visibility: hidden;
}

table.dataTable thead .sorting_asc:after {
  opacity: 1;
}

/* table.dataTable th, td  {
  border-bottom: 1px solid #ddd;
} */

#privSettings text {
  font-size: 15px;
  font-weight: 400;
}

.eo-chart-axix-y-title {
  color: #00aeef;
  font-size: 18px;
  font-weight: bold;
  /* white-space: nowrap; */
}

.eo-chart-axix-y-title-m {
  color: #00aeef;
  font-size: 17px;
  font-weight: 400;
  /* white-space: nowrap; */
}

.eo-chart-axix-y-title-small {
  color: #2DB8EE;
  font-size: 13px;
  font-weight: 300;
}

.eo-chart-axix-y-unit {
  color: #00aeef;
  font-size: 14px;
  font-weight: 500;
}

.eob-public-header .nav-link-img {
  width: 32px;
  height: 32px;
}

.eob-public-header .nav-item-title  {
  font-weight: normal;
  font-size: 14px;
  color: #4d4d4d;
}

.wizard-content .wizard>.actions>ul>li.eob-fv-invalid>a {
  color: #999;
  background-color: #fff;
  border: 1px solid #d9d9d9;
}

.eob-input-group {
  margin-top: .25rem;
}

.eob-chart-pagination {
  width: 16px;
  height: 16px;
}
.eob-pagination-prev {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  line-height: 1.67;
  background-image: url(/static/images/common/btn-page-prev.svg);
  background-size: 16px 16px;
  background-repeat: no-repeat;
}

.eob-pagination-next {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  line-height: 1.67;
  background-image: url(/static/images/common/btn-page-next.svg);
  background-size: 16px 16px;
  background-repeat: no-repeat;
}

.eob-pagination-first {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  line-height: 1.67;
  background-image: url(/static/images/common/btn-page-first.svg);
  background-size: 16px 16px;
  background-repeat: no-repeat;
}

.eob-pagination-last {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  line-height: 1.67;
  background-image: url(/static/images/common/btn-page-last.svg);
  background-size: 16px 16px;
  background-repeat: no-repeat;
}

.pagination > .active > a {
  color: #ffffff;
}

.nav-tabs {
  border-bottom: none !important;
}

.nav-tabs.customtab {
  border-bottom: none;
}

.nav-tabs.customtab2 {
  /* border-bottom: none; */
  height: 38px;
}

.nav-tabs.customtab2 .nav-item {
  border: solid 1px #cdcdcd !important;
  min-width: 74px;
}

ul.customtab2 li.nav-item:nth-child(2){
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

ul.customtab2 li.nav-item:nth-child(5){
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.nav-tabs.customtab .nav-link{
  font-family: NotoSansCJKkr;
  font-size: 17px;
  font-weight: 550;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: -0.18px;
  padding: 3px 20px;
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: unset !important;
    border-top-right-radius: unset !important;
}

.daterangepicker td.start-date {
  width: 28px;
  height: 28px;
  border-radius: 100px 0px 0px 100px;
  background-color: #00aeef;
}

.daterangepicker td.end-date {
  width: 28px;
  height: 28px;
  border-radius: 0px 100px 100px 0px;
  background-color: #00aeef;
}

.eopatch-table {
  margin-bottom: 0rem;
}

/* Spinner Wrapper */
.loader {
  width: 100vw;
  height: 100vh;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 1.0;
  z-index:10;
}

.loader-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  min-width: 320px;
}


/* Spinner */
.lds-roller {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 32px 32px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #333;
  margin: -3px 0 0 -3px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 50px;
  left: 50px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 54px;
  left: 45px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 57px;
  left: 39px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 58px;
  left: 32px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 57px;
  left: 25px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 54px;
  left: 19px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 50px;
  left: 14px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 45px;
  left: 10px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.btn-zoom-out, .btn-zoom-in {
  font-size: 32px;
}