.order_steps_btn_selected{
 background-image:linear-gradient(195deg, #EC407A 0%, #D81B60 100%) !important;
}

.pay_status_btn_selected{
    background-image:linear-gradient(195deg, #EC407A 0%, #D81B60 100%) !important;
}


.bg-gradient-primary {
    background-image: linear-gradient(195deg, #49a3f1 0%, #1A73E8 100%);

}

.bg-gradient-secondary {
    background-image: linear-gradient(195deg, #747b8a 0%, #495361 100%);
}

.bg-gradient-success {
    background-image: linear-gradient(195deg, #66BB6A 0%, #43A047 100%);
}

.bg-gradient-info {
    background-image: linear-gradient(195deg, #EC407A 0%, #D81B60 100%);
}

.bg-gradient-warning {
    background-image: linear-gradient(195deg, #FFA726 0%, #FB8C00 100%);
}

.bg-gradient-danger {
    background-image: linear-gradient(195deg, #EF5350 0%, #E53935 100%);
}

.bg-gradient-light {
    background-image: linear-gradient(195deg, #EBEFF4 0%, #CED4DA 100%);
}

.bg-gradient-dark {
    background-image: linear-gradient(195deg, #42424a 0%, #191919 100%);
}

.bg-gradient-faded-primary {
    background-image: radial-gradient(370px circle at 80% 50%, rgba(233, 30, 99, 0.6) 0, #c1134e 100%);
}

.bg-gradient-faded-secondary {
    background-image: radial-gradient(370px circle at 80% 50%, rgba(0, 128, 154, 0.6) 0, #626780 100%);
}

.bg-gradient-faded-success {
    background-image: radial-gradient(370px circle at 80% 50%, rgba(76, 175, 80, 0.6) 0, #3d8b40 100%);
}

.bg-gradient-faded-info {
    background-image: radial-gradient(370px circle at 80% 50%, rgba(26, 115, 232, 0.6) 0, #135cbc 100%);
}

.bg-gradient-faded-warning {
    background-image: radial-gradient(370px circle at 80% 50%, rgba(251, 140, 0, 0.6) 0, #c87000 100%);
}

.bg-gradient-faded-danger {
    background-image: radial-gradient(370px circle at 80% 50%, rgba(244, 67, 53, 0.6) 0, #e91d0d 100%);
}

.bg-gradient-faded-light {
    background-image: radial-gradient(370px circle at 80% 50%, rgba(240, 242, 245, 0.6) 0, #d1d7e1 100%);
}

.bg-gradient-faded-dark {
    background-image: radial-gradient(370px circle at 80% 50%, rgba(52, 71, 103, 0.6) 0, #233045 100%);
}

.bg-gradient-faded-white {
    background-image: radial-gradient(370px circle at 80% 50%, rgba(255, 255, 255, 0.6) 0, #e6e6e6 100%);
}

.bg-gradient-faded-primary-vertical {
    background-image: radial-gradient(200px circle at 50% 70%, rgba(233, 30, 99, 0.3) 0, #e91e63 100%);
}

.bg-gradient-faded-secondary-vertical {
    background-image: radial-gradient(200px circle at 50% 70%, rgba(0, 128, 154, 0.3) 0, #7b809a 100%);
}

.bg-gradient-faded-success-vertical {
    background-image: radial-gradient(200px circle at 50% 70%, rgba(76, 175, 80, 0.3) 0, #4CAF50 100%);
}

.bg-gradient-faded-info-vertical {
    background-image: radial-gradient(200px circle at 50% 70%, rgba(26, 115, 232, 0.3) 0, #1A73E8 100%);
}

.bg-gradient-faded-warning-vertical {
    background-image: radial-gradient(200px circle at 50% 70%, rgba(251, 140, 0, 0.3) 0, #fb8c00 100%);
}

.bg-gradient-faded-danger-vertical {
    background-image: radial-gradient(200px circle at 50% 70%, rgba(244, 67, 53, 0.3) 0, #F44335 100%);
}

.bg-gradient-faded-light-vertical {
    background-image: radial-gradient(200px circle at 50% 70%, rgba(240, 242, 245, 0.3) 0, #f0f2f5 100%);
}

.bg-gradient-faded-dark-vertical {
    background-image: radial-gradient(200px circle at 50% 70%, rgba(52, 71, 103, 0.3) 0, #344767 100%);
}

.bg-gradient-faded-white-vertical {
    background-image: radial-gradient(200px circle at 50% 70%, rgba(255, 255, 255, 0.3) 0, #fff 100%);
}


p{
    font-weight:normal;
}


.lesson_id{
    color:black;
    font-size:40px;
    font-weight:bold;
}


#play_code{
    position:fixed;
    bottom:50px;
    right:50px;
}

.web_logo{
    height: 38px;
    margin-right:5px;
}
.
.signup_box{
    min-width:360px;
}

.sidenav-mini-icon{
    font-weight:bold;
    color:white !important;
}
.sidenav-normal, .nav-link-text{
    font-weight:500;
    color:#c2c2c2;

}

.sidenav .navbar-brand{
    padding:1.5rem 1rem;
}


@media (max-width:600px) {

    .signup_top_badge{
        margin-top:120px !important;
    }
    .container{
        /*min-width:400px;*/
    }

}