/********************************************************************************/
/*                                                                              */
/* Plataforma e-ducativa.  Version 14.05.00-137 - Argentina                     */
/*                                                                              */
/* Copyright (c)  de e-ducativa Educación Virtual S.A.                          */
/*                                                                              */
/********************************************************************************/
/* ----------------
   -- Modal Base --
   ---------------- */
.modal_window {
    position: fixed;
    z-index: 999;
    top: 0; right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.75);
    text-decoration: none;
    overflow: auto;
}
@keyframes animatetop {
    from {
        top: -800px;
        height: 0;
        opacity: 0
    }
    to {
        top: 0;
        height: auto;
        opacity: 1
    }
}
.modal_window .modal_wrapper {
    position: relative;
    border-radius: 4px;
    background-color: #f3f3f3;
    overflow: auto;
    animation-name: animatetop;
    animation-duration: 0.3s;
}

/* Componentes --------------------------------------------------- */
.modal_window .wrapper_size_large {
    width: 80vw;
    margin: 5vh 10vw;
    max-height: 90vh;
}
.modal_window .wrapper_size_medium {
    width: 60vw;
    margin: 5vh 20vw;
    max-height: 90vh;
}
.modal_window .wrapper_size_small {
    width: 40vw;
    margin: 5vh 30vw;
    max-height: 90vh;
}
/* iframes no se adaptan al size de su contenido */
.modal_window .wrapper_iframe { height: 100%; }

/* Exit Button --------------------------------------------------- */
.modal_window .modal_exit_button {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 1.5rem;
    cursor: pointer;
    border: 0;
    background-color: transparent;
}
/* temporal hasta que se saque la regla general
   en admin.css que modifica fa-times */
.modal_window .modal_exit_button .fa-times{
    font-size: 1.5rem;
    color: white;
}
.modal_window .modal_exit_button:hover .fa-times {
    color: rgba(120,120,120,0.9);
}
/* --------------------------------------------------------------- */