@charset "utf-8";
	/*
	 *
	 * YGA (c) 2003 - 2020 Yal Publicidad
	 * Yal Gestor de Archivos
	 *
	 */
	
	/*html, body{ height:100%; }
	body{ overflow:hidden;}*/
	body{margin:0;padding:0;font-family:Arial;font-size:100%;color:#050A1B;}
	
	input[type="text"],
	input[type="number"],
	input[type="email"],
	input[type="password"],
	select{
			border:1px solid #cccccc;
			border-radius: 3px;
			padding:8px 15px;
			max-width: 100%;
		}

	#ygestorarchivos{ display:flex; flex-direction:column; -webkit-flex-direction:column; height:98%;}
	
		.yga-nav{
				background: #f4f4f4; border-bottom: #dedede 1px solid;
			}
			.yga-nav a{ text-decoration:none; } .yga-nav a:hover{ background:#f9f9f9; }
	
		#ygestorarchivos .cpaneles{ 
					width:100%; height:100%; flex-direction:row; -webkit-flex-direction:row; /*padding-right:15px;padding-left:15px;*/margin-right:auto;margin-left:auto; 
					display: flex; display: -webkit-flex; align-items: stretch; /*flex-wrap: wrap;*/
				}

/* --------------------------- *\
	botones topnav
\* --------------------------- */
		.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn.active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decoration:none}.btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
		
		#topnav{ position:relative; padding: 10px 20px; font-size:small; margin-bottom:45px; }
		#topnav ul,
		#topnav ul li{list-style-type:none;margin:0;padding:0}
		#topnav ul{float:left;width:100%}
		#topnav li,
		#topnav li a{float:left}
		#topnav li a{color:#333}
		#topnav li a:hover{color: inherit;text-decoration:none}
		#topnav li.disabled a:hover{color:#666;text-decoration:none;cursor:not-allowed;opacity:.5}
		#topnav li.disabled a{color:#666;text-decoration:none;cursor:not-allowed;opacity:.5}
		#topnav br{display:none}.divider{border-right:1px dotted #ccc}
		#topnav ul li.divider{margin-right:5px}
		
		.input-group{position:relative;display:table;border-collapse:separate;}
		.input-group .form-control{position:relative;z-index:2;float:left;width:100%;height:34px; margin-bottom:0; outline:none; border:1px solid #ccc; }
		.input-group-addon,
		.input-group-btn,
		.input-group .form-control{display:table-cell}
		.input-group-addon:not(:first-child):not(:last-child),
		.input-group-btn:not(:first-child):not(:last-child),
		.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}
		.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}
		.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}
		.input-group .form-control:first-child,
		.input-group-addon:first-child,
		.input-group-btn:first-child>.btn{border-bottom-right-radius:0;border-top-right-radius:0}
		.input-group-addon:first-child{border-right:0}
		.input-group .form-control:last-child,
		.input-group-addon:last-child,
		.input-group-btn:last-child>.btn,
		.input-group-btn:first-child>.btn:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}
		.input-group-addon:last-child{border-left:0}
		.input-group-btn{position:relative;font-size:0;white-space:nowrap}
		.input-group-btn>.btn{position:relative}
		.input-group-btn>.btn+.btn{margin-left:-1px}
		.input-group-btn>.btn:hover,
		.input-group-btn>.btn:focus,
		.input-group-btn>.btn:active{z-index:2}
		.input-group-btn:first-child>.btn{margin-right:-1px}
		.input-group-btn:last-child>.btn{margin-left:-1px}
		
		.input-group .form-control{ font-size:small; }
		
		.btn-default{color:#333;background-color:#fff;border-color:#ccc}
		.btn-default:hover,
		.btn-default:focus,
		.btn-default:active,
		.btn-default.active{color:#333;background-color:#ebebeb;border-color:#adadad}
		.btn-default:active,
		.btn-default.active{background-image:none}
		.btn-default.disabled,
		.btn-default[disabled],
		.btn-default.disabled:hover,
		.btn-default[disabled]:hover,
		.btn-default.disabled:focus,
		.btn-default[disabled]:focus,
		.btn-default.disabled:active,
		.btn-default[disabled]:active,
		.btn-default.disabled.active,
		.btn-default[disabled].active{background-color:#fff;border-color:#ccc}
		
		.btn-primario {
		  display: inline-block;
		  padding: 5px 20px;
		  background-color: #057fad;
		  border: 1px solid #0689bb;
		  border-radius: 3px;
		  color: #FFF;
		  text-transform: uppercase;
		  font-weight: 700;
		  text-align: center;
		  -webkit-transition: 0.2s all;
		  transition: 0.2s all;
		}
	
			.btn-primario:hover, .btn-primario:focus {
			  opacity: 0.9; color: #FFF;
			}

/* --------------------------- *\
	iconos del explorador
\* --------------------------- */
		[class*="ico-yga-"],
		[class*="mime-yga-"]{ display: inline-block; width:40px; height:40px; vertical-align:middle; background:url(../images/iconos.png) no-repeat; background-position: -80px -40px; }
		.ico-yga-carpeta{ background:url(../images/iconos.png) no-repeat; background-position: 0 0; }
		.ico-yga-carpeta-o{ background:url(../images/iconos.png) no-repeat; background-position: -40px 0; }
		
		.mime-yga-pdf{ background:url(../images/iconos.png) no-repeat; background-position: -40px -40px; }
		.mime-yga-php{ background:url(../images/iconos.png) no-repeat; background-position: 0 -40px; }
		.mime-yga-asp{ background:url(../images/iconos.png) no-repeat; background-position: 0 -40px; }
		.mime-yga-html{ background:url(../images/iconos.png) no-repeat; background-position: 0 -40px; }
		.mime-yga-htm{ background:url(../images/iconos.png) no-repeat; background-position: 0 -40px; }
		.mime-yga-js{ background:url(../images/iconos.png) no-repeat; background-position: -160px -40px; }
		.mime-yga-css{ background:url(../images/iconos.png) no-repeat; background-position: -200px -40px; }
		.mime-yga-none{ background:url(../images/iconos.png) no-repeat; background-position: -80px -40px; }
		.mime-yga-txt{ background:url(../images/iconos.png) no-repeat; background-position: -120px -40px; }
		
		.mime-yga-zip{ background:url(../images/iconos.png) no-repeat; background-position: -120px 0; }
		.mime-yga-rar{ background:url(../images/iconos.png) no-repeat; background-position: -120px 0; }
		.mime-yga-gz{ background:url(../images/iconos.png) no-repeat; background-position: -120px 0; }
		
		.mime-yga-jpeg{ background:url(../images/iconos.png) no-repeat; background-position: 0px -80px; }
		.mime-yga-jpg{ background:url(../images/iconos.png) no-repeat; background-position: 0px -80px; }
		.mime-yga-gif{ background:url(../images/iconos.png) no-repeat; background-position: 0px -80px; }
		.mime-yga-png{ background:url(../images/iconos.png) no-repeat; background-position: -40px -80px; }
		.mime-yga-bmp{ background:url(../images/iconos.png) no-repeat; background-position: 0px -80px; }
		.mime-yga-svg{ background:url(../images/iconos.png) no-repeat; background-position: -80px -80px; }
		
		.mime-yga-mpeg{ background:url(../images/iconos.png) no-repeat; background-position: -240px -40px; }
		.mime-yga-mp4{ background:url(../images/iconos.png) no-repeat; background-position: -240px -40px; }
		.mime-yga-mpg{ background:url(../images/iconos.png) no-repeat; background-position: -240px -40px; }
		.mime-yga-mov{ background:url(../images/iconos.png) no-repeat; background-position: -240px -40px; }
		.mime-yga-mp2{ background:url(../images/iconos.png) no-repeat; background-position: -240px -40px; }
		.mime-yga-avi{ background:url(../images/iconos.png) no-repeat; background-position: -240px -40px; }
		.mime-yga-qt{ background:url(../images/iconos.png) no-repeat; background-position: -240px -40px; }
		.mime-yga-wmv{ background:url(../images/iconos.png) no-repeat; background-position: -240px -40px; }
		
		.mime-yga-mp3{ background:url(../images/iconos.png) no-repeat; background-position: -280px -40px; }
		.mime-yga-wav{ background:url(../images/iconos.png) no-repeat; background-position: -280px -40px; }
		.mime-yga-wma{ background:url(../images/iconos.png) no-repeat; background-position: -280px -40px; }
		.mime-yga-ogg{ background:url(../images/iconos.png) no-repeat; background-position: -280px -40px; }
		
		.yga-tab{display:inline-block;padding-left:20px;}

/* --------------------------- *\
	Paneles de explorador
\* --------------------------- */
		.palnav{ 
				flex: 1 1 auto; -webkit-flex: 1 1 auto; width:25%; padding:3px; border-right:1px solid #ddd;
			}
			.palnav .contenedor-panel{ height:calc(100% - 25px);overflow:auto; }
			
			.palnav ul{ list-style:none; margin:5px 0; padding:5px; }
			.palexplorador li,
			.palnav li{ margin: 0 0; font-size:small; cursor:pointer; }
				.palnav li div{ display:block; }
			.palexplorador li a,
			.palnav li a{ color: #333; text-decoration:none; }
			.palnav li a:focus{ color: #000; font-weight:700; }
		
		.palexplorador{ 
				flex: 1 1 auto; -webkit-flex: 1 1 auto; /*overflow: auto;*/ width:75%; padding:3px; 
			}
			
			.palexplorador .cabecera{ 
					background:#fefffe;display:flex; display: -webkit-flex; width:100%;
					padding: 10px 0; font-weight: 500;
					border-bottom: 1px solid #eee;
					font-family:Arial;
				}
				/*.palexplorador .cabecera div{ width: 30%; }*/
				.palexplorador .i-nombre{ width: 35%; padding-left: 28px; }
				.palexplorador .i-peso{ width: 10%; }
				.palexplorador .i-modificacion{ width: 20%; }
				.palexplorador .i-tipo{ width: 25%; }
				.palexplorador .i-permiso{ width: 10%; }
			
			.palexplorador li{
				   background-color: #fefefe;
				}
			.palexplorador li:hover,
			.palexplorador li:hover:nth-child(odd){
				   background-color:#E4E7EF;
				}
			.palexplorador li:nth-child(odd) {
				   background-color: #f3f3f3;
				}
	
	.contenedor-panel-r{ height:100%; overflow:auto; }
	
	.cBtnIns{ margin-bottom:15px; }
			.cBtnIns button{ border:none; border-radius:3px; padding:8px 20px; color:#fff; cursor:pointer; outline:none; }
			.cBtnIns button{
				background-color:#357f12;
			} .cBtnIns button:hover{
					background-color:rgba(53,127,18,0.85);
				}
	
	.vista-iconos{ display:flex; flex-direction:column; padding:10px; }
		.vista-iconos .subti{ font-weight: 800; padding:5px; border-bottom:1px dotted #ccc; }
		.vista-iconos .ventana{ display:flex; flex-wrap: wrap; padding:10px;}
		.vista-iconos .w20{ width:20%; }
		.vista-iconos .w40{ width:40%; }
		
		.vista-iconos .item{ margin:5px;padding:5px; cursor:pointer; border:1px solid #eee; }
			.vista-iconos .item label{ cursor:pointer; }
			.vista-iconos .item:hover{ border:1px solid #ddd; border-radius:5px; }
			
		
		.vista-iconos .ic-nombre, 
		.vista-iconos .ic-icono{ text-align:center; }
		
		.vista-iconos .ic-icono{ min-height:60px; max-height:100px; }
			.vista-iconos .ic-icono img{ display:inline-block;width:auto; height:auto; max-width:100%; max-height:100px; }
		.vista-iconos .ic-nombre{ padding:5px 10px; font-size:small; bottom:0; }
		
	
/* ---------------------------- *\
		Drag And Drop
\* ---------------------------- */
		.yga-drag-drop{ 
					position:relative; 
					margin: 15px 0px;
					padding: 15px;
					border:1px #0081d5 dashed; 
					border-radius:3px; 
					color: #222;
					text-align:center;
			}
			.yga-drag-drop h3{ color:#545a61; font-size:18px; }
			
		
		.lds-ellipsis {
		  display: inline-block;
		  position: relative;
		  min-width: 32px;
		  mix-height: 32px;
		  width:100%;
		  height:100%;
		}
		.lds-ellipsis div {
		  position: absolute;
		  top: 27px;
		  width: 11px;
		  height: 11px;
		  border-radius: 50%;
		  background:#FCAA12;
		  animation-timing-function: cubic-bezier(0, 1, 1, 0);
		}
		.lds-ellipsis div:nth-child(1) {
		  left: 6px;
		  animation: lds-ellipsis1 0.6s infinite;
		}
		.lds-ellipsis div:nth-child(2) {
		  left: 6px;
		  animation: lds-ellipsis2 0.6s infinite;
		}
		.lds-ellipsis div:nth-child(3) {
		  left: 26px;
		  animation: lds-ellipsis2 0.6s infinite;
		}
		.lds-ellipsis div:nth-child(4) {
		  left: 45px;
		  animation: lds-ellipsis3 0.6s infinite;
		}
		@keyframes lds-ellipsis1 {
		  0% {
			transform: scale(0);
		  }
		  100% {
			transform: scale(1);
		  }
		}
		@keyframes lds-ellipsis3 {
		  0% {
			transform: scale(1);
		  }
		  100% {
			transform: scale(0);
		  }
		}
		@keyframes lds-ellipsis2 {
		  0% {
			transform: translate(0, 0);
		  }
		  100% {
			transform: translate(19px, 0);
		  }
		}


		.load-xs{ display:inline-block; height:38px; width:38px; }
		
	
	#actionHandler{
		position: relative;
		font-size: small;
		min-width: 280px;
	}
		#actionHandler h4{ padding: 10px 0px; color:#333; text-align:center; font-size:medium; font-weight: 600; border-bottom:1px dashed #ccc; }
		#actionHandler .lbl{ margin:10px 0; }
		#actionHandler .ft{ padding: 10px 0px; margin-top:25px; border-top:1px dashed #ccc; text-align:right; }
		
		#actionHandler input[type="text"], #actionHandler input[type="number"], #actionHandler input[type="email"], #actionHandler input[type="password"]{ width: 300px; }
		
/* ************************** *\
	Styles Modal
\* ************************** */

	#yga_modal {
		position: relative;
		background: rgba(0, 0, 0, 0.6);
		overflow:auto;
		color: #fff;
		position: fixed;
		top: -100vh;
		left: 0;
		height: 100vh;
		width: 100vw;
		transition: all .5s;
		z-index:1990;
	}
	
	#yga_modal_btn_cerrar {
			display: none;
		}
		#yga_modal_btn_cerrar + label {
		  position: absolute;
		  top: 1em;
		  right: 3em;
		  color: #fff;
		  font-weight: bold;
		  cursor: pointer;
		  background: tomato;
		  width: 25px;
		  height: 25px;
		  line-height: 25px;
		  text-align: center;
		  border-radius: 50%;
		  transition: all .5s;
		}
		
		
	#yga_modal_contenedor{
			margin: 0 auto;
			padding: 15px;
			background: #fff; color:#343434;
			margin-top: 5%;
			display:table;
			border-radius: 3px;
			width: auto; min-width:40%; max-width: 90%; max-height: 90%;
			transition: all .5s;
			z-index:1993;
		}

/*[ FONT SIZE ]
///////////////////////////////////////////////////////////
*/
.fs-small { font-size: small; }
.fs-medium { font-size: medium; }
.fs-6 {font-size: 6px;}
.fs-7 {font-size: 7px;}
.fs-8 {font-size: 8px;}
.fs-9 {font-size: 9px;}
.fs-10 {font-size: 10px;}
.fs-11 {font-size: 11px;}
.fs-12 {font-size: 12px;}
.fs-13 {font-size: 13px;}
.fs-14 {font-size: 14px;}
.fs-15 {font-size: 15px;}
.fs-16 {font-size: 16px;}
.fs-17 {font-size: 17px;}
.fs-18 {font-size: 18px;}
.fs-19 {font-size: 19px;}
.fs-20 {font-size: 20px;}
.fs-21 {font-size: 21px;}
.fs-22 {font-size: 22px;}
.fs-23 {font-size: 23px;}
.fs-24 {font-size: 24px;}
.fs-25 {font-size: 25px;}
.fs-26 {font-size: 26px;}
.fs-27 {font-size: 27px;}
.fs-28 {font-size: 28px;}
.fs-29 {font-size: 29px;}
.fs-30 {font-size: 30px;}
.fs-31 {font-size: 31px;}
.fs-32 {font-size: 32px;}
.fs-33 {font-size: 33px;}
.fs-34 {font-size: 34px;}
.fs-35 {font-size: 35px;}
.fs-36 {font-size: 36px;}
.fs-37 {font-size: 37px;}
.fs-38 {font-size: 38px;}
.fs-39 {font-size: 39px;}
.fs-40 {font-size: 40px;}
.fs-41 {font-size: 41px;}
.fs-42 {font-size: 42px;}
.fs-43 {font-size: 43px;}
.fs-44 {font-size: 44px;}
.fs-45 {font-size: 45px;}
.fs-46 {font-size: 46px;}
.fs-47 {font-size: 47px;}
.fs-48 {font-size: 48px;}
.fs-49 {font-size: 49px;}
.fs-50 {font-size: 50px;}
.fs-51 {font-size: 51px;}
.fs-52 {font-size: 52px;}
.fs-53 {font-size: 53px;}
.fs-54 {font-size: 54px;}
.fs-55 {font-size: 55px;}
.fs-56 {font-size: 56px;}
.fs-57 {font-size: 57px;}
.fs-58 {font-size: 58px;}
.fs-59 {font-size: 59px;}
.fs-60 {font-size: 60px;}
.fs-61 {font-size: 61px;}
.fs-62 {font-size: 62px;}
.fs-63 {font-size: 63px;}
.fs-64 {font-size: 64px;}
.fs-65 {font-size: 65px;}
.fs-66 {font-size: 66px;}
.fs-67 {font-size: 67px;}
.fs-68 {font-size: 68px;}
.fs-69 {font-size: 69px;}
.fs-70 {font-size: 70px;}
.fs-71 {font-size: 71px;}
.fs-72 {font-size: 72px;}