/* success_order_page */
.btn-style{
    background-color: #00AEEF;
    color: white;
}
.container_box1{
    height: 60vh;
}

/* signup_success_page */
.container_box2{
    height: Calc(100vh - 150px);
}

.cg_login_section_wrapper .container_box2 .box h5{
    padding: 1rem 0 1rem 0;
    font-size: 1.2rem;
    font-weight: 600;   
    color: #3B3E41;
}
.cg_login_section_wrapper .container_box2 .box{
    background-color: white;
    padding: 2.5rem 2rem 2.5rem 2rem;
    border-radius: 8px;
    opacity: 0.9;
}

/* edit_success_popup */
.Swal2-style{
    height: 30vh;
    font-size: 1rem;
    font-weight: 500;
}

/* overview_popup */
.Swal2-style-1{
    height: 30vh;
    font-size: 1rem;
    font-weight: 500;
}

.Swal2-style-1 p{
    font-size: 0.9rem;
}


/* notification_listing */
.notification_box3{
    justify-content: center;
    margin: 1.5rem 0 1.5rem 0;
}

.col-11 .border .profile{
    height: 100%;
    width: 20%;
}

.data .d-flex .font-title{
    font-size: 1.2rem;
}

.data .date i{
    letter-spacing: 0px;
    color: #979292;
    font-size: 0.8rem;
}


.data .row .col-12 .font-description{
    font-size: 0.8rem;
    color: #707070;
    width: 50%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.notification_box3 .col-11 .row .profile{
    padding: 0;
    overflow: hidden;
}

@media only screen and (max-width: 767px){

    .data .row .col-12 .font-description{
        font-size: 0.7rem;
        width: 80%;
    }

    .data .date i{
        letter-spacing: 0px;
        color: #979292;
        font-size: 0.7rem;
    }

    .col-11 .border .profile{
        width: 100px;
    }

    .data .d-flex .font-title{
        font-size: 0.9rem;
        margin-bottom: 0;
    }

    .notification_box3{
        margin:1rem 0 1rem 0;
    }

}

@media only screen and (max-width: 512px){
    .col-11 .border .profile{
        width: 150px;
    }

    .notification_box3{
        margin: 0;
    }
}