html{height:auto !important;}


body{
    font-family: 'Josefin Sans', sans-serif !important;
    /*font-family: 'Abel', sans-serif;*/
    overflow-x: hidden;
    margin:0;
    padding:0;
}
.input, .taginput .taginput-container.is-focusable, .textarea {
    background-color: transparent;
    border: 0;
    margin-bottom: -8px;
    margin-top: -4px;
}
.btn {
    text-transform: capitalize;
} .table-sm tbody th {
    font-weight: bold;
}
.custom-hr{
    margin-bottom: 5px !important;
    margin-top: 5px !important;
    border-top: 1px dotted#09091b;}
.border-multicolor {
    /*    background: linear-gradient(to right, #bcbcbc 25%,#ffcd02 25%, #ffcd02 50%, #e84f47 50%, #e84f47 75%, #65c1ac 75%);
        width: 15%;*/
    border-bottom: 2px solid #161644;
    height: 4px;
    margin-top: 5px;
    margin-bottom: 15px;
}
.bg-gradient-blue{
    background: linear-gradient(87deg,#172b4d 0,#1a174d 100%)!important;
}
.bg-gradient-danger {
    background: linear-gradient(87deg,#f5365c 0,#f56036 100%)!important;
}
.bg-gradient-success {
    background: linear-gradient(87deg,#2dce89 0,#2dcecc 100%)!important;
}
.bg-gradient-info {
    background: linear-gradient(87deg,#11cdef 0,#1171ef 100%)!important;
}
.bg-gradient-primary {
    background: linear-gradient(87deg,#5e72e4 0,#825ee4 100%)!important;
}
.bg-gradient-warning {
    background: linear-gradient(87deg,#fb6340 0,#fbb140 100%)!important;
}
.bg-gradient-dark {
    background: linear-gradient(87deg,#212529 0,#212229 100%)!important;
}
.bg-gradient-light {
    background: linear-gradient(87deg,#adb5bd 0,#adaebd 100%)!important;
}
.bg-gradient-secondary {
    background: linear-gradient(87deg,#f4f5f7 0,#f4f4f7 100%)!important;
}


.section-shaped .shape-style-1.shape-primary {
    background: linear-gradient(150deg,#281483 15%,#8f6ed5 70%,#d782d9 94%);
}

.shadow-3d-on-hover:hover{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 120px 0 rgba(0, 0, 0, 0.19);
}

.shadow-3d{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 120px 0 rgba(0, 0, 0, 0.19);
}

.bg-blue{
    background: #243D5E !important;
}

.text-white{
    color:#ffffff !important;

}

/* Scrollar*/
/* width */
::-webkit-scrollbar {
    width: 4px;
}
::-webkit-scrollbar:hover{
    width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    /* border-radius: 10px; */
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: linear-gradient(87deg,#1a174d 0,#172b4d 100%)!important;
    /* border-radius: 4px; */
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: red;
}
/* scrollbar end*/
/*content verticle align*/
.parentBlock{
    display: table;
    width: 100%;
}
.parentBlock:hover{
    background: rgba(0,0,0,0.4);

}
.childBlock{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.grnadChildBlock{
    width: 100%;
    display: inline-block;

}
/*end content verticle align*/
/*game*/
.game div{
    padding-left: 0;
    padding-right: 0;
}
.game h4{
    color:#fff;
}
.game a{
    background: rgba(0,0,0,0.4);
}

.game-cricket{
    background: url('../images/games/cricketgame.jpg');
    background-size: cover;
}
.game-football{
    background: url('../images/games/footballgame.jpg');
    background-size: cover;
}
.game-mkr{
    background: url('../images/games/mkr.jpg');
    background-size: cover;
}
.game-swimming{
    background: url('../images/games/swimminggame.jpg');
    background-size: cover;
}
.game-badminton{
    background: url('../images/games/badmintongame.jpg');
    background-size: cover;
}
.game-tennis{
    background: url('../images/games/tennisgame.jpg');
    background-size: cover;
}


.game-cricket .parentBlock{
    height:200px;
}
.game-football .parentBlock{
    height:300px;
}
.game-mkr .parentBlock{
    height:250px;
}
.game-swimming .parentBlock{
    height:250px;
}
.game-badminton .parentBlock{
    height:300px;
}
.game-tennis .parentBlock{
    height:200px;
}
@media only screen and (max-width: 576px) {
    .game-cricket .parentBlock{
        height:100px;
    }
    .game-football .parentBlock{
        height:150px;
    }
    .game-mkr .parentBlock{
        height:125px;
    }
    .game-swimming .parentBlock{
        height:125px;
    }
    .game-badminton .parentBlock{
        height:150px;
    }
    .game-tennis .parentBlock{
        height:100px;
    }
    .game h4{
        font-size:13px;
        margin-bottom: -4px;
    }
    .game a{
        font-size: 10px;
        height: 30px;
    }
}

/*end game*/


/*Navigation Start*/
.navbar{color: #fff;}
.navbar-collapse{
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav-item a.nav-link {
    color:#ffffff !important;
    font-size: 12px;
    text-transform: capitalize;
    background: #3091d3;
    opacity: 1;
    margin-left: 10px;
    height: 2.0rem;
    border-radius: 0;
    border: none;
    box-shadow: 0px 0px 0px 2px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.navbar-nav .fa{margin-right: 4px;}
/*.dropdown-menu {
      border: none;
    background: #fff;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 5px;
    border-radius: 0px;
    min-width: 120px;
}*/
.navbar-nav .dropdown-menu {
    border: none;
    background: #ffffff;
    margin-right: 0px;
    margin-left: -12px;
    margin-top: 10px;
    border-radius: 0px;
    min-width: 120px;
    max-width: 120px;

}

.dropdown-item {
    font-size: 12px !important;
    color: #000 !important;
    padding-top: 6px;
    padding-bottom: 6px;
    border-top: 1px solid #f0f0f0;
}


.dropdown-item:first-child {
    border: none;
}

.nav-item a.nav-link .icons,.nav-item a.nav-link .fa,.dropdown-menu a.dropdown-item  .icons,.dropdown-menu a.dropdown-item .fa{margin-right:5px;}
.nav-item a.nav-link .icons,.dropdown-menu a.dropdown-item .icons{ position: relative;
                                                                   top: 3px;}
.nav-item a.nav-link .icons{ color:#fff !important; top: 3px;}
.dropdown-menu a.dropdown-item .icons{ color:#000 !important;}
.dropdown-menu a.dropdown-item:hover .icons{ color:#fff !important;}
.navbar-nav .show>.nav-link .icons,.navbar-nav .show>.nav-link:hover .icons{color:#000 !important;}
.navbar-nav .nav-link:hover .icons{color:#28a745 !important;}
/*.nav-item a.nav-link{
    margin-left:5px;
    height: 2.0rem;
    border-radius: 0;
    border: none;
    box-shadow: 1px 1px 4px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
}*/




.nav-item a.nav-link:focus, .nav-item a.nav-link:hover {
    box-shadow: 0px 0px 0px 2px #3091d3 !important;
    background: #fff;
    color:#2f4666 !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 120px 0 rgba(0, 0, 0, 0.19);

}
.navbar-nav .active>.nav-link {
    box-shadow: 0px 0px 0px 2px #3091d3 !important;
}
.navbar-nav .dropdown-item:focus,.navbar-nav .dropdown-item:hover {
    background: #2f4666;
    color:#fff !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 120px 0 rgba(0, 0, 0, 0.19);
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    background: #fff;
    color:#000 !important;
    box-shadow: 0px 0px 0px 2px #3091d3 !important;
}
.navbar-nav .dropdown-menu.show {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 120px 0 rgba(0, 0, 0, 0.19);
}
@media (min-width: 768px){
    .navbar-expand-md .navbar-collapse {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
    .navbar-expand-md .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

}
@media (max-width: 768px){
    .navbar-brand img {
        width: 100px;
    }
    .navbar-collapse li.nav-item{
        text-align: center;
    }
    .navbar{
        padding-top:5px !important;
        padding-bottom: 5px !important;
    }
    .collapse.show {
        display: block;
        margin-left: -20px;
        background: transparent;
        margin-right: -20px;
        padding: 15px;
    }
    .nav-item a.nav-link {
        margin-bottom: 5px;
        margin-left: -15px;
        margin-right: -15px;
    }
}
.header-top a, .header-top a>.fa{
    color:#fff;
    font-size: 12px;
}
.header-top .btn-float.btn-sm {
    height: 24px;
    line-height: 24px;
    width: 24px;
    text-align: center;
    padding-left: 4px;
}
.social-facebook{
    background:#3b5999;
    color:#fff;
}
.social-facebook:hover{
    color:#3b5999;
    background:#fff;
}
.social-twitter{
    background:#55acee;
    color:#fff;
}
.social-twitter:hover{
    color:#55acee;
    background:#fff;
}
.social-instagram{
    background:#e4405f;
    color:#fff;
} .social-instagram:hover{
    color:#e4405f;
    background:#fff;
}
.social-linkedin{
    background:#0077B5;
    color:#fff;
}
.social-linkedin:hover{
    color:#0077B5;
    background:#fff;
}
/*Navigation End*/
/*snackbar*/
.snackbar-multi-line {
    height: auto;
    padding: 10px 12px;
    margin-bottom: 8px;
}
.snackbar {
    background-color: #000000;
    min-width: 0 !important;
    max-width: none;
    z-index: 999;
}
.snackbar i:first-child{
    margin-right: 5px;
    color: #fff !important;
    padding: 5px;
    border: 1px solid;
    border-radius: 50%;
}
.snackbar .smiley:first-child{
    margin-left: 5px!important;
}
.snackbar .smiley{
    margin-right: 2px!important;
}
/*end snackbar*/
/*Footer Start*/
footer a,footer {
    color:#fff;
}
footer hr{
    margin-bottom: 4px;
    margin-top: 4px;
}
footer .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #f2f2f2;
    font-size: 13px;
    opacity: 1; /* Firefox */
}

footer .form-control:-ms-input-placeholder ,#txtSearch::-ms-input-placeholder { /* Microsoft Edge */
    color: #f2f2f2;
    font-size: 13px;
}
/*Footer End*/
/* Contact Pages*/
.contact-us{text-align: center !important;margin-top:10px;margin-bottom:10px;padding-top:30px;padding-bottom:30px;}
.contact-us .fa{
    border-radius: 50%;
    padding:20px;
    margin-bottom:15px;
}
/* Contact  Pages End*/
/*form*/
.input-group-link-btn {
    margin-right:5px;
    text-decoration: none;
    font-weight: 700
}
.input-group-text {
    color:  #80bdff;
}
.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
    margin-left: 0;
    margin-right: 0;
    border-color: transparent;
}
.custom-select:disabled, .custom-select[readonly], .form-control-file:disabled, .form-control-file[readonly], .form-control:disabled, .form-control[readonly] {
    border: none;
}

fieldset {
    border: 1px solid #80bdff;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 4px;
}
legend {
    font-size: 12px;
    margin-bottom: 0;
    margin-left: 10px;
    width: auto;

}
fieldset .form-control{
    color:#000;
}
.form-control:hover,.form-control:focus ,
.custom-file:hover,.custom-file:focus ,
.custom-select:focus, .form-control-file:focus, .form-control:focus
.custom-select:focus[multiple],
.custom-select:focus[size]:not([size="1"]),
select.form-control:focus[multiple],
select.form-control:focus[size]:not([size="1"]),
textarea.form-control:focus:not([rows="1"]),
.custom-select:hover[multiple],
.custom-select:hover[size]:not([size="1"]),
select.form-control:hover[multiple],
select.form-control:hover[size]:not([size="1"]),
textarea.form-control:hover:not([rows="1"]){
    border-color: transparent;
    box-shadow: none;
}
.picker-input.form-control[readonly] {
    border: 0;
}

fieldset .form-control[name="password"]{
    -webkit-text-security: disc !important;
    text-security: disc !important;
    -o-text-security: disc !important;
    -mz-text-security: disc !important;
    -ms-text-security: disc !important;
}
fieldset .input-group{
    margin-top: -5px;
    margin-left: 5px;
    margin-right: 5px;
}
legend.required:after{
    content: '\f005';
    color: #ff4081;
    font-size: 8px;
    font-family: FontAwesome;
    position: relative;
    top: -5px;
}
.input-group-prepend.mobile{
    margin-right: 5px;
    padding-right: 5px;
    border-right: 1px solid;
}
.input-group-prepend.mobile .input-group-text{
    color:#000;
}

.custom-valid-feedback {
    color: #4caf50;
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: 0;
    width: 100%;
    margin: 5px 0 0;
}
.custom-invalid-feedback,.is-invalid-feedback  {
    color: #f44336;
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: 0;
    width: 100%;
    margin: 5px 0 0;
}
.custom-valid-fieldset{ border:1px solid #4caf50;}
.custom-invalid-fieldset,.is-invalid-fieldset{ border:1px solid #f44336;}
.custom-select[multiple], .custom-select[size]:not([size="1"]), select.form-control[multiple], select.form-control[size]:not([size="1"]), textarea.form-control:not([rows="1"]) {
    padding: .375rem 0 calc(.375rem - 1px);
}
.custom-select, .form-control, .form-control-file {
    border-width: 0;
}
.custom-select {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E");
    background-size: 8px 10px;
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background-position: 98% 50%;
}
/*.btn{padding: 12px 1rem 6px 1rem;}*/
/*form end*/




/*court booking start*/
.rdSport{
    margin-top: 4px !important;
    margin-bottom: 8px !important;
}
/*.rdSport .btn-group{
    background-color: transparent;
    box-shadow: none;
}
.rdSport .btn{
    padding: 8px 8px;width: 75px;
}
.rdSport .btn.active,.rdSport .btn:active {
    background-color: hsl(216, 35%, 35%);
    background-image: none;
    box-shadow: 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 3px rgba(0,0,0,.12), 0 4px 15px 0 rgba(0,0,0,.2);
    color: #fff;
}*/
.rdSport label{border-radius: 25px !important;  margin-right: 15px;}
.rdSport img{
    width:48px;height:48px;background: #fff;
    padding: 8px;
    margin-left: -15px;
    margin-right: 2px;
}
.rdSport p{
    font-size: 11px;
    text-transform: capitalize;
    margin: 2px auto;
}


.btn-secondary.active, .btn-secondary:active {
    background-color: #3b547a;
}
#tableTimeSlot{
    margin-top: 8px;
    margin-right: 8px;
    margin-bottom: 8px;
}
#tableTimeSlot.table td, #tableTimeSlot.table th {
    padding: 8px;
    margin-bottom: 0px;
    font-size: 12px;
    padding-bottom: 0px !important;
    border: 1px solid #d6d6d6;
}
#tableTimeSlot.table td .fa{
    margin-right: 4px;

}
@media (max-width: 768px){
    .rdSport .btn{
        padding: 8px 8px;width: 60px;
    }

    .rdSport img{
        width:36px;height:36px;
    }
    .rdSport p{
        font-size: 10px;
        text-transform: capitalize;
        margin: 4px auto;
    }
}
.tableCart .btn-sm {
    height: 25px;
    line-height: 27px;
    width: 25px;

}
/*court booking end*/

/* user profile*/
.user-profile .card .card-header,.user-profile .card .card-body,.user-profile .card .card-footer{
    padding-bottom: 32px;
}

.user-profile .card .card-header .user-img{
    position: relative;
    top: -66px;
    float: left;
    left: 0;
    margin-right: 8px;    margin-bottom: -66px;
}
.user-profile .card .card-header .user-name{
    font-size: 1rem;
    font-weight: 700;
}
.user-profile .card fieldset span{
    font-size: 12px;
    font-weight: 600;
}
.user-profile .card fieldset span{
    margin-left: 10px;
}
.user-profile  .card fieldset{
    padding-top: 4px;
    padding-bottom: 6px;
}
.user-profile  .card .card-body fieldset{
    margin-top:5px;
    margin-bottom:5px;
}
/*.user-profile  .card .card-body legend{
    font-size:20px;font-weight: 700;
}*/
.user-profile .card .card-header .btn-float-dropdown{
    position: relative;
    top: -46px;
    float: right;
    right: 0;
    margin-left: 8px;
}

.user-profile .card .dropdown-menu.show {
    box-shadow: none;
    background: transparent;
}
.user-profile .card fieldset .btn-edit{
    margin-right: 10px;
    text-decoration: none;
    font-weight: 700;
    float: right;
    color: #2996f3;
}
/*end user profile*/