@charset "utf-8"; /* CSS Document */
.modal-dialog {
    max-width: 520px;
    margin-top: 85px;
}

.modal-xl {
    max-width: 920px;
    margin-top: 85px;
}

/*style-1 : no title : outside close cross*/
.modal .modal-header {
    background-color: transparent;
    background: none;
    border-bottom: none;
    text-align: center;
    padding-top: 10px;
}

.modal .modal-header .close {
    position: absolute;
    display: block;
    top: -50;
    right: -40;
    visibility: visible;
    color: #ffffff;
    opacity: 1;
    font-family: 'Roboto', serif;
    font-size: 42px;
    font-weight: 300;
}

.modal .modal-title {
    font-size: 25px;
    color: #4e525b;
    font-weight: 500;
    text-transform: capitalize;
    padding-top: 20px;
}

.modal .modal-body {
    padding-top: 0px;
    padding-left: 30px;
    padding-right: 30px;
}

.modal .modal-body:after {
    content: "";
    display: block;
    visibility: hidden;
    clear: both;
}

.modal .modal-footer {
    text-align: center;
    border-top: 0px;
    padding-bottom: 25px;
    clear: both;
}

@media (max-width: 600px) {
    .modal .modal-header .close {
        top: -50;
        right: -10;
    }
}

/*settings page modals*/
.settings .form-group:after, .advanced .form-group:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
}

.settings .form-group, .advanced .form-group {
    margin-bottom: 14px !important;
}

.settings .tabs-sub-nav .form-group {
    margin-bottom: 0px !important;
    margin-right:6px;
}