.spa_reservation_form .alert{
	display: none;
}
.spa_reservation_form .alert p{
	color: #25ac91;
	font-size: 14px;
    
    line-height: 20px;
    
    text-align: left;
    margin-bottom: 0px;
}
.spa_reservation_form .form-control{
	margin-bottom: 10px;
}
.spa_reservation_form h3{
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 40px;
}
.badge-flat {
    font-size: 12px;
}
.custome_padding.table td,.custome_padding.table th {
    padding: 7px 5px;
}
.addclass-row td{
	animation-duration: 4s;
	animation-name: slidein;
}
@keyframes slidein {
  from {
    background: rgba(255, 87, 34, 0.25);
    
  }
  to {
    background: #fff;
    
  }
}
.nav-sidebar>.nav-item>.nav-link {
    font-weight: 500;
    padding: 15px 20px;
    font-size: 14px;
}
.nav-sidebar .nav-item {
     margin-bottom: 0px; 
    border-bottom: 1px solid #464444;
}
form label{
  margin-bottom: 0px;
}
.datatable-scroll-wrap {
    
    overflow-x: visible;
}
.point {
  background: #ffb9b9 !important;
  color: #000;
}
.joe td {
  color: #fff;
}
.joe {
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab) !important;
  background-size: 500% 500% !important;
  animation: gradientBG 3s ease infinite !important;
}


@keyframes gradientBG {
0% {
  background-position: 0% 50%;
}
50% {
  background-position: 100% 50%;
}
100% {
  background-position: 0% 50%;
}
}

.joe1 {
  background: linear-gradient(-45deg, #b9ffbe, #464444) !important;
  background-size: 500% 500% !important;
  animation: gradientJoe 3s ease infinite !important;
  color: #fff;
}
@keyframes gradientJoe {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }
.hidden{
  display: none;
}
.pagination{
  margin-top: 10px;
  float: right;
  text-align: right;
  margin-bottom: 10px;
}
.pagination li{
    padding: 0px 7px;
    border: 1px solid #003366;
    border-radius: 2px;
    margin-left: 1px;
}
.pagination li a{
  color: #003366;
}
.pagination li.active{
  background: #003366
}
.pagination li.active a{
  color:  #fff
}
.bookings.active .card-body{
  background: #4caf5052;
}
.bookings .card .card-body {
    padding: 8px 20px;
    height: 150px;
    overflow-y: scroll;
    padding-left: 23px;
}
.badge-primary {
    color: #fff;
    background-color: #2196f3;
}
.badge {
    display: inline-block;
    padding: .3125rem .375rem;
    font-size: 75%;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .125rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
form label{
  font-weight: 500;
}
form .form-control{
  margin-bottom: 15px;
}
form .site-button, form .site-buttons {
    width: 100px;
    background: #003366;
    color: #fff;
    height: 40px;
    box-shadow: none;
    border: none;
    margin-top: 0px; 
    float: left;
    line-height: 20px;
    text-align: center;
}
tr.online_tool{
  background: rgba(76, 175, 80, 0.4) !important;
}
tr.terminated{
  background: rgba(255, 0, 86, 0.9) !important;
  color: #FFF;
}
tr.suspended{
  background: rgba(255, 0, 86, 0.9) !important;
  color: #FFF;
}
tr.locked{
  background: rgba(255, 0, 86, 0.9) !important;
  color: #FFF;
}
#modal_detail_upload .info_row p{
  color: #000;  
}
#modal_detail_upload .info_row p span{
  padding: 4px 7px;
  border-radius: 5px;
  background: #eee;
  margin-right: 5px;
  width: 10px;
}
#modal_detail_upload .info_row p.success span{
  background: #4caf50;
  color: #fff;
  display: inline-table;
    margin-bottom: 3px;
}
#modal_detail_upload  span.fail {
  background: #f44336;
    color: #fff;
    cursor: pointer;
    display: inline-table;
    margin-bottom: 3px;
    padding: 4px 7px;
    border-radius: 5px;
   
    display: inline;
}
td.error_tool{
  background: rgba(255, 26, 9, 0.41);
  -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;
}

