.modal
{
    top: 160px;
    margin: 0 auto;
}

.modal .modal-content
{
    border-radius: 0;
    color: #333;
}

.modal .modal-content .modal-header
{
    color: #fff;
    background-color: #3a3939;
}

.modal .modal-content .modal-header h5
{
    font-size: 22px;
}

.modal .modal-content .modal-header h5 i
{
    margin-right: 8px;
}

.modal .modal-content .modal-header button
{
    top: 20px;
    right: 20px;
    position: absolute;
}

.modal .modal-content .modal-header button i
{
    color: #fff;
}

.modal .modal-content .modal-body
{
    padding: 20px;
    overflow: auto;
    max-height: 284px;
    background-color: #3a3939;
}

.modal .modal-content .modal-body p
{
    color: #fff;
    font-size: 18px;
}

.modal .modal-content .modal-body .modal-box
{
    padding: 10px;
    border: 1px solid #333;
    background-color: #c3c3c3;
}

.modal .modal-content .modal-body .modal-box b
{
    font-size: 18px;
    text-transform: uppercase;
}

.modal .modal-content .modal-body .modal_image_preview
{
    width: 100%;
    height: 134px;
    background-size: cover;
    background-position: center center;
}

.modal .modal-footer
{
    background-color: #3a3939;
}

/* TAMANHOS */

.modal-full
{
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    padding: 0 !important;
    overflow: hidden !important;
}

.modal-full .modal-dialog
{
    margin: 0;
    width: 100%;
}

.modal.modal-full .modal-content .modal-body
{
    max-height: none;
}

.modal-big
{
    top: 120px;
}

.modal-small .modal-dialog
{
    width: 400px;
}

@media(max-width: 767px)
{
    .modal-small .modal-dialog
    {
        width: 340px;
        margin: auto;
    }
}