/* ------------------------------
Custom Style
------------------------------ */
/*Adjustment -Logo*/
#logo {
  padding: 10px;
}
.small-logo {
  padding-top: 10px;
  font-size:25px;
}

/*Util -Common*/
.text-link {
    color: #337ab7;
    text-decoration: underline;
}
@media screen and (max-width:1199px){
  .text-lg-small {
    font-size: 70%!important;
  }
}
@media screen and (max-width:991px){
  .text-md-small {
    font-size: 70%!important;
  }
}
@media screen and (max-width:767px){
  .text-sm-small {
    font-size: 70%!important;
  }
}
.label-block{
  display:inline-block;
  line-height:normal;
  padding: 2px 5px;
}

/*RegisterStyle -Common*/
.register-container .hpanel .panel-body,
.login-container .hpanel .panel-body {
  border: 1px solid #ccc;
  box-shadow: 0 0 20px 5px rgba(0,0,0,0.1);
  border-radius: 10px;
  /*background-color: rgba(255,255,255,0.8);*/
}
.login-container {
  padding-top: 6%;
}
.register-container{
  max-width: 950px;
  position:relative;
  padding-bottom: 30px;
  padding-top: 30px;
}
@media screen and (max-width:768px){
  .register-container, .login-container{
    overflow-x: hidden;
  }
}
.register-container h2{
  font-size:150%;
}
.plan-box {
  opacity:1;
  transform: scale(0.9);
}
.register-container .plan-box .hbuilt{
  border-color: #ccc;
  border-radius:0;
}
.register-container .plan-box .panel-body {
  box-shadow:none;
  border-radius:0;
}
.border-warning{
  border-color:#ffb606!important;
}
.border-success{
  border-color:#62cb31!important;
}

/*Mypage -Header*/
#logo.light-version span {
  font-weight: bold;
  font-size: 25px;
}
/*Mypage -SideMenu*/
body, #side-menu{
  background-color:#fff;
}
.navbar.navbar-static-top a, #side-menu li a,
#side-menu li .nav-second-level li a{
  font-weight:bold;
}
#side-menu li.active ul li.active a,
#side-menu li.active > a{
  font-weight: bold;
}
#side-menu li ul li a {
  padding-left: 35px;
}
#side-menu li.active ul li a {
  background-color:#fff;
}
#side-menu.nav>li>a:hover,
#side-menu.nav>li>a:focus,
#side-menu li.active>ul>li>a:hover {
  background-color:#f7f9fa;
  /*border-right: 5px solid #0ca26c;*/
  /*animation: menuhover-animation 0.15s linear;*/
}
/*#side-menu.nav>li.active>a:hover,
#side-menu li.active ul li a:hover,
#side-menu li.active ul li.active a,
#side-menu li.active>a.active{
  background-color:#eaeaea;
  border-right: 5px solid #144a6d;
  animation: none!important;
}*/
#side-menu li.active>a{
  background-color:#f7f9fa;
  /*border-right: 5px solid #0ca26c;*/
  /*animation: none!important;*/
}
/*@keyframes menuhover-animation {
  0%{border-right-width:0px;}
  100%{border-right-width:5px;}
}*/
#side-menu li ul li:last-child{
  border-bottom: 0;
}

/*DataTable -Adjustment*/
.pagination{margin-top:5px!important;}

/*Color -Common*/
.hr-line-dashed{
  border-top:1px solid;
}
.bg-info2{
  background-color:#3498db!important;
}
.bg-success2{
  background-color:#62cb31!important;
}
.bg-warning2{
  background-color:#ffb606!important;
}
.bg-danger2{
  background-color:#e74c3c!important;
}

/*Table -Color*/
.table-striped tr.bg-info {
  background-color: #d9edf7!important;
}
.table-striped tr.bg-success {
  background-color: #dff0d8!important;
}

/*Button -Credit Card*/
.btn-outline.credit_select{
  color: #000;
  border-color: #000;
}
.credit_select:hover{
  color: #fff;
  background-color: #f08080;
  border-color: #f08080;
}
.credit_select:active, .credit_select:focus{
  color: #fff!important;
  background-color: #f08080!important;
}
.credit_select:focus {
  outline:none;
}

/*Large CheckBox*/
.checkbox-large label::before{
  width: 25px;
  height: 25px;
}
.checkbox-large input[type="checkbox"]:checked + label::after{
  color: #e74c3c;
  font-size: 17px;
  margin-left: -19px;
}
.checkbox-large label {
  font-size: 17px;
  padding-left: 10px;
}

/*Form -AutoComplete*/
.ui-autocomplete {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}
.ui-menu .ui-menu-item {
  padding: 10px;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background-image:none;
	background-color:#aaddff;
}

/* Order Info Panel */
.order-info-panel-pc {
  position: fixed;
  right: -1px;
  top: 85px;
  padding: 10px;
  min-width: 210px;
  background-color: #fff;
  box-shadow: 0 1px 10px 0px rgba(0, 0, 0, 0.05), 10px 12px 7px 3px rgba(0, 0, 0, .1);
  border-radius: 4px 0 0 4px;
  z-index: 100;
}
.order-info-panel-sm {
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  background-color:#fff;
  border-top:2px solid #2a9c97;
  z-index:100;
}
.order-info-panel-sm table > tbody > tr > td {
  text-align: center;
  padding:2px 5px;
}
.order-info-panel-sm table > tbody > tr > th {
  padding:3px 15px;
  white-space:nowrap;
}