html, body{
    color:#344054;
}
.bg-sportload{
    background:#490380;
}

.text-sportload{
    color:#490380;
}

.bg-sportload-subtle{
    background:#4a03805d
}



.filter-bar-menu{
    font-weight: bold;
    font-size: larger;
    margin-right: 30px;
}


.navbar-menu .navbar-nav .nav-link{
    font-weight: 300;
    margin-right:10px;
    margin-left:10px;
}

.navbar-menu .navbar-nav .nav-link.active{
    color:#1D87F0;
    background: #E6F0FA;
    border-radius:5px;
    border:none;

}

.navbar-menu .navbar-nav .nav-link.active i{
    color:#1D87F0;
}

.create_session_menu{
    position: absolute;
    bottom: 20px;
    margin: 0 10px;
    width: calc(100% - 20px);
}

.nav-link {
    color: black;
}

.nav-success.nav-tabs-custom .nav-link.active, .nav-success.nav-tabs-custom .nav-link:hover {
    color: #1D87F0;
}

.nav-success.nav-tabs-custom .nav-link.active::after, .nav-success.nav-tabs-custom .nav-link:hover::after {
    background-color: #1D87F0;
}

/* CARD TRANSITION */

.card-click {
    border-radius: 5px;
    background: #fff;
    transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
    cursor: pointer;
}

.card-click:hover{
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}


.badge{
    font-size:1rem;
}

#modal_create_session ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    gray;
}
#modal_create_session :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    gray;
   opacity:  1;
}
#modal_create_session ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    gray;
   opacity:  1;
}
#modal_create_session :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    gray;
}
#modal_create_session ::-ms-input-placeholder { /* Microsoft Edge */
   color:    gray;
}

#modal_create_session ::placeholder { /* Most modern browsers support this now. */
   color:    gray;
}

#modal_create_session label{
    font-weight: bold;
}

.flatpickr-months{
    background-color:#fff!important;
}

#back-to-top {
    bottom:50px;
}

.pointer{
    cursor:pointer;
}

.form-control{
    color:#262626;
}

.form-select{
    color:#262626;
}

.form-select option{
    color:#262626;
}

.form-control:focus,.form-select:focus{
    color:#262626;
    border-color: #3E97FF;
}