.c-badge--1 {
    background: #29c747;
}
.c-badge--l1 {
    font-size: 20px;
    padding: 15px 20px;
}
.c-badge {
    min-width: 100px;
    border-radius: 3px;
    padding: 10px;
    display: inline-block;
    color: white;
    margin-top: 5px;
    margin-bottom: 5px;
}
.c-badges {
    background: #9e9e9e;
    border-radius: 3px;
    padding: 10px;
    display: inline-block;
    color: white;
    margin-top: 5px;
    margin-bottom: 5px;
}
.input_opacity_0{
  opacity: 0;
    position: absolute;
    top: 0;
}
.text-error{
  font-size: 16px;
    color: red;
    font-weight: bold;
}
.login-form label.error{
  color: red;
  margin: 0px;
}
.login-form input.error{
  border: 1px solid red;
  margin-bottom: 0px;
}
.checkcontainer {
    display: block;
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    font-size: 14px;
    margin-bottom: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: 10px;
    font-weight: 500;
}
.checkcontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.checkcontainer input:checked ~ .checkmark {
    background-color: #4caf50;

}
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #c5bebe
}
.checkcontainer input[type="radio"] ~ .checkmark {
    border-radius: 50%;
}
.checkcontainer input:checked ~ .checkmark:after {
    display: block;
}
.checkcontainer .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);

}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.cases_option{
  width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    display: none;
    padding-left: 10px;
    padding-right: 10px;
}
.auto_upload {
  padding-left: 0px;
}
.auto_upload .checkmark {

    background-color: #9a9494;
}
.table_account  td, .table_account th {
    padding: 5px;
}
.customer_col3{
  min-height: 26px;
  display: block;
  clear: both;
}
.customer_col3 label.checkcontainer{
    width: 20%;
    float: left;  
}
.customer_col3.price input{
    width: 20%;
    float: left;
    margin-left: 10px;
    padding: 0 5px;
    border-radius: 1px;
}
hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #eee;
}
.modal-content .color-wrap{
  padding: 0px 15px;
  margin-bottom: 10px;
}
.modal-content .color-wrap .color{
  display: block;
  margin-top: 5px;
  clear: both;
}
.modal-content .color-wrap .color label{
  float: left;
  height: 35px;
}
.modal-content .color-wrap .color .checkmark {
    height: 28px;
    width: 28px;
    border: 1px solid #c5bebe;
    border-radius: 3px;
}
.modal-content .color-wrap .color input:checked ~ .checkmark {
    background-color: transparent;
    border: 2px solid #ff6a00;
}
.modal-content .color-wrap .color .checkmark:after{
  left: 10px;
    top: 4px;
    width: 6px;
    height: 14px;
    border: solid black;
    border-width: 0 3px 3px 0;
}
.checkcontainer.disabled{
    cursor: no-drop;
}

