@media (min-width:576px) {
  .page-inner {
    padding-right: 0.5rem;
    padding-left: 0.5rem
  }
}
@media (min-width:992px) {
  .page-inner {
    padding-right: 1.5rem;
    padding-left: 1.5rem
  }
}

.page-fluid{
	.page.title-bar,
	.page-section{
		max-width: auto!important;
	}
}

.width-130{
  width:130px !important;
}


.width-150{
  width:150px !important;
}

.width-100{
  width:100px !important;
}

.width-70{
  width:70px !important;
}

.width-76{
  width:76px !important;
}

.width-60{
	width:60px !important;
}

.dashboard-menu {
  background-color:#3B464F;
  min-width:100px;
  border-radius: 5px;
}

.table-danger {
  background-color: #f98686;
}

.bg-danger {
  background-color: #f98686 !important;
}

a.bg-danger:focus, a.bg-danger:hover,
button.bg-danger:focus, button.bg-danger:hover {
  background-color: #fa9e9e !important;
}

.bg-success {
  background-color: #99ff99 !important;
}

a.bg-success:focus, a.bg-success:hover,
button.bg-success:focus, button.bg-success:hover {
  background-color: #b3ffb3 !important;
}

.bg-pale-blue {
  background-color: #d4e3fc;
}

/*.tt-suggestion:hover {
  background-color: #535c68;
}*/
.tt-menu{
  background-color: #535c68;
}
.tt-suggestion{
  color:#fafafa;
}
.tt-suggestion strong{
  color:#f0932b;
}

.tt-open { /* UPDATE: newer versions use tt-menu instead of tt-dropdown-menu */
    min-width: 500px;
    overflow-x: scroll;
}

.red-fire{
  background-color:#c0392b;
}

.text-danger{
  color:#c0392b !important;
}

select.custom-select.custom-select-sm.form-control.form-control-sm{
  min-width: 60px;
}

#txt{
  font-size:1.2rem;
}

div.row input.btn{
  font-size: 35px
}

.numlock{
  font-size: 4rem;
}

.color-helper-option{
  color:#000 !important;
}

.inline-block{
  display:inline-block !important;
}

.modal-lg {
  max-width: 1100px;
}

.modal-md {
  max-width: 900px;
}

.mt-4_3{
  margin-top: 4.3rem;
}

.scroll-y{
	overflow-y: scroll;
}

.auth{
  max-width: 920px;
  margin:20px auto;
}

.auth-floated .auth-form {
  max-width: 100%;
}

.h-200{
	height: 200px;
}

.landscape{
  margin-left: -63px;
  min-width:251px;
}

@media (min-width: 1200px) {
  .card .card-header h1{
    font-size: 48px;
  }
  .card-body h4{
    font-size: 40px;
  }
  form.login-form .form-control{
    font-size:1.2rem;
    padding-top:0;
    padding-bottom:5px;
    padding-left:20px;
  }
  .numlock{
    font-size:40px;
  }
  form.login-form input.btn{
    font-size:28px;
    padding:0.3rem;
    padding-bottom: 0.5rem;
  }
  select.custom-select.custom-select-sm.form-control.form-control-sm{
    min-width: 60px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .card .card-header h1{
    font-size: 38px;
  }
  .card-body h4{
    font-size: 30px;
  }
  form.login-form .form-control{
    font-size:1.2rem;
    padding-top:0;
    padding-bottom:5px;
    padding-left:20px;
  }
  .numlock{
    font-size:40px;
  }
  form.login-form input.btn{
    font-size:28px;
    padding:0.3rem;
    padding-bottom: 0.5rem;
  }
  select.custom-select.custom-select-sm.form-control.form-control-sm{
    min-width: 60px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px){
  .app-main{
    padding-left:0;
  }
  .card .card-header h1{
    font-size: 38px;
  }
  .card-body h4{
    font-size: 30px;
  }
  form.login-form .form-control{
    font-size:1.2rem;
    padding-top:0;
    padding-bottom:5px;
    padding-left:20px;
  }
  .numlock{
    font-size:40px;
  }
  form.login-form input.btn{
    font-size:28px;
    padding:0.3rem;
    padding-bottom: 0.5rem;
  }
  select.custom-select.custom-select-sm.form-control.form-control-sm{
    min-width: 60px;
  }
}
@media (max-width: 767.98px) {
  .card .card-header h1{
    font-size: 26px;
  }
  form.login-form .form-control]{
    font-size:1.5rem;
  }
  .card-body h4{
    font-size: 20px;
  }
  form.login-form input.btn{
    font-size:12px;
    padding:0;
  }
  .numlock{
    font-size:18px;
  }
  select.custom-select.custom-select-sm.form-control.form-control-sm{
    min-width: 60px;
  }
}

@media (max-width: 575.98px) {
  .card .card-header h1{
    font-size: 26px;
  }
  .card-body h4{
    font-size: 20px;
  }
  form.login-form input.btn{
    font-size:12px;
    padding:0;
  }
  .numlock{
    font-size:18px;
  }
  select.custom-select.custom-select-sm.form-control.form-control-sm{
    min-width: 60px;
  }
}

@media (max-width: 320px) {
  .card .card-header h1{
    font-size: 20px;
  }
  .card-body h4{
    font-size: 12px;
  }
  form.login-form input.btn{
    font-size:10px;
    padding:0;
  }
  .numlock{
    font-size:12px;
    padding:5px;
  }
  select.custom-select.custom-select-sm.form-control.form-control-sm{
    min-width: 60px;
  }
}

/* Portrait */
@media screen and (orientation:portrait) {
/* Portrait styles */
  .li-search{
    display:block;
    padding-left: 1rem;
  }
  table#booking-list-tbl{
    min-width: 1200px;
  }
  .width-30{
    width: 30%;
  }
  .landscape{
    margin-left: 26px;
    min-width:241px;
  }

  .dashboard-menu{
    min-width:50px;
  }
  span.hamburger-inner{
    margin-left:-2px;
    margin-top:-2px;
  }
  .nav.nav-tabs.muckoff-nav>li{
    padding:1px;
  } 
}

/*for radio button [20 AUG 2018| WYD]*/
.custom-control-label::after,
.custom-control-label::before {
  top: .25rem;
}

/*for loading in approving gift card [20 AUG 2018| WYD]*/
.loading {
  position: fixed;
  z-index: 3999;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: inherit;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

.loading > .oi {
  color: #000;
  font-size: 30px;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  position: absolute;
  top: 50%;
}

.gift_card_label{white-space:nowrap;}
label.error{color:#ea6759;font-weight: bold;}

.has-clearable .close{
  padding: .375rem 8px !important;
}