.hide{ display: none; }
.error {font-size: 12px; color: red;}
.alert { border: 0; }


.alert .progress {
    background-color: transparent;
    box-shadow: none !important;
    height: 3px;
    border-radius: 0;
    margin: 19px 0px -15px -13px;
}
 
.alert .progress-bar {
    box-shadow: none !important;
    background-color: rgba(0, 0, 0, 0.3);
}

.app-alert-message {
    display: inline-block;
    margin-right: 5px;
    max-width: 350px;
    min-width: 165px;
}

.app-alert.animate {
    bottom: 0;
    position: fixed;
    z-index: 9999;
    border-radius: 2px;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
    opacity: 0.25;
    right: -350px;
}

.app-alert.alert-info {
    background-color: #22b9ff;
    color: #fff;
}

.app-alert.alert-success {
    background-color: #485bbd;
    color: #fff;
}

.app-alert.alert-danger {
    background-color: #f5325c;
    color: #fff;
}

.app-alert.alert-warning {
    background-color: #ffb822;
    color: #fff;
}

.app-alert a {
    color: #444;
}

.btn-close:focus {
    box-shadow: none;
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem;
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #000;
    background: transparent
        url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>")
        center/1em auto no-repeat;
    border: 0;
    border-radius: 0.25rem;
    opacity: 0.5;
}

.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%);
}

.help-block {
    color: red;
    font-size: 12px;
}

.form-control:focus {
    color: #a2a1a1;
}
.sign-in .form-control {
    color: #495057;
}
.cost-detail h5 span {
    font-weight: 400;
    color: #fff;
    font-size: 0.9em;
    text-align: right;
    line-height: 0;
    margin-top: 5px;
}
.cost-detail h3 span {
    font-weight: 700;
    color: #fff;
    font-size: 1.2em;
    margin-top: 8px;
    text-align: right;
}

/* graph css*/
.abs-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
}
#chart_2 {
    height: 120px !important;
}
.app-alert {
    z-index: 999999 !important;
}

.txnlist a:hover,
.choose-option a:hover {
    text-decoration: none;
}
.info {
    font-weight: 400;
    color: #b2b6cb;
    font-size: 0.8em;
    margin-left: 10px;
}
/*============================== MAIN CSS CLASS UPDATED ===============================*/
.bottom-bt {
    margin-bottom: 110px;
}
/* .young-box .jersey-no2 { margin-left: 60px; } */
/* .young-box .jersey-no2 h3 { margin-bottom: 10px; } */

.young-box-list a {
    color: #fff;
}
.young3 {
    margin-bottom: 30px;
}

.h-fix-b {
    margin-bottom: 0px !important;
    padding-bottom: 70px;
}
.price-box:hover {
    text-decoration: none;
}

.dnav {
    z-index: 999;
}
.paidby h6 {
    font-size: 1em;
}

.no-ul:hover {
    text-decoration: none;
}
.multiple-top ul {
    display: contents;
}
.inner input[type="text"] {
    padding-left: 12px;
    width: 96.8%;
}

.packages .price-box h2 {
    padding-bottom: 5px;

    font-weight: 400;
    color: #49495a;
    font-size: 0.7em;
    text-align: right;
    line-height: 0;
    margin-top: 5px;
    text-decoration: line-through;
}

img.strip-dot {
    width: 25px;
    float: left;
}

.new_radio {
    left: 10px !important;
    visibility: visible !important;
}

.book-title p {
    color: #b2b6cb;
    font-size: 14px;
    font-weight: 600;
}

.payment {
    margin-bottom: 0;
}

.date-frame2 {
    padding: 5px 5px;
}

.date1 {
    padding: 0px !important;
    margin: 0px !important;
    border-bottom: none !important;
}

.avail-slot {
    margin-top: 20px;
}
.avail-slot h5 {
    margin-top: 5px;
}

.payment-pending2 p {
    font-weight: 400;
    color: #b2b6cb;
    font-size: 1em;
    margin-left: 31px !important;
    text-align: left;
}

.paidby h6 {
    text-align: left;
    margin-top: 0px;
  }


  .no-ul:hover {
    text-decoration: none;
}

.multiple-top ul {
    display: contents;
}

.inner input[type="text"] {
    padding-left: 12px;
    width: 96.8%;
}

.packages .price-box h2 {
    padding-bottom: 5px;

    font-weight: 400;
    color: #49495a;
    font-size: 0.7em;
    text-align: right;
    line-height: 0;
    margin-top: 5px;
    text-decoration: line-through;
}

img.strip-dot {
    width: 25px;
    float: left;
}

.new_radio {
    left: 10px !important;
    visibility: visible !important;
}

.book-title p {
    color: #b2b6cb;
    font-size: 14px;
    font-weight: 600;
}

.payment {
    margin-bottom: 0;
}

.date-frame2 {
    padding: 5px 5px;
}

.date1 {
    padding: 0px !important;
    margin: 0px !important;
    border-bottom: none !important;
}