.dark_heather .checkmark{
  background: url('../images/color/merch-color-dark-heather.png') 100% 100%;
}
.heather_grey .checkmark{
  background: url('../images/color/merch-color-heather-grey.png') 100% 100%;
}
.heather_blue .checkmark{
  background: url('../images/color/merch-color-heather-blue.png') 100% 100%;
}
.black .checkmark{
    background: #000 !important;
}
.navy .checkmark{
    background: #15232b !important;
}
.silver .checkmark{
    background: #cfd1d1 !important;
}
.royal .checkmark{
    background: #1c4086 !important;
}
.brown .checkmark{
    background: #31261d !important;
}
.beige .checkmark{
    background: #fdf3d9 !important;
}
.grey .checkmark{
    background: #484848 !important;
}
.mauve .checkmark{
    background: #AA5F64 !important;
}
.storm .checkmark{
    background: #848087 !important;
}
.tan .checkmark{
    background: #C2AE92 !important;
}
.forest .checkmark{
    background: #233129 !important;
}
.slate .checkmark{
    background: #818189 !important;
}
.dark_green .checkmark{
  background: #2B4B39 !important;
}
.burgundy .checkmark{
  background: #632131 !important;
}
.golden_yellow .checkmark{
  background: #F8B50E !important;
}
.purple_heather .checkmark{
  background: #71629c !important;
}
.red_heather .checkmark{
  background: #cb4366 !important;
}
.olive_heather .checkmark{
  background: #838680 !important;
}
.pink_heather .checkmark{
  background: #e86f93 !important;
}
.ivory .checkmark{
  background: #F5F4F0 !important;
}
.light_beige .checkmark{
  background: #EFE5D4 !important;
}
.light_pink .checkmark{
  background: #FBE5E7 !important;
}
.light_purple .checkmark{
  background: #CCB5D4 !important;
}
.mint_green .checkmark{
  background: #9ED0B6 !important;
}
.sage_green .checkmark{
  background: #8d9d80 !important;
}
.bright_pink .checkmark{
  background: #e06a91 !important;
}
.dusty_blue .checkmark{
  background: #90a8c2 !important;
}
.red .checkmark{
    background: #b71111 !important;
}
.asphalt .checkmark{
    background: #3f3e3c !important;
}
.grass .checkmark{
    background: #5e9444 !important;
}
.olive .checkmark{
    background: #4a4f26 !important;
}
.kelly_green .checkmark{
    background: #006136 !important;
}
.baby_blue .checkmark{
    background: #8fb8db !important;
}
.white .checkmark{
    background: #fff !important;
}
.lemon .checkmark{
    background: #f0e87b !important;
}
.cranberry .checkmark{
    background: #6e0a25 !important;
}
.pink .checkmark{
    background: #f8a3bc !important;
}
.orange .checkmark{
    background: #ff5c39 !important;
}
.purple .checkmark{
    background: #514689 !important;
}
.forest_green .checkmark{
    background: #0f5b20 !important;
}
.sapphire .checkmark{
    background: #0067A5 !important;
}
.black_athletic_heather .checkmark{
    background: url('../images/color/black-heather-swatch.svg');
    background-size: 100%; 
}
.black_white .checkmark{
    background: url('../images/color/black-white-swatch.svg');
    background-size: 100%; 
}
.dark_heather_white .checkmark{
    background: url('../images/color/dark-heather-white-swatch.svg');
    background-size: 100%; 
}
.navy_athletic_heather .checkmark{
    background: url('../images/color/navy-heather-swatch.svg');
    background-size: 100%; 
}
.navy_white .checkmark{
    background: url('../images/color/navy-white-swatch.svg');
    background-size: 100%; 
}
.red_white .checkmark{
    background: url('../images/color/Swatch_White_Red_1x.svg');
    background-size: 100%; 
}
.royal_blue_white .checkmark{
    background: url('../images/color/royal-white-swatch.svg');
    background-size: 100%; 
}
.collapse_table{
    position: absolute;
    width: 100%;
    right: 0px;
    z-index: 9;
    margin-top: 6px;
}
.m-account__sales-info .nav-tabs{
  border:none;
}
.m-account__sales-info .nav-tabs li a{
  padding: 5px 20px;
   margin-right: 6px;
    border: 1px solid #eee;
    border-radius: 10px;
}
.fade:not(.show){
  opacity: 1 !important;
}
.m-account__sales-info .nav-tabs li a.active {
  background: #e6e6e6;
}
.today_checksales .number_today{
  border: 1px solid #42e7ef;
    background: #cff6ff;
    padding: 15px 15px;
    border-radius: 10px;
}
.today_checksales .number_today h3{
  font-size: 16px;
    font-weight: bold;
}
.today_checksales .number_today h3 span{
  font-weight: 500;
    font-size: 12px;
    color: #565555;
    margin-left: 10px;
}
.today_checksales .number_today hr{
      border-top: 1px solid #d2d2d2;
      margin-bottom: 0px;
}
.today_checksales .number_today h1{
  font-weight: 700;
    font-size: 60px;
    color: #08a798;
}
.today_checksales .number_today .item_s{
  width: 33.33%;
  float: left;
  text-align: center;
}
.today_checksales .number_today .item_s p{
  margin-bottom: 0px;
  font-size: 18px;
}
.today_checksales .number_today .item_s p:last-child{
  margin-bottom: 0px;
  font-size: 12px;
  color: #565555;
}
.today_checksales .number_today .item_s p.usd{
  
  font-weight: bold;
}
.today_checksales .bottom_item{
  width: 100%;
  float: left;
}
.today_checksales .bottom_item .customer_col_20{
  width: 25%;
  float: left;
  padding: 10px;
}
.today_checksales .bottom_item .customer_col_20 .item{
  border: 1px solid #eee;
  border-radius: 5px;
  padding: 15px;
}
.today_checksales .bottom_item .customer_col_20 .item .left,.today_checksales .bottom_item .customer_col_20 .item .right{
  float: left;
  width: 50%;
  text-align: center;
}
.today_checksales .bottom_item .customer_col_20 .item h3{
  font-size: 16px;
    font-weight: bold;
}
.today_checksales .bottom_item .customer_col_20 .item h1{
  font-size: 40px;
    font-weight: bold;
}
.today_checksales .bottom_item .customer_col_20 .item .right p{
  font-size: 16px;
  margin-bottom: 0px;
}
.today_checksales .bottom_item .customer_col_20 .item .right p:first-child{
  font-weight: bold;
  margin-top: 7px;
}
.table {
    background: #fff;
    position: relative;
}

