
.text-decoration-line-through { text-decoration:line-through !important;  }

.form-control, .form-control2 { font-size:0.8rem; border:1px solid #ced4da; }
.frm_input {}

select.form-control, .input-group>select.form-control { flex:none; width: auto; } 

/* 버튼 기본 색상 및 폰트 크기 설정 */
.btn-sm { color: #fff !important; font-weight: 200; }
.btn.btn-default { font-size: 0.8rem; background-color: #fff; overflow:hidden; white-space:nowrap; }
.btn.btn-default:last-child { background-color: #ebebeb; }

.btn-basic { background-color:#323987; color:#fff !important; border-color:#323987; }
.btn-basic:hover { background-color:#34994f; border-color: #2f8747; color: #fff; }
.btn-basic a { color:#fff !important; }

.btn-secondary { color:#fff !important;  }
.btn-secondary:hover { color:#fff; }

.btn-input { line-height: 40px; }

.text-point { color:#323987; font-size: 12px; }

.datepicker table { font-size: 0.9rem;  }

/** The Magic **/
.btn-breadcrumb .btn:not(:last-child):after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: 100%;
  z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -17px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
}

/** The Spacing **/
.btn-breadcrumb .btn {
  padding:6px 12px 6px 14px;
}
.btn-breadcrumb .btn:first-child {
  padding:6px 6px 6px 10px;
}

/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after {
  border-left: 10px solid #fff;
}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {
  border-left: 10px solid #ccc;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
  border-left: 10px solid #ebebeb;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
  border-left: 10px solid #adadad;
}

/** Primary button **/
.btn-breadcrumb .btn.btn-primary:not(:last-child):after {
  border-left: 10px solid #428bca;
}
.btn-breadcrumb .btn.btn-primary:not(:last-child):before {
  border-left: 10px solid #357ebd;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after {
  border-left: 10px solid #3276b1;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before {
  border-left: 10px solid #285e8e;
}

/** Success button **/
.btn-breadcrumb .btn.btn-success:not(:last-child):after {
  border-left: 10px solid #5cb85c;
}
.btn-breadcrumb .btn.btn-success:not(:last-child):before {
  border-left: 10px solid #4cae4c;
}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):after {
  border-left: 10px solid #47a447;
}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):before {
  border-left: 10px solid #398439;
}

/** Danger button **/
.btn-breadcrumb .btn.btn-danger:not(:last-child):after {
  border-left: 10px solid #d9534f;
}
.btn-breadcrumb .btn.btn-danger:not(:last-child):before {
  border-left: 10px solid #d43f3a;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):after {
  border-left: 10px solid #d2322d;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):before {
  border-left: 10px solid #ac2925;
}

/** Warning button **/
.btn-breadcrumb .btn.btn-warning:not(:last-child):after {
  border-left: 10px solid #f0ad4e;
}
.btn-breadcrumb .btn.btn-warning:not(:last-child):before {
  border-left: 10px solid #eea236;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):after {
  border-left: 10px solid #ed9c28;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):before {
  border-left: 10px solid #d58512;
}

/** Info button **/
.btn-breadcrumb .btn.btn-info:not(:last-child):after {
  border-left: 10px solid #5bc0de;
}
.btn-breadcrumb .btn.btn-info:not(:last-child):before {
  border-left: 10px solid #46b8da;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):after {
  border-left: 10px solid #39b3d7;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):before {
  border-left: 10px solid #269abc;
}

/* 라운드 처리 추가 */
.rounded-5 { border-radius: 0.5rem !important; }

/**
  ** Created by: http://github.com/localnetwork/
  */

.select2-container .select2-selection--single { height: calc(2.25rem + 2px); }

@media (min-width: 768px) {
    .responsive-tabs .dropdown-arrow {
        display: none; 
    } 
}

@media screen and (max-width: 767px) {
    .menutabWrap { margin-top: 20px; }
  
    .responsive-tabs {
        position: relative; 
        border: 1px solid #ccc;
    }
    .responsive-tabs li {
        width: 100%; 
        margin: 0 !important; 
    }
    .responsive-tabs li > a {
        display: none; 
        border: 0 !important; 
        border-radius: 0 !important;
    }
    .menutabWrap.open li > a, .responsive-tabs li > a.active {
        display: block;
    }
  
    .menutabWrap .dropdown-arrow {
        position: absolute;
        top: -13px;
        right: 15px;
        border: solid #fff;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 3px;
        vertical-align: middle;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transition: all ease .5s;
        cursor: pointer;
    }
    
    .menutabWrap .open .dropdown-arrow {
        transform: rotate(-135deg);
        transition: all ease .5s;
    }
}  

.input-group.date { width: 180px; }

.zipcode { width: 80px;}

#ui-datepicker-div { z-index: 99 !important; }

.mobile #ui-datepicker-div { width:90% !important; top:50% !important; left:50% !important; transform: translate(-50%, -50%) !important;}

