/* 
    Created on : 29/09/2017, 13:44:42
    Author     : SHL
*/

.modal.modal-fixed-header {
    height: 100%;
    max-height: 100%;
}

.modal.modal-fixed-header.modal-fixed-footer {
    height: 75%;
    max-height: 75%;
}

.modal.altura_pequena {
    height: 40% !important;
}

.modal.altura_media {
    height: 75% !important;
}

.modal.altura_grande {
    height: 95% !important;
}

.modal.altura_tela {
    top: 0 !important;
    height: 100% !important;
}

.modal.largura_pequena {
    width: 40%;
}

.modal.largura_media {
    width: 75%;
}

.modal.largura_grande {
    width: 95%;
}

.modal.largura_tela {
    width: 100%;
}

.modal#md-logout-confirm {
    width: 420px;
    height: 250px;
}

@media only screen and (max-width: 992px) {
    .modal.largura_pequena {
        width: 70%;
    }

    .modal.largura_media {
        width: 90%;
    }
}

@media only screen and (max-width: 600px) {
    .modal.largura_pequena {
        width: 100%;
    }

    .modal.largura_media {
        width: 100%;
    }

    .modal.largura_grande {
        width: 100%;
    }
    
    .modal#md-logout-confirm {
        width: 80%;
        height: 250px;
    }
}

/*.modal .modal-footer {
    border-radius: 0 0 2px 2px;
    background-color: #fafafa;
    padding: 4px 6px;
    height: 56px;
    width: 100%;
    text-align: right;
}*/

.modal.abaixo_menu_cabecalho {
    top: 50px !important;
    max-height: calc( 100% - 50px);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

@media only screen and (min-width: 601px) {
    .header_extended + #main_principal .modal.abaixo_menu_cabecalho:not(.ignorar_menu_funcao),
    .header_extended .modal.abaixo_menu_cabecalho:not(.ignorar_menu_funcao) {
        top: 96px !important;
        max-height: calc( 100% - 98px);
    }

    header.header_large:not(.header_extended) + #main_principal .modal.abaixo_menu_cabecalho,
    header.header_large:not(.header_extended) .modal.abaixo_menu_cabecalho {
        top: 70px !important;
        max-height: calc( 100% - 70px);
    }
}

.modal.modal-fixed-header .modal-content {
    position: absolute;
    top: 60px;
    height: calc(100% - 60px);
    max-height: 100%;
    width: 100%;
    overflow-y: auto;
}

.modal.modal-fixed-header.modal-fixed-footer .modal-content {
    position: absolute;
    top: 60px;
    height: calc(100% - 112px);
    max-height: 100%;
    width: 100%;
    overflow-y: auto;
}

/* ESTILOS DAS BARRAS DE CABECALHO */

.modal.modal-fixed-header .barra_superior {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;

    width: 100%;
    height: 60px;

    background: none;
    color: #fff;
}

.modal.modal-fixed-header .barra_superior span {
    margin-left: 10px;
    font-size: 1.2em;
    font-weight: 600;
}

.modal.modal-fixed-header .barra_superior.fundo_preto {
    background: #000;
    color: #fff;
}

.modal.modal-fixed-header .barra_superior.fundo_cinza {
    background: #eceff1;
    color: #000;
}

.modal.modal-fixed-header .barra_superior.fundo_branco {
    background: #fafafa;
    color: #000;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}


.modal.modal-fixed-header .barra_superior .icone_fechar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;

    cursor: pointer;
    width: 50px;
    height: 100%;
    font-size: 42px;

    background: transparent;
}

/* PADRAO - brilho branco */
.modal.modal-fixed-header .barra_superior .icone_fechar {
    color: #f0f0f0;
}

.modal.modal-fixed-header .barra_superior .icone_fechar:hover {
    border-color: #fff;
    color: #fff;
}

.modal.modal-fixed-header .barra_superior .icone_fechar.preto:hover {
    animation: text-shine-white 1.5s ease-in-out infinite alternate;
}

.modal.modal-fixed-header .barra_superior .icone_fechar:active {
    border-color: #ddd;
    color: #ddd;
}

/* OUTRO - brilho preto */
.modal.modal-fixed-header .barra_superior.fundo_branco .icone_fechar,
.modal.modal-fixed-header .barra_superior.fundo_cinza .icone_fechar {
    color: #000;
}

.modal.modal-fixed-header .barra_superior.fundo_branco .icone_fechar:hover,
.modal.modal-fixed-header .barra_superior.fundo_cinza .icone_fechar:hover {
    border-color: #666;
    color: #666;
    background: rgba(80,80,80,.05);
    /*animation: text-shine-black 1.5s ease-in-out infinite alternate;*/
}

.modal.modal-fixed-header .barra_superior.fundo_branco .icone_fechar:active,
.modal.modal-fixed-header .barra_superior.fundo_cinza .icone_fechar:active {
    border-color: #444;
    color: #444;
}