﻿.ventanaModal { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,.7); z-index: 1000; align-items: center; justify-content: center; }
    .ventanaModal .ventanaModalEnvoltura { max-width: 80vw; transition: transform .5s ease-in-out; transform: translateY(-20px) }
/* Handle on hover */
::-webkit-scrollbar-thumb:hover { background: #555; }
.ventanaModal .ventanaModalTitulo { border-top-left-radius: .3rem; border-top-right-radius: .3rem; border-bottom: 1px solid #e9ecef; font-weight: bold; }
.ventanaModal .ventanaModalTitulo, .ventanaModal .ventanaModalTituloSup { padding: 0.25rem; display: block; background: #F2F2F2; color: #333; white-space: nowrap; min-width: 100px; }
.ventanaModal .ventanaModalTituloSup { background: transparent; }

.ventanaModalTituloHerramientas a { justify-content: center; align-content: center; align-items: center; display: flex; align-items: stretch; cursor: pointer !important; width: 2.1rem; }
    .ventanaModalTituloHerramientas a.cerrar { display: flex; align-items: center; border: none !important; background-size: 16px; position: relative; background-position: center center; background-color: transparent !important; right: 0px; top: 1px; }
    .ventanaModalTituloHerramientas a.ocultar { background-image: url('../../img/btnModalContraer_2.gif'); }
    .ventanaModalTituloHerramientas a.mostrar { background-image: url('../../img/btnModalExpandir_2.gif'); }
    .ventanaModalTituloHerramientas a.centrar { background-image: url('../../img/btnModalCentrar_2.gif'); }
    .ventanaModalTituloHerramientas a.ocultar, .ventanaModalTituloHerramientas a.mostrar, .ventanaModalTituloHerramientas a.centrar { background-repeat: no-repeat; background-position: center center; }
    .ventanaModalTituloHerramientas a:hover { text-decoration: none; }
    .ventanaModalTituloHerramientas a.cerrar div { transition: background .25s; clip-path: path('m 9.83464,7.5 3.50161,-3.50161 c 0.4297,-0.4297 0.4297,-1.12638 0,-1.55643 L 12.55804,1.66375 c -0.4297,-0.4297 -1.12638,-0.4297 -1.55643,0 L 7.5,5.16536 3.99839,1.66375 c -0.4297,-0.4297 -1.12638,-0.4297 -1.55643,0 L 1.66375,2.44196 c -0.4297,0.4297 -0.4297,1.12638 0,1.55643 L 5.16536,7.5 1.66375,11.00161 c -0.4297,0.4297 -0.4297,1.12638 0,1.55643 l 0.77821,0.77821 c 0.4297,0.4297 1.12673,0.4297 1.55643,0 L 7.5,9.83464 l 3.50161,3.50161 c 0.4297,0.4297 1.12673,0.4297 1.55643,0 l 0.77821,-0.77821 c 0.4297,-0.4297 0.4297,-1.12638 0,-1.55643 z'); width: 15px; height: 15px; display: block; background: #a3a3a5; }
    .ventanaModalTituloHerramientas a.cerrar:hover div { background: #D9031C; }

.ventanaModal .ventanaModalContenido { padding: 1rem; border-style: none; cursor: default !important; background: #dddddd; background: white; overflow: auto; border-bottom-left-radius: .3rem; border-bottom-right-radius: .3rem; }
.ventanaModal .ventanaModalContenidoDinamico { border-style: none; overflow: auto; }
.ventanaModal .ventanaModalContenido, .ventanaModal .ventanaModalTitulo, .ventanaModal .ventanaModalTituloSup { box-sizing: border-box; }
.ventanaModal .ventanaModalTituloSup { font-size: 1.1rem; color: #dfdfdf; }
.ventanaModal .ventanaModalTitulo .manejador { display: flex; align-items: center; flex-grow: 1; margin-right: 1.5rem; margin-left: 0.25rem; font-size: 1.1rem; color: #333; }

.ventanaModal .ventanaModalTituloSup { text-align: center; display: none; }
#ventanaModalTiempo { display: none; text-align: center; color: #f3f3f3; font-size: 0.8rem; }

.modal-open { overflow: hidden; }

#UpdatePanelModal { overflow: auto; max-height: 75vh; border-bottom-left-radius: .3rem; }

@media (max-height: 340px) {
    .ventanaModalTituloSup { display: none !important; }
}
