@charset "utf-8";

/* capa y div cargando */
.modal-body {
    background-color: rgb(255, 255, 255);
}

#dvy_capa_cargando{display:none;position:fixed;top: 0;right: 0;bottom: 0;left: 0;height: 100%;width: 100%;margin: 0;padding: 0;background-color: rgba(00, 00, 00,0.5);z-index:1001; }
.dvy_cargando{position: fixed; width:200px; height:80px;left:50%; top:50%; margin-left:-100px; margin-top:-40px; background-color: rgba(255, 255, 255,0.9); z-index:1002; border:1px solid #E4E4E4; color:#333 ; text-align:center; border-radius:2px;}

/* capa cargando sin fondo */
#dvy_capa_cargando_transparente{display:none;position:fixed;top: 0;right: 0;bottom: 0;left: 0;height: 100%;width: 100%;margin: 0;padding: 0;background-color: rgba(255, 255, 255,0.5);z-index:1003; }
.dvy_cargando_transparente{position: fixed; width:200px; height:80px;left:50%; top:50%; margin-left:-100px; margin-top:-40px;  z-index:1002;  text-align:center}

/* cxargar en contenido dejando menu libre */
#dvy_capa_cargando_transparente_contenido{display:none;position:fixed;top: 0;right: 0;bottom: 0;left:20%;height: 100%;width: 100%;margin: 0;padding: 0;background-color: rgba(255, 255, 255,0.5);z-index:1003; }
.dvy_cargando_transparente_contenido{position: fixed; width:200px; height:80px;left:60%; top:50%; margin-left:-100px; margin-top:-40px;  z-index:1002;  text-align:center}

/* ckeditor */
#dvy_capa_cargando_transparente_ckeditor{display:none;position:fixed;top: 0;right: 0;bottom: 0;left: 0;height: 100%;width: 100%;margin: 0;padding: 0;background-color: rgba(255, 255, 255,0.5);z-index:1003; }
.dvy_cargando_transparente_ckeditor{position: fixed; width:200px; height:80px;left:50%; top:50%; margin-left:-100px; margin-top:-40px;  z-index:1002;  text-align:center}
/* fin ckeditor*/

/* ventana ajax */
#dvy_capa{display:none;position: fixed;top: 0;right: 0;bottom: 0;left: 0;height: 100%;width: 100%;margin: 0;
padding: 0;background-color: rgba(00, 00, 00,0.6); z-index:100; }
/* una capa sobre la primera ejemplo mi galeria upload*/
#dvy_capa2{display:none;position: fixed;top: 0;right: 0;bottom: 0;left: 0;height: 100%;width: 100%;margin: 0;
padding: 0; background-color: rgba(00, 00, 00,0.5);z-index:101; }


/* div header */
.dha-delete{background:#C1392B}
.dha-visualize{background:#D25400; }
.dha-update{background:#297FB8;}
.dha-filtro{background:#27AE61}

/* agregar carro */
.dvy-message-carro{ float:left;width:40%; margin:25vh 30% 1% 30%; min-height:10vh;background:#FFFFFF;box-sizing:border-box;overflow-y: auto;border:0px solid #f00;padding:20px; z-index:10}
.dvy-salir-message-carro{ float: right;width:5%; margin-top:-2vh; height:8vh; box-sizing:border-box;}
.dvy-link-salir-carro a{width:100%; height:100%;display:block; text-decoration:none; background:url(../images/close2.png) no-repeat center;background-size: 100%; transition:0s;background-size: 100%; border:0px solid #333; border-bottom-right-radius:0px;}
.dvy-link-salir-carro a:hover{background:url(../images/close2.png) no-repeat center;background-size: 90%;opacity:0.6; }
/**/

.dvy-header{ float:left; width:100%;height:12vh; }
.dvy-header-ajax{ float:left;width:93%; height:8vh; margin:0 0 0% 1%; box-sizing:border-box;padding:1.2%; font-size:18px; color:#000; text-transform:uppercase; background:#F2F3F7; border-bottom:1px solid #ccc}
.dvy-salir{ float:left;width:5%; height:8vh; box-sizing:border-box; background:#F2F3F7; border-bottom:1px solid #ccc }

.dvy-centro{ float:left;width:98%; margin:0 1% 1% 1%; height:78vh;background:#FFFFFF;box-sizing:border-box;overflow-y: auto;border:0px solid #f00;padding:20px; z-index:10}

/* filros */
.dvy-header-ajax-filtros{ float:left;width:50%; height:8vh; margin:0 0 0% 27.5%; box-sizing:border-box;padding:3vh; font-size:18px; color:#000; text-transform:uppercase; background:#F2F3F7; border-bottom:1px solid #ccc}
.dvy-centro-filtros{ float:left;width:55%; margin:0 0% 0% 27.5%; background:#FFFFFF;box-sizing:border-box;overflow-y: auto;border:0px solid #f00;padding:20px;}


/* header fixed para filtros */
.dvy-header-fixed{float:left;width:98%;margin:0 1% 0% 1%;  height:10vh;box-sizing:border-box;border-bottom:1px solid #d2d2d2; border-left:0px solid #000;
padding:1%;background:#FFF}
.dvy-centro-2{float:left;width:98%; margin:0 1% 1% 1%; height:68vh;background:#FFFFFF;box-sizing:border-box;overflow-y: auto;border:0px solid #f00;padding:20px; z-index:11}


.dvy-link-salir a{width:100%; height:100%;display:block; text-decoration:none; background:url(../images/close.png) no-repeat center;background-size: 100%; transition:0s;background-size: 50%; border:0px solid #333; border-bottom-right-radius:0px;}
.dvy-link-salir a:hover{background:#BDBDBD url(../images/close.png) no-repeat center;background-size: 50%;opacity:0.6; }

.dvy-link-saliendo a{width:100%; height:100%;display:block; text-decoration:none; background: url(../../../../images/svg-loaders/dvy_salir_update/oval.svg) no-repeat center; transition:0s;background-size: 50%; border-bottom-right-radius:10px;}

@media screen and (max-width: 900px) 
{
.dvy-header-ajax{ width:88%}	
.dvy-salir{ width:10%;}
.dvy-link-salir a{ background-size:40%;}.dvy-link-salir a:hover{ background-size:40%;}

.dvy-header-ajax-filtros{ width:70%;margin-left:10%;}
.dvy-centro-filtros{ width:80%; margin-left:10%}

.dvy-message-carro{ float:left;width:70%; margin:5vh 10% 1% 10%; }
}

@media screen and (max-width: 600px) 
{
.dvy-header-ajax{ width:88%}	
.dvy-salir{ width:10%;}
.dvy-link-salir a{ background-size:40%;}.dvy-link-salir a:hover{ background-size:40%;}

.dvy-message-carro{ float:left;width:80%; margin:5vh 10% 1% 10%; }
}