@charset "utf-8";

.img-open {
  transform: scaleY(-1);
}

.horizontal-scrollable > .row {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
}

.horizontal-scrollable > .row > .col-6 {
  display: inline-block;
  min-width: 765px;
}

.horizontal-scrollable > .row > .col-12 {
  display: inline-block;
  min-width: 765px;
}

.eob-datetime-picker-btn-apply {
  background: #00aeef;
  border: 1px solid #00aeef;
}
.eob-datetime-picker-btn-calcel {

}

.eo-form-text-subtitle-label {
  color: #585858;
  font-size: 20px;
  font-weight: 300;
}

.eob-text-subtitle-info {
  padding-left: 23px;
  margin-top: 5px;
  font-size: 17px;
  color: #808080;
  font-weight: 250;
}


.btn.profile-fileinput-button {
  font-size: 1.1rem;
  font-weight: 250;
  background:url('/static/images/common/profile-add-edit.svg') no-repeat;
  background-size: 40px 40px;
}

.eob-profile-tooltipLink-img {
  width: 21px;
  height: 21px;
  background: url(/static/images/common/btn-que.svg) 0px center;
}

.eob-tooltipBox {
  display:none;
  position:absolute;
  padding:10px;
  border:1px solid #9c836a;
  border-radius:3px;
  font-size:18px;
  color:#9c836a;
  background-color:#f9f9f9;
  white-space: pre-line;
}

.eob-alarmType i {
  display: block;
  width:64px;
  height:64px;
  font-size:0;
}

.eob-Alarm-alert {
  background-image: url(/static/images/message/img-mesg-alert.svg);
  background-repeat:no-repeat;
  vertical-align: middle;
  background-size: 64px 64px;
}

.eob-Alarm-alert.disabled{
  opacity:0.5;
}

.eob-Alarm-alert-clear {
  background-image: url(/static/images/message/img-mesg-alert-clear.svg);
  background-repeat:no-repeat;
  background-size: 64px 64px;
}

.eob-Alarm-alert-clear.disabled{
  opacity:0.5;
}

.eob-Alarm-alarm {
  background-image: url(/static/images/message/img-mesg-alarm.svg);
  background-repeat:no-repeat;
  background-size: 64px 64px;
}

.eob-Alarm-alarm.disabled{
  opacity:0.5;
}

.eob-Alarm-alarm-clear {
  background-image: url(/static/images/message/img-mesg-alarm-clear.svg);
  background-repeat:no-repeat;
  background-size: 64px 64px;
}

.eob-Alarm-alarm-clear.disabled{
  opacity:0.5;
}

.eob-Alarm-noti {
  background-image: url(/static/images/message/img-mes-noti.png);
  background-repeat:no-repeat;
  background-size: 64px 64px;
}

.eob-Alarm-noti.disabled{
  opacity:0.5;
}

.eob-Message-none {
  background-image: url(/static/images/message/img-mes-none.svg);
  background-repeat:no-repeat;
  background-size: 64px 64px;
}

.eob-Message-none.disabled{
  opacity:0.5;
}

.eob-alarmInfo i {
  display: block;
  width: 16px;
  height: 15px;
  font-size:0;
  margin-right: 5px;
}

.eob-ic1{
  background-image: url(/static/images/trends/ic-mes-01.svg);
  background-repeat: no-repeat;
  background-size: 16px 15px;
}

.eob-ic1.disabled{
  opacity:0.5;
}

.eob-ic2{
  background-image: url(/static/images/trends/ic-mes-02.svg);
  background-repeat: no-repeat;
  background-size: 16px 15px;
}

.eob-ic2.disabled{
  opacity:0.5;
}

.eob-ic3{
  width:0px !important;
  margin-right: 0px !important;
}

.eob-add-scrollbar {
  height: 150px;
  overflow-y: scroll;
}

.eob-sharePatientList-alram {
  display:block;
  width:42px;
  height:42px;
  background-image: url(/static/images/dashboard/btn-patient-card-bell.svg);
  background-repeat:no-repeat;
  background-size: 42px 42px;
}

.modal-dialog.sharePatientListDialog {
  /* dispay: inline-block;
  position: relative;
  display: table;
  overflow-y: auto;
  overflow-x : auto;
  width: auto;
  min-width: 450px; */
}

.eob-badge-notify {
  position: relative;
  top: 0px;
  left: -15px;
}

.eob-login-lamp {
  width: 8px;
  height: 8px;
  object-fit: contain;
  background-color: #00aeef;

  /* 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/login-lamp.png) no-repeat 0 4px; */
  /* background-size: 8px 8px; */


}

