body {
  color: #fff;
  max-width: 1024px;
  background-image: url('../img/fondo.png');
  background-repeat: repeat;
  display: auto;
  margin: auto;
  
}


span.indicador{
	float: right;
	display: auto;
	font-size: 11px;
	color: #000;
}

ul {
  padding: 0;
}

#titulo{
  line-height: 5px;
  color:#000000;
}
li {
  display: inline-block;
  text-align: center;
  background-color: #3274d6;
  background-blend-mode: #8bd8bd;
  transition: 0.2s;
  margin-left: 03px;
  margin-bottom: 10px;
  padding: 10px;
}
a:visited{
  color:#4366a1;
  text-decoration: none;
  font-family: roboto,x-locale-body,sans-serif;
}
a:link{
  color: #ffffff;
  text-decoration: none;
  font-family: Arial,x-locale-body,sans-serif;
}
li:hover{
  background-color:#8bd8bd;
}
aside{
	background-color: #3274d6;
	padding: 0.1%;
	border-radius: 10px;
	text-align: center;
}

input[type="radio"]{
	display: list-item;
	justify-content: center;

}

.bloquePrincipal{
	margin: 1rem;
	padding: 1rem;
	justify-content: center;
	display:flex;
	
}

#VentanaPrincipal{
  margin-top: 3%;
  font-family: Arial,x-locale-body,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 20%;
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  background-color: rgba(17, 25, 40, 0.75);
  border-radius: 11px;
  border: 1px solid rgba(255, 255, 255, 0.125);

}

#cambio{
	color: #000;
}

h1 { font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;}
h3 { font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;}
p { font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;}
li { font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;}
span { font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;}
span.infoGraph{
	padding: 10px; font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif; font-size: 12px; font-style: normal;  color:#000000; 
}

.login {
  	width: 400px;
  	background-color: #ffffff;
  	box-shadow: 0 0 9px 0 rgba(5, 5, 5, 0.3);
  	margin: 50px auto;
	  backdrop-filter: blur(10px) saturate(166%);
	  -webkit-backdrop-filter: blur(10px) saturate(166%);
	  background-color: rgba(0, 0, 0, 0.37);
	  border-radius: 12px;
	  border: 1px solid rgba(143, 143, 143, 0.123);
}

.botonFooter {
	width: 200px;
	background-color: #ffffff;
	margin: 50px auto;
	background-color: rgba(0, 0, 0, 0);
}

.exitoso {
	width: 400px;
	background-color: #000;
	color:000;
	padding: 5%;
	margin: 100px auto;
	background-color: rgba(0, 0, 0, 0);
	backdrop-filter: blur(10px) saturate(166%);
	  -webkit-backdrop-filter: blur(10px) saturate(166%);
	  background-color: rgba(0, 0, 0, 0.37);
	  border-radius: 12px;
	  border: 1px solid rgba(143, 143, 143, 0.123);
}

.contacto {
	width: 400px;
	background-color: #ffffff;
	box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);
	margin: 50px auto;
}

.login h1 {
  	text-align: center;
  	font-size: 24px;
  	padding: 20px 0 20px 0;
  	border-bottom: 1px solid #243655;
}

.contacto h1 {
	text-align: center;
	color: #243655;
	font-size: 24px;
	padding: 20px 0 20px 0;
	border-bottom: 1px solid #243655;
}
.login form {
  	display: flex;
  	flex-wrap: wrap;
  	justify-content: center;
  	padding-top: 20px;
}

.contacto form {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-top: 20px;
}

.login form label {
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	width: 50px;
  	height: 50px;
  	background-color: #3274d6;
  	color: #ffffff;
}

label {
	display: flex;
}

.contacto form label {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	background-color: #243655;
	color: #ffffff;
}

.login form input[type="password"], .login form input[type="text"] {
  	width: 310px;
  	height: 48px;
  	border: 1px solid #dee0e4;
  	margin-bottom: 20px;
  	padding: 0 15px;
}


textarea{
	width: 300px;
	height: 100px;
	border: 1px solid #000;
	resize: none;
}

.login form input[type="email"], .login form input[type="text"] {
	width: 310px;
	height: 48px;
	border: 1px solid #dee0e4;
	margin-bottom: 20px;
	padding: 0 15px;
}

.login form input[type="submit"] {
  	width: 100%;
  	padding: 15px;
 	margin-top: 20px;
	margin-bottom: 10px;
  	background-color: #3274d6;
  	border: 0;
  	cursor: pointer;
  	font-weight: bold;
  	color: #ffffff;
  	transition: background-color 0.2s;
}

