.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;
}

.modal .modal-content .modal-body p
{
    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 .typeahed
{
    position: fixed;
}

/* 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: 768px )
{
    .modal .modal-dialog
    {
        width: auto !important;
    }
}

@media( min-width: 992px )
{
    .modal.modal-big .modal-dialog
    {
        width: 840px;
    }

    .modal.modal-big .modal-content .modal-body
    {
        max-height: 440px;
    }
}

@media( min-width: 1200px )
{
    .modal.modal-big .modal-dialog
    {
        width: 1024px;
    }

    .modal.modal-big .modal-content .modal-body
    {
        max-height: 560px;
    }
}

@media( max-height: 768px )
{
    .modal
    {
        top: 20px;
    }
}