.statusBoard{display: table;width: 100%;}
.statusBoard > div{display: table-cell;vertical-align: middle;padding: 0 20px;width: 35%;}
.statusBoard > div:first-child{width: 30%;padding: 0;}
.statusBoard .total{position: relative;width: 200px;height: 200px;margin: 0 auto;padding: 3px;text-align: center;border-radius: 50%;background: #994ce8;background: -moz-linear-gradient(top, #994ce8 0%, #f253da 100%);background: -webkit-linear-gradient(top, #994ce8 0%,#f253da 100%);background: linear-gradient(to bottom, #994ce8 0%,#f253da 100%);}
.statusBoard .total dl{background: #fff;height: 194px;border-radius: 50%;font-size: 21px;overflow: hidden;}
.statusBoard .total dt{margin-top: 42px; margin-bottom: .5rem;}
.statusBoard .total dd{color: #333333;font-size: 25px;}
.statusBoard .total dd strong{font-size: 40px;line-height: 1;}
.statusBoard .status dl{font-size: 19px;}
.statusBoard .status dd{color: #333333;font-size:px;}
.statusBoard .status dd strong{font-size: 30px;}
.statusBoard .status ul li:after{content:'';display: block;clear: both;}
.statusBoard .status ul li{padding: 3px 0;}
.statusBoard .status ul li > span{display:block;float: left;width: 140px;font-size: 16px;}
.statusBoard .status ul li > span .iconP {display:inline-block; width:21px; height:21px; margin-right:6px; vertical-align:middle; background:url('../images/history/btn-history.svg') no-repeat;background-size:21px 21px;}
.statusBoard .status ul li .barWrap {margin-left: 118px;}
.statusBoard .total dd.eob-bottom-label { color: #333333;font-size: 16px; opacity:0.7;}
.statusBoard .total dt.eob-en {margin-top: 32px; margin-bottom: .5rem;}

/*History_MessageList, History_glucoseList */
.statusBoard.type2 > div{width: 40%;}
.statusBoard.type2 > div:first-child{width: 60%;text-align: center;}
.statusList{text-align: center;}
.statusList > li{display: inline-block;width: 190px;height: 190px;;margin: 0 10px;font-size: 19px;border: 3px solid #b3b3b3;border-radius: 50%;vertical-align: top;color: #333333;}
.statusList > li > div{display: table-cell;height: 190px;width: 190px;vertical-align: middle;}
.statusList > li.blue{border-color: #007fff;}
.statusList > li.yellow{border-color: #ffae1b;}
.statusList > li.red{border-color: #ff3366;}
.statusList > li span{display: flex;font-size: 34px; justify-content: center;}
.statusList > li span strong{font-size: 48px;}
.statusList > li span.eob-top-label {font-size: 19px; font-weight: normal; opacity: 0.7; color: #000000;}
.statusList > li span.eob-bottom-label {font-size: 19px; font-weight: normal; color: #333333;}
.statusList > li span.eob-Stdev {font-size:38px; margin-top: 7px; margin-bottom: 8px;}
.statusList.type2 > li{margin: 0 15px;font-size: 21px;}
.statusList.type2 > li span{font-size: 21px;}
.statusList.type2 > li.blue{border-color: #007fff;color: #007fff;}
.statusList.type2 > li.yellow{border-color: #ffae1b;color: #ffae1b;}
.statusList.type2 > li.red{border-color: #ff3366;color: #ff3366;}
.statusList.type2 .warning{display: block;width: 94px;height: 70px;margin: -20px auto 0;background-repeat:no-repeat;background-position: center center;background-size: 94px 70px;}
.statusList.type2 .red .warning{background-image: url('/static/images/history/img-warning-01.svg');}
.statusList.type2 .yellow .warning{background-image: url('/static/images/history/img-warning-02.svg');}
/*History_MessageList, History_glucoseList */

.statusSG{color: #000;}
.statusSG > p{font-size: 21px;}
.statusSG > div{position: relative;}
.statusSG ul{font-size: 17px;width: 275px;}
.statusSG ul > li{padding: 2px 0;}
.statusSG ul > li span{display:inline-block;width: 85%;text-align: left;}
.statusSG .dot{display:inline-block;background: #999;width: 8px;height: 8px;margin-right: 10px;border-radius: 50%;vertical-align: middle;}
.statusSG .dot.blue{background: #007fff;}
.statusSG .dot.yellow{background: #ffae1b;}
.statusSG .dot.red{background: #ff3366;}
.statusSG .grp{position: absolute;left: 300px;top: 0;height: 100%;}
.statusSG .grp ul{position: relative;height: 100%;width: 10px;}
.statusSG .grp ul li{position: relative;background: #999;}
.statusSG .grp ul li.blue{background: #007fff;}
.statusSG .grp ul li.yellow{background: #ffae1b;}
.statusSG .grp ul li.red{background: #ff3366;}
.statusSG .grp ul li:first-child{border-radius: 5px 5px 0 0;}
.statusSG .grp ul li:last-child{border-radius: 0 0 5px 5px;}
.statusSG .grp ul li span{display: block;position: absolute;left: 0;bottom: 0;width: 140px;margin-bottom: -8px;line-height: 1;}
.statusSG .grp ul li span:before{content:'';width: 40px;height: 1px;background: #007fff;position: absolute;left: 0;top: 50%;}
.statusSG .grp ul li span:after{content:'';width: 10px;height: 10px;background: #007fff;position: absolute;left: 35px;top: 50%;margin-top: -5px;border-radius: 50%}

.icTxt{display:inline-block;color:#00aeef;border: 2px solid #00aeef;border-radius:15px;padding:0 13px;line-height: 28px;font-size:14px;}
.icTxt.red{color: #ff4c79;border-color:#ff4c79;}

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

.eob-circleLbl-darkBlue {
  display:inline-block;
  width:8px;
  height:8px;
  margin: 10px 6px 10px 0;
  border-radius:50%;
  font-size:0;
  vertical-align:middle;
  background:#0092ef;
}

.eob-circleLbl-blue {
  display:inline-block;
  width:8px;
  height:8px;
  margin: 6px 6px 10px 0;
  border-radius:50%;
  font-size:0;
  vertical-align:middle;
  background:#00aeef;
}

.dashboardStatus .eob-circleLbl-blue {
   margin: 10px 6px 10px 0;
}

.eob-circleLbl-blue-2 {
  display:inline-block;
  width:8px;
  height:8px;
  margin: 6px 6px 10px 0;
  border-radius:50%;
  font-size:0;
  vertical-align:middle;
  background:#007fff;
}

.eob-circleLbl-gray {
  display:inline-block;
  width:8px;
  height:8px;
  margin: 6px 6px 6px 0;
  border-radius:50%;
  font-size:0;
  vertical-align:middle;
  background:#9e9e9e;
}

.eob-circleLbl-green {
  display:inline-block;
  width:8px;
  height:8px;
  margin: 6px 6px 6px 0;
  border-radius:50%;
  font-size:0;
  vertical-align:middle;
  background:#4db6ac;
}

.eob-circleLbl-pink {
  display:inline-block;
  width:8px;
  height:8px;
  margin: 10px 6px 10px 0;
  border-radius:50%;
  font-size:0;
  vertical-align:middle;
  background:#ef40be;
}

.eob-circleLbl-pink-2 {
  display:inline-block;
  width:8px;
  height:8px;
  margin: 10px 6px 10px 0;
  border-radius:50%;
  font-size:0;
  vertical-align:middle;
  background:#f253da;
}

.eob-circleLbl-pink-3 {
  display:inline-block;
  width:8px;
  height:8px;
  margin: 6px 6px 10px 0;
  border-radius:50%;
  font-size:0;
  vertical-align:middle;
  background:#ff3366;
}

.eob-circleLbl-purple {
  display:inline-block;
  width:8px;
  height:8px;
  margin: 10px 6px 10px 0;
  border-radius:50%;
  font-size:0;
  vertical-align:middle;
  background:#7c4dff;
}

.eob-circleLbl-purple-2 {
  display:inline-block;
  width:8px;
  height:8px;
  margin: 10px 6px 10px 0;
  border-radius:50%;
  font-size:0;
  vertical-align:middle;
  background:#994ce8;
}

.eob-circleLbl-red {
  display:inline-block;
  width:8px;
  height:8px;
  margin: 6px 6px 6px 0;
  border-radius:50%;
  font-size:0;
  vertical-align:middle;
  background:#ef003e;
}

.eob-circleLbl-yellow {
  display:inline-block;
  width:8px;
  height:8px;
  /* margin: 6px 6px 6px 0; */
  margin: 6px 6px 10px 0;
  border-radius:50%;
  font-size:0;
  vertical-align:middle;
  background:#ffae1b;
}

.eob-dotLbl {
  display:inline-block;
  width:3px;
  height:3px;
  margin-top:-3px;
  margin-right:5px;
  border-radius:50%;
  font-size:0;
  vertical-align:middle;
  background:#333333;
}

.eob-rounded-RectangleLbl {
  display:inline-block;
  width:auto;
  height:20px;
  /* margin-top:-3px; */
  margin-right:5px;
  border: 1px solid #333333;
  border-radius: 10px;
  font-size:13px;
  vertical-align:middle;
  background: transparent;
  padding-left: 10px;
  padding-right: 10px;
  color: #333333;
}

.eob-rounded-imageBox {
  display:table-cell;
  width:326px;
  height:auto;
  border: none;
  border-radius: 8px;
  font-size:20px;
  font-weight: normal;
  font-family: NanumSquareR;
  background: #e8e8e8;
  opacity: 0.36;
  color: #3e3e3e;
  text-align: center;
  vertical-align: middle;
}

.input-group .intl-tel-input {
  width: 86%;
}

.eob-btnPatchSelect{display: inline-block;width: 51px;height: 37px;margin-left: 20px;background: url('/static/images/common/btn-patch-select.svg') no-repeat center center;background-size:51px 37px;font-size: 0;color: transparent;vertical-align: middle;}

/* */
.eo-modal-md {
  max-width: 95%;
  min-width:35% !important;
  min-height: 70% !important;
  margin: 30px auto;
}

.eob-input-group-lg > .form-control,
.eob-input-group-lg > .eob-input-group-prepend > .eob-input-group-text,
.eob-input-group-lg > .eob-input-group-append > .eob-input-group-text,
.eob-input-group-lg > .eob-input-group-prepend > .btn,
.eob-input-group-lg > .eob-input-group-append > .btn {
  height: calc(2.875rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.1rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.eob-btn-wrap-text {
  overflow: hidden !important;
  white-space: pre-wrap !important;
  display: inline-block !important;
  text-overflow: ellipsis !important;
  vertical-align: middle;
}

.eob-lineBox {
  min-height:350px;
  /* min-width:460px; */
  border:1px
  solid #ccc;
  border-radius:10px;
}

.eob-help-title {
  font-size: 1.3rem;
  color: #009efb;
  font-weight: 400;
}

.eob-help-body {
  font-size: 1.1rem;
  color: #7460ee;
  font-weight: 400;
}

.list-group-item .fas {
    margin-right: 10px;
}

.list-group-item:hover {
  background-color: #f1f9fb;
}

.w-15 {
  width: 15% !important;
}

#pThresholdHigh, .eob-progress-threshold-high {
  background-color:#ffae1b;
}

#pThresholdNormal, .eob-progress-threshold-normal {
  background-color:#007fff;
}

#pThresholdLow, .eob-progress-threshold-low {
  background-color:#ff3366;
}

/*******************************************************************************/
.logbookState{text-align: center; margin-bottom: 10px;}
.logbookState span{display:inline-block;margin-left: 20px;vertical-align: middle;font-size: 16px;}
.logbookState span i{display:inline-block;border-radius: 3px;width: 20px;height: 20px;margin-right: 10px;vertical-align: -4px;}
.logbookState span i.over{background: #ffae1b;}
.logbookState span i.under{background: #ff3366;}
.logbookTbl .btnTblToggle{position: relative;display: inline-block;width: 20px;height: 20px;margin-right: 5px;border: 1px solid #818181;border-radius: 3px;background: #fff;font-size: 0;color: transparent;vertical-align: middle;}
.logbookTbl .btnTblToggle:before,
.logbookTbl .btnTblToggle:after{content:'';display: block;height: 2px;width: 10px;position: absolute;left: 4px;top: 8px;background: #000;transition: transform 0.3s ease;}
.logbookTbl .btnTblToggle.on:after{transform: rotate(90deg)}
.logbookTbl th,
.logbookTbl td{border: 1px solid #cecece;font-size: 16px;color: #000;}
.logbookTbl th{width: 130px;padding: 15px;font-weight: normal;}
.logbookTbl td{position:relative;width: 40px;text-align: center;height: 77px;}
.logbookTbl td.over, .dataTable td.over {border-color: #cecece;background: #ffae1b;}
.logbookTbl td.under, .dataTable td.under {border-color: #cecece; color:#fff; background: #ff3366;}
.logbookTbl td.tip{position: relative;}
.logbookTbl td.tip .tipOpen{cursor: pointer;}
.logbookTbl td.tip.on,
.logbookTbl td.tip:hover{background: #e6e6e6;}
.logbookTbl td.tip:after{content:'';position: absolute;right: 0;bottom: 0;border: 6px solid #000;border-top-color:transparent;border-left-color: transparent;}
.logbookTbl td.tip .tipWrap{width:700%;}
.logbookTbl td.tip.on .tipWrap{display:block;width:700%;}
.logbookTbl thead th,
.logbookTbl thead td{background: #e6e6e6;}
.logbookTbl thead td{height: 43px;font-size: 14px;line-height: 1.2;}
.logbookTbl .subTit th{font-weight: 600;}
.logbookTbl tbody td:hover {background-color: #cdcdcd;}
.logbookTbl tbody td.unset-hover:hover { background: white;}



.logTblData .eob-logbook-aps {
  color: #0ED33b;
}

.logTblData .eob-logbook-apBolus {
  color: #00A76B;
}

.logTblData .eob-logbook-apBasal {
  color: #00C853;
}

.logbook-popup-bolus-type .eob-logbook-aps {
  color: #00A76B;
}

.logbook-popup-bolus-dose .eob-logbook-aps {
  color: #00A76B;
}

.logbook-popup-basal-type .eob-logbook-aps {
  color: #00C853;
}

.logbook-popup-basal-dose .eob-logbook-aps {
  color: #00C853;
}

.logbook-popup-bolus-info .eob-logbook-aps {
  color: #00A76B;
}

.eob-tooltip-content4 {
  border: 1px solid #a6a6a6;
  width:auto;
  background-color:#ffffff;
  color:#333333;
}

.logbookTbl .eob-tooltip-content4 {
  border: 1px solid #a6a6a6;
  width: 280px;
  background-color:#ffffff;
  color:#333333;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 12px;
  padding-right: 12px;
  margin-left: -90px;
}


/* input[type=tel] , country flag dropdown box hide. */
.input-group .intl-tel-input { width: 100%; }
.intl-tel-input .flag-container { display: none; }
.intl-tel-input input[type=tel], .intl-tel-input input[type=text] { padding-left: 0px !important;}

.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=tel], .intl-tel-input.separate-dial-code input[type=text] {
    padding-right: 12px !important;
    padding-left: 12px !important;
    /* margin-left: 0; */
}

/****************************************************************************************************/
/*** Design 고도화 작업 - 10/09/2019                                                                **/
/****************************************************************************************************/

/****************************************************************************************************/
/*** Common Form-control CSS                                                                                      **/
/****************************************************************************************************/
/* a link - Start CSS */
a:hover, a:focus {
  color: #010101;
}
/* a link - End CSS */

/* Input - Start CSS */
input {
  min-height: 60px !important;
}

.eob-homeWrap input {
  min-height: 45px !important;
}

.form-control {
  border:none;
  border-radius: unset;
}

.form-control:focus {
  border: 1px solid #00aeef !important;
  box-shadow: unset;
  background-color: #fff !important;
}

.form-control:disabled, .form-control[readonly] {
  opacity: unset;
}

input:-internal-autofill-selected {
  background-color: #f7f7f7 !important;
  color: #333333 !important;
}

.canvasjs-chart-tooltip {
  /* 최근 24시간 기간별 추이 그래프 Tooltip이 GNB 가리지 않도록 수정*/
  z-index: 500 !important;
}

/* Input - Start CSS */

/* Threshold -Color - Start CSS */
.eob-text-threshold-high {
  color: #ffae1b !important;
}

.eob-text-threshold-nomal {
  color: #00aeef !important;
}

.eob-text-threshold-low {
  color: #ff3366 !important;
}

.eob-unit-value-null-color {
  color: #bdbdbd !important;
}

.eob-rate-null-color {
  color: #bdbdbd !important;
}

/* Threshold -Color - End CSS */

/* Util - Start CSS */
.eob-w-80 {
  width:80%;
}

.eob-w-90 {
  width:90%;
}

.eob-text-wrap {
  white-space: unset !important;
}

.eob-text-overflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}

.eob-ul-inline {
  display: flex;
  justify-content: center;
}

.eob-text-init-data {
  color: #bdbdbd !important;
}

.eob-px-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.eob-pl-15 {
  padding-left: 15px;
}

.eob-pr-15 {
  padding-right: 15px;
}

.eob-ml-15 {
  margin-left: 15px;
}

.eob-mr-15 {
  margin-right: 15px;
}

/* Util - End CSS */

/* Button - Start CSS */
.eob-registerWrap Button, .eob-cardWrap Button {
  min-height: 60px;
}

.eob-homeWrap .eob-btn-action-group Button {
  /* 화면 하단의 취소/확인 버튼 - height 설정 */
  min-height: 50px;
}

.eob-homeWrap Button {
  /* 화면의 기본 버튼 - height 설정 */
  min-height: 33px;
}

.eob-btn-dark-blue {
  border-radius: 8px;
  border: solid 1px #00aeef;
  background-color: #ffffff;
  /* background: #0096ce !important; */
  box-shadow: unset !important;
  color: #00aeef;
  padding-top: 16px;
  padding-bottom: 17px;
  padding-left: 18px;
  padding-right: 18px;
  height: 60px;
}

.eob-btn-dark-blue:hover, .eob-btn-dark-blue.disabled:hover {
  opacity: unset;
  /* border: none;
  border-radius: unset; */
  border-radius: 8px;
  border: solid 1px #00aeef;
  background-color: #ffffff;
  color: #00aeef;
}

.eob-btn-dark-blue:not(:disabled):not(.disabled).active, .eob-btn-dark-blue:not(:disabled):not(.disabled):active, .show>.eob-btn-dark-blue.dropdown-toggle {
  /* border: none;
  border-color: unset !important; */
  border-radius: 8px;
  border: solid 1px #00aeef;
  background-color: #ffffff;
  color: #00aeef;
}

.btn-success.eob-btn-dark-blue.active, .btn-success.eob-btn-dark-blue:focus, .btn-success.eob-btn-dark-blue.disabled.active, .btn-success.eob-btn-dark-blue.disabled:focus {
  background: #ffffff;
}

.eob-btn-blue {
  background: #00aeef !important;
  box-shadow: unset !important;
  border: none;
  border-radius: 8px;
  padding-top: 16px;
  padding-bottom: 17px;
  padding-left: 18px;
  padding-right: 18px;
  height: 60px;
}

.eob-btn-blue:hover, .eob-btn-blue.disabled:hover {
  opacity: unset;
  border: none;
  border-radius: 8px;
}

.eob-btn-blue:not(:disabled):not(.disabled).active, .eob-btn-blue:not(:disabled):not(.disabled):active, .show>.eob-btn-blue.dropdown-toggle {
  border: none;
  border-color: unset !important;
}

.eob-btn-pink {
  background-color: rgba(239, 64, 190, 0.1);
  box-shadow: unset !important;
  border: none;
  border-radius: 8px;
  padding-top: 13.5px !important;
  padding-bottom: 13.5px !important;
  padding-left: 16px;
  padding-right: 16px;
  /* opacity: 0.1; */
}

.eob-btn-pink:focus {
  border-color: unset !important;
  background-color: rgba(239, 64, 190, 0.1);
}

.eob-btn-pink:hover, .eob-btn-pink.disabled:hover {
  /* opacity: 0.1; */
  border: none;
  border-radius: 8px;
  background-color: rgba(239, 64, 190, 0.1);
}

.eob-btn-pink:not(:disabled):not(.disabled).active, .eob-btn-pink:not(:disabled):not(.disabled):active, .show>.eob-btn-pink.dropdown-toggle {
  border: none;
  border-color: unset !important;
  background-color: rgba(239, 64, 190, 0.1) !important;
  color: rgba(239, 64, 190, 0.1) !important;
}

.eob-btn-label-pink{
  color: #ef40be;
}

.eob-btn-gray {
  background-color: #d9d9d9;
  color: var(--black-two);
  border: none;
  border-radius: 8px;
  box-shadow: unset !important;
}

.eob-btn-gray:hover, .eob-btn-gray.disabled:hover {
    background: #d9d9d9;
    color: var(--black-two);
    opacity: unset;
    border:none;
}

.eob-btn-gray:not(:disabled):not(.disabled).active, .eob-btn-gray:not(:disabled):not(.disabled):active, .show>.eob-btn-gray.dropdown-toggle {
    color: #666666;
    background-color: #d9d9d9;
    border: none;
    border-color: unset !important;
}

.eob-signin .eob-btn-gray:not(:disabled):not(.disabled).active, .eob-btn-gray:not(:disabled):not(.disabled):active, .show>.eob-btn-gray.dropdown-toggle {
  color: #ffffff;
  background-color: #00aeef;
}

.eob-btn-light-gray {
  background-color: #e5e5e5;
  color: #333333;
  border: none;
  border-radius: unset;
}

.eob-btn-light-gray:hover, .eob-btn-light-gray.disabled:hover {
  background: #e5e5e5;
  opacity: unset;
  border: none;
  border-radius: unset;
  color: #333333;
}

.eob-btn-light-gray:not(:disabled):not(.disabled).active, .eob-btn-light-gray:not(:disabled):not(.disabled):active, .show>.eob-btn-light-gray.dropdown-toggle {
  color: #333333;
  background-color: #e5e5e5;
  border: none;
  border-radius: unset;
}

.eob-btn-light-gray.active, .eob-btn-light-gray:focus, .eob-btn-light-gray.disabled.active, .eob-btn-light-gray.disabled:focus {
  color: #333333;
  background-color: #e5e5e5;
  border: none;
  border-radius: unset;
}

.eob-btn-light-gray:not(:disabled):not(.disabled).active:focus, .eob-btn-light-gray:not(:disabled):not(.disabled):active:focus, .show>.eob-btn-light-gray.dropdown-toggle:focus {
    box-shadow: unset;
}

.eob-btn-dark-gray {
  background-color: #c7c7c7;
}

.eob-btn-popup-detail-info {
  height: 32px;
  width: 32px;
  border: none !important;
  background-color: transparent !important;
  background-image: url('/static/images/history/btn_list_popup.svg');
  background-repeat:no-repeat;
  box-shadow : unset;
  -webkit-box-shadow : unset;
  vertical-align: middle;
  /* background-size: 64px 64px; */
}

.eob-btn-popup-detail-info:hover, .eob-btn-popup-detail-info.disabled:hover {
  background-color: transparent !important;
  background-image: url('/static/images/history/btn_list_popup.svg');
  background-repeat:no-repeat;
  box-shadow : unset;
  -webkit-box-shadow : unset;
}

.btn-circle.btn-lg.eob-btn-zoom-in, .btn-circle.btn-lg.eob-btn-zoom-out {
  font-size: 25px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 11px;
  padding-bottom: 11px;
}

.btn-circle.btn-lg.eob-btn-zoom-in.disabled, .btn-circle.btn-lg.eob-btn-zoom-out.disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
  opacity: .3;
}

.eob-btn-zoom-in i.ti-plus, .eob-btn-zoom-out i.ti-minus {
  display: inline-block;
  font-size: 25px;
  margin-bottom: 16px;
  text-align: center;
  vertical-align: middle;
}

.eob-homeWrap .btn-outline-secondary {
  color: #010101;
  /* color: #333333; */
  font-size: 17px;
  font-weight: 300;
  opacity: .65;
  background-image: none;
  border-color: #cccccc;

  -webkit-box-shadow: unset;
  box-shadow: unset;
  -webkit-transition: unset;
  transition: unset;
  border-radius: unset;

  height: 33px !important;
  line-height: 1.47;
  padding-top: 4px;
  padding-bottom: 4px;
}

.eob-homeWrap .input-group.req-confirm-vcode .btn-outline-secondary {
  /* [ 개인/보안- 새로운 이메일 주소 인증번호 발송, 인증 Button 설정 ] */
  height: 33px !important;
  width: 133px ;
  line-height: 1.47;
  padding-top: 4px;
  padding-bottom: 4px;

  padding-top: 4px;
  padding-bottom: 4px;
}

.eob-homeWrap .btn-outline-secondary:hover {
  color: #010101;
  /* color: #333333; */
  background-color: #ffffff;
  border-color: #cccccc;
}

.eob-homeWrap .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: unset;
}

.eob-homeWrap .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle {
  color: #010101;
  /* color: #333333; */
  background-color: #ffffff;
  border-color: #cccccc;
}

.eob-cardWrap .btn-outline-secondary, .eob-registerWrap .btn-outline-secondary {
  color: #010101;
  /* color: #333333; */
  font-size: 19px;
  font-weight: 300;
  opacity: .65;
  background-image: none;
  border-color: #cccccc;

  -webkit-box-shadow: unset;
  box-shadow: unset;
  -webkit-transition: unset;
  transition: unset;
  border-radius: unset;

  min-height: unset;
  height: 40px !important;
  width: 150px !important;
}

.eob-cardWrap .btn-outline-secondary:hover, .eob-registerWrap .btn-outline-secondary:hover {
  color: #010101;
  /* color: #333333; */
  background-color: #ffffff;
  border-color: #cccccc;
}

.eob-cardWrap .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: unset;
}

.eob-cardWrap .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle {
  color: #010101;
  /* color: #333333; */
  background-color: #ffffff;
  border-color: #cccccc;
}

.eob-registerWrap .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: unset;
}

.eob-registerWrap .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle {
  color: #010101;
  /* color: #333333; */
  background-color: #ffffff;
  border-color: #cccccc;
}

/* Button - End CSS */

/* iCheckBox - Start CSS */
.eob-iCheckBox-ifUnchecked {
  color: #999999 !important;
}
/* iCheckBox - End CSS */


/* CheckBox - Start CSS */
.eob-homeWrap [type="checkbox"].filled-in + label:after {
  border-radius: 4px;
}
/* CheckBox - End CSS */

/* eoScroll - Start CSS */
.slimScrollBar {
  width: 6px !important;
  /* background: #cdcdcd !important; */
  background: #000000 !important;
  opacity: 0.6 !important;
  margin-top: 5px;
  margin-right: 5px;
}
/* eoScroll - End CSS */

/* Pagination - Start CSS */
.pagination {
  border-radius: unset;
  border: unset;
}

.page-link {
  border: none;
  padding: 5px 10px;
}

/* .page-link:focus {
  box-shadow: unset;
}

.page-link:hover {
  box-shadow: unset;
  color: #ffffff;
} */

.pagination > li > a, .pagination > li > span {
  color: #666666;
  font-size: 16px;
  font-weight: 500;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
  border-radius: unset;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
  border-radius: unset;
}

.pagination > li > a:focus, .pagination > li > span:focus {
  /* background-color: #f2f4f8; */
  background-color: inherit;
  color: inherit;
}

.pagination > li > a:hover, .pagination > li > span:hover {
  /* background-color: #f2f4f8; */
  background-color: #00aeef;
  color: inherit;
}
/* Pagination - End CSS */

/* d-flex equal width item - Start CSS */
.flex-even {
  flex: 1;
}
/* d-flex equal width item - End CSS */

/*** input - passowrd-show-hide - Start CSS ***/
.eo-i-eye, .eo-i-eye-slash {
  margin-right: 9px;
}

.input-group.show-hide-password {
  background: #f3f3f3;
  border-color: #cccccc;
}
/*** input - passowrd-show-hide - End CSS ***/

/*** input - request-confirm-vcode - Start CSS ***/
.input-group.req-confirm-vcode {
  background: #f3f3f3;
  border-color: #cccccc;
  padding-right: 9px;
  padding-top: 1px;
  padding-bottom: 1px;
  border-radius: 8px;
}

.input-group.req-confirm-vcode > input {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.input-group.req-confirm-vcode .input-group-addon{
  background: #ffffff;
  border-color: #cccccc;
  border-radius: 8px;
}

.input-group.req-confirm-vcode .btn-outline-secondary {
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 8px;
}

/*** input - request-confirm-vcode - End CSS ***/

/*** input - placeholder Text - Start CSS ***/
/* Common - Profile Start CSS */
.fv-plugins-bootstrap .eob-placeholder-icon {
  height: 38px;
  line-height: 38px;
  width: 38px;
}

.eob-placeholder-icon {
  position: absolute;
  /* text-align: center; */
  right: 0;
  top: 0;
  margin-right: 10px;
  margin-top: 6px;
}

/* Common - Profile Start CSS */

/* 회원가입 - Profile Start CSS */
.eob-registerWrap .fv-plugins-bootstrap .eob-placeholder-icon {
  height: 48px;
  line-height: 48px;
  width: 38px;
}

.eob-registerWrap .eob-placeholder-icon {
  position: absolute;
  /* text-align: center; */
  right: 0;
  top: 0;
  margin-right: 10px;
  margin-top: 6px;
}
/* 회원가입 - Profile End CSS */

.eob-placeholder-text {
  font-size: 15px;
  color: #999999;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
}
/*** input - placeholder Text - End CSS ***/

/*** dropdown menu - set Profile picture - Start CSS ***/

.dropdown-menu.eob-profile-img-menu {
  color: #4d4d4d;
  border: solid 1px #cccccc;
  border-radius: unset;
  padding-top: 0px;
  padding-bottom: 0px;
}

.eob-registerWrap .dropdown-menu.eob-profile-img-menu {
  top: 159px !important;
  left: 150px !important;
}

.eob-homeWrap .dropdown-menu.eob-profile-img-menu {
  top: 139px !important;
  left: 102px !important;
}

.dropdown-menu.eob-profile-img-menu > .dropdown-item {
  color: #4d4d4d;
  font-size: 14px;
  font-weight: normal;
}

.dropdown-menu.eob-profile-img-menu > .dropdown-item:focus, .dropdown-menu.eob-profile-img-menu > .dropdown-item:hover {
  color: #4d4d4d;
  background-color: #f2f4f8;
}

@media (max-width: 420px) {

  .eob-registerWrap .dropdown-menu.eob-profile-img-menu {
    top: 159px !important;
    left: 156px !important;
  }

  .eob-homeWrap .dropdown-menu.eob-profile-img-menu {
    top: 140px !important;
    left: 70px !important;
  }

}

@media (min-width: 480px) and (max-width: 576px) {

  .eob-registerWrap #signup-patient-form-p-3 .dropdown-menu.eob-profile-img-menu {
    top: 159px !important;
    left: 240px !important;
  }
}

@media (min-width: 480px) and (max-width: 679px) {

  .eob-registerWrap #signup-guardian-form-p-3 .dropdown-menu.eob-profile-img-menu {
    top: 159px !important;
    left: 250px !important;
  }
}

@media (min-width: 680px) and (max-width: 767px) {
  .eob-registerWrap #signup-guardian-form-p-3 .dropdown-menu.eob-profile-img-menu {
    top: 159px !important;
    left: 285px !important;
  }
}

.dropdown-menu.eob-profile-img-menu .dropdown-item.eob-dropdown-item-disabled {
  color: #bdbdbd;
}

.btn.eo-profile-user-img-file:focus {
  box-shadow: unset;
}

/*** dropdown menu - set Profile picture - End CSS ***/

/*-----------------------------------------------------------------------------*/
/* Common - Footer setting End                                                 */
/*-----------------------------------------------------------------------------*/

.eob-footer {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #cecece;
}

.eob-footer .eob-subTitle-footer {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #77777b;
}

.eob-footer .eob-subTitle-contents-footer {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #4a4a4d;
  line-height: 1.43;
}

.eob-footer .eob-subTitle-contents-footer-sm {
  font-size: 12px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #4a4a4d;
  line-height: normal;
}

.eob-footer .eob-footer-underline-gray {
  color: #4a4a4d;
}

.eob-footer .eob-footer-px-3 {
  padding-left: 15px;
  padding-right: 15px;
}

@media (max-width: 576px) {
  .eob-footer .eob-footer-px-3 {
    padding-left: 0px;
    padding-right: 0px;
  }
}

/*-----------------------------------------------------------------------------*/
/* Common - Select2 setting Start                                              */
/*-----------------------------------------------------------------------------*/
/***** eob-select2-multiple2 Select2 arrow setting Start ******/
.eob-select2-multiple2 .select2-container--default .select2-selection--single {
  background-color: #ffffff !important;
  background: url(../assets/images/icon/btn_insulin_drop.svg) right 0.75rem center no-repeat;
  border-color: #cdcdcd;
  border-radius: unset;
  height: 45px;
}

.eob-select2-multiple2 .select2-container--default.select2-container--open .select2-selection--single {
  background-color: #ffffff !important;
  background: url(../assets/images/icon/btn_gnb_com_open.svg) right 0.75rem center no-repeat;
  border-color: #cdcdcd;
}

.eob-select2-multiple2 .select2-container--default .select2-selection--single .select2-selection__arrow {
  visibility: hidden !important;
}

/***** Select2 arrow setting End *****/
.select2-results__options::-webkit-scrollbar {
  width: 6px;
  height: 40px;
  background-clip: padding-box;
  z-index: 10 !important;
}
.select2-results__options::-webkit-scrollbar-track {
  background-color: #F4F4F4;
  height: 8px;
  background-clip: padding-box;
  border-right: 10px solid rgba(0, 0, 0, 0);
  border-top: 10px solid rgba(0, 0, 0, 0);
  border-bottom: 10px solid rgba(0, 0, 0, 0);
}

.select2-results__options::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: #bdbdbd;
  border-radius: 7px;
  border-right: 10px solid rgba(0, 0, 0, 0);
  border-top: 10px solid rgba(0, 0, 0, 0);
  border-bottom: 10px solid rgba(0, 0, 0, 0);
  max-height: 40px !important;
  height: 40px !important;
}

.select2-results__options::-webkit-scrollbar-button {
  display: none;
}
/***** Select2 arrow setting End *****/

.select2-search {
    /* dropdown menu의 search box hide */
    position: absolute;
    opacity: 0;
    z-index: -1;
}

.eob-select2-multiple2 .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #333333;
}

.select2-search--dropdown {
  background-color: #fff;
  display: block;
  padding: 4px;
}

.eob-select2-multiple2 .select2-container {
  height: 45px;
}

.eob-select2-multiple2 .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 45px;
}

.eob-select2-multiple2 .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border: 1px solid #333333 !important;
  border-bottom: 0px !important;
  border-radius: unset;
}

.eob-select2-multiple2 .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border: 1px solid #333333 !important;
  border-top: 0px !important;
  border-radius: unset;
}

/* .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid #aaa 1px;
} */


/***** common Select2 arrow setting Start ******/
.eob-history-dataTable .select2-container {
  width: 230px !important;
}

.select2-container--default .select2-selection--single {
  background-color: #ffffff !important;
  background: url(../assets/images/icon/btn_insulin_drop.svg) right 0.0rem center no-repeat;
  border-color: #cdcdcd !important;
  border-radius: unset;
  height: 45px;
}

.eob-history-dataTable .select2-container--default.select2-container--open .select2-selection--single {
  background-color: #ffffff !important;
  background: url(../assets/images/icon/btn_gnb_com_open.svg) right 0.0rem center no-repeat;
  border-color: #333333 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  visibility: hidden !important;
}

/***** common Select2 arrow setting End *****/

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 45px;
}

.select2-dropdown {
  border-radius: unset;
  color: #333333;
}

.select2-container--open .select2-dropdown--below{
  /*dropdown list border color set */
  border: none;
  border-radius: 8px;
}

.select2-container--open .select2-dropdown--above{
  /*dropdown list border color set */
  border: none;
  border-radius: 8px;
}

.eob-history-dataTable .select2-dropdown.select2-dropdown--below {
  border: 1px solid #333333 !important;
  border-top: 0px !important;
}

.eob-history-dataTable .select2-dropdown.select2-dropdown--above {
  border: 1px solid #333333 !important;
  border-bottom: 0px !important;
}

.select2-results__option {
  background-color: #fff !important;
  padding: 5px;
  padding-left: 14px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #f9f9f9 !important;
  color: #333333;
}

.select2-container--default .select2-results>.select2-results__options {
  overflow-y: auto;
  max-height: 300px;
  border-radius: 8px;
}

.select2-results {
  border: none;
  border-radius: 8px;
}

/* Select2 Checkbox - Start CSS */
.wrap {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  font-size: 17px;
  font-weight: normal;
  color: #333333;
}

.select2-results__option .wrap:before{
  color:#999;
  padding-right: 10px;
  content:url('../assets/images/icon/checkbox_04_off.svg');
  padding-top: 5px;

}

.select2-results__option[aria-selected=true] .wrap:before{
  content:url('../assets/images/icon/checkbox_04_on.svg');
}

.select2-selection__clear {
  display:none !important; /* checkbox selected 될때 'x' button display hide */
}
/* Select2 Checkbox -End CSS */

/*-----------------------------------------------------------------------------*/
/* eoSelect - Select2 setting Start                                   */
/*-----------------------------------------------------------------------------*/
.eob-select2-results-border {
  /* border-color: #cccccc !important; */
  border: 1px solid #cccccc;
  border-radius: 8px;
  background-color: #fff;
}

.eob-select2-results-checkbox-border {
  border: 1px solid #333333;
}

.eob-select2-results-text-lg {
  font-size: 21px !important;
  font-weight: normal;
}

.eob-select2-results-text {
  font-size: 17px !important;
  font-weight: normal;
}

.eob-registerWrap .eob-select2 .select2-container {
  height: 60px;
  font-size: 21px;
  font-weight: normal;
}

.eob-registerWrap .eob-select2 .select2-container--default .select2-selection--single {
  height: 60px;
}

.eob-registerWrap .eob-select2 .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 60px;
}

.eob-registerWrap .select2-container--default .select2-results>.select2-results__options {
  max-height: 350px;
}

.eob-select2 .select2-container {
  height: 45px;
  font-size: 17px;
  font-weight: normal;
}

.eob-select2 .select2-container--default .select2-selection--single {
  background-color: #f7f7f7 !important;
  background: url(../assets/images/icon/btn_insulin_drop.svg) right 0.75rem center no-repeat;
  border:none;
  border-radius: 8px;
  height: 45px;
}

.eob-select2 .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 45px;
}

.eob-select2 .select2-container--default.select2-container--above.select2-container--open .select2-selection--single {
  background-color: #ffffff !important;
  background: url(../assets/images/icon/btn_gnb_com_open.svg) right 0.75rem center no-repeat;
  border-radius: 8px;
  border: 1px solid #cccccc;
  border-top: 0px;
  /* border-color: #cccccc !important; */
}

.eob-select2 .select2-container--default.select2-container--below.select2-container--open .select2-selection--single {
  background-color: #ffffff !important;
  background: url(../assets/images/icon/btn_gnb_com_open.svg) right 0.75rem center no-repeat;
  border-radius: 8px;
  border: 1px solid #cccccc;
  border-bottom: 0px;
  /* border-color: #cccccc !important; */
}

.eob-select2 .select2-container--default .select2-selection--single .select2-selection__arrow {
  visibility: hidden !important;
}

/*-----------------------------------------------------------------------------*/
/* Common - Select2 setting End                                                */
/*-----------------------------------------------------------------------------*/
.eob-homeWrap .switchery>small {
  background: #f3f3f3;
  box-shadow: unset;
  height: 24px;
  top: 2px;
  width: 24px;
  border: 2px solid #f3f3f3 !important;
}

.eob-homeWrap .switchery {
  width: 58px;
  height: 28px;
  border-radius: 15px;
  background-color: #cbcbcb !important;
  transition-duration: 0s !important;
}

.eob-homeWrap .switchery.eob-switchery-default {
  background-color: #cbcbcb !important;
  border-color: #cbcbcb !important;
}

/****************************************************************************************************/
/*** Common Form-control CSS                                                                       **/
/****************************************************************************************************/

/****************************************************************************************************/
/*** Validation CSS                                                                                **/
/****************************************************************************************************/
/* Validation - Start CSS */
.eob-fv-invalid {
  background: #e4e6eb !important;
  /* border: 1px solid #ced4da !important;
  border-radius: 4px; */
  color: #b1b1b1 !important;
  box-shadow: unset !important;
  transition: unset;
  opacity: unset !important;
}

.has-success .form-control {
  border-color: #ced4da;
  /* border: none; */

}

.custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: unset;
    background-color: #fff;
}

.custom-select.is-valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus {
    border-color: #00aeef;
    box-shadow: unset;
    background-color: #fff;
}

/* Validation - End CSS */

/****************************************************************************************************/
/*** GNB CSS                                                                                      **/
/****************************************************************************************************/
/* GNB - Start CSS */
.mini-sidebar .top-navbar .navbar-header {
  width: unset;
  /* width: 100px; */
  /* height: 56px; */
  text-align: center;
}

.topbar .top-navbar {
  /* padding-left: 15px;   */
  padding-left: 0px;  /* EOBridge web Phase 2 */
  padding-right: 0px;
  /* min-height: 56px;
  max-height:56px; */
  min-height: 48px;
  max-height:48px;
  max-width: 1200px; /* EOBridge web Phase 2 */
}

.topbar .dropdown-menu {
  /* border: 1px solid #cccccc; */
  border-color: #cccccc;
  border-radius: unset;
  margin-top: 0px;
  -webkit-box-shadow: unset;
}

@media (min-width: 767px) {
  .mini-sidebar .top-navbar .navbar-header {
    /* width: 170px; */
    width: unset;
    text-align: center;
  }

  .topbar .top-navbar .navbar-header {
    /* line-height: 56px; */
    line-height: 48px;
    text-align: center;
    width:unset;
  }
}

@media (max-width: 767px) {
  .topbar .top-navbar .navbar-nav > .nav-item > .nav-link {
    padding-left: 0px;
    padding-right: 0px;
  }

  .topbar .top-navbar {
    padding-left: 15px;
  }

  .eob-homeWrap .topbar .top-navbar .navbar-nav {
    /* padding-right: 15px; */
    margin-right: 16px;
    padding-right: 9px;
  }
}

@media (min-width: 576px) {
  .mini-sidebar .top-navbar .navbar-header {
    /* width: 170px; */
    width: unset;
    text-align: center;
  }

  .topbar .top-navbar .navbar-header {
    /* line-height: 56px; */
    line-height: 48px;
    text-align: center;
  }
}

/*** GNB EOBridge web Phase 2 Start CSS ***/
.left-sidebar {
  position: sticky;
  top: 48px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 16px;
  border-bottom: 1px solid #cdcdcd;
  z-index: 700;
}

.sidebar-nav ul {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px; /* EOBridge web Phase 2 */
  padding-right: 0px; /* EOBridge web Phase 2 */
  /* padding-left: 15px;
  padding-right: 15px; */
}

.sidebar-nav ul li {
  border-bottom: 3px solid transparent;
}

.sidebar-nav ul li a {
  color: #757575;
  font-size: 16px;
  font-weight: 500;
  font-family: NotoSansCJKkr;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  padding-top: 0px;
  padding-bottom: 10px;
  padding-left: 0px;
  padding-right: 0px;
}

.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
  color: #0092ef;
}

.sidebar-nav ul li a.active {
  color: #ffffff;
}

.sidebar-nav ul li.nav-small-cap {
  color: #99abb4;
}

.sidebar-nav > ul > li:hover {
  border-bottom: 3px solid #0092ef;
}

.sidebar-nav >ul > li.active {
  border-bottom: 3px solid #0092ef;
}

.sidebar-nav > ul > li > ul > li.active > a {
  color: #0092ef;
  font-weight: bold;
}

.sidebar-nav > ul > li.active > a, .sidebar-nav > ul > li.active:hover > a {
  color: #0092ef;
  font-weight: bold;
  font-size: 16px;
}

.sidebar-nav > ul > li.active > a i, .sidebar-nav > ul > li.active:hover > a i {
  color: #0092ef;
}

.sidebar-nav > ul > li.active > a:after, .sidebar-nav > ul > li.active:hover > a:after {
  border-color: #ffffff;
}

.sidebar-nav > ul > li > a.active i, .sidebar-nav > ul > li > a:hover i {
  color: #0092ef;
}

.sidebar-nav > ul > li > a i {
  color: #666666;
}

.sidebar-nav > ul > li > a.active {
  font-weight: bold;
  color: #0092ef;
}

@media (min-width: 768px) {
  .sidebar-nav > ul > li:hover > a, .sidebar-nav > ul > li:hover > a i {
    color: #0092ef;
  }
}

@media (max-width: 767px) {
  .mini-sidebar .sidebar-nav #sidebarnav > li > ul.eob-wide-list-menu li a {
      padding: 10px 15px 10px 0px;
  }
}

@media (min-width: 768px) {
  .sidebar-nav #sidebarnav > li > ul.eob-wide-list-menu {
    box-shadow: unset;
    min-width: 340px;
  }
}

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

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

.topbar .top-navbar .navbar-nav > .nav-item > .nav-link {
  padding-left: 6px;
  padding-right: 6px;
}

.topbar .top-navbar .navbar-nav > .nav-item > .nav-link.eob-patient-list {
  padding-left: 8px;
  padding-right: 8px;
}

@media (max-width: 576px) {
  .topbar .top-navbar {
    padding-left: 15px;
    padding-right: 15px;
  }

  .eob-homeWrap .topbar .top-navbar {
    padding-left: 0px;
    padding-right: 0px;
  }

  .topbar .top-navbar .navbar-nav > .nav-item > .nav-link {
    padding-left: 3px;
    padding-right: 3px;
  }

  .topbar .top-navbar .navbar-nav > .nav-item > .nav-link.nav-toggler {
    padding-left: 6px;
    padding-right: 6px;
  }

}

.topbar .top-navbar .navbar-header .navbar-brand b {
  line-height: 48px;
  display: inline-block;
}

.scroll-sidebar {
  max-width: 1200px;
}

.eob-ti-menu {
  width: 32px;
  height: 32px;
  content: url('/static/images/common/btn-gnb-drawer.png');
}

.ti-close:before {
  font-size: 32px;
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: 10px;
  content: url('/assets/images/icon/btn_n_popup_x_01.png');
}

.eo-nick-name {
  padding-left: 2px;
  font-family: NotoSansCJKkr;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #333333;
}
/*** GNB EOBridge web Phase 2 End CSS ***/

/* GNB - End CSS */

/* card - border, box-shdow remove */
.eob-cardWrap {
  max-width:498px;
  margin:0 auto 0;
}

.eob-cardWrap .card-body {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.eob-logo-card-header:first-child {
    border-radius: none;
}

.eob-logo-card-header {
    background-color: rgba(0,0,0,0);
    border-bottom: none;
}

.eob-card-border {
  border: none !important;
  -webkit-box-shadow: none !important;
   box-shadow: none !important;
   margin-bottom: 0px;
}

/* .eob-innerBox { max-width:1200px; } */
.eob-cardWrap h1 {
  font-size:29px;
  font-weight:normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.48;
  letter-spacing: normal;
  color: var(--black-two);
}
.eob-cardWrap .eob-text { font-size:19px; color:#333333; font-weight:200; margin-top: 16px; }
.eob-cardWrap .eob-text_light_bold { font-size:19px; color:#333333; font-weight:300; line-height:1.58;}
.eob-cardWrap .col-form-label {font-size: 19px; font-weight:normal; line-height: 1.2; color: var(--black-two);}
.eob-cardWrap .main-title-content {font-size: 19px; font-weight:250; font-stretch: normal; font-style: normal; line-height: 1.42; color: #333333;}
.eob-cardWrap .eob-dotList-text {
  opacity: 0.8;
  font-family: NotoSansCJKkr;
  font-size: 17px;
  font-weight: 200 !important;
  font-stretch: normal;
  font-style: normal;
  color: #010101;
  line-height: 25px;
  letter-spacing: -0.17px;
}

.eob-cardWrap .result-content {
    margin-top: 70px;
    text-align: center;
    font-size: 25px;
    color: #333333;
    line-height: 1.36;
    font-weight: 200;
}

.eob-font-black80 {color: #010101;}

.eob-cardWrap .eob-text-xl {font-size: 29px; }
.eob-cardWrap .eob-text-lg {font-size: 22px; }
.eob-cardWrap .eob-text-md {font-size: 19px; }
.eob-cardWrap .eob-text-sm {font-size: 17px; }

.eob-cardWrap .form-control {
  background:#f3f3f3;
  /* border: 1px solid #f7f7f7; */
  font-size: 21px;
  font-weight: 200;
  /* outline: 0;
  transition: all .3s ease; */
  /* color: #333; */
}

/* .eob-cardWrap .form-group.error input, .form-group.error select, .form-group.error textarea {
    border: 1px solid #ced4da;
} */

/* .eob-cardWrap .form-group.validate input, .form-group.validate select, .form-group.validate textarea { */
  /* border: 1px solid #00aeef;
  border-radius: unset;
  background: #f7f7f7 !important; */
/* } */

.eob-cardWrap .eob-mx-2 {
  margin-right: 8px;
  margin-left: 8px;
}

.eob-cardWrap .eob-px-0 {
  padding-right: 0px;
  padding-left: 0px;
}

.eob-cardWrap .eob-px-2 {
  padding-right: 8px;
  padding-left: 8px;
}

.eob-cardWrap .eo-text-field-info {
  margin-right: 5px;
  margin-left: 5px;
}

.eob-cardWrap .eob-btn-lg {font-size: 22px; border: none; font-weight: normal;}
.eob-cardWrap .text-info{color: #00aeef !important; font-weight: 300;}

.eob-cardWrap .eob-btn-label-lg {font-size: 18px; font-weight: 500; line-height: 1.5;}
.eob-cardWrap .eob-btn-mg-top { margin-top: 51px;}
.eob-cardWrap .eob-btn-label-lg-en {font-size: 18px; font-weight: 500; line-height: 1.5;}

.eob-btn-confirm {
  border: solid 1px #00aeef !important;
  color: #00aeef !important;
  background-color: #fff !important;
  box-shadow: unset !important;
  opacity: unset !important;
}

@media (max-width: 768px) {
  .eob-cardWrap .eob-btn-dark-blue.eob-password-change-info {
    padding-left: 8px;
    padding-right: 8px;
  }

  .eob-cardWrap .eob-btn-blue.eob-password-change-info {
    padding-left: 8px;
    padding-right: 8px;
  }
}

.eob-btn-confirm:hover {
    border-color: #00aeef !important;
}

.eob-dotList > *:before {
    display: block;
    content: '';
    position: absolute;
    top: 9px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #898989;
    vertical-align: top;
}

.eob-cardWrap .eob-title-lg-en {font-size: 26px;}

/* 24h-Chart Legend - Start CSS */

[type="checkbox"].filled-in:checked.chk-col-dark-gray + label:after {
    border: 2px solid #616161;
    background-color: #616161;
}

[type="checkbox"].filled-in:checked.chk-col-light-Blue + label:after {
    border: 2px solid #00AEEF;
    background-color: #00AEEF;
}

[type="checkbox"].filled-in:checked.chk-col-dark-Blue + label:after {
    border: 2px solid #0092EF;
    background-color: #0092EF;
}

/* 24h-Chart Legend - End CSS */

/****************************************************************************************************/
/*** Signup CSS                                                                                      **/
/****************************************************************************************************/
/* 사용자 등록 - CSS */
.eob-registerWrap {
  max-width:1200px;
  /* max-height:670px; */
  margin:0 auto 0;
}

.eob-registerWrap.eob-signup-type {
  max-width:unset;
}

.eob-registerWrap.eob-innerBox { max-width:642px; }

.eob-registerWrap .eob-mainTitle {
  font-size: 29px;
  color: #4d4d4d;
  text-align: center;
  font-weight: normal;
  line-height:40px;
  margin-bottom: 0px;
}

.eob-registerWrap .eob-mainTitle-Bold {
  font-size: 29px;
  color: #4d4d4d;
  text-align: center;
  font-weight: 500;
  line-height:40px;
  margin-bottom: 0px;
}

.eob-registerWrap .eob-subTitle-md {
  font-size: 27px;
  color: #00aeef;
  font-weight: 500;
}

.eob-registerWrap .eob-subTitle {
  font-size: 25px;
  color: #333333;
  /* text-align: left; */
  font-weight: normal;
  line-height:1.48;
}

.eob-registerWrap .eob-subTitle-contents {
  font-size: 19px;
  color: #333333;
  font-weight: 200;
  line-height: 1.47;
  margin-bottom: 0px;
}

.eob-registerWrap .eob-subTitle-contents-sm {
  font-size: 16px;
  color: #4d4d4d;
  font-weight: normal;
  line-height:1.5;
  letter-spacing: normal;
  margin-bottom: 0px;
}
.eob-registerWrap .eob-form-label {
  font-size: 19px;
  color: #333333;
  font-weight: normal;
  line-height:26px;
  text-align: left !important;
  margin-bottom: 0px;
}

.eob-registerWrap .eob-form-label-blue {
  font-size: 17px;
  color: #00aeef;
  font-weight: normal;
  line-height:24px;
}

.eob-registerWrap .eob-form-label-blue-sm {
  font-size: 15px;
  font-weight: normal;
  color: #00aeef;
  line-height: 1.47;
}

.eob-registerWrap .eob-text {
  font-size: 20px;
  line-height: 1.9;
  color: #4d4d4d;
  font-weight: 300;
}

.eob-registerWrap .eob-clause-title {
  font-weight: 500;
  margin-bottom: 0px !important;
}

.eob-registerWrap .eob-clause-contents {
  font-size: 15px;
  color: #333333;
  font-weight: 200;
  line-height:1.4;
  margin-bottom: 0px;
}

.eob-registerWrap .eob-clause-contents-md {
  font-size: 18px;
  color: #333333;
  font-weight: 200;
  /* line-height:30px; */
  margin-bottom: 0px;
}

.eob-registerWrap .eob-clause-contents-blue {
  font-size: 18px;
  color: #00aeef;
  font-weight: 400;
  /* line-height:24px; */
}

.eob-registerWrap .eob-clause-contents p {
  margin-bottom: 4px;
}

.eob-registerWrap .eob-text-xl {font-size: 29px; }
.eob-registerWrap .eob-text-lg {font-size: 27px; }
.eob-registerWrap .eob-text-md-t1 {font-size: 18px; font-weight: 500; line-height: 1.5;}
.eob-registerWrap .eob-text-md {font-size: 19px; }
.eob-registerWrap .eob-text-sm {font-size: 17px; }

.eob-registerWrap .eob-btn-label-lg {font-size: 18px; font-weight: 500; line-height: 1.5; width: 240px;}
.eob-registerWrap .eob-btn-label-empty-lg {
  height: 60px;
}

.eob-registerWrap .eob-patient-minor .eob-btn-label-lg-width { width: 261px;}

@media (max-width: 575px) {

  .eob-registerWrap .eob-patient-minor .eob-btn-label-lg-width { width: 147px;}
  .eob-registerWrap .eob-patient-minor .eob-btn-dark-blue {
    padding-left: 0px;
    padding-right: 0px;
  }

}

.eob-registerWrap .card-footer {background-color: #fff; border-top: none;}

/* .eob-registerWrap .btn-info:hover {
    color: #c1ebfb;
    background-color: #32bef2;
    box-shadow:none !important;
} */

/* .eob-registerWrap .btn-info:not(:disabled):not(.disabled):active{
  color: #fff !important;
  background-color: #00aeef  !important;
} */

.eob-registerWrap .eob-custom-mx-1 {
  margin-right: 5px;
  margin-left: 5px;
}

.eob-registerWrap .eob-mx-2 {
  margin-right: 8px;
  margin-left: 8px;
}

.eob-registerWrap .eob-px-0 {
  padding-right: 0px;
  padding-left: 0px;
}

.eob-registerWrap .eob-px-2 {
  padding-right: 6px;
  padding-left: 6px;
}

.eob-registerWrap .eo-text-field-info {
  margin-right: 5px;
  margin-left: 5px;
}

.eob-registerWrap .form-control {
  background:#f3f3f3;
  /* border: 1px solid #f7f7f7; */
  font-size: 21px;
  font-weight: 200;
  min-height: 45px;
  /* outline: 0;
  transition: all .3s ease; */
  /* color: #333; */
}

.eob-registerWrap .form-group.error input, .form-group.error select, .form-group.error textarea {
    border: 1px solid #ced4da;
}

.eob-registerWrap .form-group.validate input, .form-group.validate select, .form-group.validate textarea {
  border: 1px solid #ced4da;
}

.eob-registerWrap .eob-input-group {
  margin-top: 8px;
}
/*******************************************************/
/* Step Wizard - Step Button CSS Start */
.eob-registerWrap .wizard-content .wizard>.steps>ul>li.current .step {
  background-color: #00aeef;
  color: #fff;
  border-color: #00aeef;
}

.eob-registerWrap .wizard-content .wizard>.steps>ul>li.done .step {
  background-color: #fff;
  color: #00aeef;
  border-color: #00aeef;
}

.eob-registerWrap .wizard-content .wizard>.steps>ul>li .step.done {
  background-image: url("/assets/images/icon/checkbox-02-done.png") !important;  color: transparent;
}

.eob-registerWrap .wizard-content .wizard>.actions>ul>li.eob-fv-invalid {
  border-radius: 8px;
}

.eob-registerWrap .wizard-content .wizard>.actions>ul>li.eob-fv-invalid>a {
  background: #e4e6eb !important;
  /* border: 1px solid #e4e6eb !important; */
  color: #b1b1b1 !important;
  border: none;
  border-radius: 8px !important;
  box-shadow: unset !important;
  height: 60px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  padding-top: 16px;
  padding-bottom: 17px;
  padding-left: 18px;
  padding-right: 18px;
  pointer-events: none;
  cursor: default;
}

.eob-registerWrap .wizard-content .wizard.wizard-circle>.steps .step {
  width: 34px;
  height: 34px;
  line-height: 25px;
  /* border: 3px solid #F3F3F3; */
  border: 2px solid #b2b2b2;
  font-size: 1.3rem;
  border-radius: 50%;
}

.eob-registerWrap .wizard-content .wizard>.steps .step {
  background-color: #b2b2b2;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -24px;
  z-index: 10;
  text-align: center;
}

.wizard-content .wizard>.steps>ul>li.disabled a, .wizard-content .wizard>.steps>ul>li.disabled a:focus, .wizard-content .wizard>.steps>ul>li.disabled a:hover {
  color: #ffffff;
  cursor: default;
}

.eob-registerWrap .wizard-content .wizard.wizard-circle>.steps>ul>li:after, .eob-registerWrap .wizard-content .wizard.wizard-circle>.steps>ul>li:before {
  top: 35px;
  height: 2px;
  background-color: #d8d8d8 !important;
}
/* Step Wizard - Step Button CSS End */

/* Step Wizard - Action Button CSS Start */
.eob-registerWrap .wizard-content .wizard>.content {
    text-align:center;
}

.eob-registerWrap .wizard>.actions {
  float:right;
  text-align:left !important;
  width:100%;
  padding:0px !important;
  /* margin-top: 10px; */
}

.eob-registerWrap .wizard-content .wizard>.actions>ul {
    position:relative !important;
    /* left:-6%;
    width:90%;
    padding-left: 2rem!important;
    padding-right: 1.6rem!important; */
    left:-6%;
    width:89%;
    padding-left: 1.5rem!important;
    padding-right: 1.6rem!important;
    text-align: center;
}

@media (max-width: 575px) {
  .eob-registerWrap .wizard-content .wizard>.actions>ul {
    padding-left: 0rem!important;
    padding-right: 0rem!important;
  }
}

.eob-registerWrap .wizard-content .wizard>.actions>ul>li {
    float: left;
    position:relative;
    width: 50%;
    /* left: 1%; */
}

.eob-registerWrap .wizard-content .wizard>.actions>ul>li+li {
    margin-left: 0px;
}

.eob-registerWrap .wizard-content .wizard>.actions>ul>li.disabled>a, .wizard-content .wizard>.actions>ul>li.disabled>a:focus, .wizard-content .wizard>.actions>ul>li.disabled>a:hover {
    background: #0096ce;
    color: #fff;
    height: 60px;
    line-height: 1.8 !important;
}

@media (max-width: 575px) {

  .eob-registerWrap .wizard-content .wizard>.actions>ul>li>a[href="#previous"] {
    padding-left: 0px !important;
    padding-right: 0px !important;
    white-space: nowrap;
  }

}

.eob-registerWrap .wizard-content .wizard>.actions>ul>li>a[href="#previous"] {
    background-color: #ffffff;
    color: #00aeef;
    border: 1px solid #00aeef;
    border-radius: 8px !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    box-shadow: unset !important;
    padding-top: 16px;
    padding-bottom: 17px;
    padding-left: 18px;
    padding-right: 18px;
    margin-right: 8px;
}

.eob-registerWrap .wizard-content .wizard>.actions>ul>li>a {
    background-color: #00aeef;
    color: #ffffff;
    display: block;
    /* padding: 7px 12px; */
    border-radius: unset !important;
    border: 1px solid transparent;
    border-radius: 8px !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    box-shadow: unset !important;
    height: 60px;
    padding-top: 16px;
    padding-bottom: 17px;
    padding-left: 18px;
    padding-right: 18px;
}

/* Step Wizard - Action Button CSS End */

.eob-registerWrap .eo-textarea {
    height: 129px !important;
    resize: none !important;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 16px;
    padding-right: 16px;
    /* overflow-y: scroll !important; */
    /* overflow-x: hidden !important; */
}

/* Tooltip Box Start*/
.tipQuestion, .tipNoti{
    display: inline-block;
    font-size: 16px;
    width: 25px;
    height: 25px;
    line-height: 25.5px;
    background: #ccc;
    color: #000;
    text-align: center;
    border-radius: 50%;
    margin-left: 5px;
}

.eob-dashboard-chartlate-24h .tipQuestion, .eob-overview .chart-overview-body .tipQuestion, .eob-adm-data-upload .tipQuestion{
  width: 24px;
  height: 24px;
  margin-left: 8px;
  background: url(/static/images/common/btn_que_02.svg) no-repeat;
}

.eob-TrendDailySummary .tipQuestion {
    /* margin-top: 5px;
    margin-bottom: 5px; */
    width: 13.5px;
    height: 13.2px;
    margin: 0px 0px 0px 6.3px;
    object-fit: contain;
    background: url(/static/images/trends/btn_que_02.png) no-repeat;
}

.eob-trends-daily .tipQuestion.chart-late-basal-24h-info  {
    margin-top: 3px;
    margin-bottom: 5px;
    margin-left: 8px !important;
    width: 13.5px;
    height: 13.2px;
    object-fit: contain;
    background: url(/static/images/trends/btn_que_02.png) no-repeat;
}

/* Tooltip Box End*/

/* Signup - checkbox setting Start*/
.checkboxTerms [type="checkbox"] + label:before, [type="checkbox"]:not(.filled-in) + label:after {
    width: 30px;
    height: 30px;
    border: none;
    transition: none;
    background-image:url("/assets/images/icon/checkbox_02_off.png") !important
}

.checkboxTerms [type="checkbox"]:checked + label:before {
  top: 0px;
  left: 0px;
  width: 30px;
  height: 30px;
  border: none;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  background-image:url("/assets/images/icon/checkbox_02_on.png") !important
}

/* Signup - checkbox setting Start*/
.radioboxGender .btn-info:not(:disabled):not(.disabled).active, .show>.btn-info.dropdown-toggle {
    /* color: #333333 !important;
    background-color: #f7f7f7 !important;
    border: none; */
    /* border-color: #00aeef !important; */
    color: #00aeef !important;
    background-color: #fff !important;
    border: 1px solid #00aeef;
    box-shadow: unset;
}

.radioboxGender .btn-info, radioboxGender .btn-info.disabled {
    color: #010101 !important;
    background-color: #ffffff !important;
    border: 1px solid #cccccc;
    border-top-right-radius: unset;
    border-bottom-right-radius: unset;

    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.radioboxGender .btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}

/* Signup - checkbox setting End*/

/* Signup-profile - checkbox setting End*/
.radioboxProfile .btn-info:not(:disabled):not(.disabled).active, .show>.btn-info.dropdown-toggle {
  /* color: #333333 !important;
  background-color: #f7f7f7 !important;
  border: none; */
  /* border-color: #00aeef !important; */
  color: #00aeef !important;
  background-color: #fff !important;
  border: 1px solid #00aeef;
}

.radioboxProfile .btn-info, .radioboxProfile .btn-info.disabled {
  /* color: #00aeef !important;
  background: #fff;
  border: 1px solid #00aeef;
  -webkit-box-shadow: 0 2px 2px 0 rgba(66, 165, 245, 0.14), 0 3px 1px -2px rgba(66, 165, 245, 0.2), 0 1px 5px 0 rgba(66, 165, 245, 0.12); */
  /* box-shadow: 0 2px 2px 0 rgba(66, 165, 245, 0.14), 0 3px 1px -2px rgba(66, 165, 245, 0.2), 0 1px 5px 0 rgba(66, 165, 245, 0.12);
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in; */

  color: #333333 !important;
  background-color: #f7f7f7 !important;
  border: none;

  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.radioboxProfile .btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:not(:first-child) {
  border-top-left-radius: unset ;
  border-bottom-left-radius: unset;
  border-top-right-radius: unset ;
  border-bottom-right-radius: unset;
}

.radioboxProfile.btn-group label {
  font-size: 21px;
  font-weight: normal;
  line-height: 3rem;
  padding-top: 5px;
  padding-bottom: 5px;
}

.eob-hr {
  border: 1px solid;
  border-color: #cdcdcd;
  margin-top: 8px;
  margin-bottom: 8px;
}

div.eob-text-hr {
  display: flex;
  flex-direction: row;
  padding-left: 0.7rem;
  align-items: center;
  justify-content: flex-end;
}

div.eob-text-hr:before {
  background: #cdcdcd;
  height: 1px;
  flex: 1;
  content: '';
}

div.eob-text-hr.left:after {
  background: none;
}

div.eob-text-hr.right:before {
  background: none;
}

div.eob-dot-text-hr {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

div.eob-dot-text-hr:before {
  flex: 1;
  content: '';
  border-bottom: 1px dotted #8d8d8d;
  margin-right: 3px;
}

.eob-flex-left-right {
  display: flex;
  align-items: center;
  flex: 1;
}

div.eob-left {
  order: 1;
}

div.eob-right {
  order: 3;
}

.eob-flex-left-right:after {
  content: '';
  border-bottom: 1px dotted #8d8d8d;
  flex-grow: 1;
  order: 2;
  margin-left: 3px;
  margin-right: 3px;
}

div.eob-dot-text-hr.left:after {
  background: none;
}

div.eob-dot-text-hr.right:before {
  background: none;
}

div.eob-dot-text-hr-bolus {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

div.eob-dot-text-hr-bolus:before {
  flex: 1;
  content: '';
  border-bottom: 1px dotted #ef40be;
  margin-right: 3px;
}

div.eob-dot-text-hr-bolus.left:after {
  background: none;
}

div.eob-dot-text-hr-bolus.right:before {
  background: none;
}

div.eob-dot-text-hr-basal {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

div.eob-dot-text-hr-basal:before {
  flex: 1;
  content: '';
  border-bottom: 1px dotted #7c4dff;
  margin-right: 3px;
}

div.eob-dot-text-hr-basal.left:after {
  background: none;
}

div.eob-dot-text-hr-basal.right:before {
  background: none;
}

#language.dropdown-menu .dropdown-item.active, .dropdown-item:active {
  color: #4d4d4d;
  text-decoration: none;
  background-color: #fff;
}

.topbar #language.dropdown-menu .dropdown-item:before {
  display: inline-block;
  content: '';
  height: 0.5rem;
  width: 0.5rem;
  margin-right: 1em;
}

.topbar #language.dropdown-menu .dropdown-item.active:before, .topbar .dropdown-menu .dropdown-item:active:before {
  -webkit-border-radius: 1em;
  border-radius: 1em;
  background-color: #00aeef;
}

/* Signup-profile - checkbox setting End*/

/****************************************************************************************************/
/*** Footer - 이용약관, 개인정보 처리 방침 Tab CSS                                                                                      **/
/****************************************************************************************************/
/* 약관 - CSS Start */

.eob-termWrap {}

.eob-termWrap .customtab li a.nav-link.active {
  height: 40px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  color: #0092ef !important;
  font-size: 16px !important;
  font-weight: bold !important;
  line-height: 1.5;
  background-color: transparent;
  padding: 10px 0px !important;
  border-bottom: 2px solid #0092ef !important;
}

.eob-termWrap .customtab li a.nav-link.active:hover {
  color: #0092ef !important;
}

.eob-termWrap .nav-tabs.customtab .nav-link { /* in active Tab*/
    height: 40px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    color: #757575;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    background-color: transparent;
    padding: 10px 0px !important;
}

.eob-termWrap .customtab li a.nav-link:hover {
    color: #757575 !important;
}
/* 약관 - CSS End */

/*******************************************************************************/
/** 회원가입 - 약관 본문  CSS Setting                                          **/
/*******************************************************************************/
.eob-terms-eomapp , .eob-terms-eobridge {
  padding-left:8px;
  padding-right:8px;
}

.eob-terms-eomapp .eob-terms-content p, .eob-terms-eobridge .eob-terms-content p {
  margin-top: 0px;
  margin-bottom: 0px;
}

.eob-terms-main-title {
  font-size: 17px;
  color: #333333;
  font-weight: bold;
  line-height:1.12;
  /* margin-top: 25px !important;
  margin-bottom: 25px !important; */
}

.eob-terms-sub-title {
  font-size: 16px;
  color: #333333;
  font-weight: bold;
  line-height:1.12;
  /* margin-top: 25px !important;
  margin-bottom: 25px !important; */
}

.eob-terms-content-title {
  font-size: 15px;
  color: #333333;
  font-weight: bold;
  /* line-height:30px; */
  margin-top: 0px;
  margin-bottom: 0px;
}

.eob-terms-content-title-md {
  font-size: 18px;
  color: #333333;
  font-weight: bold;
  /* line-height:30px; */
  margin-top: 0px;
  margin-bottom: 0px;
}

.eob-terms-content {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: left;
  color: #3e3e3e;
  margin: 0px;
}

.eob-terms-content-md {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: left;
  color: #3e3e3e;
  margin: 0px;
}

.eob-terms-content-sm {
  font-size: 13px;
}

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

.eob-terms-contents-blue {
  font-size: 18px;
  color: #00aeef;
  font-weight: 400;
  /* line-height:24px; */
}

.eob-terms-contents-dark-blue {
  font-size: 18px;
  color: #0000FF;
  font-weight: 400;
  /* line-height:24px; */
}

.eob-terms-contents-text-blue {
  color: #00B0F0;
}

.eob-terms-contents-text-red {
  color: #FF0000;
}

.eob-terms-contents-strikethrough-line {
  color: #FF0000;
  text-decoration: line-through;
}


.eob-terms-contents-reference-mark {
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: left;
  color: #3e3e3e;
  margin: 0px;
}

.eob-terms-contents-link {
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: left;
  color: #3e3e3e;
  margin: 0px;
}

.eob-terms-contents-string-blue {
  color: #00aeef;
}

.eob-terms-contents-highlight-yellow {
  background-color: yellow !important;
}

.eob-terms-contents-indent-1 {
  text-indent : 20px;
}

.eob-terms-table-th {
  padding: 5px;
  font-weight:normal;
  background-color: #E5E5E5;
}

table.eob-term-table td {
  padding: 5px;
}

.eob-term-table .eob-table-vertical-align-middle {
  vertical-align: middle;
}

.eob-terms-content .eob-imgContainer {
  text-align:center;
}

.eob-terms-content .eob-img-max-height-1 {
  max-height:542px !important;
}

/****************************************************************************************************/
/*** Home CSS                                                                                      **/
/****************************************************************************************************/
/* 사용자 등록 - CSS */
.eob-homeWrap {
  margin-left: auto;
  margin-right: auto;
}

.eob-homeWrap .card {
  border-radius: 10px;
  border: 1px solid #cdcdcd;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.eob-homeWrap .eob-border {
  border: 1px solid #cdcdcd !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.eob-homeWrap .eob-border-top {
  border-top: 1px solid #cdcdcd !important;
}

.eob-homeWrap .eob-border-bottom {
  border-bottom: 1px solid #cdcdcd !important;
}

.eob-homeWrap .eob-border-radious {
  border-radius: 10px;
  border: 1px solid #cdcdcd;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.eob-homeWrap .eob-border-radious-noborders {
  border-radius: 10px;
  border: 0px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  overflow: hidden;
}

.eob-homeWrap .eob-border-radious-top {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: unset !important;
  border-bottom-right-radius: unset !important;
  border-bottom: 0px;
}

.eob-homeWrap .eob-border-radious-bottom {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-left-radius: unset !important;
  border-top-right-radius: unset !important;
  border-top: none ;
}

.eob-homeWrap .eob-border-radious-none {
  border-radius: unset !important;
}

.eob-homeWrap .eob-border-top-radious-none {
  border-top-left-radius: unset !important;
  border-top-right-radius: unset !important;
  /* border-top: none; */
}

.eob-homeWrap .eob-border-bottom-radious-none {
  border-bottom-left-radius: unset !important;
  border-bottom-right-radius: unset !important;
  /* border-bottom: none !important; */
}

.eob-homeWrap .eob-border-bottom-border-radious-none {
  border-bottom-left-radius: unset !important;
  border-bottom-right-radius: unset !important;
  border-bottom: unset !important;
}

.eob-homeWrap .eob-border-radious-bottom-left {
  border-bottom-left-radius: 10px;
  /* border-bottom-right-radius: 10px;
  border-top-left-radius: unset !important;
  border-top-right-radius: unset !important;
  border-top: none ; */
}

.eob-homeWrap .eob-border-radious-bottom-right {
  border-bottom-right-radius: 10px;
  /* border-bottom-right-radius: 10px;
  border-top-left-radius: unset !important;
  border-top-right-radius: unset !important;
  border-top: none ; */
}

.eob-homeWrap .eob-form-border {
    border: 2px solid #999 !important;
    border-width: 2px 0 !important;
    border-right-width:0px;
    border-left-width:0px;
}

.eob-homeWrap .eob-form-border-top {
  border: none;
  border-top: 2px solid #999 !important;
  border-right-width:0px;
  border-left-width:0px;
}

.eob-homeWrap .eob-form-border-bottom {
  border: none;
  border-bottom: 2px solid #999 !important;
  border-right-width:0px;
  border-left-width:0px;
}

.eob-homeWrap .eob-mainTitle {
  font-size: 19px;
  color: #1a1a1a;
  text-align: left;
  font-weight: 700;
  line-height: 27px;
  margin-bottom: 15px;
  margin-top: 48px;
}

.eob-homeWrap .eob-subTitle {
  font-size: 17px;
  color: #333333;
  text-align: left;
  font-weight: 500;
  line-height: 24px;
}

.eob-homeWrap .eob-subTitle-contents {
  font-size: 17px;
  color: #4d4d4d;
  font-weight: normal;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-contents-info {
  font-size: 15px;
  color: #333333;
  text-align: left;
  font-weight: 500;
  line-height: 1.47;
}

.eob-homeWrap .eob-form-label {
  font-size: 17px;
  color: #4d4d4d;
  font-weight: 400;
  text-align: left !important;
  margin-bottom: 0px;
}

/* Report - setting Start */
.eob-homeWrap .eob-mainTitle-report {
  font-size: 30px;
  color: #00aeef;
  font-weight: 500;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-subTitle-report {
  font-size: 20px;
  color: #666666;
  font-weight: 500;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-subTitle-contents-report {
  font-size: 16px;
  color: #333333;
  font-weight: 250;
  margin-bottom: 0px;

}
.eob-homeWrap .eob-form-label-report {
  font-size: 16px;
  color: #333333;
  font-weight: 250;
}

.eob-homeWrap .eob-report .eob-btn-gray {
  background-color: #d9d9d9;
  color: #666666;
  border: none;
  border-radius: unset;
  box-shadow: unset !important;
}

.eob-homeWrap .eob-report .btn.disabled, .btn:disabled {
  opacity: unset;
}
/* Report - setting End */

/* messageList - setting Start */
.eob-homeWrap .eob-mainTitle-messageList {
  font-size: 19px;
  color: #00aeef;
  font-weight: 500;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-subTitle-messageList {
  font-size: 16px;
  color: #333333;
  font-weight: 500;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-subTitle-contents-messageList {
  font-size: 14px;
  color: #808080;
  font-weight: 300;
  /* margin-bottom: 0px; */
  /* padding-left: 4px;
  padding-right: 4px; */

}
.eob-homeWrap .eob-info-label-messageList {
  font-size: 16px;
  color: #616161;
  font-weight: 200;
}

.eob-homeWrap .eob-latest-message-7DayMessageList {
  display: flex;
  background: #f5f5f5;
  height: 106px;
  width:100%;
  vertical-align: middle;
}


.eob-homeWrap .eob-subTitle-contents-messageList a {
  color: #00aeef;
}

.eob-homeWrap .eob-7DayMessageList .eob-border-bottom {
  border-bottom: 1px solid #cdcdcd !important;
}

a#closeMenu {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url('/static/images/message/img-dropdown-close.png');
  background-repeat: no-repeat;
}

.mailbox .eob-homeWrap .eob-7DayMessageList .message-center a.eob-google-map-location {
  color: #00aeef;
  border-bottom: unset;
  background-color: transparent;
  padding: unset;
  border-bottom: 1px solid #00aeef;
}


/* messageList - setting End */

/* AdmUpdate - setting Start */
.admUpdateTbl .btnTblToggle{position: relative;display: inline-block;width: 20px;height: 20px;margin-right: 5px; margin-bottom: 3px; border: 1px solid #818181;border-radius: 3px;background: #fff;font-size: 0;color: transparent;vertical-align: middle !important;}
.admUpdateTbl .btnTblToggle:before,
.admUpdateTbl .btnTblToggle:after{content:'';display: block;height: 2px;width: 10px;position: absolute;left: 4px;top: 8px;background: #000;transition: transform 0.3s ease;}
.admUpdateTbl .btnTblToggle.on:after{transform: rotate(90deg)}
.admUpdateTbl th,
.admUpdateTbl td{border: 1px solid #cecece;font-size: 16px;color: #000; white-space: nowrap!important;}
.admUpdateTbl th{padding: 15px;font-weight: normal; text-align: center;}
.admUpdateTbl td{position:relative;width: 40px; text-align: center; height: 77px; padding: 1rem; }
.admUpdateTbl td.admUpdateDataToggle{position:relative; text-align: left; height: 77px; padding: 1rem; }
.admUpdateTbl thead th,
.admUpdateTbl thead td{background: #e6e6e6;}
.admUpdateTbl thead td{height: 43px;font-size: 14px;line-height: 1.2;}
.admUpdateTbl caption {caption-side: top; text-align: left;}

.eob-homeWrap .eob-mainTitle-admUpdate {
  font-size: 30px;
  color: #00aeef;
  font-weight: 500;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-subTitle-admUpdate {
  font-size: 20px;
  color: #666666;
  font-weight: 500;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-subTitle-admUpdate-notice {
  font-size: 16px;
  color: #ef002d;
  font-weight: 500;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-subTitle-contents-admUpdate {
  font-size: 16px;
  color: #333333;
  font-weight: 250;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-form-label-admUpdate {
  font-size: 16px;
  color: #333333;
  font-weight: 250;
}
/* AdmUpdate - setting End */

/* AdmDataUpload - setting Start */
.admDataUploadTbl .btnTblToggle{position: relative;display: inline-block;width: 20px;height: 20px;margin-right: 5px; margin-bottom: 3px; border: 1px solid #818181;border-radius: 3px;background: #fff;font-size: 0;color: transparent;vertical-align: middle !important;}
.admDataUploadTbl .btnTblToggle:before,
.admDataUploadTbl .btnTblToggle:after{content:'';display: block;height: 2px;width: 10px;position: absolute;left: 4px;top: 8px;background: #000;transition: transform 0.3s ease;}
.admDataUploadTbl .btnTblToggle.on:after{transform: rotate(90deg)}
.admDataUploadTbl th,
.admDataUploadTbl td{border: 1px solid #cecece;font-size: 16px;color: #000; white-space: nowrap!important;}
.admDataUploadTbl th{padding: 15px;font-weight: normal; text-align: center;}
.admDataUploadTbl td{position:relative;width: 40px; text-align: center; height: 77px; padding: 1rem; }
.admDataUploadTbl td.admUpdateDataToggle{position:relative; text-align: left; height: 77px; padding: 1rem; }
.admDataUploadTbl thead th,
.admDataUploadTbl thead td{background: #e6e6e6;}
.admDataUploadTbl thead td{height: 43px;font-size: 14px;line-height: 1.2;}
.admDataUploadTbl caption {caption-side: top; text-align: left;}

.eob-homeWrap .eob-mainTitle-admDataUpload {
  font-size: 30px;
  color: #00aeef;
  font-weight: 500;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-subTitle-admDataUpload {
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  color: #333333;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-subTitle-contents-admDataUpload {
  font-size: 16px;
  color: #333333;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-subTitle-contents-admDataUpload-red {
  color: #c80026;
}

.eob-homeWrap .eob-subTitle-contents-admDataUpload-sm {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  color: #333333;
}

.eob-homeWrap .eob-subTitle-contents-admDataUpload-md {
  font-size: 18px;
  color: #333333;
  font-weight: 500;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-subTitle-contents-admDataUpload-lg {
  font-size: 20px;
  color: #333333;
  font-weight: 500;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-subTitle-contents-admDataUpload-gray {
  opacity: 0.5;
  font-family: NotoSansCJKkr;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-subTitle-contents-admDataUpload-bold {
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  color: #333333;
  margin-bottom: 0px;
}



.eob-homeWrap .eob-subTitle-contents-admDataUpload-state-fail {
  font-size: 17px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  color: #ef002d;
}

.eob-homeWrap .eob-form-label-admDataUpload {
  font-size: 16px;
  color: #333333;
  font-weight: 250;
}

.eob-homeWrap .eob-border-line-admDataUpload {
  border-radius: 10px;
  border: solid 1px #ccc;
}

.eob-homeWrap .eob-border-line-admDataUpload-dotted-blue {
  border-radius: 10px;
  border: dotted 1px #00aeef;
}

.eob-homeWrap .eob-admDataUpload-result-success {
  background-color: #f2f2f2;
}

/* AdmDataUpload - setting End */

/* AdmDataUpload - Button setting Start */
.eob-adm-data-upload .eob-btn-dark-blue, .eob-adm-data-upload .eob-btn-blue {
  height: 38px !important;
  width: 160px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.eob-homeWrap .eob-adm-data-upload .eob-btn-action-group .btn {
  min-height: 38px;
}

/* AdmDataUpload - Button setting End */

/* AdmDataUpload dataTable - setting Start */
.eob-adm-data-upload-dataTable table.dataTable {
  border-collapse:collapse !important;
  color: #333333;
  font-size: 17px;
  font-weight: normal;
  margin-top: 0px !important;
}

.eob-adm-data-upload-dataTable .table-bordered {
  border: 1px solid #cdcdcd;
}

.eob-adm-data-upload-dataTable .table thead th, .table th {
  border: 1px solid #cdcdcd;
}

.eob-adm-data-upload-dataTable .table td, .table th {
  border-color: #cdcdcd;
}

.eob-adm-data-upload-dataTable table.dataTable thead tr th {
  background-color: #e6e6e6 !important;
  color: #333333;
  font-size: 17px;
  font-weight: normal;
}

.eob-adm-data-upload-dataTable .table-hover tbody tr {
  white-space: nowrap;
}

.eob-adm-data-upload-dataTable .table-hover tbody tr:hover {
  background: #e6e6e6 !important;
}

.eob-adm-data-upload-dataTable .table-striped tbody tr:nth-of-type(odd) {
  background: #ffffff;
}

.eob-adm-data-upload-dataTable table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected {
  background-color: #00aeef !important;
}

.eob-adm-data-upload-dataTable table.dataTable tbody tr.selected, table.dataTable tbody th.selected, table.dataTable tbody td.selected {
  color: #fefefe;
  background-color: #00aeef !important;
}

.eob-adm-data-upload-dataTable table.dataTable.stripe tbody>tr.odd.selected, table.dataTable.stripe tbody>tr.odd>.selected, table.dataTable.display tbody>tr.odd.selected, table.dataTable.display tbody>tr.odd>.selected {
  background-color: #00aeef !important;
}

.eob-adm-data-upload-dataTable table.dataTable thead .sorting:after {
  /* thead - sort small box icon hide */
  /* display: none !important; */

  font-family: FontAwesome;
  right: 1em;
  content: "\f13a" !important;
  color: #333333 !important;
  top: 0.7em;
  padding-left: 10px;
}

.eob-adm-data-upload-dataTable table.dataTable thead .sorting_asc:after {
  /* thead - sort small box icon hide */
  /* display: none !important; */

  font-family: FontAwesome;
  right: 1em;
  content: "\f139" !important;
  color: #333333;
  top: 0.7em;
}

.eob-adm-data-upload-dataTable table.dataTable thead .sorting_desc:after {
  /* thead - sort small box icon hide */
  /* display: none !important; */
  font-family: FontAwesome;
  right: 1em;
  font-family: FontAwesome;
  content: "\f13a" !important;
  color: #333333;
  top: 0.7em;
}

.eob-adm-data-upload-dataTable table.dataTable caption {
  padding-top: 4px;
  padding-bottom: 8px;
}

.eob-adm-data-upload .tipNoti {
  width: 17px;
  height: 17px;
  margin-left: 8px;
  margin-top: 8px;
  background: url(/static/images/common/text_issue_fail.svg) no-repeat;
}

/* AdmDataUpload dataTable - setting End */

/* AdmDataUpload dropify - setting Start */
.eob-homeWrap .eob-adm-data-upload .dropify-wrapper {
  border: none !important;
  border-radius: 10px;
}

.eob-homeWrap .eob-adm-data-upload .dropify-font-upload:before, .eob-homeWrap .eob-adm-data-upload .dropify-wrapper .dropify-message span.file-icon:before {
  content: url('/static/images/common/img_up_guide.svg');
}

.dropify-wrapper .dropify-message p {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  color:#333333;
  text-align: center;
  margin-top: 8px;
}

.eob-homeWrap .eob-adm-data-upload .dropify-font-file:before {
  content: '\e801';
}


/* AdmDataUpload dropify - setting End */

/* AdmDataUpload dataTable pagination - setting start */
.eob-adm-data-upload-dataTable .dataTables_wrapper {
  display: flex !important;
  flex-direction: column !important;
  padding-top: 0px  ;
}

.eob-adm-data-upload-dataTable div.dataTables_wrapper div.dataTables_info {
  padding-top: unset;
  padding-bottom: 12px;
}

@media screen and (max-width: 767px) {
  .eob-adm-data-upload-dataTable div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
    text-align: left;
  }
}

.eob-adm-data-upload-dataTable .pagination {
  border-radius: unset;
  font-weight: 500;
}

.eob-adm-data-upload-dataTable .dataTables_wrapper .dataTables_paginate {
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 12px;
  margin-left: auto;
  margin-right: auto;
  float: unset;
  text-align: right;
  padding-top: 0.25em;
}

.eob-adm-data-upload-dataTable .dataTables_wrapper .dataTables_paginate .page-item.active .page-link {
  color: #ffffff;
  background-color: #00aeef;
  border-color: #00aeef;
}

.eob-adm-data-upload-dataTable .dataTables_wrapper .dataTables_paginate .paginate_button {
  color: #666666;
  border: none;
  padding-left: 6px;
  padding-right: 6px;
}

.eob-adm-data-upload-dataTable .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: #666666;
  border: unset;
  background-color: transparent;

}

.eob-adm-data-upload-dataTable .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  border: none;
}

/** first(<<), last(>>), previous(<), next(>) Button padding setting Start **/
.eob-adm-data-upload-dataTable .paginate_button.page-item.first {
  padding-right: 0px;
}

.eob-adm-data-upload-dataTable .paginate_button.page-item.previous {
  padding-left: 0px;
}

.eob-adm-data-upload-dataTable .paginate_button.page-item.next {
  padding-right: 0px;
}

.eob-adm-data-upload-dataTable .paginate_button.page-item.last {
  padding-left: 0px;
}

.eob-adm-data-upload-dataTable .page-item:last-child .page-link {
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}

.eob-adm-data-upload-dataTable .page-item:first-child .page-link {
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}
/** first(<<), last(>>), previous(<), next(>) Button padding setting Start **/

.eob-adm-data-upload-dataTable .paging_simple_numbers .pagination .paginate_button a {
  border-radius: unset !important;
}

.eob-adm-data-upload-dataTable .page-link:focus {
  box-shadow: unset;
}

.eob-adm-data-upload-dataTable .page-item.disabled .page-link {
  color: #666666;
  border-color: transparent;
}

/* AdmDataUpload dataTable pagination - setting End */

/* MenualDownLoad - setting Start */
.menualDownloadTbl .btnTblToggle{position: relative;display: inline-block;width: 20px;height: 20px;margin-right: 5px; margin-bottom: 3px; border: 1px solid #818181;border-radius: 3px;background: #fff;font-size: 0;color: transparent;vertical-align: middle !important;}
.menualDownloadTbl .btnTblToggle:before,
.menualDownloadTbl .btnTblToggle:after{content:'';display: block;height: 2px;width: 10px;position: absolute;left: 4px;top: 8px;background: #000;transition: transform 0.3s ease;}
.menualDownloadTbl .btnTblToggle.on:after{transform: rotate(90deg)}
.menualDownloadTbl th,
.menualDownloadTbl td{border: 1px solid #cecece;font-size: 16px;color: #000; white-space: nowrap!important;}
.menualDownloadTbl th{padding: 15px;font-weight: normal; text-align: center;}
.menualDownloadTbl td{position:relative;width: 40px; text-align: center; height: 77px; padding: 1rem; }
.menualDownloadTbl td.admUpdateDataToggle{position:relative; text-align: left; height: 77px; padding: 1rem; }
.menualDownloadTbl thead th,
.menualDownloadTbl thead td{background: #e6e6e6;}
.menualDownloadTbl thead td{height: 43px;font-size: 14px;line-height: 1.2;}
.menualDownloadTbl caption {caption-side: top; text-align: left;}

.eob-homeWrap .eob-mainTitle-menualDownload {
  font-size: 30px;
  color: #00aeef;
  font-weight: 500;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-subTitle-menualDownload {
  font-size: 20px;
  color: #666666;
  font-weight: 500;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-subTitle-contents-menualDownload {
  font-size: 16px;
  color: #333333;
  font-weight: 250;
  margin-bottom: 0px;

}
.eob-homeWrap .eob-form-label-menualDownload {
  font-size: 16px;
  color: #333333;
  font-weight: 250;
}
/* MenualDownLoad - setting End */

.eob-homeWrap .eo-text-field-info {
  margin-right: 5px;
  margin-left: 5px;
}

.eob-homeWrap .eob-custom-py-1 {
  padding-top: 11px;
  padding-bottom: 11px;
}

.eob-homeWrap .form-control {
  background:#f3f3f3;
  font-size: 17px;
  font-weight: 200;
}

.eob-homeWrap input, select {
  font-size: 17px;
  font-weight: 200;
  color: #4d4d4d !important;
  min-height: 45px;
}

.eob-homeWrap .eob-patient-list {
  /* width: 111px; */
  height: 32px;
  padding: 0 6px;
  border-radius: 20px;
  /* background-color: #0092ef; */
  /* opacity: 0.08; */
  background-color: rgba(0, 146, 239, 0.08);
}

.topbar .eob-patient-list .nav-link-img {
  width: 32px;
  height: 32px;
}

.eob-homeWrap .patient-name{
  font-size: 14px;
  font-weight: 500;
  color: #0092ef;
}

.eob-homeWrap .eob-patient-list .ti-angle-down {
  color: #0092ef;
}

/* .eob-homeWrap .eob-btn-gray {background-color: #e5e5e5; color: #333333; border-color:#e5e5e5; } */
.eob-homeWrap .eob-btn-label {font-size: 17px; font-weight: 400; line-height: 24px;}
.eob-homeWrap .eob-btn-label-sm {font-size: 15px; font-weight: 400; }

/* .eob-homeWrap .btn-info:hover {
    color: #c1ebfb;
    background-color: #32bef2;
    box-shadow:none !important;
} */

.eob-homeWrap .btn-info:focus {
    box-shadow:none !important;
}

.eob-homeWrap .btn-info:not(:disabled):not(.disabled):active{
  color: #fff;
  background-color: #00aeef;
}

/* .eob-homeWrap .btn-success:hover {
    color: #c1e5f3;
    background-color: #32abd7;
    box-shadow:none !important;
} */

/* .eob-homeWrap .btn-success:not(:disabled):not(.disabled):active{
  color: #fff !important;
  background-color: #1e88e5 !important;
} */

.eob-homeWrap .eob-hr {
  border-radius: 10px !important;
  border:none;
  border-top: solid 1px #cdcdcd !important;
}

.eob-homeWrap .eob-bottom-border {
  border-bottom: solid 2px #cccccc;
}

.eob-homeWrap .eob-gnb-dropdown-user{
  /* border: solid 1px #cccccc; */
  font-size: 14px;
  font-weight: 500;
  color:#4d4d4d;
}

.eob-homeWrap ul.dropdown-user.eob-gnb-dropdown-user  li a {
   font-size: 14px;
  font-weight: 400;
  color:#4d4d4d;
}

.eob-homeWrap .eob-gnb-dropdown-user .patient-name {
    font-size: 17px;
    font-weight: 500;
    color: #4d4d4d;
}

.eob-homeWrap .dateLblBox {
  display:inline-block;
  width: 70px;
  height: 30px;
  border: 2px solid #00aeef;
  border-radius: 15px;
  background-color: #00aeef;
  color: #fff;
  text-align:center;
  padding:0 13px;
  /* line-height: 28px; */
  font-size:16px;
  font-weight:500;
  vertical-align: middle;
  white-space: nowrap;
}

/************************************************************************/
/* Home - DialogBox setting Start */
.eob-homeWrap .eob-DialogBox {
}

.eob-homeWrap .eob-DialogBoxInfo {
}

.modal-content {
  border-radius: unset !important;
}

.bootstrap-dialog .bootstrap-dialog-close-button {
    float: unset;
    padding: 1rem;
}

.modal.bootstrap-dialog.type-info .bootstrap-dialog-close-button button.close {
  display:none;
}

.bootstrap-dialog .modal-header .bootstrap-dialog-close-button button.close {
  background: url('/assets/images/icon/btn-popup-x.png') no-repeat;
  background-position-x: -10px;
  background-position-y: -6px;
  background-size: 50px 50px;
  opacity: unset;
  display:none;
}

.bootstrap-dialog .btn {
  background-color: #fff;
  transition: unset !important;
}

.bootstrap-dialog .btn:focus,.btn:active {
   outline: none !important;
   box-shadow: none;
}

.bootstrap-dialog .modal-header {
  background-color: #fff !important;
  border-bottom:none;
  padding-bottom: 0px;
  display:inline-block;
  justify-content: unset;
  padding-left: 32px;
  padding-right: 32px;
}

.bootstrap-dialog .modal-footer {
  border-top: none;
  justify-content: center;
}

.bootstrap-dialog .modal-body {
  padding-left: 32px;
  padding-right: 32px;
  margin-bottom: 8px;
}

.bootstrap-dialog .bootstrap-dialog-header {
  display:flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.bootstrap-dialog .modal-dialog .bootstrap-dialog-title{
  font-size: 25px;
  font-weight: normal;
  color: #8c8c8c;
  margin-bottom: 0px;
}

.bootstrap-dialog .modal-dialog .bootstrap-dialog-message {
  font-size: 19px;
  font-weight: normal;
  color: #333333;
}

.bootstrap-dialog.type-info .modal-dialog .bootstrap-dialog-message{
  text-align: center;
}


.eob-homeWrap .eob-DialogBox .modal-footer {
    justify-content: center;
}

.eob-mainTitle-DialogBox {
  font-size: 25px;
  font-weight: normal;
  color: #8c8c8c;
  margin-bottom: 0px;
}

.eob-subTitle-DialogBox {
  font-size: 22px;
  font-weight: normal;
  color: #333333;
  margin-bottom: 0px;
}

.eob-subTitle-contents-DialogBox {
  font-size: 19px !important;
  font-weight: normal;
  color: #333333;
}

.eob-form-label-DialogBox{
  font-size: 21px;
  font-weight: 500;
  color: #333333;
  white-space: nowrap;
}

.eob-DialogBox-confirmColor {
  color: #black-two, 0.7;
}

.eob-DialogBox-cancelColor {
  color: #727b84;
}

.eob-DialogBox-successColor {
  color: #00aeef !important;
}

.eob-DialogBox-infoColor {
  color: #039be5 !important;
}

.eob-DialogBox-dangerColor {
  color: #c80026 !important;
}

.eob-DialogBox-dangerColor-type2 {
  color: #ef002d !important;
}

.eob-DialogBox-actionColor {
  color: #333333;
}

.modal-dialog.eob-DialogBoxInfo {
  width:90%;
  margin:auto;
}

#dialogDetailInfoModal.modal {
  width:90%;
  margin-left: 2%;
}
/* Home - DialogBox setting End */
/************************************************************************/

/************************************************************************/
/* 로그인연장(idle-timeout) - DialogBox setting Start */
.eob-idle-timeout {
  z-index: 9999;
}

.eob-idle-timeout .modal-title {
  font-size: 25px;
  font-weight: normal;
  color: #8c8c8c;
}

.eob-idle-timeout .modal-body > p {
  font-size: 19px;
  font-weight: normal;
  color: #333333;
  padding-left: 14px;
  padding-right: 14px;
}

.eob-idle-timeout .modal-body code {
  font-size: 19px;
  font-weight: normal;
  color: #ef002d;
  word-break: break-word;
}

.eob-idle-timeout .modal-footer {
  justify-content: center;
}

/* 로그인연장(idle-timeout) - DialogBox setting End */
/************************************************************************/


.eob-homeWrap .eob-dashboard .eob-trends, .eob-overview, .eob-history .eob-setting{

}

.eob-homeWrap .eob-trends .dateLblBox, .eob-overview .dateLblBox, .eob-history .dateLblBox {
  display: inline-block;
  /* width:auto;
  height: auto; */
  width:70px;
  height: 30px;
  font-size: 17px;
  /* line-height: 30px; */
  padding: 0 10px;
  background: #00aeef;
  color: #fff;
  vertical-align: middle;
  border-radius: 15px;
  white-space: nowrap;
}

/* Home - checkbox setting Start*/
.radioboxHome .btn-info:not(:disabled):not(.disabled).active, .show>.btn-info.dropdown-toggle {
  color: #fff !important;
  background-color: #00aeef !important;
  border: 1px solid #00aeef;
  font-size: 16px;
  font-weight: 500;

}

.radioboxHome .btn-info, .radioboxHome .btn-info.disabled {
  color: #333333 !important;
  background-color: #ffffff !important;
  border: solid 1px #cdcdcd;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  font-size: 16px;
  font-weight: 500;
}
/* Home - checkbox setting End*/

/* Home - 7DayMessageList setting Start*/
.eob-homeWrap .eob-7DayMessageList {
  border: solid 1px #cdcdcd !important;
  border-radius: 10px !important;
}

.mailbox .eob-homeWrap .eob-7DayMessageList {
  border: solid 1px #a6a6a6 !important;
  border-radius: 10px !important;
  min-height: 680px;
  /* max-height: 680px; */
}

.eob-homeWrap .eob-7DayMessageList .eob-border-radious {
  border-bottom: 1px solid #a6a6a6;
  border-radius: unset;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
}

.eob-homeWrap .eob-7DayMessageList .eob-border-bottom-radious {
  border-bottom: 1px solid #a6a6a6;
  background-color: #f5f5f5;
  border-bottom: solid 1px #a6a6a6;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
}

.eob-homeWrap .eob-7DayMessageList .slimScrollBar {
  background: #a6a6a6 !important;
  margin-right: 3px;
}

.eob-homeWrap .eob-7DayMessageList .slimScrollDiv {
  width:100% !important;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
}

/* Mobile 화면에서 7DayMsgList - Width, height, scrollbale 처리 - setting Start*/
@media (max-width: 420px) {
  #messageList.dropdown-menu {
    max-width:360px;
    max-height: 600px !important;
    overflow-y: auto;
    overflow-x: hidden;
  }

  .eob-homeWrap .eob-7DayMessageList {
    min-height: 560px !important;
  }

  .eob-homeWrap .eob-TrendDailySummary .eob-7DayMessageList {
    min-height: 400px !important;
  }

  .eob-homeWrap .eob-latest-message-7DayMessageList {
    height: 129px;
  }

  .eob-homeWrap .eob-TrendDailySummary .eob-7DayMessageList .slimScrollDiv {
    height: 100%;
    max-height: 560px;
  }
}
/* Mobile 화면에서 7DayMsgList - Width, height, scrollbale 처리 - setting End*/

/* Home - 7DayMessageList setting End*/

/* Home - PatientEmpty setting Start*/
.eob-homeWrap .eob-mainTitle-patientEmpty {
  font-size: 31px;
  font-weight: normal;
  line-height: 1.48;
  color: #333333;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-subTitle-contents-patientEmpty {
  font-size: 19px;
  font-weight: 300;
  line-height: 1.68;
  color: #333333;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-btn-blue.eob-patient-empty {
  height: 60px;
}

.eob-homeWrap .eob-btn-label-patientEmpty {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  color: #ffffff;
}

/* Home - PatientEmpty setting End*/

/* Home - PatientList setting Start*/
.eob-homeWrap .eob-patientList .card {
 border: solid 1px #cccccc !important;
 background-color: #ffffff !important;
 width: 332px;
 height: 399px !important;
 margin-bottom: 0px;
}

.eob-homeWrap .eob-patientList .patient-card .eob-col-eob-profile-user-img {
 padding-top: 28px;
 padding-bottom: 9.9px;
 height: 128px;
}

.eob-homeWrap .eob-patientList .patient-card .eob-profile-user-img {
  margin: 0 auto;
  width: 90px;
  height: 90px;
  /* padding: 3px;
  border: 3px solid #d2d6de; */
}

.eob-homeWrap .eob-mainTitle-patientList {
  font-size: 30px;
  color: #00aeef;
  font-weight: 500;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-subTitle-patientList {
  font-size: 26px;
  color: #333333;
  font-weight: 300;
  margin-bottom: 0px;
  line-height: 1.46;
}

.eob-homeWrap .eob-col-eob-profile .eob-subTitle-contents-patientList {
  font-size: 17px;
  color: #333333;
  font-weight: normal;
  margin-bottom: 0px;
  line-height: 1.47;
}

.eob-homeWrap .eob-subTitle-contents-patientList {
  font-size: 17px;
  color: #333333;
  font-weight: normal;
  margin-bottom: 0px;
  line-height: 1.56;
}

.eob-homeWrap .eob-subTitle-contents-value-patientList {
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-subTitle-contents-patientList-Blue {
  font-size: 17px;
  color: #00aeef;
  font-weight: 500;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-btn-mobile-margin {
  margin-left:125px;
}


.eob-homeWrap .eob-patientList .eob-btn-label-patientList {
  font-size: 18px;
  color: #333333;
  font-weight: normal;
  margin-bottom: 0px;
}

/** 공유 환자 목록 - 공유 설정 버튼 Setting Start **/
.eob-homeWrap .eob-patientList .btn-secondary {
  width: 133px;
  height: 48px;
  background: #ffffff;
  border: 1px solid #cccccc;
}

.eob-homeWrap.eob-lang-en .eob-patientList .btn-secondary {
  width: 191px;
  height: 48px;
  background: #ffffff;
  border: 1px solid #cccccc;
}

.eob-homeWrap .eob-patientList .btn-secondary:not(:disabled):not(.disabled).active,
.eob-homeWrap .eob-patientList .btn-secondary:not(:disabled):not(.disabled):active,
.eob-homeWrap .eob-patientList .show>.btn-secondary.dropdown-toggle {
  color: #333333;
  background: #ffffff;
  border-color: #cccccc;
}

.eob-homeWrap .eob-patientList .btn-secondary:not(:disabled):not(.disabled).active:focus,
.eob-homeWrap .eob-patientList .btn-secondary:not(:disabled):not(.disabled):active:focus,
.eob-homeWrap .eob-patientList .show>.btn-secondary.dropdown-toggle:focus {
  box-shadow: unset;
}

.eob-homeWrap .eob-patientList .btn-secondary:hover,
.eob-homeWrap .eob-patientList .btn-secondary.disabled:hover {
  opacity: unset;
}
/** 공유 환자 목록 - 공유 설정 버튼 Setting End **/

/** 공유 환자 목록 - close 버튼 Setting Start **/
.eob-homeWrap .eob-patientList .modal-header .close {
  /* width: 67px;
  height: 67px;
  object-fit: contain;
  opacity: unset;
  background: url('/static/images/dashboard/btn_tut_x.svg') no-repeat; */
  font-size: 2.5rem;
}
/** 공유 환자 목록 - close 버튼 Setting End **/

.eob-homeWrap .eob-patientList .el-element-overlay .el-card-item .el-overlay {
  border-radius: 8px !important;
  border: solid 2px #00aeef !important;
}

.el-element-overlay .el-card-item .el-overlay {
  background-color: transparent !important;
}

.eob-homeWrap .eob-patientList .eo-card-disabled {
  opacity: unset !important;
  background-color: #f5f5f5 !important;
  background: url(http://notrealdomain2.com/newbanner.png) no-repeat;
}

.eob-homeWrap .eob-patientList .eob-relation-status-active {
  font-size: 17px;
}

.eob-homeWrap .eob-patientList .eob-relation-status-waiting {
  font-size: 17px;
  color: #737373;
}

.eob-homeWrap .eob-patientList .eo-card-relation-active .eob-subTitle-contents-value-patientList {
  color: #00aeef !important;
}

.eob-homeWrap .eob-patientList .eo-card-disabled .eob-mainTitle-patientList,
.eob-homeWrap .eob-patientList .eo-card-disabled .eob-subTitle-patientList,
.eob-homeWrap .eob-patientList .eo-card-disabled .eob-subTitle-contents-patientList,
.eob-homeWrap .eob-patientList .eo-card-disabled .eob-subTitle-contents-value-patientList {
  color: #737373 !important;
}

.eob-homeWrap .eob-patientList .selectedPatient {
  border-radius: 10px;
  border: solid 2px #00aeef !important;
  background-color: #f4fcff !important;
}
/* Home - PatientList setting End*/

/* Home - Date-Time-Picker setting Start*/
.eob-homeWrap .datetime-picker .form-control {
  font-size: 21px;
  font-weight: 300;
  color: #333333 !important;
  /* max-width:332px; */
  flex-grow: 2;
}

.eob-homeWrap .datetime-picker .form-control.datetime-eng {
  font-size: 21px;
  font-weight: 300;
  color: #333333 !important;
  /* max-width:375px; */
  flex-grow: 2;
}

@media (max-width: 450px) {
  .eob-homeWrap .datetime-picker .form-control.datetime-eng {
    /* font-size: 19px;
    max-width:360px; */
    font-size: 18px;
    font-weight: 300;
    color: #333333 !important;
    max-width:320px;
  }
}

@media (max-width: 500px) {
  .eob-homeWrap .datetime-picker .form-control {
    font-size: 19px;
    max-width:315px;
  }
}

/* Home - Date-Time-Picker setting End*/

/* Dashboard - setting Start */
.eob-homeWrap .eob-dashboard .eob-legend-label-chart-late24h{
  font-size: 13px;
  color: #000000;
  font-weight: 300;
  /* margin-bottom: 0px; */
}

.eob-homeWrap .eob-dashboard .eob-margin-y-legend {
  margin-top: 6px;
  margin-bottom: 6px;
}

.eob-homeWrap .eob-dashboard .eob-padding-y-legend {
  padding-top: 12px;
  padding-bottom: 12px;
}

/*** Dashboard Container EOBridge web Phase 2 Start CSS ***/
.page-titles {
  padding: 0px;
}

.page-wrapper {
  background: #f3f3f3;
  padding-bottom: 0px;
  padding-top: 0px;
}

.container {
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  margin-right: auto;
  margin-left: auto;
}

footer > .container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (max-width: 768px) {
  .container {
    padding-right: 30px;
    padding-left: 30px;
  }
}

@media (min-width: 1100px) {
  .container-fluid {
    max-width: 1200px;
  }
}

.eob-dashboard-chartlate-24h {
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: 16px;
}

.eob-homeWrap .eob-dashboard-chartlate-24h > .card > .card-body {
  padding-top: 15px;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
}

@media (min-width: 768px) {
  .eob-homeWrap-mt-1 {
    margin-top: 16px;
  }

  .eob-homeWrap-mb-1 {
    margin-bottom: 16px;
  }

}
/*** Dashboard EOBridge web Phase 2 Start CSS ***/

/*** Dashboard EOBridge web Phase 2 Start CSS ***/
.eob-dashboardStatus-card {
  max-width: 288px;
  max-height: 179px;
  min-height: 179px;
  padding-left: 0px;
  padding-right: 0px;
}

/* .dashboardStatus > div {
  float: left;
  position: relative;
  width: 100%;
  height: 100%;
  margin-left: 0px;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 16px;
  padding-bottom: 16px;
  border: 1px solid #cdcdcd;
  border-radius: 10px;
  background: #fff;
} */

.dashboardStatus .tit {
  font-size:16px;
  color:#757575;
  letter-spacing: normal;
  font-weight:500;
  margin-bottom:0px;}

.dashboardStatus .time {
  /* position: absolute;
  top: 20px;
  right: 28px; */
  font-size: 14px;
  font-weight: 500;
  margin-top: 0px;
  margin-bottom: 0px;
  letter-spacing: normal;
  color: #757575;
  line-height: 1.43;
}

.dashboardStatus .eob-measuredValue {
  font-family: Roboto;
  font-size: 38px;
  font-weight: 500;
  letter-spacing: normal;
  color: #000000;
  line-height: 1.16;
}

.dashboardStatus .threshold-down .measuredValue span:first-child  {
  color: #ff3366;
  height: 64px;
  line-height: 64px;
}

.dashboardStatus .measuredValue span {
  font-size: 14px;
  font-weight: normal;
  color: #757575;
  letter-spacing: normal;
  line-height: 1.43;
}

.dashboardStatus .up1 .measuredValue i {
  background: url(/static/images/dashboard/dashboard_top_01.svg) no-repeat;
  background-size: 19px 26px;
}

.dashboardStatus .threshold-up .measuredValue strong {
  color: #ffae1b;
}



/*** Dashboard EOBridge web Phase 2 Start CSS ***/

@media (min-width: 768px) {
  .navbar-expand-md {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .eob-homeWrap .navbar-expand-md {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

.eob-dashboardStatus-card .dashboardStatus .eob-divider {
  width:240px;
  margin-top: 4px;
  margin-bottom: 4px;
  border-bottom: 1px solid #bdbdbd;
}

/*
.eob-dashboardStatus-card .dashboardStatus hr {
  width:240px;
  position: absolute;
  bottom: 82px;
  border: 1px solid #bdbdbd;
  background-color: #bdbdbd;
  margin-top: 4px;
  margin-bottom: 8px;
} */

.eob-dashboardStatus-card .card {
  /* width: 288px;
  height: 213px; */
  width: 100%;
  border-bottom: 0px;
  padding: 16px 24px;
  border-radius: 10px;
  border: solid 1px #cdcdcd;
  background-color: #ffffff;
}

.eob-dashboardStatus-card .card-body {
  padding: 0px;
}

.eob-dashboardStatus-card .eob-dashboardStatus-col-height {
  max-height: 74px;
}

.dashboardStatus .text {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.43;
  letter-spacing: normal;
  margin-bottom: 0px;
  color: #757575;
  opacity: 0.5;
}

.eob-dashboardStatus-card .dashboardStatus .text-value {
  color: #757575;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  letter-spacing: normal;
}

.eob-dashboardStatus-card .dashboardStatus .text-value span {
  color: #0092ef;
  font-size: 14px;
  font-weight: 500;
}

.eob-dashboardStatus-card .dashboardStatus .text-value span.total-bolus {
  /* color: #9143cd; */
  color: #ef40be;
}

.eob-dashboardStatus-card .dashboardStatus .text-value span.total-basal {
  color: #7c4dff;
}

.eob-dashboardStatus-card .dashboardStatus .text-value span.total-apBolus {
  color: #00a76b;
}

.eob-dashboardStatus-card .dashboardStatus .text-value span.total-apBasal {
  color: #00c853;
}

.eob-dashboardStatus-card .dashboardStatus .eob-btn-blue {
  min-height: 23px;
  max-height: 23px;
}

.eob-dashboardStatus-card .dashboardStatus .eob-btn-label {
  font-size: 14px;
  font-weight: 500;
  line-height: 12px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.eob-dashboard-chartlate-24h .eob-mainTitle-chart {
  font-family: NotoSansCJKkr;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  line-height: 1.5;
  color: #757575;
}

.eob-dashboard-chartlate-24h .eo-chart-axix-y-title {
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  color: #424242;
}

.eob-dashboard-chartlate-24h .eo-chart-axix-y-unit {
  font-family: NotoSansCJKkr;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  color: #424242;
}

/** dashboard top - bolus 상세정보 setting start **/

.eob-dashboard-bolusInfo .modal-header .close {
  width: 24px;
  height: 24px;
  opacity: unset;
  padding: 12px;
  /* margin-right: -1px; */
  background: url(/assets/images/icon/btn_n_popup_x_01.png) no-repeat;
}

.eob-dashboard-bolusInfo .modal-dialog > .modal-content {
  border:unset;
}

.eob-dashboard-bolusInfo .modal-dialog > .modal-content .card.eob-gray-card {
  background-color: #f4f4f4;
  border: none;
}

.eob-dashboard-bolusInfo .modal-dialog > .modal-content .card.eob-blue-card {
  background-color: #e3f2fd;
  border: none;
}

.eob-dashboard-bolusInfo .modal-dialog > .modal-content .card.eob-pink-card {
  background-color: rgba(239, 64, 190, 0.08);
  border: none;
}

.eob-dashboard-bolusInfo .modal-dialog > .modal-content .card-body {
  padding: 16px;
}

.eob-hr-blue{
  /* height: 1px; */
  background-color: #90caf9;
  border-color: #90caf9;
}

.eob-hr-gray{
  /* height: 1px; */
  border-color: #d8d8d8;
  background-color: #d8d8d8;
}

.eob-hr-gray-2 {
  /* height: 1px; */
  border-color: #bdbdbd;
  background-color: #bdbdbd;
}

.eob-hr-pink{
  /* height: 1px; */
  background-color: #fabbe8;
  border-color: #fabbe8;
}

.eob-dashboard-bolusInfo .modal-dialog {
  max-width: 350px;
  padding: 24px 16px;
  border-radius: 8px;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.3);
  background-color: #ffffff;
}

.eob-dashboard-bolusInfo .eob-dashboard-easyBolusInfo .modal-dialog {
  height: 309px;
  max-height: 309px;
}

.eob-homeWrap .eob-mainTitle-bolusInfoModal {
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  color: #212121;
}

.eob-homeWrap .eob-subTitle-division-bolusInfoModal {
  font-size: 15px;
  font-weight: bold;
  font-stretch: normal;
  color: #212121;
}

.eob-homeWrap .eob-subTitle-bolusInfoModal {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  color: #757575;
}

.eob-homeWrap .eob-subTitle-contents-bolusInfoModal {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  color: #212121;
}

.eob-homeWrap .eob-subTitle-bolusInfoModal-blue {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  color: #2979ff;
}

.eob-homeWrap .eob-subTitle-contents-bolusInfoModal-blue {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  color: #2979ff;
}

.eob-homeWrap .eob-subTitle-bolusInfoModal-pink {
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  color: #ef40be;
}

.eob-homeWrap .eob-subTitle-contents-bolusInfoModal-pink-bold {
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  color: #ef40be;
}

.eob-homeWrap .eob-subTitle-contents-bolusInfoModal-pink {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  color: #ef40be;
}

/** dashboard top - bolus 상세정보 setting end **/

/* dashboard/trends - Memo Management CSS setting Start */
a.eob-memo-icon {
  display: block;
  height: 32px;
  width: 32px;
  /* text-align: center; */
  margin: auto;
}

.eob-memo-icon {
  display: block;
  background: url('/static/images/common/btn_gnb_report.svg') no-repeat;
  background-size: 32px 32px;
}

.eob-memos-icon {
  /* 메모가 2개 이상인 경우의 img icon */
}

@media (min-width: 768px) {
  .modal.eob-memo-mgmt {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: fit-content;
  }
}

.eob-memo-Info .eob-memo-mgmt .modal-dialog {
  max-height: 596px;
  max-width: 480px;
}

.eob-memo-Info .eob-memo-mgmt .modal-dialog.eob-memo-list {
  min-height: 394px;
  max-height: 394px;
  max-width: 480px;
}

.eob-memo-Info .modal-dialog {
  max-width: 350px;
  padding: 24px 16px;
  border-radius: 8px;
  box-shadow: unset;
  background-color: #ffffff;
}

.eob-memo-Info .modal-header .close {
  width: 24px;
  height: 24px;
  opacity: unset;
  padding: 12px;
  /* margin-right: -1px; */
  background: url(/assets/images/icon/btn_n_popup_x_01.png) no-repeat;
}

.eob-memo-Info .modal-dialog .modal-content {
  border: unset;
}

.eob-memo-Info .eob-memo-time-mgmt .modal-dialog {
   position: absolute;
   top: 0px;
   right: 0px;
   bottom: 0px;
   left: 750px;
   z-index: 10040;
   overflow: auto;
   overflow-y: auto;
   max-height: 200px;
}

.input-group.req-add-memo {
  background: #f3f3f3;
  border-color: #cccccc;
  padding-right: 9px;
  padding-top: 1px;
  padding-bottom: 1px;
}


.input-group.req-add-memo .input-group-addon {
  background: #ffffff;
  border-color: #cccccc;
}

.eob-homeWrap .input-group.req-add-memo .btn-outline-secondary {
  height: 33px !important;
  width: 60px;
  line-height: 1.47;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.eob-homeWrap .eob-memo-Info .eob-memo-row > .card {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 16px;
  padding-left: 16px;
  border-radius: 8px;
  border: none;
  background-color: #fff3e0;
}

.eob-memo-Info .eob-memo-mgmt .eob-memo-container {
  height: 300px;
}

.eob-memo-Info .eob-memo-mgmt .slimScrollBar {
  width: 6px !important;
  height: 107px !important;
  opacity: 0.15 !important;
  border-radius: 100px !important;
  background-color: #000000 !important;
  margin-right: 3px;
}

.eob-memo-Info .eob-memo-mgmt .eob-memo-formgroup-textarea .slimScrollBar {
  width: 6px !important;
  height: 30px !important;
  opacity: 0.15 !important;
  border-radius: 100px !important;
  background-color: #000000 !important;
  margin-right: 3px;
}

.eob-memo-Info .eob-memo-mgmt textarea.eob-memo-textarea {
  height: 88px;
  width: 100% !important;
  overflow: hidden !important;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 8px;
  background-color: #f7f7f7;
}

.eob-memo-Info .eob-memo-mgmt textarea.eob-memo-textarea:focus {
  color: #212121;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
}

.eob-memo-Info .eob-memo-mgmt button.eob-memo-btn {
  width: 100px;
  height: 40px !important;
  background-color: #e4e6eb;
  border: none;
  color: #b1b1b1;
  opacity: unset;
  border-radius: 8px;
  border: unset;
}

.eob-memo-Info .eob-memo-mgmt .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle {
    color: #ffffff;
    background-color: #00aeef;
    border-radius: 8px;
    border: unset;
    font-family: NotoSansCJKkr;
    font-size: 16px;
    font-weight: 500;
}

.eob-memo-Info .eob-memo-mgmt .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-family: NotoSansCJKkr;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  color: #212121 !important;
  border-radius: 8px;
}

.eob-memo-Info .eob-memo-mgmt .eob-select2 .select2-container--default .select2-selection--single {
  border: none;
  border-radius: 8px;
  width: 86px;
  height: 40px;
  background-color: #f7f7f7 !important;
  background: url(../assets/images/icon/btn_combo_open_03.svg) right 0.75rem center no-repeat;
}

.eob-memo-Info .eob-memo-mgmt .select2-results {
  border-radius: 8px;
  border: solid 1px #ccc;
  background-color: #fff;
}

.select2-container--default .select2-results>.select2-results__options.eob-memo-mgmt-select2 {
  width: 86px;
}

.eob-select2-results-border.eob-memo-mgmt-select2 {
    /* border-color: #cccccc !important; */
    border: 1px solid #cccccc;
    border-radius: 8px;
    border: solid 1px #ccc;
    background-color: #fff;
}

ul.select2-results__options.eob-memo-mgmt-select2 > li.select2-results__option--highlighted[aria-selected] {
    background-color: #eeeeee !important;
}

ul.select2-results__options.eob-memo-mgmt-select2 .slimScrollBar {
  width: 6px;
  hyphens: 58px;
  opacity: 0.15;
  border-radius: 100px;
  background-color: #000000;
  margin-top: 5px;
  margin-right: 5px;
}

.slimScrollDiv.eob-memo-mgmt-eoScroll .slimScrollBar {
  width: 6px !important;
  height: 58px !important;
  opacity: 0.15 !important;
  border-radius: 100px !important;
  background-color: #000000 !important;
  margin-right: 3px;
}

.eob-memo-mgmt-select2 .eob-select2-results-text {
  font-family: NotoSansCJKkr;
  font-size: 14px !important;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  color: #212121;
}

.eob-homeWrap .eob-mainTitle-memoMgmtModal {
  font-family: NotoSansCJKkr;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  color: #212121;
}

.eob-homeWrap .eob-mainTitle-memoMgmtModal-blue {
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  color: #0092ef;
}

.eob-homeWrap .eob-subTitle-memoMgmtModal {
}

.eob-homeWrap .eob-subTitle-contents-memoMgmtModal {
  font-family: NotoSansCJKkr;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  color: #212121;
}

.eob-homeWrap .eob-subTitle-contents-memoMgmtModal-gray {
  font-family: NotoSansCJKkr;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  color: #9e9e9e;
}

.eob-homeWrap .eob-subTitle-contents-memoMgmtModal-sm {
  font-family: NotoSansCJKkr;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  color: #212121;
}

.eob-homeWrap .eob-subTitle-contents-memoMgmtModal-sm-bold {
  font-family: NotoSansCJKkr;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  color: #212121 !important;
}

.eob-homeWrap .eob-memoMgmtModal-label-time {
  font-family: NotoSansCJKkr;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  color: #ff8f00;
}

.eob-homeWrap .eob-memoMgmtModal-label-delete {
  opacity: 0.5;
  font-family: NotoSansCJKkr;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  color: #212121;
}

.eob-homeWrap .eob-memoMgmtModal-btn-label-gray {
  font-family: NotoSansCJKkr;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  color: #b1b1b1;
}

.eob-homeWrap .eob-btn-label-memo {
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  color: #424242;
}

.eob-homeWrap .eob-btn-light-gray-memo {
  background-color: #eeeeee;
  box-shadow: unset !important;
  border: none;
  border-radius: 6px;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  padding-left: 0px;
  padding-right: 0px;
  width: 74px;
  height: 26px;
  min-height: 14px;
  /* opacity: 0.1; */
}

.eob-homeWrap .eob-btn-light-gray-memo-icon {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(/assets/images/icon/btn_memo_add.png) no-repeat;
}

.eob-homeWrap .eob-memo-add-btn .btn-info:not(:disabled):not(.disabled):active {
  color: #424242;
  background-color: #eeeeee;
  border: unset;
}

.eob-homeWrap .eob-dashboard-report .eob-dashboard-chartlate-24h .eob-memo-add-btn {
  display: none;
}

.eob-homeWrap .eob-graph-memo-over-icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(/assets/images/icon/img_graph_memo_over.png) no-repeat;
}
C
.eob-homeWrap .eob-graph-memo-1 {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(/assets/images/icon/img_graph_memo_1.png) no-repeat;
}

.eob-homeWrap .eob-graph-memo-2 {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(/assets/images/icon/img_graph_memo_2.png) no-repeat;
}

.eob-dashboard-memo-chart .canvasjs-chart-tooltip {
  width: auto;
  min-width: 200px;
}

.eob-dashboard-memo-chart .eo-chart-tooltip-dashboard-text {
  width: 200px;
}

.eo-chart-tooltip-dashboard-time {
  font-size: 14px;
  font-family: NotoSansCJKkr;
  font-weight: 500;
}

.eo-chart-tooltip-dashboard {
  font-size: 13px;
}

.eo-chart-tooltip-dashboard-text {
  font-family: NotoSansCJKkr;
  font-size: 13px;
  line-height: 1.67;
}

/* .eob-homeWrap .eob-memo-Info .stylish-table tbody tr:hover, .stylish-table tbody tr.active {
  background-color:#f3f3f3;
}

.eob-homeWrap .eob-memo-Info .slimScrollDiv {
  margin-top: 30px;
}

.eob-homeWrap .eob-memo-Info .slimScrollBar {
  background: #cdcdcd !important;
  margin-right: 5px;
} */

/* dashboard/trends - Memo Management CSS setting Start */

/* Dashboard - setting End */

/* History - setting Start */
.eob-history-dataTable .card {
  border: none !important;
  border-radius: unset !important;
}

@media (min-width: 992px) {

  .eob-homeWrap .eob-history .eob-history-insulin-eng .eob-text-nowrap {
    white-space: nowrap;
  }

}

.eob-homeWrap .eob-history .eob-history-insulin .card.eob-info-card-gray {
  max-width: 350px;
  min-height:231px;
  max-height: 267px;
  border: none;
  border-radius: 10px;
  background-color: #f8f8f8;
  padding: 24px;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-history .eob-history-insulin .card.eob-info-card-gray-sm {
  max-width: 350px;
  height: 107px;
  border: none;
  border-radius: 10px;
  background-color: #f8f8f8;
  padding: 24px;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-history .eob-history-insulin .card.eob-info-card-gray .card-body,.eob-homeWrap .eob-history .eob-history-insulin .card.eob-info-card-gray-sm .card-body {
  padding: 0px;
}

.eob-homeWrap .eob-history .eob-history-insulin .eob-info-card-width {
  max-width: 350px;
}

.eob-homeWrap .eob-history .eob-history-insulin .progress {
    height: 4px;
    border-radius: 2px;
    background-color: #d9d9d9;
}

.eob-homeWrap .eob-history .eob-history-insulin .history-insulin-progress-bar-basal_d, .history-insulin-progress-bar-basal_t, .history-insulin-progress-bar-basal_ap {
  background-color:#d9d9d9;
  width:0%;
  height:4px !important;
  border-radius: 2px !important;
}

.eob-homeWrap .eob-history .eob-history-insulin .history-insulin-progress-bar-bolus_m, .history-insulin-progress-bar-bolus_c, .history-insulin-progress-bar-bolus_d, .history-insulin-progress-bar-bolus_ap {
  background-color:#d9d9d9;
  width:0%;
  height:4px !important;
  border-radius: 2px !important;
}

.eob-homeWrap .eob-history .eob-subTitle-insulin-duration {
  font-size: 12px;
  color: #757575;
  font-weight: 500;
  line-height: 1.43;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-history .eob-subTitle-insulin {
  font-size: 14px;
  color: #757575;
  font-weight: 500;
  line-height: 1.43;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-history .eob-subTitle-insulin-lg {
  font-size: 21px;
  color: rgba(51, 51, 51, 0.7);
  font-weight: 300;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-history .eob-subTitle-contents-insulin {
  font-family: Roboto;
  font-size: 20px;
  color: #000000;
  font-weight: 500;
  line-height: 0.95;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-history .eob-subTitle-contents-insulin-lg {
  font-family: Roboto;
  font-size: 30px;
  color: #000000;
  font-weight: 500;
  line-height: 0.7;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-history .eob-subTitle-contents-insulin-md {
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-history .eob-subTitle-contents-insulin-md-gray {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  color: #757575;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-history .eob-subTitle-contents-insulin-sm {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-history .eob-subTitle-contents-insulin-xs {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 0px;
  color: #000000;
}

.eob-homeWrap .eob-history .eob-subTitle-contents-insulin-xs-gray {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 0px;
  color: #757575;
}

.eob-homeWrap .eob-history .eob-history-insulin .eob-circleLbl-purple-2 {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 6px 6px 6px 0;
    border-radius: 50%;
    font-size: 0;
    vertical-align: middle;
    background: #994ce8;
}

.eob-homeWrap .eob-history .eob-history-insulin .eob-circleLbl-pink-2 {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 6px 6px 6px 0;
    border-radius: 50%;
    font-size: 0;
    vertical-align: middle;
    background: #f253da;
}

.eob-homeWrap .eob-history .eob-history-insulin .eob-subTitle-contents-insulin-mt {
  margin-top: 60px;
}

.eob-homeWrap .eob-history .eob-history-insulin .eob-subTitle-contents-insulin-mt-sm {
  margin-top: 21px;
}

.eob-homeWrap .eob-history .eob-history-insulin .eob-subTitle-contents-insulin-pb {
  padding-bottom: 1px;
}

.eob-homeWrap .eob-history .eob-subTitle-contents-insulin-unit {
  font-size: 20px;
  color: #000000;
  font-weight: normal;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-history .eob-form-label-insulin{
  font-size: 16px;
  color: #000000;
  font-weight: 250;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-form-label-insulinList {
  font-size: 17px;
  font-weight: 250px;
  color:#333333;
}

.eob-homeWrap .eob-form-label-insulinList-Blue {
  font-size: 19px;
  font-weight: normal;
  color:#00aeef;
  /* white-space:nowrap; */
}

.eob-homeWrap .eob-form-label-insulinList-Blue-Bold {
  font-size: 19px;
  font-weight: 500;
  color:#00aeef;
  /* white-space:nowrap; */
}

.eob-homeWrap .eob-border-insulinList-Blue{
  border: solid 1px #00aeef !important;
  border-radius: unset !important;
}

.eob-homeWrap .eob-dataTable-insulinList .card {
  border-radius: unset !important;
  border: solid 1px #cdcdcd;
}

.eob-homeWrap .eob-dataTable-insulinList .card-body {
  padding: 0px;
}

#patchListModal .modal-header .close {
  width: 40px;
  height: 40px;
  opacity: unset;
  padding: 12px;
  /* margin-right: -1px; */
  background: url(/assets/images/icon/btn_popup_x.png) no-repeat;
}

@media (min-width: 576px) {
  #patchListModal .modal-dialog {
    max-width: 520px;
  }
}

#history_patchlistMgmt_table.dataTable {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.eob-basalProgramsInfo-Chart .eob-basal-programs-info-chart {
  width: 100%;
  height: 200px;
}

.eob-history-insulin .eob-select2-multiple2 .select2-container {
  height: 44px !important;
  min-width: 200px !important;
  max-width: 420px;
}

/* History - 기타 낮/밤 요약 상세 정보 CSS Start */

.eob-homeWrap .eob-history-etcSummary .modal-content {
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 28px;
  padding-bottom: 24px;
  /* width:350px; */
}

.eob-homeWrap .eob-history-etcSummary .modal-header .close {
    width: 24px;
    height: 24px;
    opacity: unset;
    padding: 12px;
    /* margin-right: -1px; */
    background: url(/assets/images/icon/btn_n_popup_x_01.png) no-repeat;
}

.eob-homeWrap .eob-history-etcSummary .modal-body {
  margin-top: 18px;
}

.eob-homeWrap .eob-history-etcSummary .eob-mainTitle-etcSummaryModal {
  font-family: NotoSansCJKkr;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  color: #212121;
}

.eob-homeWrap .eob-history-etcSummary .eob-dateInfo-etcSummaryModal {
  font-family: NotoSansCJKkr;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  color: #212121;
}

.eob-homeWrap .eob-history-etcSummary .eob-timeInfo-etcSummaryModal {
  font-family: NotoSansCJKkr;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  color: #212121;
}

.eob-homeWrap .eob-history-etcSummary .eob-subTitle-etcSummaryModal {
  font-family: NotoSansCJKkr;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  color: #212121;
}

.eob-homeWrap .eob-history-etcSummary .eob-subTitle-etcSummaryModal-sm {
  font-family: NotoSansCJKkr;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #616161;
}

.eob-homeWrap .eob-history-etcSummary .eob-subTitle-contents-etcSummaryModal {
  font-family: NotoSansCJKkr;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  color: #616161;
}

.eob-homeWrap .eob-history-etcSummary .eob-subTitle-contents-etcSummaryModal-md {
  font-family: NotoSansCJKkr;
  font-size: 11px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.55;
  color: #616161;
}

.eob-homeWrap .eob-history-etcSummary .eob-subTitle-contents-etcSummaryModal-md-2 {
  font-family: NotoSansCJKkr;
  font-size: 11px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.55;
  color: #616161;
}

.eob-homeWrap .eob-history-etcSummary .eob-subTitle-contents-etcSummaryModal-md-bold {
  font-family: NotoSansCJKkr;
  font-size: 11px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  color: #616161;
}

.eob-homeWrap .eob-history-etcSummary .eob-subTitle-contents-etcSummaryModal-sm {
  font-family: NotoSansCJKkr;
  font-size: 10px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  color: #212121;
}

.eob-homeWrap .eob-history-etcSummary .eob-subTitle-contents-etcSummaryModal-xs {
  font-family: NotoSansCJKkr;
  font-size: 9px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  color: #616161;
}

.eob-homeWrap .eob-history-etcSummary .eob-text-color-below-range {
  color: #ff3b80;
}

.eob-homeWrap .eob-history-etcSummary .eob-text-color-over-range {
  color: #ffab3b;
}

.eob-homeWrap .eob-history-etcSummary .eob-text-color-basal {
  color: #994ce8;
}

.eob-homeWrap .eob-history-etcSummary .eob-text-color-bolus {
  color: #f253da;
}

.eob-homeWrap .eob-history-etcSummary .eob-text-color-apsBasal {
  color: #00C853;
}

.eob-homeWrap .eob-history-etcSummary .eob-text-color-apsBolus {
  color: #00A76B;
}

.eob-homeWrap .eob-history-etcSummary .eob-text-color-carbs {
  color: #4db6ab;
}

.eob-homeWrap .eob-history-etcSummary .eob-text-color-Exercise {
  color: #fdd734;
}

.eob-homeWrap .eob-history-etcSummary .card {
  border: 1px solid #e4e4e4;
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;
  border-radius: 0px;
}

.eob-homeWrap .eob-history-etcSummary .card-body {
  padding-right: 8px;
  padding-left: 8px;
  padding-top: 0px;
  padding-bottom: 5px;
}

.eob-homeWrap .eob-history-etcSummary .eob-timeInfoGrayLabel {
  padding: 7px 8px;
  border-radius: 10px;
  background-color: #ededed;
  text-align: center;
}

.eob-homeWrap .eob-history-etcSummary .eob-etcSummary-guagechart {
  width: 128px;
  height: 64px;
  margin: 4px 1px 5px 8px;
  padding: 40px 0 0;
  border: solid 8px rgba(189, 189, 189, 0.5);
}

.eob-guageChart-background {
  position: relative;
  width: 180px;
  height: 90px;
  margin-bottom: 10px;
  background-color: #fff;
  border-radius: 100px 100px 0 0;
  overflow: hidden;
  text-align: center;
}

.eob-guageChart-mask {
  position: absolute;
  top: 10px;
  right: 8px;
  left: 8px;
  height: 80px;
  background-color: #ffffff;
  border-radius: 100px 100px 0 0;
}

.eob-guageChart-percentage {
  width: 180px;
  height: 180px;
  background: conic-gradient(#ddd 0% 100%);
  display: inline-block;
  border-radius: 50%;
}

.eob-guageChart-percentage { transform:rotate(-90deg);}
.eob-guageChart-min {
  font-family: NotoSansCJKkr;
  font-size: 11px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.55;
}

.eob-guageChart-max {
  font-family: NotoSansCJKkr;
  font-size: 11px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.55;
}

.sc-background { position:relative; height:100px; margin-bottom:10px; background-color:#fff; border-radius:150px 150px 0 0; overflow:hidden; text-align:center; }
.sc-mask { position:absolute; top:20px; right:20px; left:20px; height:80px; background-color:#555888; border-radius:150px 150px 0 0 }
.sc-percentage { position:absolute; top:100px; left:-200%; width:400%; height:400%; margin-left:100px; background-color:#00aeef; }
.sc-percentage { transform:rotate(158deg); transform-origin:top center; }
.sc-min { float:left; }
.sc-max { float:right; }
.sc-value { position:absolute; top:50%; left:0; width:100%;  font-size:48px; font-weight:700 }


/* History - 기타 낮/밤 요약 상세 정보 CSS End */

/** History - dataTable Set Start */
.eob-history-dataTable table.dataTable {
  border-collapse:collapse !important;
  color: #333333;
  font-size: 17px;
  font-weight: normal;
}

.eob-history-dataTable .table-bordered {
  border: 1px solid #cdcdcd;
}

.eob-history-dataTable .table thead th, .table th {
  border: 1px solid #cdcdcd;
}

.eob-history-dataTable .table td, .table th {
  border-color: #cdcdcd;
}

.eob-history-dataTable table.dataTable thead tr th {
  background-color: #e6e6e6 !important;
  color: #333333;
  font-size: 17px;
  font-weight: normal;
}

.eob-history-dataTable .table-hover tbody tr {
  white-space: nowrap;
}

.eob-history-dataTable .table-hover tbody tr:hover {
  background: #e6e6e6 !important;
}

.eob-history-dataTable .table-striped tbody tr:nth-of-type(odd) {
  background: #ffffff;
}

.eob-history-dataTable table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected {
  background-color: #00aeef !important;
}

.eob-history-dataTable table.dataTable tbody tr.selected, table.dataTable tbody th.selected, table.dataTable tbody td.selected {
  color: #fefefe;
  background-color: #00aeef !important;
}

.eob-history-dataTable table.dataTable.stripe tbody>tr.odd.selected, table.dataTable.stripe tbody>tr.odd>.selected, table.dataTable.display tbody>tr.odd.selected, table.dataTable.display tbody>tr.odd>.selected {
  background-color: #00aeef !important;
}


.eob-history-dataTable table.dataTable thead .sorting:after {
  /* thead - sort small box icon hide */
  /* display: none !important; */

  font-family: FontAwesome;
  right: 1em;
  content: "\f13a" !important;
  color: #333333 !important;
  top: 0.7em;
  padding-left: 10px;
}

.eob-history-dataTable table.dataTable thead .sorting_asc:after {
  /* thead - sort small box icon hide */
  /* display: none !important; */

  font-family: FontAwesome;
  right: 1em;
  content: "\f139" !important;
  color: #333333;
  top: 0.7em;
}

.eob-history-dataTable table.dataTable thead .sorting_desc:after {
  /* thead - sort small box icon hide */
  /* display: none !important; */

  font-family: FontAwesome;
  right: 1em;
  font-family: FontAwesome;
  content: "\f13a" !important;
  color: #333333;
  top: 0.7em;
}

/*===== History - dataTable Pagination Set Start =====*/

.eob-history-dataTable .dataTables_wrapper {
  display: flex !important;
  flex-direction: column !important;
  padding-top: 10px;
}

.eob-history-dataTable div.dataTables_wrapper div.dataTables_info {
  padding-top: unset;
  padding-bottom: 12px;
}

@media screen and (max-width: 767px) {
  .eob-history-dataTable div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
    text-align: left;
  }
}

.eob-history-dataTable .pagination {
  border-radius: unset;
  font-weight: 500;
}

.eob-history-dataTable .dataTables_wrapper .dataTables_paginate {
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 12px;
  margin-left: auto;
  margin-right: auto;
  float: unset;
  text-align: right;
  padding-top: 0.25em;
}

.eob-history-dataTable .dataTables_wrapper .dataTables_paginate .page-item.active .page-link {
  color: #ffffff;
  background-color: #00aeef;
  border-color: #00aeef;
}

.eob-history-dataTable .dataTables_wrapper .dataTables_paginate .paginate_button {
  color: #666666;
  border: none;
  padding-left: 6px;
  padding-right: 6px;
}

.eob-history-dataTable .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: #666666;
  border: unset;
  background-color: transparent;

}

.eob-history-dataTable .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  border: none;
}

/** first(<<), last(>>), previous(<), next(>) Button padding setting Start **/
.eob-history-dataTable .paginate_button.page-item.first {
  padding-right: 0px;
}

.eob-history-dataTable .paginate_button.page-item.previous {
  padding-left: 0px;
}

.eob-history-dataTable .paginate_button.page-item.next {
  padding-right: 0px;
}

.eob-history-dataTable .paginate_button.page-item.last {
  padding-left: 0px;
}

.eob-history-dataTable .page-item:last-child .page-link {
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}

.eob-history-dataTable .page-item:first-child .page-link {
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}
/** first(<<), last(>>), previous(<), next(>) Button padding setting Start **/

.eob-history-dataTable .paging_simple_numbers .pagination .paginate_button a {
  border-radius: unset !important;
}

/* .eob-history-dataTable .paging_simple_numbers .pagination .paginate_button.active a, .paging_simple_numbers .pagination .paginate_button:hover a {
  background: #00aeef;
  color: #ffffff !important;
} */

.eob-history-dataTable .page-link:focus {
  box-shadow: unset;
}

.eob-history-dataTable .page-item.disabled .page-link {
  color: #666666;
  border-color: transparent;
}

/* .eob-history-dataTable .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { */
  /* 5page 이상  페이지 숫자 버튼 focus 될때  ...[5] [6] [7] ...*/
  /* background-color: #00aeef;
  color: #ffffff; */
  /* color: #666666; */
/* } */

/*===== History - dataTable Pagination Set End =====*/

/*===== History - dataTable option button Set Start =====*/
.eob-homeWrap .eob-history-bolus-setup .eob-pt-0 {
  padding-top: 0px;
}

.eob-history-dataTable.eob-history-total .dt-buttons {
  margin-top: 4px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-left: 10px;
}

.eob-history-dataTable-top {
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  /* justify-content: space-between; */
  align-items: center;
}

.eob-homeWrap .eob-history-bolus-setup .eob-history-dataTable-top {
  justify-content: flex-end !important;
}

.eob-homeWrap .eob-history-bolus-setup.eob-history-dataTable .dataTables_wrapper {
  padding-top: 16px;
}

.eob-homeWrap .eob-history-bolus-setup.eob-history-dataTable table.dataTable tr th,
.eob-homeWrap .eob-history-bolus-setup.eob-history-dataTable table.dataTable tr td{
  font-family: NotoSansCJKkr;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  color: #333333;
  width:164px;
  text-align: center;
  vertical-align: middle;
  white-space:pre;
}

.eob-homeWrap .eob-history-bolus-setup .eob-bolus-setup-diff {
  background-color: #80d8ff;
  display: inline;
}

.eob-homeWrap .eob-history-bolus-setup .eob-bolus-setup-time {
  font-size: 13px;
}

.eob-history-dataTable-top .dataTables_length {
  margin-top: 4px;
}

.eob-history-dataTable-top .dataTables_length label {
  margin-bottom: 0px;
}

.eob-history-dataTable-top button.export-excelHtml5 > span {
  font-size: 17px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
}

.eob-history-dataTable-top button.export-excelHtml5 img.eob-exelIcon {
  width: 34px;
  height: 34px;
  content: url('/static/images/history/img_exel.svg');
}

.eob-history-dataTable-top button.export-excelHtml5 img.eob-downIcon {
  width: 34px;
  height: 34px;
  /* margin-left: 4px; */
  content: url('/static/images/history/btn_hi_down.svg');
}

.eob-history-dataTable-top .btn-secondary.export-excelHtml5:hover {
    background: #ffffff;
    opacity: unset;
    border-color: #cdcdcd;
}

.eob-history-dataTable-top .btn-secondary.export-excelHtml5:active {
    background: #ffffff;
    color: #333333;
    opacity: unset;
    border-color: #cdcdcd;
}

.eob-history-dataTable-top .btn-secondary.export-excelHtml5:focus {
    background: #ffffff;
    box-shadow: unset !important;
    color: #333333;
    opacity: unset;
    border-color: #cdcdcd;
}

.eob-history-dataTable .export-excelHtml5 {
  width: 214px;
  height: 44px;
  color: #333333;
  border-color: #cdcdcd;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  border-bottom-left-radius: 22px;
  border-bottom-right-radius: 22px;
}


.eob-history-dataTable .ap-injecton {
  color: #0ED33b;
}

/*===== History - dataTable option button Set End =====*/


/** History - dataTable Set End **/

/** History - 인슐린주입 - basal programs 상세정보 setting start **/

.eob-history-basalProgramsInfo .modal-header .close {
  width: 24px;
  height: 24px;
  opacity: unset;
  padding: 12px;
  /* margin-right: -1px; */
  background: url(/assets/images/icon/btn_n_popup_x_01.png) no-repeat;
}

.eob-history-basalProgramsInfo .card {
  border: none !important;
}

.eob-history-basalProgramsInfo .modal-dialog > .modal-content {
  border:unset;
}

.eob-history-basalProgramsInfo .modal-dialog > .modal-content .card.eob-gray-card {
  background-color: #f4f4f4;
  border: none;
}

.eob-history-basalProgramsInfo .modal-dialog > .modal-content .card.eob-blue-card {
  background-color: #e3f2fd;
  border: none;
}

.eob-history-basalProgramsInfo .modal-dialog > .modal-content .card-body {
  padding: 16px;
}

.eob-history-basalProgramsInfo .modal-dialog {
  max-width: 350px;
  padding: 24px 16px;
  border-radius: 8px;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.3);
  background-color: #ffffff;
}

.eob-history-basalProgramsInfo .eob-history-detailBasalProgramsInfo .modal-dialog {
  height: 706px;
  max-height: 706px;
}

.eob-history-basalProgramsInfo .eob-history-detailBasalProgramsInfo .eob-basalProgramsInfo-Chart {
  height: 269px;
}

.eob-history-basalProgramsInfo .eob-history-detailBasalProgramsInfo .eob-basalProgramsInfo-Segment {
  height: 342px;
}

.eob-homeWrap .eob-mainTitle-basalProgramsInfoModal {
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  color: #212121;
}

.eob-homeWrap .eob-mainTitle-basalProgramsInfoModal-md {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  color: #212121;
}

.eob-homeWrap .eob-subTitle-basalProgramsInfoModal {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  color: #212121;
}

.eob-homeWrap .eob-subTitle-contents-basalProgramsInfoModal {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  color: #9d9d9d;
}

.eob-homeWrap .eob-subTitle-basalProgramsInfoModal-blue {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  color: #2979ff;
}

.eob-homeWrap .eob-subTitle-contents-basalProgramsInfoModal-blue {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  color: #2979ff;
}

.eob-homeWrap .eob-subTitle-basalProgramsInfoModal-gray {
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  color: #757575;
}

.eob-homeWrap .eob-subTitle-basalProgramsInfoModal-gray-2 {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  color: #bdbdbd;
}

/** History - 인슐린주입 - basal programs 상세정보 setting end **/

/** History - 센서혈당/혈당 ProgressBar Img Set End **/


.eob-statusSG-div {height:84px;}
.eob-statusSG{color: #000; height:100%;}
.eob-statusSG p {font-size: 21px;}
.eob-statusSG ul {font-size: 17px; }
.eob-statusSG > div{position: relative; height: 100%;}
.eob-statusSG ul > li{padding: 2px 0;}
.eob-statusSG ul > li span{display:inline-block;width: 45%; text-align: left;}
.eob-statusSG .dot{display:inline-block;background: #999;width: 8px;height: 8px;margin-right: 10px;border-radius: 50%;vertical-align: middle;}
.eob-statusSG .dot.blue{background: #007fff;}
.eob-statusSG .dot.yellow{background: #ffae1b;}
.eob-statusSG .dot.red{background: #ff3366;}
.eob-statusSG .grp {position: absolute;left:0px;top: 0;height: 100%;}
.eob-statusSG .grp ul {position: relative;height: 100%; width: 10px; padding: 0; list-style: none;}
.eob-statusSG .grp ul li{position: relative;background: #999;}
.eob-statusSG .grp ul li.blue{background: #007fff;}
.eob-statusSG .grp ul li.yellow{background: #ffae1b;}
.eob-statusSG .grp ul li.red{background: #ff3366;}
.eob-statusSG .grp ul li:first-child{border-radius: 5px 5px 0 0;}
.eob-statusSG .grp ul li:last-child{border-radius: 0 0 5px 5px;}
.eob-statusSG .grp ul li span{display: block;position: absolute;left: 0;bottom: 0;width: 140px;margin-bottom: -8px;line-height: 1; text-align: right;}
.eob-statusSG .grp ul li span:before{content:'';width: 40px;height: 1px;background: #007fff;position: absolute;left: 0;top: 50%;}
.eob-statusSG .grp ul li span:after{content:'';width: 10px;height: 10px;background: #007fff;position: absolute;left: 35px;top: 50%;margin-top: -5px;border-radius: 50%}

@media (min-width: 992px) {
  .eob-homeWrap .eob-history .eob-history-statusSG-info-card-row {
    height: 168.5px;
  }

  .eob-homeWrap .eob-history .eob-history-statusSG-info-card-height {
    height: 136px;
  }

}

@media (min-width: 768px) {
  .eob-homeWrap .eob-history .eob-history-statusSG-info-width-lg {
    max-width: 360px !important;
  }
}

.eob-homeWrap .eob-history .eob-history-statusSG-info-width-sm {
  max-width: 180px;
}

.eob-homeWrap .eob-history .eob-history-statusSG-info-width-md {
  max-width: 182px;
}

.eob-homeWrap .eob-history .eob-history-statusSG-info-width-lg {
  max-width: 372px;
}

.eob-homeWrap .eob-history .card.eob-history-statusSG-info-blue {
  width: 180px;
  height: 136px;
  margin: 0 8px 0 0;
  padding: 16px;
  border-radius: 10px;
  border: none;
  background-color: rgba(0, 127, 255, 0.07);
}

.eob-homeWrap .eob-history .card.eob-history-statusSG-info-yellow {
  width: 180px;
  height: 136px;
  margin: 0 8px 0 0;
  padding: 16px;
  border-radius: 10px;
  border: none;
  background-color: rgba(255, 174, 27, 0.07);
}

.eob-homeWrap .eob-history .card.eob-history-statusSG-info-pink {
  width: 180px;
  height: 136px;
  margin: 0 8px 0 0;
  padding: 16px;
  border-radius: 10px;
  border: none;
  background-color: rgba(255, 51, 102, 0.07);
}

.eob-homeWrap .eob-history .card.eob-history-statusSG-info-gray {
  width: 180px;
  height: 136px;
  margin: 0 8px 0 0;
  padding: 16px;
  border-radius: 10px;
  border: none;
  background-color: #f8f8f8;
}

.eob-homeWrap .eob-history .eob-subTitle-statusSG {
  font-family: NotoSansCJKkr;
  font-size: 14px;
  font-weight: 500;
  /* line-height: 1.43; */
  color: #757575;
}

.eob-homeWrap .eob-history .eob-subTitle-statusSG-md {
  font-family: NotoSansCJKkr;
  font-size: 12px;
  font-weight: 500;
  /* line-height: 1.43; */
  color: #757575;
}

.eob-homeWrap .eob-history .eob-subTitle-statusSG-sm {
  font-family: NotoSansCJKkr;
  font-size: 10px;
  font-weight: 500;
  color: #757575;
}

.eob-homeWrap .eob-history .eob-subTitle-contents-statusSG-unit {
  font-family: NotoSansCJKkr;
  font-size: 14px;
  font-weight: 500;
  /* line-height: 1.43; */
  color: #757575;
}

.eob-homeWrap .eob-history .eob-subTitle-contents-statusSG {
  font-family: Roboto;
  font-size: 30px;
  font-weight: 500;
  color: #000000;
  font-stretch: normal;
  font-style: normal;
  line-height: 26px;
  letter-spacing: normal;
}

.eob-homeWrap .eob-history .eob-subTitle-contents-statusSG-md {
  font-family: Roboto;
  font-size: 20px;
  font-weight: 500;
  color: #000000;
  font-stretch: normal;
  font-style: normal;
  line-height: 26px;
  letter-spacing: normal;
}

.eob-homeWrap .eob-history .eob-subTitle-contents-statusSG-sm {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  font-stretch: normal;
  font-style: normal;
  /* line-height: 1.3; */
  letter-spacing: normal;
}

.eob-homeWrap .eob-history .eob-subTitle-contents-statusSG-sm-gray {
  font-size: 14px;
  font-weight: 500;
  color: #757575;
  font-stretch: normal;
  font-style: normal;
  /* line-height: 1.3; */
  letter-spacing: normal;
}

.eob-homeWrap .eob-history .eob-subTitle-contents-readingSG-md {
  font-family: NotoSansCJKkr;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  font-stretch: normal;
  font-style: normal;
  /* line-height: 1.3; */
  letter-spacing: normal;
}

.eob-homeWrap .eob-history .eob-subTitle-contents-readingSG-sm {
  font-family: NotoSansCJKkr;
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  font-stretch: normal;
  font-style: normal;
  /* line-height: 1.3; */
  letter-spacing: normal;
}

.eob-history-statusSG-info .eob-select2-multiple2 .select2-container {
    height: 44px !important;
    min-width: 180px !important;
    max-width: 350px;
}

.eob-history-statusBG-info .eob-select2-multiple2 .select2-container {
  height: 44px !important;
  min-width: 180px !important;
  max-width: 350px;
}

.eob-homeWrap .eob-history .eob-subTitle-text {
  line-height: 14px;
}

.eob-homeWrap .eob-history .eob-statusSG-mb-1 {
  margin-bottom: 6px;
}

.eob-homeWrap .eob-history .eob-statusSG-mb-2 {
  margin-bottom: 12px;
}

.eob-homeWrap .eob-history .eob-statusSG-my-3 {
  margin-top: 13px;
  margin-bottom: 12px;
}

.eob-homeWrap .eob-history .eob-statusSG-my-4 {
  margin-top: 24px;
  margin-bottom: 22px;
}

.eob-homeWrap .eob-history .eob-statusSG-ml-n1 {
  margin-left: -5px;
}

.eob-homeWrap .eob-history .eob-status-h {
  height: 20px;
}

.eob-homeWrap .eob-history .day-icon {
  width: 18px;
  height: 18px;
}

@media (min-width: 768px) {
  .eob-homeWrap .eob-history .eob-history-message-mgmt-info-card-row {
    height: 160px;
  }
}

.eob-homeWrap .eob-history .eob-history-message-mgmt-info-card-col {
  max-width: 200px;
  min-height: 160px;
  padding-left: 0px;
  padding-right: 0px;
}

.eob-homeWrap .eob-history .card.eob-history-message-mgmt-info-pink {
  min-width: 200px;
  margin: 0 8px 0 0;
  padding-top: 5px;
  padding-bottom: 13px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 10px;
  border: none;
  background-color: rgba(239, 0, 62, 0.07);
}

.eob-homeWrap .eob-history .card.eob-history-message-mgmt-info-yellow {
  min-width: 200px;
  margin: 0 8px 0 0;
  padding-top: 5px;
  padding-bottom: 13px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 10px;
  border: none;
  background-color: rgba(255, 174, 27, 0.07);
}

.eob-homeWrap .eob-history .eob-subTitle-message-mgmt {
  font-family: NotoSansCJKkr;
  font-size: 14px;
  font-weight: 500;
  /* line-height: 1.43; */
  color: #757575;
}

.eob-homeWrap .eob-history .eob-subTitle-contents-message-mgmt-unit {
  font-family: NotoSansCJKkr;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  color: #757575;
}

.eob-homeWrap .eob-history .eob-subTitle-contents-message-mgmt {
  font-family: Roboto;
  font-size: 30px;
  font-weight: 500;
  color: #000000;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: normal;
}

.eob-homeWrap .eob-history .eob-message-mgmt-py-2 {
  padding-top: 14px;
  padding-bottom: 5px;
}

.eob-history-message-mgmt .eob-select2-multiple2 .select2-container {
    height: 44px !important;
    min-width: 130px !important;
}
/** History - dataTable Set End **/
/** History - meal-exercise Set Start **/

.eob-homeWrap .eob-history .eob-subTitle-mealExercise {
  font-family: NotoSansCJKkr;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  color: #757575;
}

.eob-homeWrap .eob-history .eob-subTitle-contents-mealExercise-unit {
  font-family: NotoSansCJKkr;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  color: #757575;
}

.eob-homeWrap .eob-history .eob-subTitle-contents-mealExercise {
  font-family: Roboto;
  font-size: 30px;
  font-weight: 500;
  color: #000000;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: normal;

  margin-top: 13px;
  margin-bottom: 12px;
}

.eob-homeWrap .eob-history .card.eob-history-mealExercise-info-green {
  width: 180px;
  /* height: 136px; */
  margin: 0 8px 0 0;
  padding: 16px;
  border-radius: 10px;
  border: none;
  background-color: rgba(77, 182, 172, 0.07);
}

.eob-homeWrap .eob-history .card.eob-history-mealExercise-info-yellow {
  width: 180px;
  /* height: 136px; */
  margin: 0 8px 0 0;
  padding: 16px;
  border-radius: 10px;
  border: none;
  background-color: rgba(255, 174, 27, 0.07);
}

.eob-history-mealExercise .eob-select2-multiple2 .select2-container {
    height: 44px !important;
    width: 230px !important;
}
/** History - meal-exercise Set End **/
/** History - etc Set Start **/

.eob-history-etc .eob-select2-multiple2 .select2-container {
    height: 44px !important;
    width: 230px !important;
}
/** History - etc Set End **/

/* History - setting End */

/* Setting- common setting Start */
.eob-homeWrap .eob-setting .eob-mainTitle {
  font-size: 19px;
  color: #1a1a1a;
  text-align: left;
  font-weight: bold;
  line-height: 27px;
  margin-bottom: 15px;
  margin-top: 48px;
}

.eob-homeWrap .eob-setting .form-body {
  padding-left: 19px;
}

.eob-homeWrap .eob-setting .eob-pl-tab {
  padding-left: 19px;
}
/* Setting- common setting End */

/* Setting-Profile - setting Start */
.eob-homeWrap .eob-setting .card-img-overlay {
    padding: unset !important;
}

.pdf-table thead{
  display: table-row-group
}
/* Setting-Profile - setting End */

/* Setting-Unregister account - setting Start */
.eob-homeWrap .eob-unregister .eob-mainTitle-unregisterAccount {
  font-size: 24px;
  color: #4d4d4d;
  font-weight: 500;
  margin-bottom: 0px;
  /* white-space: nowrap; */
}

.eob-homeWrap .eob-subTitle-unregisterAccount {
  font-size: 19px;
  color: #333333;
  font-weight: 500;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-subTitle-contents-unregisterAccount {
  font-size: 16px;
  color: #4d4d4d;
  font-weight: 300;
  /* font-weight: normal; */
}

.eob-homeWrap .eob-subTitle-contents-bold-unregisterAccount {
  font-size: 16px;
  color: #4d4d4d;
  font-weight: 500;
}

.eob-homeWrap .eob-form-label-unregisterAccount {
  font-size: 16px;
  color: #333333;
  font-weight: 300;
}

.eob-homeWrap .eob-form-label-bold-unregisterAccount {
  font-size: 16px;
  color: #4d4d4d;
  font-weight: 500;
}

.eob-homeWrap .eob-unregister .eob-mt-5-unregisterAccount {
  margin-top: 64px;
}

.eob-homeWrap .eob-unregister .eob-mb-5-unregisterAccount {
  margin-bottom: 64px;
}

.eob-homeWrap .eob-unregister .btn-info.disabled, .eob-homeWrap .eob-unregister .btn-info:disabled {
  color: #666666;
  opacity: unset !important;
  background-color: #d9d9d9 !important;
  border-color: unset;
}

.eob-homeWrap .eob-unregister .eob-btn-blue.disabled:hover {
  opacity: unset;
  border: none;
  border-radius: unset;
}

/* Setting-Unregister account - setting End */

/* Trends-dayofweek filter - setting Start */
/*************************************************/

.eob-dayofweek-base {
  width: 2.3rem;
  height: 2.3rem;
  position: relative;
  border-radius: 50%;
  border: 2px solid #00aeef;
  background: #ffffff;

  padding-top: 6px;
  padding-bottom: 8px;

  font-family: NotoSansCJKkr;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -0.16px;
  text-align: center;
  color: #00aeef;
}

.eob-dayofweek-base.unchecked { border-width: 1px; border-color:#cdcdcd; color: #999999; font-weight: normal;}

/*************************************************/
.eob-dayofweek-dot-su {
 width: 2.3rem;
 height: 2.3rem;
 position: relative;
 border-radius: 50%;
 border: 1px solid #20c4a8;
 background: #fff;

 padding-top: 4px;
 padding-bottom: 9px;
 text-align: center;
}

.eob-dayofweek-dot-su label{
 width: 36px;
 height: 24px;
 margin-bottom: 0px;

 font-family: NotoSansCJKkr;
 font-size: 16px;
 font-weight: 500;
 line-height: 1.35;
 /* letter-spacing: -0.16px; */
 color: #20c4a8;
 text-align: center;
}

.eob-dayofweek-dot-su label:after{
 content: "";
 position: absolute;
 width: 3px;
 height: 3px;
 border-radius: 50%;
 background: #20c4a8;
 bottom: 6px;
 left: 19px;
 transform: translateX(-50%);
 filter: drop-shadow(5px 0px 0px #20c4a8)
         drop-shadow(-5px 0px 0px #20c4a8);
}

.eob-dayofweek-dot-su.unchecked { border-color:#cdcdcd;}
.eob-dayofweek-dot-su.unchecked label{ color: #999999;}
.eob-dayofweek-dot-su.unchecked label:after{
  background: #999999;
  filter: drop-shadow(5px 0px 0px #999999)
          drop-shadow(-5px 0px 0px #999999);
}

.eob-dayofweek-dot-su.disabled { border: none !important;}
.eob-dayofweek-dot-su.disabled label{ color: #cdcdcd;}
.eob-dayofweek-dot-su.disabled label:after{
  background: #fff;
  filter: unset !important;
}
/*************************************************/
.eob-dayofweek-dot-mo {
 width: 2.3rem;
 height: 2.3rem;
 position: relative;
 border-radius: 50%;
 border: 1px solid #2ba9d8;
 background: #fff;

 padding-top: 4px;
 padding-bottom: 9px;
 text-align: center;
}

.eob-dayofweek-dot-mo label{
 width: 36px;
 height: 24px;
 margin-bottom: 0px;

 font-family: NotoSansCJKkr;
 font-size: 16px;
 font-weight: 500;
 line-height: 1.35;
 /* letter-spacing: -0.16px; */
 color: #2ba9d8;
 text-align: center;
}

.eob-dayofweek-dot-mo label:after{
 content: "";
 position: absolute;
 width: 3px;
 height: 3px;
 border-radius: 50%;
 background: #2ba9d8;
 bottom: 6px;
 left: 19px;
 transform: translateX(-50%);
 filter: drop-shadow(5px 0px 0px #2ba9d8)
         drop-shadow(-5px 0px 0px #2ba9d8);
}

.eob-dayofweek-dot-mo.unchecked { border-color:#cdcdcd;}
.eob-dayofweek-dot-mo.unchecked label{ color: #999999;}
.eob-dayofweek-dot-mo.unchecked label:after{
  background: #999999;
  filter: drop-shadow(5px 0px 0px #999999)
          drop-shadow(-5px 0px 0px #999999);
}

.eob-dayofweek-dot-mo.disabled { border: none !important;}
.eob-dayofweek-dot-mo.disabled label{ color: #cdcdcd;}
.eob-dayofweek-dot-mo.disabled label:after{
  background: #fff;
  filter: unset !important;
}
/*************************************************/
.eob-dayofweek-dot-tu {
 width: 2.3rem;
 height: 2.3rem;
 position: relative;
 border-radius: 50%;
 border: 1px solid #5474bf;
 background: #fff;

 padding-top: 4px;
 padding-bottom: 9px;
 text-align: center;
}

.eob-dayofweek-dot-tu label{
 width: 36px;
 height: 24px;
 margin-bottom: 0px;

 font-family: NotoSansCJKkr;
 font-size: 16px;
 font-weight: 500;
 line-height: 1.35;
 /* letter-spacing: -0.16px; */
 color: #5474bf;
 text-align: center;
}

.eob-dayofweek-dot-tu label:after{
 content: "";
 position: absolute;
 width: 3px;
 height: 3px;
 border-radius: 50%;
 background: #5474bf;
 bottom: 6px;
 left: 19px;
 transform: translateX(-50%);
 filter: drop-shadow(5px 0px 0px #5474bf)
         drop-shadow(-5px 0px 0px #5474bf);
}

.eob-dayofweek-dot-tu.unchecked { border-color:#cdcdcd;}
.eob-dayofweek-dot-tu.unchecked label{ color: #999999;}
.eob-dayofweek-dot-tu.unchecked label:after{
  background: #999999;
  filter: drop-shadow(5px 0px 0px #999999)
          drop-shadow(-5px 0px 0px #999999);
}

.eob-dayofweek-dot-tu.disabled { border: none !important;}
.eob-dayofweek-dot-tu.disabled label{ color: #cdcdcd;}
.eob-dayofweek-dot-tu.disabled label:after{
  background: #fff;
  filter: unset !important;
}
/*************************************************/
.eob-dayofweek-dot-we {
 width: 2.3rem;
 height: 2.3rem;
 position: relative;
 border-radius: 50%;
 border: 1px solid #c145b8;
 background: #fff;

 padding-top: 4px;
 padding-bottom: 9px;
 text-align: center;
}

.eob-dayofweek-dot-we label{
 width: 36px;
 height: 24px;
 margin-bottom: 0px;

 font-family: NotoSansCJKkr;
 font-size: 16px;
 font-weight: 500;
 line-height: 1.35;
 /* letter-spacing: -0.16px; */
 color: #c145b8;
 text-align: center;
}

.eob-dayofweek-dot-we label:after{
 content: "";
 position: absolute;
 width: 3px;
 height: 3px;
 border-radius: 50%;
 background: #c145b8;
 bottom: 6px;
 left: 19px;
 transform: translateX(-50%);
 filter: drop-shadow(5px 0px 0px #c145b8)
         drop-shadow(-5px 0px 0px #c145b8);
}

.eob-dayofweek-dot-we.unchecked { border-color:#cdcdcd;}
.eob-dayofweek-dot-we.unchecked label{ color: #999999;}
.eob-dayofweek-dot-we.unchecked label:after{
  background: #999999;
  filter: drop-shadow(5px 0px 0px #999999)
          drop-shadow(-5px 0px 0px #999999);
}

.eob-dayofweek-dot-we.disabled { border: none !important;}
.eob-dayofweek-dot-we.disabled label{ color: #cdcdcd;}
.eob-dayofweek-dot-we.disabled label:after{
  background: #fff;
  filter: unset !important;
}
/*************************************************/
.eob-dayofweek-bar-th {
  width: 2.3rem;
  height: 2.3rem;
  position: relative;
  border-radius: 50%;
  border: 1px solid #5474bf;
  background: #fff;

  padding-top: 4px;
  padding-bottom: 9px;

  font-family: NotoSansCJKkr;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -0.16px;
  text-align: center;
  color: #5474bf;
}

.eob-dayofweek-bar-th:after {
  content: '';
  position: absolute;
  bottom: 6px;
  left: 11px;
  width: 13px;
  height: 3px;
  border-radius: 2px;
  background: #5474bf;
}

.eob-dayofweek-bar-th.unchecked { border-color:#cdcdcd; color: #999999; }
.eob-dayofweek-bar-th.unchecked:after{
  background: #999999;
}

.eob-dayofweek-bar-th.disabled { border: none !important; color: #cdcdcd;}
.eob-dayofweek-bar-th.disabled:after {
  background: #fff !important;
  border:none !important;
  border-radius: unset !important;
}
/*************************************************/
.eob-dayofweek-bar-fr {
  width: 2.3rem;
  height: 2.3rem;
  position: relative;
  border-radius: 50%;
  border: 1px solid #2ba9d8;
  background: #fff;

  padding-top: 4px;
  padding-bottom: 9px;

  font-family: NotoSansCJKkr;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -0.16px;
  text-align: center;
  color: #2ba9d8;
}

.eob-dayofweek-bar-fr:after {
  content: '';
  position: absolute;
  bottom: 6px;
  left: 11px;
  width: 13px;
  height: 3px;
  border-radius: 2px;
  background: #2ba9d8;
}

.eob-dayofweek-bar-fr.unchecked { border-color:#cdcdcd; color: #999999; }
.eob-dayofweek-bar-fr.unchecked:after{
  background: #999999;
}

.eob-dayofweek-bar-fr.disabled { border: none !important; color: #cdcdcd;}
.eob-dayofweek-bar-fr.disabled:after {
  background: #fff !important;
  border:none !important;
  border-radius: unset !important;
}
/*************************************************/
.eob-dayofweek-bar-sa {
  width: 2.3rem;
  height: 2.3rem;
  position: relative;
  border-radius: 50%;
  border: 1px solid #20c4a8;
  background: #fff;

  padding-top: 4px;
  padding-bottom: 9px;

  font-family: NotoSansCJKkr;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -0.16px;
  text-align: center;
  color: #20c4a8;
}

.eob-dayofweek-bar-sa:after {
  content: '';
  position: absolute;
  bottom: 6px;
  left: 12px;
  width: 13px;
  height: 3px;
  border-radius: 2px;
  background: #20c4a8;
}

.eob-dayofweek-bar-sa.unchecked { border-color:#cdcdcd; color: #999999; }
.eob-dayofweek-bar-sa.unchecked:after{
  background: #999999;
}

.eob-dayofweek-bar-sa.disabled { border: none !important; color: #cdcdcd;}
.eob-dayofweek-bar-sa.disabled:after {
  background: #fff !important;
  border:none !important;
  border-radius: unset !important;
}
/************************************************************************/
/* Common - daterangepicker setting Start*/
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  width: 32px;
  height: 32px;
}

.daterangepicker td.today {
  width: 32px;
  height: 32px;
  display: inline-block;
  border-radius: 50%;
  border: solid 2px #00aeef;
}

.daterangepicker td.today.start-date {
  border-radius: 50%;
}

.daterangepicker td.today.end-date {
  display: revert;
  border-radius: 0 100px 100px 0;
  border: none;
}

.daterangepicker td.start-date.end-date {
  border-radius: 50% !important;
}

.eob-daterangepicker-today {
    width: 34px;
    height: 34px;
    position: relative;
    border-radius: 50%;
    border: 2px solid #00aeef;
    background: transparent;
    padding-top: 6px;
    padding-bottom: 8px;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  opacity: 0.3;
  text-decoration: none !important;
}

.daterangepicker .monthselect option[disabled="disabled"] {
  display: none;
}

.daterangepicker.single .drp-buttons {
  display: inherit;
}

.daterangepicker.single .drp-selected {
  display: inherit;
  text-align: left;
}

.daterangepicker.single select.yearselect {
    margin-right: 2%;
}

/* Common - daterangepicker setting End*/
/************************************************************************/
/* Trends- setting Start */

.eob-homeWrap .card-outline-inverse .card-header{
  background: #ffffff;
  border-color: #cdcdcd;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;

  font-size: 16px;
  font-weight: normal;
  color: #000000;
}

@media (max-width: 395px) {
  .eob-homeWrap .card-outline-inverse .card-header{
    font-size: 15px;
  }
}

/** Trend - Candle,AGP의 범례 CSS 설정  **/

.profile-tab li a.nav-link.active, .customtab li a.nav-link.active {
  height: 40px;
  border-color: #424242;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom: unset !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: bold !important;
  background-color: #424242;
  padding: 10px 16px !important;
  border-bottom: 2px solid #00aeef;
}

.nav-tabs.customtab .nav-link {
  height: 40px;
  border-color: #424242;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  color: #616161;
  font-size: 14px;
  font-weight: 500;
  background-color: #eeeeee;
  padding: 10px 16px !important;
}

@media (min-width: 768px) {
  ul.customtab2.eob-trends-nav-tabs li.nav-item:nth-child(2), ul.customtab2.eob-trends-nav-tabs li.nav-item:nth-child(5) {
    width: 162px;
  }

  ul.customtab2.eob-trends-nav-tabs li.nav-item:nth-child(3), ul.customtab2.eob-trends-nav-tabs li.nav-item:nth-child(4) {
    width: 161px;
  }
}

.nav-tabs.customtab2.eob-trends-nav-tabs .nav-link {
  font-family: NotoSansCJKkr;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: -0.16px;
  color: #333333;
  text-align: center;
}

.customtab2.eob-trends-nav-tabs li a.nav-link.active {
  background: #00aeef;
  border-color: #00aeef;
  color: #ffffff;
}

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

.profile-tab li a.nav-link.active:hover, .customtab li a.nav-link.active:hover {
  color: #ffffff !important;
}

.profile-tab li a.nav-link:hover, .customtab li a.nav-link:hover {
  color: #616161 !important;
}

.eob-homeWrap .card-body.eob-chart-trends-legend-border {
  padding-top: 18px;
  padding-bottom:18px;
  border-radius: 10px;
  border: solid 1px #cccccc;
}

@media (min-width: 768px) {
  .eob-homeWrap .card-body.eob-chart-trends-legend-border .flex-wrap {
      -ms-flex-wrap: nowrap !important;
      flex-wrap: wrap !important;
      -webkit-flex-wrap: wrap !important;
  }
}

.eob-homeWrap .eob-legend-trends-label{
  font-size: 15px;
  color: #999999;
  font-weight: normal;
}

.eob-homeWrap .eob-legend-trends-overlay-label {
  font-size: 13px;
  color: #000000;
  font-weight: 300;
}

.eob-homeWrap .eob-legend-trends-spacing-cgm {
  margin-top: 4px;
  margin-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  white-space: nowrap;
}

.eob-homeWrap .eob-legend-trends-spacing-cgm-threshold {
  margin-top: 3px;
  margin-bottom: 3px;
  margin-left: 4px;
  margin-right: 4px;
  white-space: nowrap;
}

.eob-homeWrap .eob-legend-trends-imgTp1-candle{
  width:25px;
  height:25px;
}

.eob-homeWrap .eob-legend-trends-imgTp2-candle{
  width:17px;
  height:19px;
  margin-left: 4px;
  margin-right: 4px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.eob-homeWrap .eob-legend-trends-imgTp3-candle{
  width:17px;
  height:21px;
  margin-left: 4px;
  margin-right: 4px;
  margin-top: 2px;
  margin-bottom: 2px;
}

/** Trend - Daily의 card-action [+] 버튼 위치 왼쪽으로 변경 및 CSS 설정  **/
.card-outline-inverse .card-actions {
  float: left;
  color: #808080 !important;
  margin-right: 8px;
}

/** Trend - Daily의 card-action [+] 버튼 CSS 설정  **/
.card-actions a {
  color: #808080 !important;
  font-size: 12px !important;
  font-weight: bold;
  border: solid 1px #808080;
  border-radius: 4px;
  opacity: unset !important;
  padding-left: 3px !important;
  padding-right: 3px;
}

.eob-trends-overlay .eob-hidden-bs-collapse, .eob-trends-daily .eob-hidden-bs-collapse {
  border-bottom: unset;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.eob-subTitle-contents-TrendDailySummary-lg {
  font-size: 10px;
  font-weight: 500;
  color: #757575;
  white-space: nowrap;
}

.eob-subTitle-contents-TrendDailySummary-lg-bold {
  font-size: 12px;
  font-weight: bold;
  color: #424242;
  white-space: nowrap;
}

.eob-subTitle-contents-TrendDailySummary-xl-bold {
  font-size: 17px;
  font-weight: bold;
  color: #424242;
  white-space: nowrap;
}

.eob-subTitle-contents-TrendDailySummary-md {
  font-size: 12px;
  font-weight: 500;
  color: #757575;
}

.eob-subTitle-contents-TrendDailySummary-sm {
  font-size: 10px;
  font-weight: 500;
  color: #424242;
}

.eob-form-label-TrendDailySummary-lg {
  font-family: Roboto;
  font-size: 30px;
  font-weight:500;
  color: #000000;
}

.eob-form-label-TrendDailySummary-md {
  font-size: 15px;
  font-weight: 500;
  color: #333333;
}

.eob-form-label-TrendDailySummary-sm {
  font-size: 12px;
  font-weight: 500;
  color: #757575;
}

.eob-form-label-TrendDailySummary-Stdev {
  font-size: 20px;
  font-weight: normal;
  color: #000000;
}

.eob-homeWrap .eob-TrendDailySummary .eob-info-label-messageList {
  font-weight: 500;
  font-size: 14px;
}

.eob-homeWrap .eob-trends-daily .eo-chart-axix-y-title {
  font-family: NotoSansCJKkr;
  font-size: 14px;
  font-weight: bold;
  color: #424242;
}

.eob-homeWrap .eob-trends-daily .eo-chart-axix-y-unit {
  font-family: NotoSansCJKkr;
  font-size: 10px;
  font-weight: 500;
  color: #424242;
}

.eob-TrendDailySummary .card {
  border: none;
}

.eob-TrendDailySummary .tab-content .card {
  padding: 16px 8px 8px;
  border-radius: 8px;
  border: solid 1px #cdcdcd;
}

.eob-TrendDailySummary .card-header{
  font-size: 14px !important;
  font-weight: 500;
  color: #757575 !important;
  background: #fff;
  border: none;
  display: inline-block;
  vertical-align: baseline !important;
}

.eob-TrendDailySummary .card-footer {
  background-color: #f8f8f8;
  border: none;
  border-radius: 8px;
}

.eob-TrendDailySummary .card-footer:last-child {
  border:none;
  border-radius: 8px;
}

.eob-TrendDailySummary .card-footer {
  background-color: #f8f8f8;
  border: none;
}

.eob-TrendDailySummary .eob-TrendDailyBasalSummary .card-footer span {
  display:inline-block;
  width:66px;
  height: auto;
}

.eob-TrendDailySummary .customtab.eob-trend-daily-summary-tab  li a.nav-link.active {
  height: 40px;
  border-color: #424242;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  background-color: #424242;
  padding: 10px 16px !important;
  line-height: 1.43;
}

.eob-TrendDailySummary .nav-tabs.customtab.eob-trend-daily-summary-tab .nav-link {
  height: 40px;
  border-color: #424242;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  color: #616161;
  font-size: 14px;
  font-weight: 500;
  background-color: #eeeeee;
  padding: 10px 16px !important;
  line-height: 1.43;
}

.eob-TrendDailySummary .progress-vertical {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  height: 72px;
  width: 10px;
  min-height: 54px;
}

.eob-TrendDailySummary .message-center ul {
  padding-inline-start: 0px;
  padding-inline-end: 8px;
}

.eob-TrendDailySummary .message-center ul li {
  list-style: none;
}

.eob-TrendDailySummary .message-center a {
  border-bottom: 1px solid rgba(120, 130, 140, 0.13);
  display: block;
  text-decoration: none;
  background-color: #ffffff;
  padding: 9px 15px;
}

.eob-TrendDailySummary .eob-7DayMessageList .message-center-row {
  padding-top: 14px;
  background-color:#fff;
}

.eob-homeWrap .eob-TrendDailySummary .eob-7DayMessageList {
    background-color: #fafafa;
}

.eob-homeWrap .eob-TrendDailySummary .eob-7DayMessageList .slimScrollDiv {
  display: flex;
  flex-grow: 1;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

/* Trends-Daily - BG, CGM, 총주입량 Grid Start */
.eob-TrendDailySummaryGrid {
  display: grid;
  grid-template-areas: "a" "d" "b" "f" "c" "e";
}

@media (min-width: 680px) {
  .eob-TrendDailySummaryGrid {
    grid-template-areas:"a b c"
                        "d d c"
                        "e e e";
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
/* Trends-Daily - BG, CGM, 총주입량 Grid End */

/* Trends-Daily - 총주입량 CSS Setting Start */
.eob-TrendDailyBasalSummary .slimScrollDiv {
  border: none;
  border-radius: 10px;
}
/* Trends-Daily - 총주입량 CSS Setting End */

.eob-TrendDailySummary .eob-newFormTrendDailyCarbActivitySummary .card-footer {
  /* border: none; */
  background-color: #f3f3f3;
  border-radius: 6px;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

/* Trends-Daily - Chart legend CSS Setting Start */
.eob-homeWrap .eob-trends-daily-legend {
  margin-bottom: 13px;
}

.eob-homeWrap .eob-trends-daily-legend .eob-legend-label-chart-daily{
  font-size: 12px;
  color: #000000;
  font-weight: 300;
  /* margin-bottom: 0px; */
}

.eob-homeWrap .eob-trends-daily-legend .eob-margin-y-legend {
  margin-top: 6px;
  margin-bottom: 6px;
}

.eob-homeWrap .eob-trends-daily-legend .eob-padding-y-legend {
  padding-top: 12px;
  padding-bottom: 12px;
}
/* Trends-Daily - Chart legend CSS Setting End */

/* Trends- Candle, AGP Chart Summary CSS Setting*/

@media (min-width: 769px) {

  .eob-Trend-ChartSummary-card-h {
    max-height: 136px;
  }

  .eob-Trend-ChartSummary-card-h-en {
    max-height: 156px;
  }
}

.eob-Trend-ChartSummary .card {
  height: 160px;
  border: none;
  margin-bottom: 0px;
}

.eob-Trend-ChartSummary .card-head {
  background-color: #f8f8f8;
  text-align: center;
  padding-top: 16px;
}

.eob-Trend-ChartSummary .card-body {
  background-color: #f8f8f8;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  align-items: center;
  flex: unset;
}

.eob-Trend-ChartSummary .card-footer {
  border-top: none;
  background-color: #f8f8f8;
  text-align: center;
  padding-top: 0px;
  padding-bottom: 16px;
  padding-right: 0px;
  padding-left: 0px;
}

.eob-Trend-ChartSummary-xl {
  font-size: 40px;
  font-weight: 500;
  color: #333333;
  white-space: nowrap;
}

.eob-Trend-ChartSummary-lg {
  font-family: Roboto;
  font-size: 30px;
  font-weight: 500;
  color: #000000;
  white-space: nowrap;
}

.eob-Trend-ChartSummary-md {
  font-size: 14px;
  font-weight: 500;
  color: #757575;
  white-space: nowrap;
}

.eob-Trend-ChartSummary-md-2 {
  font-size: 20px;
  font-weight: 500;
  color: #757575;
  white-space: nowrap;
}

.eob-Trend-ChartSummary-sm {
  font-size: 14px;
  font-weight: 500;
  color: #757575;
  white-space: nowrap;
}

.eob-Trend-ChartSummary-xs {
  font-size: 12px;
  font-weight: normal;
  color: #757575;
  white-space: nowrap;
}

.eob-Trend-chart-axix-y-title {
  color: #424242;
  font-size: 18px;
  font-weight: bold;
  /* white-space: nowrap; */
}

.eob-Trend-chart-axix-y-title-bg-unit {
  color: #424242;
  font-size: 14px;
  font-weight: 500;
  /* white-space: nowrap; */
}

.eob-Trend-chart-axix-y-content-bg-unit {
    color: #757575;
    font-size: 14px;
    font-weight: normal;
    /* white-space: nowrap; */
}

.eob-Trend-ChartSummary-text-pl-1 {
  padding-left: 30px;
}

.eob-Trend-ChartSummary-text-pl-1-2 {
  padding-left: 13px;
}

.eob-Trend-ChartSummary-text-pl-1-3 {
  padding-left: 14px;
}

.eob-Trend-ChartSummary-text-eng-pl-1 {
  text-align: left;
  padding-left: 14px;
}

.eob-Trend-ChartSummary-text-pl-2 {
  /* padding-left: 40px; */
  padding-left: 20px;
}

.eob-Trend-ChartSummary-text-pl-2-2 {
  padding-left: 35px;
}

.eob-Trend-ChartSummary-text-pl-3 {
  padding-left: 50px;
}

.eob-Trend-ChartSummary-text-pl-4 {
  padding-left: 65px;
}

.eob-Trend-ChartSummary-text-pt-1 {
  padding-top: 26px !important;
  /* padding-bottom: 18px !important; */
}

.eob-Trend-ChartSummary-text-pt-4 {
  padding-top: 36px !important;
  /* padding-bottom: 18px !important; */
}

.eob-Trend-ChartSummary-text-pb-1 {
  padding-bottom: 20px !important;
  /* padding-bottom: 18px !important; */
}

.eob-Trend-ChartSummary-text-pb-2 {
  padding-bottom: 40px !important;
  /* padding-bottom: 18px !important; */
}

.eob-Trend-ChartSummary-report-text-pt-1 {
  padding-top: 24px !important;
  /* padding-bottom: 18px !important; */
}

.eob-Trend-ChartSummary-text-eng-pt-1 {
  padding-top: 40px !important;
  /* padding-bottom: 18px !important; */
}

.eob-Trend-ChartSummary-text-eng-pt-2 {
  padding-top: 20px !important;
  /* padding-bottom: 18px !important; */
}

.eob-Trend-ChartSummary-text-py-1 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.eob-Trend-ChartSummary-text-space-1 {
  height: 23px !important;
}

.eob-Trend-ChartSummary-d-block {
  display: block;
  line-height: 17.64px;
}

.eob-Trend-ChartSummary-d-block-height {
  height: 20px !important;
}

.eob-trendOverlayZoomBtn-col {
  max-width:76px;
}

@media (max-width: 576px) {
  .eob-trendOverlayZoomBtn-col {
    max-width:70px;
  }

  .trendCandleCGMZoomBtn, .trendCandleBGZoomBtn, .trendAgpCGMZoomBtn, .trendOverlayZoomBtn, .trendDailyZoomBtn {
    min-width: 70px !important;
  }
}

.trendCandleCGMZoomBtn, .trendCandleBGZoomBtn, .trendAgpCGMZoomBtn, .trendOverlayZoomBtn, .trendDailyZoomBtn {
  min-width: 76px;
  height: 38px;
  color: #999999;
  border-color: #cdcdcd;
  border-top-left-radius: 19px;
  border-top-right-radius: 19px;
  border-bottom-left-radius: 19px;
  border-bottom-right-radius: 19px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 5px;
  padding-bottom: 7px;
  /* padding: 7px 8px; */
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
}

.eob-Trend-Chart-Btn .btn-secondary.active, .eob-Trend-Chart-Btn .btn-secondary:focus, .eob-Trend-Chart-Btn .btn-secondary.disabled.active, .eob-Trend-Chart-Btn .btn-secondary.disabled:focus {
  background: #ffffff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #333333;
}

.eob-Trend-Chart-Btn .btn-secondary:hover, .eob-Trend-Chart-Btn .btn-secondary.disabled:hover {
  background: #ffffff;
  opacity: unset;
  border: 1px solid #cdcdcd;
  color: #999999;
}

.eob-Trend-Chart-Btn .btn-secondary:not(:disabled):not(.disabled).active:focus, .eob-Trend-Chart-Btn .btn-secondary:not(:disabled):not(.disabled):active:focus, .show> .eob-Trend-Chart-Btn .btn-secondary.dropdown-toggle:focus {
    box-shadow: none;
}

.eob-Trend-Chart-Btn .btn-secondary:not(:disabled):not(.disabled):active, .show>.eob-Trend-Chart-Btn  .btn-secondary.dropdown-toggle {
  color: #999999;
  background-color: #ffffff;
  border-color: #cdcdcd;
}

.eob-Trend-Chart-Btn .btn-secondary:not(:disabled):not(.disabled).active {
  color: #ffffff;
  background-color: #00aeef;
  border-color: #00aeef;
}

/* Trends- Candle, AGP Chart Summary CSS Setting*/


/* Trends- setting End */

/************************************************************************/
/* OverView- setting Start */

.eob-overview {
  max-width: 1200px;
}

.eob-homeWrap .eob-overview .eob-OverViewSummary-col {
  max-width:328px;
}

@media (min-width: 769px) {
  .eob-homeWrap .eob-overview .eob-OverViewSummary-col {
    margin-right:40px;
  }
}

.card.eob-OverViewSummary {

}

.eob-homeWrap .eob-overview .eob-OverViewSummary .tipQuestion {
  height: 24px;
  width:24px;
  margin-top: 5px;
  margin-bottom: 5px;
  background: url('/static/images/overview/btn_que_02.png') no-repeat;
}

.eob-OverViewSummary-bg-cgm .card {
  min-width: 88px !important;
  max-width: 88px !important;
  border: none;
}

.eob-overview .eob-OverViewSummary .card {
  max-width: 328px;
}

@media (min-width: 375px) {
  .eob-overview .eob-OverViewSummary .card {
    min-width: 328px;
  }
}

.eob-homeWrap .eob-OverViewSummary .card-header{
  /* display: inline-block !important;
  vertical-align: middle !important; */
  background: #fff;
  font-size: 18px;
  font-weight: 500;
  color: #757575;
  border: none;
  padding-top: 24px;
  padding-bottom: unset;
}

/* .eob-overview .card.eob-OverViewSummary .card-header{
  padding-left: 16px;
  padding-right: 16px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
} */

.eob-overview .eob-OverViewSummary .card-header {
  padding-left: 16px;
  padding-right: 16px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.eob-overview .eob-OverViewSummary .card-footer {
  background-color: #f3f3f3;
  padding-top: 16px;
  padding-bottom: 16px;
}

.eob-overview .eob-OverViewSummary .card-footer:last-child {
  border:none;
  border-radius: 10px;
}

.eob-overview .eob-OverViewSummary-bg-cgm .card-footer {
  background-color: #fff;
  padding-top: 14px;
  padding-bottom: 20px;
}

.eob-overview .eob-OverViewSummary-dose .card-footer:last-child {
  border:none;
  border-radius: 10px;
}

.overview-compare-btn {
  height: 40px;
  width: 153px;
  border-color: #eeeeee;
  border-radius: 20px;
  background-color: #eeeeee;
  box-shadow: unset;
  color: #616161;
  font-size: 14px;
  font-weight: 500;
}

.eob-overview-compare-closeBtn {
  height: 40px;
  width:40px;
  background: url('/static/images/overview/btn_comparison_x.png') no-repeat;
}

.eob-overview .chart-overview-body .customtab li.chart-overview-body-tab-cgm a.nav-link.active, .eob-overview .chart-overview-body .customtab li.chart-overview-body-tab-bg a.nav-link.active {
  height: 40px;
  border-color: #424242;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  background-color: #424242;
  padding: 10px 16px;
  line-height: 1.43;
}

.eob-overview .chart-overview-body .customtab li.chart-overview-body-tab-cgm a.nav-link, .eob-overview .chart-overview-body .customtab li.chart-overview-body-tab-bg a.nav-link {
  height: 40px;
  border-color: #424242;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  color: #616161;
  font-size: 14px;
  font-weight: 500;
  background-color: #eeeeee;
  padding: 10px 16px;
  line-height: 1.43;
}

.btn-outline-info.overview-compare-btn:hover, .btn-outline-info.overview-compare-btn:focus, .btn-outline-info.overview-compare-btn.focus {
  background: #eeeeee;
  border-color: #eeeeee;
  color: #616161;
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

.btn-outline-info.overview-compare-btn:not(:disabled):not(.disabled).active, .btn-outline-info.overview-compare-btn:not(:disabled):not(.disabled):active, .show>.btn-outline-info.overview-compare-btn.dropdown-toggle {
  color: #616161;
  background-color: #eeeeee;
  border-color: #eeeeee;
}

@media (min-width: 992px) {

  .eob-homeWrap .eob-overview .chart-overview-body .eob-overview-legend-pl {
    padding-left: 48px !important;
  }

  .eob-homeWrap .eob-overview-comparable .eob-overview .chart-overview-body .eob-overview-legend-pl {
    padding-left: 4px !important;
  }

  .eob-homeWrap .eob-overview-comparable .eob-overview .chart-overview-body .eob-overview-legend-text-center {
    text-align: center !important;
  }

}

.eob-homeWrap .progress {
  border-radius: 1rem;
  background-color: #f3f3f3;
}

.eob-overview .progress-vertical {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  height: 64px;
  width: 12px;
  min-height: 64px;
}

.eob-overview .progress-vertical-lg {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 24px;
  height: 205px;
  min-height: 205px;
}

/* .eob-trends .progress-vertical {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  height: 54px;
  width: 10px;
  min-height: 54px;
} */

.eob-overview .eo-chart-axix-y-title {
  font-family: NotoSansCJKkr;
  font-size: 18px;
  font-weight: bold;
  color: #424242;
}

.eob-overview .eob-chart-axix-y-title-unit {
  font-family: NotoSansCJKkr;
  font-size: 14px;
  font-weight: 500;
  color: #424242;
}

.eob-subTitle-contents-eob-overview-lg {
  font-size: 15px;
  font-weight: normal;
  color: #333333;
}

.eob-subTitle-contents-eob-overview-md {
  font-size: 14px;
  font-weight: 300;
  color: #000000;
}

.eob-form-label-eob-overview-xl {
  font-size: 44px;
  font-weight: 500;
  color: #000000;
  white-space: nowrap;
}

@media (max-width: 450px) {
  .eob-form-label-eob-overview-xl {
    white-space: normal;
  }
}

.eob-form-label-eob-overview-lg {
  font-size: 23px;
  font-weight: normal;
  color: #000000;
}

.eob-form-label-eob-overview-Stdev {
  font-size: 24px;
  font-weight: 500;
  color: #000000;
  white-space: nowrap;
}

.eob-form-label-eob-overview-Stdev-md {
  /* display: inline-block; */
  font-size: 20px !important;
  font-weight: 500;
  color: #333333;
  white-space: nowrap;
  align-self: stretch;
  align-items: flex-end;
  padding-bottom: 4px;
}

.eob-form-label-eob-overview-md {
  font-size: 19px;
  font-weight: normal;
  color: #000000;
  white-space: nowrap!important;
}

.eob-form-label-eob-overview-sm-gray {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  color: #757575;
  white-space: nowrap!important;
}

.eob-form-label-eob-overview-sm {
  font-size: 17px;
  font-weight: normal;
  color: #000000;
  white-space: nowrap!important;
}

.eob-form-label-eob-overview-cgm-max {
  font-size: 14px;
  font-weight: 500;
  /* color: #ff9000; */
  color: #757575 !important;
  margin-left: 8px;
  white-space: nowrap!important;
}

.eob-form-label-eob-overview-cgm-min {
  font-size: 14px;
  font-weight: 500;
  /* color: #ff3366; */
  color:#757575;
  margin-left: 8px;
  white-space: nowrap!important;
}

.eob-form-label-eob-overview-bubble {
  /* font-size: 24px;
  font-weight: normal; */
  font-size: 20px;
  font-weight: 500;
  line-height: 0.9;
  color: #000000;
  white-space: nowrap!important;
}

.eob-form-label-eob-overview-bubble-Stdev {
  /* font-size: 16px; */
  font-size: 14px;
  font-weight: normal;
  line-height: 0.9;
  color: #000000;
  white-space: nowrap!important;
}

.card.eob-OverViewSummary ul li {
  text-align: right !important;
  font-size: 14px;
  font-weight: 500;
  color: #bdbdbd;
}

.card.eob-OverViewSummary ul li span {
  color: #757575;
}

.eob-report-overview .card.eob-OverViewSummary ul li {
  text-align: center !important;
  font-size: 14px;
  font-weight: 500;
  color: #bdbdbd;
}

.eob-overview-bg-cgm-high-color {
  color:#ffb200;
}

.background-eob-overview-bg-cgm-high-color {
  color:#ffb200;
  background-color:#ffb200;
}

.eob-overview-bg-cgm-normal-color {
  color:#4c89fe;
}

.background-eob-overview-bg-cgm-normal-color {
  color:#4c89fe;
  background-color: #4c89fe;
}

.eob-overview-bg-cgm-low-color {
  color:#ef365c;
}

.background-eob-overview-bg-cgm-low-color {
  color:#ef365c;
  background-color: #ef365c;
}

.eob-overview-dose-bolus-color {
  color:#f253da;
}

.background-eob-overview-dose-bolus-color {
  color:#f253da;
  background-color: #f253da;
}

.eob-overview-dose-apBolus-color {
  color:#00a76b;
}

.background-eob-overview-dose-apBolus-color {
  color:#00a76b;
  background-color: #00a76b;
}

.eob-overview-dose-basal-color {
  color:#994ce8;
}

.background-eob-overview-dose-basal-color {
  color:#994ce8;
  background-color: #994ce8;
}

.eob-overview-dose-apBasal-color {
  color:#00c853;
}

.background-eob-overview-dose-apBasal-color {
  color:#00c853;
  background-color: #00c853;
}

.eob-homeWrap-bubble-container-carb {
  padding-left: 2.1rem;
  padding-right: .65rem;
}

.eob-homeWrap-bubble-container-dose {
  padding-left: 1.85rem;
  padding-right: .65rem;
}

.eob-homeWrap-bubble {
	position: relative;
	background: #f3f3f3;
	border-radius: .4em;
  padding-top: 6px;
  padding-bottom: 7px;
  padding-left: 8px;
  padding-right: 8px;
}

.eob-homeWrap-bubble:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top-color: #f3f3f3;
	border-bottom: 0;
	margin-left: -10px;
	margin-bottom: -10px;
}

.eob-OverViewSummary-bg-cgm .eob-homeWrap-bubble {
  width:88px;
  max-width:88px;
}

#overview-avg-bg-daily-info .card {
  background-color: #f3f3f3;
  /* padding-top: 16px;
  padding-bottom: 16px; */
  border: none;
}

.chart-overview-body-cgm li a.nav-link.active, .chart-overview-body-cgm .customtab li a.nav-link.active {
  border-bottom: unset;
  color: #757575;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.chart-overview-body-bg li a.nav-link.active, .chart-overview-body-bg .customtab li a.nav-link.active {
  border-bottom: unset;
  color: #757575;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.eob-OverViewSummary li a.nav-link.active, .eob-OverViewSummary .customtab li a.nav-link.active {
  border-bottom: unset;
  background-color: transparent;
  color: #757575 !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  height: 24px;
}

#pThresholdHigh.chart-overview-body-dose-progress-bar-bolus, .eob-progress-bolus {
  background-color: #f253da !important;
}

#pThresholdHigh.chart-overview-body-dose-progress-bar-apBolus, .eob-progress-apBolus {
  background-color: #00A76B !important;
}

#pThresholdNormal.chart-overview-body-dose-progress-bar-basal, .eob-progress-basal {
  background-color: #994ce8 !important;
}

#pThresholdNormal.chart-overview-body-dose-progress-bar-apBasal, .eob-progress-apBasal {
  background-color: #00C853 !important;
}

#pThresholdEmpty, .eob-progress-bolus-empty, .eob-progress-basal-empty {
  background-color: #f3f3f3 !important;
}

.eob-overview-pgbar span.eob-popover-dot {
  display: inline-block;
  width: 9px !important;
  height: 9px;
  padding-right: 9px;
}

.eob-overview-pgbar span.eob-inline-block {
  display: inline-block;
}

.eob-overview-pgbar .eob-popover-dot {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 10px;
    border-radius: 50%;
    vertical-align: middle;
}

.eob-overview-pgbar .eob-popover-dot.eob-cgm-thresholdHigh {
  background-color: #ffb200;
}

.eob-overview-pgbar .eob-popover-dot.eob-cgm-thresholdNormal {
  background-color: #4c89fe;
}

.eob-overview-pgbar .eob-popover-dot.eob-cgm-thresholdLow {
  background-color: #ef365c;
}



/* OverView- setting End */

/* PopOver- setting Start */
.popover {
  max-width: none;
  border-radius: 10px;
  border-color: #a6a6a6;
  border-top: 1px solid;
}

/** 개요- CGM/BG 프로그래스바 hover시 Popover 위치가 프로그래스바 middle에 위치해야할 경우에 사용됨 **/
/* .popover.eob-overview-thresholdInfo.bs-popover-bottom {
  top: -90px !important;
} */

@media (max-width: 400px) {
  .popover {
    max-width: 320px;
    top: -5px !important;
    left: 0px !important;
    /* left: -12px !important; */
  }

  .popover.eob-logbook-ko {
    max-width: 360px;
    top: -5px !important;
    left: 0px !important;
  }
  .popover.eob-logbook-en {
    max-width: 460px;
    top: -5px !important;
    left: 0px !important;
  }

  .popover.eob-logbook-ko .popover-body, .popover.eob-logbook-en .popover-body{
    padding-left: 8px;
    padding-right: 8px;
  }

}

.popover-header{
  background: #fff;
  border-bottom: unset;
  text-align: left;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-color: #a6a6a6;
}

.bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::before {
  /* popover arrow line color set */
  border-bottom-color: #a6a6a6;
}

.popover-body{
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
}

.popover-body > .eob-overview-pgbar {
  padding-left: 16px;
  padding-right: 16px;
  max-width: 340px;
}

.popover-body > .eob-trend-daily {
  padding-left: 16px;
  padding-right: 16px;
  max-width: 300px;
}

.popover-body > .eob-history-logbook {
  padding-left: 16px;
  padding-right: 16px;
  min-width: 400px;
  max-width: 400px;
}

.popover-body > .eob-history-logbook-cgm {
  padding-left: 16px;
  padding-right: 16px;
  max-width: 305px;
  min-width: 270px;
}

.popover-body > .eob-history-logbook-bolus {
  padding-left: 16px;
  padding-right: 16px;
  max-width: 490px;
  min-width: 300px;

  /* max-width: 450px;
  min-width: 430px; */
}

.popover-body > .eob-history-logbook-bolus-en {
  padding-left: 16px;
  padding-right: 16px;
  /* max-width: 305px;
  min-width: 360px; */
  max-width: 600px;
  min-width: 360px;
}

.popover-body > .eob-history-logbook-bg {
  padding-left: 16px;
  padding-right: 16px;
  max-width: 305px;
  min-width: 250px;
}

.popover-body > .eob-history-logbook-carb {
  padding-left: 16px;
  padding-right: 16px;
  max-width: 305px;
  min-width: 235px;
}

.popover-body > .eob-history-logbook-basal {
  padding-left: 16px;
  padding-right: 16px;
}

@media (max-width: 420px) {
  .popover-body > .eob-history-logbook-bg {
    max-width: 300px;
  }

  .popover-body > .eob-history-logbook-bolus-en {
    max-width: 400px;
    min-width: 400px;
  }

  .popover-body > .eob-history-logbook-bolus {
    max-width: 300px;
    min-width: 300px;
  }

}

.eob-form-label-popover-sm {
  font-size: 14px;
  font-weight: normal;
  color: #000000;
  white-space: nowrap !important;
}

.eob-form-label-popover-xs {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.08;
  letter-spacing: -0.12px;
  color: #333333;
}

.eob-form-label-popover-md {
  font-family: NotoSansCJKkr;
  font-size: 15px;
  font-weight: normal;
  color: #333333;
  line-height: 1.67;
  letter-spacing: -0.15px;
  white-space: nowrap !important;
}

.eob-form-label-popover-md-bold {
  font-family: NotoSansCJKkr;
  font-size: 15px;
  font-weight: bold;
  color: #333333;
  line-height: 1.2;
  letter-spacing: -0.15px;
  white-space: nowrap !important;
}

.eob-form-label-popover-md-bold-2 {
  font-family: NotoSansCJKkr;
  font-size: 15px;
  font-weight: 500;
  color: #333333;
  line-height: 1.2;
  white-space: nowrap !important;
}

.eob-form-label-popover-sm-gray {
  font-size: 15px;
  font-weight: normal;
  color: #808080;
  white-space: nowrap !important;
}

.eob-form-label-popover-sm-bolus {
  color: #ef40be;
}

.eob-form-label-popover-sm-basal {
  color: #7c4dff;
}

.eob-popover-xs-info {
  font-size: 15px;
  font-weight: normal;
  color: #000000;
}

.eob-popover-xs-info-b2 {
  font-size: 15px;
  font-weight: normal;
  color: #333333;
}

.eob-popover-xs-info-b2-bold {
  font-size: 15px;
  font-weight: 550;
  color: #333333;
}

.eob-popover-sm-info {
  font-size: 17px;
  font-weight: normal;
  color: #000000;
}

.eob-form-label-eob-popover-md {
  font-size: 19px;
  font-weight: normal;
  color: #000000;
  white-space: nowrap!important;
}
/* PopOver- setting End */

/************************************************************************/
/* EOpatch- setting Start */

.eob-homeWrap .eob-mainTitle-eopatch {
  font-size: 19px;
  color: #333333;
  font-weight: bold;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-subTitle-eopatch {
  font-size: 19px;
  color: #333333;
  font-weight: bold;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-subTitle-light-eopatch {
  font-size: 17px;
  color: #333333;
  font-weight: 500;
}

.eob-homeWrap .eob-subTitle-contents-eopatch {
  font-size: 17px;
  color: #000000;
  font-weight: 300;
  white-space: nowrap!important;
}

.eob-homeWrap .eob-subTitle-contents-eopatch-sm-gray {
  font-size: 16px;
  color: #757575;
  font-weight: 500;
  text-align: center;
}

.eob-homeWrap .eob-subTitle-contents-eopatch-md {
  font-size: 21px;
  color: #333333;
  font-weight: bold;
  text-align: center;
}

.eob-homeWrap .eob-form-label-eopatch{
  font-size: 15px;
  font-weight: normal;
  color: #333333;
}

.eob-homeWrap .card.eob-eopatch-none {
  height:598px;
}

.eob-eopatch .slimScrollBar {
  width: 6px !important;
  height: 86px !important;
  margin-top:0px;
  margin-right: 3px;
  opacity: unset !important;
}

.eob-eopatch .eob-eopatch-segmentTbl {
  /* height:430px; */
  /* overflow-y:scroll; */
}

.eob-eopatch .eob-eopatch-segmentTbl thead tr:nth-child(1) th{
  background: #e6e6e6 !important;
  position: sticky;
  top: 0;
  z-index: 10;
  border: 1px solid #cdcdcd !important;
}

.eob-eopatch .table {
  font-weight: normal;
  border:none;
  border-spacing: 0px;
  background-color: #ffffff !important;
}

.eob-eopatch table caption {
  color: #333333;
  font-size: 17px;
  font-weight: 500;
  caption-side: top;
}

.eob-eopatch .color-bordered-table.gray-bordered-table {
  /* border: 1px solid #cdcdcd; */
  font-size: 15px;
  font-weight: normal;
  /* white-space: nowrap; */
}

.eob-eopatch .color-bordered-table.gray-bordered-table thead tr th {
  border-bottom: 0px;
  background-color: #e6e6e6 !important;
  color: #333333;
  font-size: 15px;
  padding: 6px;
  width:25%;
  white-space: nowrap;
}

.eob-eopatch .color-bordered-table.gray-bordered-table tbody tr td {
  width: 25%;
  white-space: nowrap;
}

.eob-eopatch .card-body {
  padding-left: 28px;
  padding-right: 28px;
}

@media (max-width: 480px) {
  .eob-eopatch .card-body {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .eob-eopatch .color-bordered-table.gray-bordered-table thead tr th {
    vertical-align: baseline;
    white-space: unset !important;
  }

  .eob-eopatch .color-bordered-table.gray-bordered-table tbody tr td {
    white-space: unset !important;
  }

}

.eob-eopatch .color-bordered-table.gray-bordered-table thead th, .color-bordered-table.gray-bordered-table th {
  border: 1px solid #cdcdcd;
}

.eob-eopatch .color-bordered-table.gray-bordered-table td {
  border: 1px solid #cdcdcd;
  padding: 8px;
}

/** EOpatch - Segment Table CSS setting Start **/
.eob-eopatch table {
  border-collapse: collapse !important;
}

.eob-eopatch table.dataTable thead tr th {
  background-color: #e6e6e6 !important;
  color: #333333;
  padding-left:4px;
  padding-right: 4px;
}

.eob-eopatch table.dataTable thead tr th:nth-child(3), .eob-eopatch table.dataTable thead tr th:nth-child(4) {
  padding-right: 5px;
}

.eob-eopatch table.dataTable thead th {
  vertical-align: middle;
}

.eob-eopatch table thead th {
  vertical-align: middle;
}

.eob-eopatch table.dataTable thead th, table.dataTable th {
    border: 1px solid #cdcdcd;
}

.eob-eopatch table.table-bordered.dataTable th:last-child, .eob-eopatch table.table-bordered.dataTable th:last-child, .eob-eopatch table.table-bordered.dataTable td:last-child, .eob-eopatch table.table-bordered.dataTable td:last-child {
  border-right-width: 1px;
}

.eob-eopatch .table-striped tbody tr:nth-of-type(odd) {
  background: #ffffff;
}


.eob-eopatch table.table-bordered.dataTable tbody tr:last-child td {
    border-bottom-width: 1px;
}

.eob-eopatch table.dataTable tbody tr:hover {
    background: #e6e6e6 !important;
}

.eob-eopatch table.dataTable td {
  border: 1px solid #cdcdcd;
  vertical-align: middle;
  /* padding: 6px; */
  padding-left: 4px;
  padding-right: 4px;
}

.eob-eopatch .eob-btn-previous-settings {
  width: 240px;
  height: 59px;
  padding: 16px 18px 17px;
  margin-bottom: 20px !important;
  border-radius: 8px;
  border: solid 1px #00aeef;
  background-color: #fff;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  line-height: normal;
  color: #00aeef;
}

.eob-eopatch-prev .eob-btn-current-settings {
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #00aeef;
}

.eob-eopatch-prev .eob-eopatch-prev-saved-time {
  height: 51px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-radius: 10px;
  background-color: #f8f8f8;
  text-align: center;
}

.eob-eopatch-prev .eob-form-label-eopatch-prev-saved-time {
  font-size: 15px;
  font-weight: 500;
  color: #333333;
}

/** EOpatch - Segment Table CSS setting End **/
/* EOpatch- setting End */

/* Setup-Info Target-Range- setting Start */

.eob-homeWrap .eob-setup-info .eob-mainTitle-targetRange {
  font-family: NotoSansCJKkr;
  font-size: 19px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  color: #1a1a1a;
  margin-top: 8px;
}

.eob-homeWrap .eob-subTitle-targetRange{
  font-family: NotoSansCJKkr;
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  color:#333333;
}

.eob-homeWrap .eob-setup-info .eob-subTitle-contents-targetRange {
  font-family: NotoSansCJKkr;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #1a1a1a;
}

.eob-homeWrap .eob-setup-info .eob-subTitle-targetRange-blue-bold {
  font-family: NotoSansCJKkr;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #0092ef;
}

.eob-homeWrap .eob-setup-info a.eob-subTitle-targetRange-blue-bold:hover {
  color:#0092ef;
}

.eob-homeWrap .eob-setup-info .eob-subTitle-contents-targetRange-blue {
  font-family: NotoSansCJKkr;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #0092ef;
}

.eob-homeWrap .eob-setup-info .eob-form-label-targetRange {
  font-family: NotoSansCJKkr;
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  color: #333333;
}

.eob-homeWrap .eob-setup-info .eob-form-label-unit-targetRange {
  font-family: NotoSansCJKkr;
  font-size: 15px !important;
  font-weight: normal !important;
  font-stretch: normal !important;
  font-style: normal;
  line-height: 1.47 !important;
  letter-spacing: normal;
}

.eob-homeWrap .eob-setup-info .eob-target-range .eob-form-label-unit-targetRange {
  color: #999999 !important;
}

.eob-homeWrap .eob-setup-info .select2-container--disabled {
  opacity: 0.5;
}

.eob-homeWrap .eob-setup-info .btn-group {
  flex-direction: column;
}

.eob-homeWrap .eob-setup-info .btn-group label {
  color: #1a1a1a !important;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  text-align: left;
}

.eob-targetRange-radio {
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

.eob-homeWrap .eob-setup-info .btn-group .btn.eob-targetRange-radio {
  padding: 0px;
}

.eob-homeWrap .eob-setup-info .eob-targetRange-radio input {
  opacity: 1;
  min-height: unset !important;
  margin-right: 8px;
}

.eob-homeWrap .eob-setup-info .btn.eob-targetRange-radio.focus {
  outline: 0;
  box-shadow: unset;
}

.eob-targetRange-radio  > input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.eob-targetRange-radio > i {
  display: inline-block;
  vertical-align: middle;
}

.eob-targetRange-radio > input + i {
  content: url(../assets/images/icon/btn_radio_01_off.svg);
  width: 20px;
  height: 20px;
  margin-bottom: 2px;
}

.eob-targetRange-radio > input:checked + i {
  content: url(../assets/images/icon/btn_radio_01_on.svg);
  width: 20px;
  height: 20px;
  margin-bottom: 2px;
}
/* Setup-Info Target-Range- setting End */


/*************************************************/
/* Home - Sharing setting Start */
.eob-homeWrap .eob-sharing {
}

.eob-homeWrap .eob-sharing .eob-sharing-row-mt-1 {
  margin-top: 14px;
}

.eob-homeWrap .eob-sharing .eob-sharing-row-mt-2 {
  margin-top: 19px;
}

.eob-homeWrap .eob-mainTitle-sharing {
  font-size: 23px;
  color: #333333;
  font-weight: normal;
  margin-bottom: 0px;
  white-space: nowrap;
}

.eob-homeWrap .eob-subTitle-sharing {
  font-size: 19px;
  color: #333333;
  font-weight: 500;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-subTitle-contents-sharing {
  font-size: 19px;
  color: #333333;
  font-weight: 500;
}

.eob-homeWrap .eob-subTitle-contents-light-sharing {
  font-size: 19px;
  color: #404040;
  font-weight: 250;
}

.eob-homeWrap .eob-font-weight-bold-sharing {
  font-weight: 500 !important;
}

.eob-homeWrap .eob-sharing .eob-contents-sharing-modal {
  font-family: NotoSansCJKkr-Light;
  font-size: 19px;
  color: #404040;
  font-weight: 300;
  line-height: 1.68;
}

.eob-homeWrap .eob-sharing .eob-contents-sharing-modal-bold {
  font-family: NotoSansCJKkr;
  font-size: 19px;
  font-weight: 500;
  color: #404040;
}

.eob-homeWrap .eob-sharing .eob-contents-sharing-modal-red-bold {
  font-family: NotoSansCJKkr;
  font-size: 19px;
  font-weight: 500;
  color: #c80026;
}

.eob-homeWrap .eob-sharing .eob-contents-name-sharing-modal {
  font-family: NotoSansCJKkr-Light;
  font-size: 32px;
  color: #333333;
  font-weight: 300;
}

.eob-homeWrap .eob-sharing .eob-contents-email-sharing-modal {
  font-family: NotoSansCJKkr-Regular;
  font-size: 17px;
  color: #8c8c8c;
  font-weight: normal;
}

.eob-homeWrap .eob-form-label-sharing{
  font-size: 17px;
  font-weight: normal;
  color: #333333;
}

.eob-homeWrap .eob-form-label-sharing-contents{
  font-size: 17px;
  font-weight: normal;
  color: #a6a6a6;
}

.eob-homeWrap .eob-form-label-addPeer-sharing{
  font-size: 19px;
  font-weight: normal;
  color: #000000;
}

.eob-homeWrap .eob-input-form-label-addPeer-sharing{
  font-size: 14px;
  font-weight: 300;
  color: #000000 !important;
}

.eob-homeWrap .eob-form-label-editPeer-sharing {
  font-family: NotoSansCJKkr;
  font-size: 32px;
  font-weight: 300;
  line-height: 1.47;
  color: #333333;
  white-space: nowrap;
}

.eob-homeWrap .sharingList input {
  color: #000000 !important;
  font-size:21px;
  font-weight:normal;
}

.eob-homeWrap .sharingView input {
  color: #cccccc !important;
  font-size:21px;
  font-weight:normal;
}

.eob-homeWrap .sharingView .eob-sharing-profile-edit .input-group>.custom-select:not(:last-child), .eob-homeWrap .sharingView .eob-sharing-profile-edit .input-group>.form-control:not(:last-child) {
  /* border: none; */
  /* border-top-right-radius: unset;
  border-bottom-right-radius: unset; */
  font-size: 24px;
  font-weight: 300;
  color: #333333 !important;
  background: #f3f3f3;
  border-radius: unset;
  margin-right: 9px;
  border-color: #f3f3f3;
}

.eob-homeWrap .sharingView .eob-sharing-profile-edit .input-group>.input-group-append>.btn, .eob-homeWrap .sharingView .eob-sharing-profile-edit .input-group>.input-group-append>.input-group-text {
  background: #f3f3f3 !important;
  border: none !important;
  border-radius: unset;
}

.eob-homeWrap .sharingView .form-control:disabled, .eob-homeWrap .sharingView .form-control[readonly] {
    opacity: unset;
    border: none !important;
    background: #f3f3f3 !important;
}

/* Sharing peer Profile Edit Display Name start Setting */

/* Sharing peer Profile Edit Display Name end Setting */

.eob-homeWrap .eob-listLabel-sharing {
  font-size: 19px;
  font-weight: normal;
  color: #000000;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-relation-status-active {
  font-size: 19px;
  font-weight: 500;
  color: #00aeef !important;
  margin-bottom: 0px;
  padding-left: 17.5px;
}

.eob-homeWrap .eob-relation-status-waiting {
  font-size: 19px;
  font-weight: 500;
  color: #7f7f7f;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-relation-status-acceptable {
  font-size: 19px;
  font-weight: 500;
  color: #FFC000;
  margin-bottom: 0px;
  padding-left: 17.5px;
}

.eob-homeWrap.eob-lang-en .eob-relation-status-acceptable {
  font-size: 19px;
  font-weight: 500;
  color: #FFC000;
  margin-bottom: 0px;
  padding-left: 0px;
}

.eob-homeWrap .eob-relation-status-rejected {
  font-size: 19px;
  font-weight: 500;
  color: #ED1C24;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-relation-status-notpresent {
  font-size: 19px;
  font-weight: 500;
  color: #bfbfbf;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-relation-status-unknown {
  font-size: 19px;
  font-weight: 500;
  color: #808080;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-sharing .modal-footer .eob-btn-action-group .eob-btn-dark-blue {
  background: #0096ce;
}

.eob-homeWrap .eob-sharing .eob-btn-dark-blue .eob-btn-label {
  font-size: 18px;
  color: #00aeef;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-sharing .eob-btn-label {
  font-size: 18px;
  color: #ffffff;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-sharing .eob-btn-dark-blue .eob-btn-label-md {
  font-size: 22px;
  color: #ffffff;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-sharing .eob-btn-label-md{
  font-size: 22px;
  color: #ffffff;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-sharing .eob-btn-label-addList {
  font-size: 17px;
  color: #00aeef;
  font-weight: 500;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-sharing .eob-btn-label-deleteSharing {
  font-size: 17px;
  font-weight: normal;
  color: #c80026;
  margin-bottom: 0px;
}

.eob-homeWrap .eob-sharing .eob-img-deleteSharing {
  width:19px;
  height: 19px;
  margin-bottom: 4px;
}

.eob-homeWrap .eob-sharing .eob-sharing-cardHeader {
  /* border-bottom: 2px solid #cdcdcd; */
  border-bottom: unset !important;
  background-color:#fff;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

@media (max-width: 370px) {
  .eob-sharing .modal-dialog.eo-modal-md.eob-homeWrap {
      max-width: 355px;
  }
}

@media (min-width: 576px) {

  .eob-homeWrap .eob-input-form-label-addPeer-sharing{
    font-size: 21px;
    font-weight: 200;
    color: #000000 !important;
    background: #f3f3f3;
    border-radius: unset;
  }

  .eob-sharing .modal-dialog.eo-modal-md.eob-homeWrap {
      max-width: 528px;
  }
}

@media (min-width: 992px) {

  .eob-homeWrap .eob-sharing .card.sharingList  {
    border-top-right-radius: unset !important;
    border-bottom-right-radius: unset !important;
  }
  .eob-homeWrap .eob-sharing .card.sharingView  {
    border-top-left-radius: unset !important;
    border-bottom-left-radius: unset !important;
  }

}

.eob-homeWrap .eob-sharing .sharingView .card-footer:last-child {
    border-radius: 10px;
}

.eob-homeWrap .eob-sharing .eob-sharing-addBtn {
  width:56px;
  height: 38px;
  border: none;
  transition:unset;
  box-shadow: unset;
  background: url('/static/images/setting/sharing/btn_list_add.svg') no-repeat;
}

.eob-homeWrap .eob-sharing .btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-info.dropdown-toggle:focus {
  box-shadow: unset;
}

.eob-homeWrap .eob-sharing .btn-outline-info:not(:disabled):not(.disabled).active, .eob-sharing .btn-outline-info:not(:disabled):not(.disabled):active, .eob-sharing .btn-outline-info.dropdown-toggle{
  border-color: transparent;
  background-color:#fff;
  color:transparent;
}

.eob-homeWrap .eob-sharing .eob-icon-search {
  width:25px;
  height: 25px;
  background: url('/static/images/setting/sharing/btn-inp-search.png') no-repeat;
}

/** 공유-환자/보호자 및 의료진 추가 - DialogBox Modal Start Setting **/
.eob-sharing .eob-homeWrap .modal-content {
  max-width: 528px !important;
  min-height: 355px;
}

.eob-sharing .eob-homeWrap .modal-header {
  margin-top: 26px;
  margin-bottom: 16px;
}

.eob-homeWrap .eob-sharing .modal-header .close {
  opacity: unset;
}

.eob-homeWrap .eob-sharing .modal-header .close:active, .close:focus {
  outline: none !important;
  box-shadow: none;
}

.eob-sharing .eob-homeWrap .modal-footer {
  /* margin-top: 10px; */
}

.eob-sharing .eob-homeWrap .modal-body .input-group-lg>.form-control.eob-input-form-label-addPeer-sharing{
  height: 67px;
}

.eob-sharing .eob-homeWrap .modal-body .input-group-lg > .form-control::-webkit-input-placeholder {
  color: #000000;
  font-size: 21px;
  /* font-weight: 300; */
  font-stretch: normal;
  font-style: normal;
  line-height: 1.48;
}

.eob-sharing .eob-homeWrap .modal-footer .eob-btn-action-group {
  height: 73px;
}
/** 공유-환자/보호자 및 의료진 추가 - DialogBox Modal End Setting **/

.eob-homeWrap .eob-sharing .sharingView .input-group-lg>.form-control {
  border-radius: unset;
  height:67px;
}

.eob-homeWrap .eob-sharing .sharingView .input-group-lg>.form-control.eo-vcode-inputmask {
  color: #000000 !important;
}

.eob-homeWrap .eob-sharing .btn-lg-action-sharing {
  background: #33bef2;
  font-size: 19px;
  font-weight: normal;
  border:none;
  border-radius: unset;
  box-shadow: unset !important;
}

.eob-homeWrap .eob-sharing .btn-lg-action-sharing:hover, .eob-homeWrap .eob-sharing .btn-lg-action-sharing:active {
  background: #33bef2;
  /* font-size: 19px;
  font-weight: normal;
  border:none;
  border-radius: unset;
  box-shadow: unset !important; */
}

.eob-homeWrap .btn-lg-action-sharing:not(:disabled):not(.disabled):active {
  background: #33bef2;
}

.eob-homeWrap .eob-sharing .stylish-table tbody tr:hover, .stylish-table tbody tr.active {
  background-color:#f3f3f3;
}

.eob-homeWrap .eob-sharing .slimScrollDiv {
  margin-top: 30px;
}

.eob-homeWrap .eob-sharing .slimScrollBar {
  background: #000000 !important;
  opacity: 0.15 !important;
  margin-right: 5px;
}

.eob-homeWrap .eob-emailLabel-sharing {
  padding:0px;
  padding-left: 17px;
  font-size: 17px;
  font-weight: normal;
  color: #8c8c8c;
}

.eob-sharing-text-maxlength, .eob-sharing-text-maxlength-en {
  max-width: 380px;
}

@media (max-width: 375px) {
  .eob-sharing-text-maxlength {
    max-width: 220px;
  }

  .eob-sharing-text-maxlength-en {
    max-width: 220px;
  }

  .table.eob-sharing-list-tbl td.eob-listLabel-sharing span, .table.eob-sharing-list-tbl-en td.eob-listLabel-sharing span {
    max-width: 75% !important;
  }
}

@media (min-width: 380px) and (max-width: 765px) {

  .eob-sharing-text-maxlength {
    max-width: 300px;
  }

  .eob-sharing-text-maxlength-en {
    max-width: 300px;
  }

  .table.eob-sharing-list-tbl td.eob-listLabel-sharing span {
    max-width: 83% !important;
  }

  .table.eob-sharing-list-tbl-en td.eob-listLabel-sharing span {
    max-width: 85% !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .eob-sharing-text-maxlength {
    max-width: 380px;
  }

  .eob-sharing-text-maxlength-en {
    max-width: 380px;
  }

  .table.eob-sharing-list-tbl td.eob-listLabel-sharing span {
    max-width: 83% !important;
  }

  .table.eob-sharing-list-tbl-en td.eob-listLabel-sharing span {
    max-width: 85% !important;
  }
}

.table.eob-sharing-list-tbl td.eob-listLabel-sharing {
  max-width: 277px;
}

.table.eob-sharing-list-tbl td.eob-listLabel-sharing span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 80%;
}

.table.eob-sharing-list-tbl-en td.eob-listLabel-sharing {
  max-width: 277px;
}

.table.eob-sharing-list-tbl-en td.eob-listLabel-sharing span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 85%;
}


/* Home - Sharing setting End */

/****************************************************************************************************/
/*** UnsupportedBrowser CSS                                                                                      **/
/****************************************************************************************************/
/* UnsupportedBrowser - Start CSS */
.eob-body-unsupportedBrowser{
  margin: 20px;
}

.eob-body-unsupportedBrowser .main {
    height: 100%;
    width: 100%;
    display: table;
}
.eob-body-unsupportedBrowser .wrapper {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}


.eob-body-unsupportedBrowser .card{
  border-radius: unset !important;
  box-shadow:0 0 0 0 white;
  margin-bottom: 0px;
}


.eob-body-unsupportedBrowser .eob-mainTitle-unsupportedBrowser {
  font-size: 32px;
  color: #333333;
  font-weight: normal;
  margin-bottom: 0px;
}

.eob-body-unsupportedBrowser .eob-subTitle-unsupportedBrowser {
  font-size: 25px;
  color: #333333;
  font-weight: 300;
  margin-bottom: 0px;
}

/* UnsupportedBrowser - End CSS */

/************************************************************************/
/* Help- 도움말 setting Start */
.eob-help-contents .eob-help-contents-item .card {
  border: none;
  /* border-top: 1px solid #cdcdcd; */
  border-radius: unset;
}

.eob-homeWrap .eob-help .form-control {
  height: 59px;
  background: #f7f7f7;
  border: solid 1px #cccccc;
  border-right: none !important;
  border-radius: 8px;
}

.eob-homeWrap .eob-help .eob-help-content .form-control {
  height: 43px;
  width: 236.25px;
  background: #f7f7f7;
  border: solid 1px #cccccc;
  border-right: none !important;
  border-radius: 8px;
}

.eob-homeWrap .eob-help .input-group>.custom-select:not(:last-child), .eob-homeWrap .eob-help .input-group>.form-control:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.eob-homeWrap .eob-help .eob-help-content .input-group >.custom-select:not(:last-child), .eob-homeWrap .eob-help .eob-help-content .input-group >.form-control:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.eob-homeWrap .eob-help .input-group-text {
  background:#f7f7f7;
  border:1px solid #cccccc;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  height:59px;
}

.eob-homeWrap .eob-help .eob-help-content .input-group-text {
  background:#f7f7f7;
  border:1px solid #cccccc;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  height:45px;
}

.eob-homeWrap .eob-help .input-group-text-focus-on, .eob-homeWrap .eob-help .eob-help-content .input-group-text-focus-on {
  background: #ffffff;
  border-color:#00aeef;
}

.eob-homeWrap .eob-help .list-group-item {
  border-bottom: 1px solid #cdcdcd;
}

.eob-homeWrap .eob-help .list-group-item:first-child {
  /* EOBridgeWeb 도움말 본문 수정본 - GUI guide Update */
  /* border-top-left-radius: 10px;
  border-top-right-radius: 10px; */
}

.eob-homeWrap .eob-help .list-group-item:last-child {
    /* EOBridgeWeb 도움말 본문 수정본 - GUI guide Update */
    /* margin-bottom: 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px; */
}

.eob-homeWrap .eob-help .list-group-item.eob-help-node-expanded:last-child {
    /* border-bottom: 1px solid #cdcdcd; */
}

.eob-homeWrap .eob-help ul.eob-ul-list-style-none {
  list-style-type: none;
  padding-inline-start: 16px;
}

.eob-homeWrap .eob-help .eob-imgContainer {
  display:flex;
  justify-content: center;
}

.eob-homeWrap .eob-help .eob-imgContainer > img {
  /* height: 100%;
  width: 100%; */
}

.eob-homeWrap .eob-help .eob-img-horizontal {
  display: inline-block !important;
}

.eob-homeWrap .eob-help .eob-inner-p {
  padding-inline-start: 16px;
}

.eob-mainTitle-help {
  font-size: 30px;
  color: #00aeef;
  font-weight: 500;
  margin-bottom: 0px;
}

.eob-subTitle-help {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 0px;
}

.eob-subTitle-contents-help {
  font-size: 16px;
  font-weight: normal;
  color: #333333;
}

.eob-mainTitle-contents-help {
  font-size: 21px;
  color: #333333;
  font-weight: bold;
  /* opacity: 0.5; */
  margin-bottom: 0px;
}

.eob-mainTitle-contents-body-help {
  font-size: 32px;
  font-weight: normal;
  color: #333333;
  opacity: 0.5;
}

.eob-subTitle-contents-body-help {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}

.eob-contents-body-help {
  font-size: 16px;
  font-weight: normal;
  color: #333333;
  /* max-width:786px; */
}

.eob-contents-body-help-bold {
  font-weight: bold;
}

.eob-contents-body-help-blue {
  color: #0070C0;
}

/*=== Help - Table setting Start ===*/
.eob-homeWrap .eob-help table {
  width: 100%
}

.eob-table-width-10 {
  width : 10%;
  text-align: center;
}

.eob-table-width-15 {
  width : 15%;
  text-align: center;
}

.eob-table-width-20 {
  width : 20%;
  text-align: center;
}

.eob-table-width-25 {
  width : 25%;
  text-align: center;
}

.eob-table-width-30 {
  width : 30%;
  text-align: center;
}

.eob-table-width-40 {
  width : 40%;
  text-align: center;
}

.eob-table-width-50 {
  width : 50%;
  text-align: center;
}

.eob-table-text-left {
  text-align: left;
}

.eob-homeWrap .eob-help table {
  border-left: unset;
  border-right: unset;
  border-bottom: 1px solid #D9D9D9;
  margin-top: 16px;
  margin-bottom: 16px;
}

.eob-homeWrap .eob-help table.eob-table-info {
  border-collapse: collapse;
  text-align: center;
  font-size: 16px;
  font-weight: normal;
  color: #333333;
}

.eob-homeWrap .eob-help table.eob-table-info th {
  border: 1px solid #ffffff;
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center;
  background-color: #F2F2F2;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}

.eob-homeWrap .eob-help table.eob-table-info td {
  padding-left: 8px;
  padding-right: 8px;
  border: 1px solid #D9D9D9;
}

.eob-homeWrap .eob-help table.eob-table-info tr:first-child td {
  border-top: 0;
}

.eob-homeWrap .eob-help table.eob-table-info tr td:first-child {
  border-left: 0;
}

.eob-homeWrap .eob-help table.eob-table-info tr:last-child td {
  border-bottom: 0;
}

.eob-homeWrap .eob-help table.eob-table-info tr td:last-child {
  border-right: 0;
}

.eob-homeWrap .eob-help.eob-table-border-left {
  border-left: 1px solid #D9D9D9 !important;
}

.eob-table-top-bottom {
  border-top: 1px solid #F2F2F2;
  border-bottom: 1px solid #F2F2F2;
}

.eob-table-box-gray {
  background-color: #F2F2F2;
}

.eob-narsha-help table th.eob-table-top-gray {
  background-color: #F2F2F2;
}
/*=== Help - Table setting End ===*/
/*=== Help - TreeView setting Start ===*/
.eob-help .list-group-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-color: #cdcdcd;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 16px;
  padding-bottom: 16px;
  height: 56px;
  border: unset;
  margin-bottom: 0px; /* margin값 -1로 설정하면 list item이 겹쳐져서 border line이 사라짐 */
}

.eob-help .list-group-item.node-selected{
  background-color: #fff !important;
}

.eob-help .ti-angle-down:before {
  content: url(../assets/images/icon/btn_gnb_com_open.svg);
}

.eob-help .ti-angle-right:before {
  content: url(../assets/images/icon/btn_insulin_drop.svg);
}

.eob-help .treeview span.icon {
  /* width: auto; */
  width:40px;
  height: 40px;
  margin-right: 0px;
}

.eob-help .treeview span.icon.expand-icon {
  order: 3;
  content: url(../assets/images/icon/btn_arr_forward.svg);
  margin-top: 8px;
  margin-bottom: 8px;
}

.eob-help .treeview span.icon.node-icon {
  /* order: 1; */
  display: none;
}

.eob-help .treeview span.indent {
  display: none;
}

.eob-help .treeview span.icon.glyphicon {
  display: none;
}

.eob-help .list-group-item.node-helpTitles:not(.node-disabled):hover {
  background-color: #ffffff;
}

.eob-help .list-group-item:focus, .list-group-item:hover {
  border-bottom: none;
}

.eob-help .node-helpTitles.eob-help-node-expanded:not(.node-disabled):hover {
  /* background-color: #fafafa; */
  background-color: #ffffff;
}

.eob-help .eob-help-node-level-0 {
  font-family: NotoSansCJKkr;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.25;
  color: #333333;
}

.eob-help .eob-help-node-level-1 {
  font-size: 16px;
  font-weight: normal;
  color: #333333;
  margin-left: 15px;
}

.eob-help .eob-help-node-expanded {
  background-color: #fafafa;
  border-top: none;
  border-bottom: none;
}

.eob-homeWrap .eob-help .treeview ul.list-group li.list-group-item:nth-child(1) text.eob-help-node-level-0, .eob-homeWrap .eob-help .treeview ul.list-group li.list-group-item:nth-child(7) text.eob-help-node-level-0 {
  font-family: NotoSansCJKkr;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  color: #333333;
}

.eob-homeWrap .eob-help .treeview ul.list-group li.list-group-item:nth-child(7) {
  margin-top: 32px;
}

/*=== Help - TreeView setting End ===*/

.eob-help-contents .slimScrollBar {
  margin-top:0px;
  height: 322px !important;
  width:6px !important;

}

.eob-help-contents .slimScrollDiv .card {
  border: none;
  border-bottom: 1px solid #cdcdcd;
  border-bottom-left-radius: unset !important;
  border-bottom-right-radius: unset !important
}

.eob-homeWrap .eob-help-none {
  max-width: 640px;
  height: 591px;
  margin-top: 24px;
  padding: 32px;
}

.eob-contents-title-help-none {
  font-size: 24px;
  font-weight: bold;
  color: #333333;
}

.eob-contents-body-help-none {
  font-size: 16px;
  font-weight: normal;
  color: #333333;
  /* max-width:786px; */
}

/* Help- 도움말 setting End */

/* Home - Chart setting Start */

.eob-homeWrap .eob-trends-overlay .canvasjs-chart-toolbar {
  top: -40px !important;
  right: -5px !important;
  border:unset !important;
}

.eob-homeWrap .eob-trends-daily .canvasjs-chart-toolbar {
  top: -40px !important;
  right: -5px !important;
  border:unset !important;
  margin-right: 16px;
}

#trendChart.eob-homeWrap .canvasjs-chart-toolbar  button {
  padding : unset !important;
  height: 40px !important;
  border-right: unset !important;
}

#trendChart.eob-homeWrap .canvasjs-chart-toolbar  button:hover {
  filter:unset !important;
  background-color: #ffffff !important;
}

#trendChart.eob-homeWrap .canvasjs-chart-toolbar img {
  height: 100%;
  filter:unset !important;
}

#trendChart.eob-homeWrap .canvasjs-chart-toolbar button[state="pan"] > img {
  content: url('/static/images/trends/btn_trend_pan.svg');
}

#trendChart.eob-homeWrap .canvasjs-chart-toolbar button[state="pan"] > img:hover {
  content: url('/static/images/trends/btn_trend_pan_hover.svg');
  filter: unset !important;
}

#trendChart.eob-homeWrap .canvasjs-chart-toolbar button[state="zoom"] > img {
  content: url('/static/images/trends/btn_trend_zoom.svg');
  /* background-image: url('/static/images/trends/btn_trend_zoom.svg');
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  padding-left: 5px;// equal to width of image.
  margin-left:5px;// to add some space for better look
  content:""; */
}

#trendChart.eob-homeWrap .canvasjs-chart-toolbar button[state="zoom"] > img:hover {
  content: url('/static/images/trends/btn_trend_zoom_hover.svg');
  /* background-image: url('/static/images/trends/btn_trend_zoom_hover.svg');
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  padding-left: 5px;// equal to width of image.
  margin-left:5px;// to add some space for better look
  content:"";
  filter: unset !important; */
}

#trendChart.eob-homeWrap .canvasjs-chart-toolbar button[state="reset"] > img {
  content: url('/static/images/trends/btn_trend_reset.svg');
}

#trendChart.eob-homeWrap .canvasjs-chart-toolbar button[state="reset"] > img:hover {
  content: url('/static/images/trends/btn_trend_reset_hover.svg');
  filter: unset !important;
}

/* Home - Chart setting End */

/*** Windows animation setup is off일 경우 Modal이 정상 동작 되기 위한 설정 Start ***/
@media screen and (prefers-reduced-motion: reduce) {
  .fade {
    transition: opacity 1ms;
  }
}

@media screen and (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: transform 1ms;
    transition: -webkit-transform 1ms;
  }
}
/*** Windows animation setup is off일 경우 Modal이 정상 동작 되기 위한 설정 End ***/

/****************************************************************************************************/
/*** 404 Not Found Error Page CSS                                                                                      **/
/****************************************************************************************************/
/* NotFoundErrorPage - Start CSS */
.eob-body-notFoundErrorPage{
  margin: 20px;
}

.eob-body-notFoundErrorPage .main {
    height: 100%;
    width: 100%;
    display: table;
}
.eob-body-notFoundErrorPage .wrapper {
  display: table-cell;
  height: 100%;
  /* vertical-align: middle; */
}

.eob-body-notFoundErrorPage .card{
  border-radius: unset !important;
  box-shadow:0 0 0 0 white;
  margin-bottom: 0px;
}


.eob-body-notFoundErrorPage .eob-mainTitle-notFoundErrorPage {
  font-size: 30px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  margin-bottom: 8px;
  color: #666;
}

.eob-body-notFoundErrorPage .eob-subTitle-notFoundErrorPage {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  margin-bottom: 24px;
  color: #666;
}

.eob-body-notFoundErrorPage .eob-btn-notFoundErrorPage {
  width: 136px;
  height: 60px;
  padding: 17px 18px;
  margin-bottom: 216px;
}

.eob-body-notFoundErrorPage .eob-btn-notFoundErrorPage .eob-btn-label-notFoundErrorPage {
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
/* NotFoundErrorPage - End CSS */