.show_checksales.collapsed{
  background: url(../images/down-chevron.png);
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;

}
.show_checksales{
  background: url(../images/up-chevron.png);
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;
  

}
.collapse_table.collapse.show{
  background: #f5f5f5;
}
.collapse_table.collapse.show table{
  background: #fff;
}
.collapse_table.collapse.show .card-body{
  padding: 0px;
}
.table.fail th,.table.fail td{
  padding: 5px;
}
.list-log p{
      margin-bottom: 2px;
    font-size: 14px;
    width: 100%;
    float: left;
}
.list-log p span:first-child{
   color: #4caf50;
    font-size: 15px;
    
}
.list-log p span:last-child{
     float: right;
    color: #afafaf;
    font-size: 12px;
}
.list-log p.error span:first-child{
   color: red;
}
.edit_design label{
    margin-bottom: 0;
    margin-top: 8px;
}
.table-responsive{
  display: table;
}

@media (max-width: 480px) {
  .m-account__sales-info .nav-tabs li {
    margin-bottom: 20px;
  }

  .today_checksales .number_today {
    margin-bottom: 30px;
  }

  .today_checksales .bottom_item .customer_col_20 {
    width: 50%;
  }
  
  .menu-buttons {
    text-align: center !important;
  }

  .menu-buttons button {
    margin-bottom: 5px;
  }

  .table-today-royalties {
    overflow-x: scroll;
    display: block;
    margin-top: 20px;
  }
}

@media (min-width: 320px) and (max-width: 767px) {
  .table-responsive,
  .table-responsive thead,
  .table-responsive tbody,
  .table-responsive th,
  .table-responsive td,
  .table-responsive tr {
    display: block;
  }
  .table-responsive > thead > tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .table-responsive > tbody > tr {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
  .table-responsive > tbody > tr:first-child {
    border-radius: 3px 3px 0 0;
    border-top: none;
  }
  .table-responsive > tbody > tr:last-child {
    border-radius: 0 0 3px 3px;
    border-bottom: none;
  }
  .table-responsive > tbody > tr td {
    border: none;
    border-bottom: 1px solid #ccc;
    position: relative;
    padding-left: 30% !important;
    width: 100%;
    overflow: hidden;
    height: auto;
    min-height: 40px;
  }
  .table-responsive.codesss > tbody > tr td {
    min-height: 60px;
    height: auto;
  }
  .table-responsive > tbody > tr td:before {
    content: attr(data-title);
    position: absolute;
    top: 15px;
    left: 14px;
    width: 30%;
    padding-right: 10px;
    white-space: nowrap;
    font-size: 14px;
  }
  .table-responsive > tbody > tr td:first-child {
    text-align: left;
  }
  .table-responsive.table-order > tbody > tr:nth-child(-n + 3) > td:first-child {
    padding: 25px 0 25px 30% !important;
    background-position: left 32% center;
  }
  .table-responsive.table-order > tbody > tr:nth-child(-n + 3) > td:first-child span {
    left: 32%;
  }
}
.total_country p{
  width: 50%;
  float: left;
  margin-top: 5px;
  float: left;
}
.total_country p span.pull-left{
  
  line-height: 20px;
}
.total_country p span.pull-right{
  
  font-size: 20px;
  line-height: 20px;
}
.customer_phone label.checkcontainer {
    width: 22%;
    float: left;
    margin-top: 10px;
}