.contacto form input[type="submit"] {
	width: 100%;
	padding: 15px;
   	margin-top: 20px;
	background-color: #3274d6;
	border: 0;
	cursor: pointer;
	font-weight: bold;
	color: #ffffff;
	transition: background-color 0.2s;
}
.login form input[type="submit"]:hover {
	background-color: #8bd8bd;
  	transition: background-color 0.2s;
}

.contacto form input[type="submit"]:hover {
	background-color: #8bd8bd;
  	transition: background-color 0.2s;
}

.bw.visited, #bw.visited{
	width: 100%;
	padding: 15px;
  	margin-top: 20px;
	background-color: #3274d6;
	border: 0;
	cursor: pointer;
	font-weight: bold;
	color: #ffffff;
	transition: background-color 0.2s;
}

th {font-weight: normal; color: #fff; background-color: #243655; padding:.5em 1em .5em .2em;
	text-align: left;cursor:pointer;user-select: none;}
th .indicator {margin-left: 6px }
thead {border-top: 1px solid #8bd8bd; border-bottom: 1px solid #8bd8bd;border-left: 1px solid #8bd8bd;
	border-right: 1px solid #E7F2FB; }
#top {height:52px;}
#mkdir {display:inline-block;padding-top:16px;}
label { display:block; font-size:11px; color:#ffffff;}
#file_drop_target {width:500px; padding:12px 0; border: 4px dashed #ccc;font-size:12px;color:#ccc;
	text-align: center;float:right;margin-right:20px;}
#file_drop_target.drag_over {border: 4px dashed #243655; color: #243655;}
#upload_progress {padding: 4px 0;}
#upload_progress .error {color:#8bd8bd;}
#upload_progress > div { padding:3px 0;}
.no_write #mkdir, .no_write #file_drop_target {display: none}
.progress_track {display:inline-block;width:200px;height:10px;border:1px solid #333;margin: 0 4px 0 10px;}
.progress {background-color: #E7F2FB;height:10px; }
footer {font-size:11px; color:#4366a1; padding:1em 0 0;text-align: center; padding: 2%;}
footer a, footer a:visited {color:#4366a1;}
#breadcrumb { padding-top:34px; font-size:15px; color:#4366a1;display:inline-block;}
#folder_actions {width: 50%;float:right;}
a, a:visited { color:#ffffff; text-decoration: none}
a:hover {text-decoration: underline}
.sort_hide{ display:none;}
table {
	table-layout: auto;
	width: 100%;  
}

td { padding:.2em 1em .2em .2em; border-bottom:1px solid #def;height:30px; font-size:12px;}
td.first {font-size:14px;white-space: normal;}
td.empty { color:#777; font-style: italic; text-align: center;padding:3em 0;}
.is_dir .size {color:transparent;font-size:0;}
.is_dir .size:before {content: "--"; font-size:14px;color:#333;}
.is_dir .download{visibility: hidden}
a.delete {display:inline-block;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAADtSURBVHjajFC7DkFREJy9iXg0t+EHRKJDJSqRuIVaJT7AF+jR+xuNRiJyS8WlRaHWeOU+kBy7eyKhs8lkJrOzZ3OWzMAD15gxYhB+yzAm0ndez+eYMYLngdkIf2vpSYbCfsNkOx07n8kgWa1UpptNII5VR/M56Nyt6Qq33bbhQsHy6aR0WSyEyEmiCG6vR2ffB65X4HCwYC2e9CTjJGGok4/7Hcjl+ImLBWv1uCRDu3peV5eGQ2C5/P1zq4X9dGpXP+LYhmYz4HbDMQgUosWTnmQoKKf0htVKBZvtFsx6S9bm48ktaV3EXwd/CzAAVjt+gHT5me0AAAAASUVORK5CYII=) no-repeat scroll 0 2px;
	color:#d00;	margin-left: 15px;font-size:11px;padding:0 0 0 13px;
}
.name {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABAklEQVRIie2UMW6DMBSG/4cYkJClIhauwMgx8CnSC9EjJKcwd2HGYmAwEoMREtClEJxYakmcoWq/yX623veebZmWZcFKWZbXyTHeOeeXfWDN69/uzPP8x1mVUmiaBlLKsxACAC6cc2OPd7zYK1EUYRgGZFkG3/fPAE5fIjcCAJimCXEcGxKnAiICERkSIcQmeVoQhiHatoWUEkopJEkCAB/r+t0lHyVN023c9z201qiq6s2ZYA9jDIwx1HW9xZ4+Ihta69cK9vwLvsX6ivYf4FGIyJj/rg5uqwccd2Ar7OUdOL/kPyKY5/mhZJ53/2asgiAIHhLYMARd16EoCozj6EzwCYrrX5dC9FQIAAAAAElFTkSuQmCC) no-repeat scroll 0px 12px;
	padding:15px 0 10px 40px;
}
.is_dir .name {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAADdgAAA3YBfdWCzAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAI0SURBVFiF7Vctb1RRED1nZu5977VQVBEQBKZ1GCDBEwy+ISgCBsMPwOH4CUXgsKQOAxq5CaKChEBqShNK222327f79n0MgpRQ2qC2twKOGjE352TO3Jl76e44S8iZsgOww+Dhi/V3nePOsQRFv679/qsnV96ehgAeWvBged3vXi+OJewMW/Q+T8YCLr18fPnNqQq4fS0/MWlQdviwVqNpp9Mvs7l8Wn50aRH4zQIAqOruxANZAG4thKmQA8D7j5OFw/iIgLXvo6mR/B36K+LNp71vVd1cTMR8BFmwTesc88/uLQ5FKO4+k4aarbuPnq98mbdo2q70hmU0VREkEeCOtqrbMprmFqM1psoYAsg0U9EBtB0YozUWzWpVZQgBxMm3YPoCiLpxRrPaYrBKRSUL5qn2AgFU0koMVlkMOo6G2SIymQCAGE/AGHRsWbCRKc8VmaBN4wBIwkZkFmxkWZDSFCwyommZSABgCmZBSsuiHahA8kA2iZYzSapAsmgHlgfdVyGLTFg3iZqQhAqZB923GGUgQhYRVElmAUXIGGVgedQ9AJJnAkqyClCEkkfdM1Pt13VHdxDpnof0jgxB+mYqO5PaCSDRIAbgDgdpKjtmwm13irsnq4ATdKeYcNvUZAt0dg5NVwEQFKrJlpn45lwh/LpbWdela4K5QsXEN61tytWr81l5YSY/n4wdQH84qjd2J6vEz+W0BOAGgLlE/AMAPQCv6e4gmWYC/QF3d/7zf8P/An4AWL/T1+B2nyIAAAAASUVORK5CYII=) no-repeat scroll 0px 10px;
	padding:15px 0 10px 40px;
}
.download {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAB2klEQVR4nJ2ST2sTQRiHn5mdmj92t9XmUJIWJGq9NHrRgxQiCtqbl97FqxgaL34CP0FD8Qv07EHEU0Ew6EXEk6ci8Q9JtcXEkHR3k+zujIdUqMkmiANzmJdnHn7vzCuIWbe291tSkvhz1pr+q1L2bBwrRgvFrcZKKinfP9zI2EoKmm7Azstf3V7fXK2Wc3ujvIqzAhglwRJoS2ImQZMEBjgyoDS4hv8QGHA1WICvp9yelsA7ITBTIkwWhGBZ0Iv+MUF+c/cB8PTHt08snb+AGAACZDj8qIN6bSe/uWsBb2qV24/GBLn8yl0plY9AJ9NKeL5ICyEIQkkiZenF5XwBDAZzWItLIIR6LGfk26VVxzltJ2gFw2a0FmQLZ+bcbo/DPbcd+PrDyRb+GqRipbGlZtX92UvzjmUpEGC0JgpC3M9dL+qGz16XsvcmCgCK2/vPtTNzJ1x2kkZIRBSivh8Z2Q4+VkvZy6O8HHvWyGyITvA1qndNpxfguQNkc2CIzM0xNk5QLedCEZm1VKsf2XrAXMNrA2vVcq4ZJ4DhvCSAeSALXASuLBTW129U6oPrT969AK4Bq0AeWARs4BRgieMUEkgDmeO9ANipzDnH//nFB0KgAxwATaAFeID5DQNatLGdaXOWAAAAAElFTkSuQmCC) no-repeat scroll 0px 5px;
	padding:4px 0 4px 20px;
}

.cambiar {
	text-align: center;
	background-color: #3274d6;
	font-weight: bold;
	color: #ffffff;
	transition: background-color 0.2s;
	cursor:pointer;
	margin-bottom: 10px;
	padding: 10px;
}