/* ------------------------------
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.2);
  background-color: rgba(255,255,255,1);
}
.login-container {
  padding-top: 6%;
}
.register-container{
  max-width: 800px;
  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%;
}

/*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:lighter;
}
#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: #0ca26c;
  border-color: #0ca26c;
}
.credit_select:active, .credit_select:focus{
  color: #fff!important;
  background-color: #0ca26c!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;
}