/* body {
    font-family: Inter,"sans-serif";
} */
.card-font {
    font-size: 14px;
}

.card-tall {
    min-height: 400px !important;
}

.card-footer {
    padding: 0.5rem 1.5rem !important;
}

.btn-fit {
    padding: 5px 20px !important;
}

.btn-live {
    background-color: #002e3e !important;
    border-color: #002e3e !important;
    color: #fff !important;
}

.btn-fad {
    background-color: #fff !important;
    border-color: #fff !important;
    color: #555555 !important;
}

.logo_width {
    width: 25%;
}

h1 {
    color: #000 !important;
}

.logout {
    color: #fff !important;
    text-align: right !important;
    padding-right: 10px;
}

.navbar-toggler {
    border: none !important;
}

.dropdown-item {
    color: #fff; 
    text-align: right; 
    float: right;;
}
.dropdown-item:focus, .dropdown-item:hover {
    background-color: #002e3e;
    color: #fb7a00;
}
.dropdown-item:hover {
    background-color: #002e3e !important;
}
.navbar-collapse {
    flex-grow: 0 !important;
}
.note {
    font-size: 12px;
}

.come_back {
    background-color: #dedede;
    padding: 20px;
    text-align: center;
}

#closeLive {
    padding: 20px;
}

.closeLive_a, .ondemand {
    text-decoration: none; 
    font-size: 16px; 
    color: #51c1da; 
}

.closeLive_a:hover {
    text-decoration: none; 
    font-size: 16px; 
    color: #fff; 
}
@media only screen and (max-width: 600px) {
    #closeLive {
        padding: 10px;
    }

    .closeLive_a {
        text-decoration: none; 
        font-size: 14px; 
        color: #51c1da; 
    }
    
    .closeLive_a:hover {
        text-decoration: none; 
        font-size: 14px; 
        color: #fff; 
    }
}


.title-session:hover {
    color: #fb7a00 !important;
}

.bubble h4 {
    color: #333 !important;
}

.icon-lg-two {
    height: 3rem;
    line-height: 3rem;
    width: 4rem;
}

.white {
    color: #fff;
}