.avail-slot { margin-top: 20px; }
.avail-slot h5 { margin-top: 5px; }
.payment-pending2 p { font-weight: 400; color: #b2b6cb; font-size: 1em; margin-left: 31px !important; text-align: left; }
/* .young-box .jersey-no2 { margin-left: 50px;   } */

/* .young-box .jersey-no2 h3 { line-height: 0.9;   } */
.young3 .young-box .jersey-no2 { margin-left: 60px; }

input[type="tel"]:focus:not([readonly]) { border-bottom: none; box-shadow: none; }
.cms-title{  font-size: 1.4em; color: #fff; font-weight: 600; margin-bottom: 0; padding: 15px 0;}
.cms-head{  font-size: 1.2em; color: #fff; font-weight: 600; margin-bottom: 0; padding: 10px 0;}

@media screen and (max-width: 768px) {
    /* .jersey-no {
        margin-left: 70px;
    } */
}

@media screen and (max-width: 420px) {
    /* .jersey-no {
        margin-left: 65px;
      } */
}

.remove-button{ color: red;}
.custom-page { color: #cacaca; text-align: justify; font-size: 15px;}
.custom-page strong{ font-weight: 600; }
ul.cms li {list-style-type: square; margin-left: 10px; }

.recommended { color: #212529; }
.recommended-1 { background-image: linear-gradient(#C1E3E1, #c3e2e0); }
.recommended-2 { background-image: linear-gradient(#9ACA99, #a3d1a2); }
.recommended-3 { background-image: linear-gradient(#FF5959, #fc5f5f); }
.recommended-4 { background-image: linear-gradient(#D8B98B, #AF9768); }
.image-preview__img { border: none; }
/*============================== Product details page css ===============================*/
#qty1{ width: 40px; border: 1px solid #6c757d; border-radius: 10px; }
#add1{ margin-top: 15px; }
/* .custom-page{ color: #f9f9f9; padding: 20px 10px; font-weight: 300;} */

.pt .form-control {
    background: #282833;
    border-radius: 8px;
    height: 40px;
    border: 0;
  }

/* -- calendar style */

.datepicker  { color: #ffffff !important; background-color: #0e0e13 !important; border: 1px solid #282833; }
.datepicker table tr td.active.active.focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active.focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active:active.focus, .datepicker table tr td.active:active:focus, .datepicker table tr td.active:active:hover { color: #fff; background-color: #282833; border-color: #282833; }
.datepicker table tr td.day:hover, .datepicker table tr td.focused { background: #282833 !important; cursor: pointer; }
.datepicker table tr td.active, .datepicker table tr td.active.highlighted { color: #fff; background-color: #282833 !important; border-color: #282833; }
.datepicker table tr td.new, .datepicker table tr td.old { height: 0; line-height: 0; visibility: hidden; }
.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover { background: none !important; }
.datepicker .next, .datepicker .prev { display: none; }
.datepicker table tr td, .datepicker table tr th { width: 40px !important; }

/* end calendar */

.pt div.radio-with-Icon p.radioOption-Item { width: auto; }
.pt div.radio-with-Icon p.radioOption-Item label { padding-left: 15px; padding-right: 15px;}
.pt img.radio { width: 15px; margin-right: 3px; }
.pt .form-control {  margin-top: 0; }

.otp_input input[type="tel"] { text-align: center; }
#otp_error {padding-left: 20px; margin-top: -15px; padding-bottom: 10px;}
.sign-in p#gray-dot { text-align: right; }



.save-btn {
    text-align: center;
    padding: 10px;
    line-height: 1.2;
    font-weight: 400;
    background-image: linear-gradient(to bottom right, #FF5959, #FFBCAA);
    border: 0px solid #fd9478;
    color: #000;
    font-size: 0.8em;
    border-radius: 5px;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    width: 140px;
  }

/* charts css  */
.profile-charts{ height: 200px; display: flex; padding: 5px; border-radius: 5px; }
.profile-linechart{ height: 300px; display: flex; padding: 5px; border-radius: 5px; }
.chart-wrapper{ border-radius: 10px;}
.highcharts-credits{display: none;}

.player-select, .player-select:focus {
    color: #f7f7f7; 
    background: #282833; 
    border: #282833; box-shadow: none !important; }


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #cbc7bd;
    background: #c6b5a5;
    font-weight: bold;
    color: #654b24;
  }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 0px;
    background: none;
    color: #3a3427;
  }
  .ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {
    background: #37cc3f !important;
    color: rgb(250, 249, 249) !important;
  }

  .ui-state-hover{
      background: #37cc3f !important;
      color: rgb(250, 249, 249) !important;
    }

    /* .ui-widget-content .ui-state-disabled span {
      color: #fff;
    } */
  

 
  

.cls-batch a {background: #f3f3f3 !important;}
.cls-ptdates a {background: #c1e3e1 !important;}
.cls-absent span {background: #E0253C !important; color: #fff !important}
.cls-weekoff .ui-state-default, .cls-weekoff .ui-state-default:hover { border: 3px solid #FF5959; background: #49495A; color: #fff; padding-top: 0px; } 

.tspan { font-size: 15px; fill: #b6e4e2 !important; font-weight: 600;}
.highcharts-legend-item text{ fill: #fff !important; }
.bting-icon { top: 10px; right: 20px; z-index: 9999; }

.bting-strip { height: auto !important; }
#spac { margin-top: 40px; }
.sticky th:first-child, td:first-child { position: sticky; left: 0; z-index: 1; background-color: #666;  padding-left: 5px; padding-right: 5px; }