.mdl-custom{

}

.mdl-custom .modal-content{
    border-radius: 35px;
}

.mdl-custom .modal-body{
    padding: 35px;
}

.mdl-custom .title{
    text-align: center;
    font-size: 2rem;
    color: var(--ct-color-secondary);
    font-weight: 700;
    margin-bottom: 15px;
    width: 100%;
}

.mdl-custom .modal-body .message{
    text-align: center;
    font-size: 1rem;
}

.mdl-custom .card-body .message{
    text-align: left;
    font-size: 1rem;
}

.mdl-custom .modal-header{
    border-bottom: 0px;
    padding: 35px !important;
    padding-bottom: 0px !important;
}

.mdl-custom .modal-footer{
    border-top: 0px;
    padding: 35px !important;
    padding-top: 0px !important;
}

.mdl-custom .modal-footer .row{
    width: 100%;
}

.mdl-custom .modal-footer .btn,
.mdl-custom .card-footer .btn {
    padding: 8px 30px !important;
    font-size: 14px !important;
}

.mdl-custom .modal-body .img-mdl{
    width: 120px;
}


.mdl-custom-message{
    color: #FFF;
}

.mdl-custom-message .modal-content{
    background-image:url('/app/images/modal/bg-mdl-msg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background: #FFF !important;
}

.mdl-custom-message .modal-header{
    padding-bottom: 0px !important;
    padding: 0px !important;
}

.mdl-custom-message .modal-header .btn-close{
    position: absolute;
    top: 10px;
    right: 35px;
    background: transparent;
    border: none;
    text-align: center;
}

.mdl-custom-message .modal-header .btn-close .bi{
    color: #FFF;
    font-size: 40px;
    font-weight: 600;
}

.mdl-custom-message .mdl-logo{
    max-width: 60px;
}

.mdl-custom-message .mdl-title{
    color: #313165 ;
    font-size: 2.1rem;
    font-weight: 700;
    text-align: center;
}

.mdl-custom-message .mdl-msg-text{
    color: #595A5C;
    text-align: center;
}

.mdl-custom-message .mdl-msg-img{
    max-width: 100px;
}

.mdl-custom-message .btn-mdl-alert-msg{
    padding: 10px 20px !important;
    /* border-radius: 25px; */
    text-transform: uppercase;
}

.mdl-custom-message .btn-block{
    width: 100%;
}


@media (max-width: 767.98px){
    .mdl-custom-message .modal-body{
        padding: 25px 5px;
    }

    .mdl-custom-message .modal-footer .btn, .mdl-custom .card-footer .btn {
        padding: 8px 15px !important;
        font-size: 14px !important;
    }
}