@import url('https://fonts.googleapis.com/css2?family=News+Cycle:wght@400;700&display=swap');
html {
	font-size:62.5%;
}

body {
	margin:0;
	padding:0;
	font-family: 'News Cycle', sans-serif!important;
	font-weight:400;
	line-height:1.375;
	background-color:#d5d2c8!important;
}

form {
	border:0;
	padding:0;
	margin:0;
	font-size:1em;
}

p,
li,
td,
th,
input,
textarea,
label,
select {
	font-size:1.6em;
}



li li {
	font-size:1em;
}

h1 {
	font-size:3em;
	padding:.5em 0;
	margin:0;
}

h2 {
	font-size:2.4em;
	padding:.5em 0;
	margin:0;
}

h3 {
	font-size:2em;
	padding:.5em 0;
	margin:0;
}

h4 {
	font-size:1.6em;
	font-weight:bold;
	padding:.5em 0;
	margin:0;
}

h5 {
	font-size:1.3em;
	padding:.5em 0;
	margin:0;
}

h6 {
	font-size:1.1em;
	padding:.5em 0;
	margin:0;
}

p {
	padding:0 0 1em 0;
	margin:0;
}

img {
	max-width:100%;
	max-height:100%;
}

a {
	outline:none;
	text-decoration:none;
	font-weight:400;
	color:#000!important;
}


	
#holder {
	width:96em;
	padding:0;
	margin:2em auto;
	background-color:#fff;
}


textarea,
input {
	-webkit-border-radius:.3em;
	-moz-border-radius:.3em;
	border-radius:.3em;
	border:1px solid #c7c4ba;
	background-color:#e8e5d9;
	padding:.4em;
	margin:0;
	color:#111;
	font-size:1.2em;
	width:75%;
}

textarea {
	font-family: 'News Cycle', sans-serif;
	width:97%;
}

td textarea {
}

#richtexttable {
	clear:both;
	width:96%;
	margin:2em auto;
}

td.richtextarea table {
	width:100% !important;
}


#content td.richtextarea td,
#content td.richtextarea p {
	font-size:1em !important;
}



.login#content label input[type=submit],
#content a.adduser,
input[type=button],
input[type=submit] {
	-webkit-border-radius:.3em;
	-moz-border-radius:.3em;
	border-radius:.3em;
	border:0;
	background-color:#7B9F4D !important;
	padding:.5em 1em !important;
	color:#fff !important;
	font-size:1.2em !important;
	width:auto !important;
	font-weight:bold !important;
	text-transform:uppercase !important;
}

.modificar,
.borrar {
	-webkit-border-radius:.3em;
	-moz-border-radius:.3em;
	border-radius:.3em;
	background-color:#a8a69c !important;
	padding:.5em 1em !important;
	color:#fff !important;
	font-size:1em !important;
	width:auto !important;
	font-weight:bold !important;
	text-transform:uppercase !important;
	float:right;
	clear:right;
}

#content .thumb p a {
	-webkit-border-radius:.3em;
	-moz-border-radius:.3em;
	border-radius:.3em;
	background-color:#a8a69c !important;
	padding:.5em 1em !important;
	color:#fff !important;
	font-size:1em !important;
	width:auto !important;
	font-weight:bold !important;
	text-transform:uppercase !important;
}

.btdelete {
	-webkit-border-radius:.3em;
	-moz-border-radius:.3em;
	border-radius:.3em;
	background-color:#7B9F4D !important;
	padding:.5em 1em !important;
	color:#fff !important;
	font-size:1.2em !important;
	width:auto !important;
	font-weight:bold !important;
	text-transform:uppercase !important;
	float:left;
	margin-right:1em;
}

.login#content label input[type=submit]:hover,
#content a.adduser:hover,
input[type=button]:hover,
input[type=submit]:hover,
.btdelete:hover,
.modificar:hover,
.borrar:hover {
	background-color:#000 !important;
}

#content h1.adduser a,
h5.delete-images a {
	-webkit-border-radius:.3em;
	-moz-border-radius:.3em;
	border-radius:.3em;
	background-color:#a8a69c !important;
	padding:.6em 1em !important;
	color:#fff !important;
	font-size:1.2em !important;
	width:auto !important;
	font-weight:bold !important;
	text-transform:uppercase !important;
	float:left;
	margin-right:1em;
}


#content h1.adduser {
	font-size:2em !important;
}


#content h1.adduser a {
	font-size:.7em !important;
}

h5.delete-images {
	font-size:1.2em !important;
}

h1.adduser a:hover,
h5.delete-images a:hover {
	background-color:#7B9F4D !important;
}


/* ************ LOGIN ************* */

.login#content label {
	display:block;
	padding:1em 0;
}

.login#content label input {
	display:block;
	width:20em;
	margin:.3em 0 0 0;
}

/* ************ STATS ************* */

.stats#content label {
	font-size:1em;
	padding:1em 2em 1em 0;
	float:left;
}

.stats#content label select {
	display:block;
	margin:.3em 0 0 0;
}

.stats#content  input.btred {
	clear:both;
	display:block;
}


.stats#content table.usagestats th,
.stats#content table.usagestats td {
	text-align:left;
}

.stats#content table.usagestats th p {
	margin:0;
	padding:.2em 0;
}

.stats#content table.usagestats td p {
	margin:0;
	padding:.1em 0;
}

.stats#content table.usagestats td p strong {
	font-size:1em;
}

/* ************ HEADER ************* */

#header {
	background-color:#7B9F4D;
	padding:0;
	margin:0;
	width:100%;
	float:left;
}

#header a {
	color:#fff;
}

#header:after { 
	content: ""; 
	display: block; 
	height: 0; 
	clear: both; 
}

#header h1,
#header h2 {
	color:#fff!important;
	font-size:2.4em;
	font-weight:700;
	float:left;
	margin:0;
	padding:.5em 1em;
	background-color:#4C4D4F;
}

#header h2 {
	font-weight:normal;
	background-color:transparent;
}




/* ************ FOOTER ************* */

#footer {
	background-color:#4C4D4F;
	padding:1em 2em;
	margin:0;
	clear:both;
}

#footer h4 {
	margin:0;
	padding:0;
	font-size:1.6em;
	font-weight:normal;
	color:#ccc;
	text-align:left;
}

#footer a {
	color:#fff;
}

/* ************ CONTENT ************* */

#content {
	clear:left;
	width:69%;
	float:right;
	padding:0 3% 0 0;
	margin:2em 0 6em 0;
	text-align:left;
}

.inf#content  {
	clear:left;
	width:100%;
	/*float:right;*/
	padding:0 3% 0 0;
	margin:2em 0 6em 0;
	text-align:left;
}

#content table {
	width:100%;
/*	border-top:2px solid #000;*/
	margin:0;
	padding:0;
	border-collapse:collapse;
}

#content td {
	border-bottom:1px solid #d6d6d6;
	padding: 1em .4em;
}

#content th {
	border-bottom:2px solid #7B9F4D;
	padding: 1em .5em .2em 0;
	text-align:left;
	font-size:2em;
	font-weight:700;
}



#content p {
	margin:0;
	padding:.5em 0;
}

#content ul.filestoupload {
	margin:1em 0;
	padding:0;
	list-style-type:none;
}

#content ul.filestoupload li {
	margin:0;
	padding:.2em 0;
	line-height:1.4em;
	font-size:1em;
	clear:both;
}


#content h1 {
	font-weight:normal;
	margin:.5em 0;
	padding:.3em 0;
	border-bottom:1px solid #666;
	width:100%;
	float:left;
}


.thumb {
	float:left;
	margin:0 0 1em 0;
	padding:0 0 1em 0;
	border-bottom:1px solid #c7c4ba;
	width:100%;
}

table tr td:first-child {
}

/* ******* */

#content h1 a.backlink {
	font-weight:bold;
	font-size:1em;
}

#content h2.filestoupload {
	font-size:1.4em;
	font-weight:normal;
	margin:.5em 0;
	padding:.4em 0;
	border-bottom:1px solid #bcbcaf;
}

#content h2 strong.foldername {
	font-weight:bold;
	font-size:.9em;
	color:#000;
}


input.addnewcategory,
#content  input {
	font-size:1.4em!important;
	padding:1.5rem 0.2rem;
	/*width:34em;*/

}

.form-control {
	/*font-size:1.4em!important;
	padding:1.5rem 0.2rem!important;
	width:34em;*/
color: #495057!important;
    font-size: 1.4em!important;
    height: 33px!important;
    padding: 0.25rem 0.2rem!important;
}

textarea.form-control {
    height: auto!important;
}

#content table.choosecategories input.addnewcategory {
	width:20em;
}

#content table.addmodifyusers input {
	width:20em;
}

#content table.addmodifyusers td {
	text-align:left;
}



#content table.addmodifyusers  input.checkbox {
	font-size:1em;
	padding:inherit;
	width:auto;
	background-color:none;
	background-color:transparent;
	border:0;
}

#content table.addmodifyusers label {
	font-size:1em;
}

#content table.addmodifyusers .btaddmodify {
	padding:.2em .5em;
	text-transform:uppercase;
	background-color:#7B9F4D;
	color:#fff;
	font-weight:normal;
	font-size:1em;
	width:auto;
}



#content td select {
	font-size:1em !important;
}

#content table td input[type=checkbox] {
	float:left !important;
}



#content a.adduser:hover {
	color:#333;
}

#content h1.adduser {
	padding-bottom:1em;
}


#content table.choosecategories input.btsubmit,
#content input.btrename {
	text-transform:uppercase;
	width:auto;
}

#content li.filenameerror strong {
	padding:.7em 0;
	margin:0;
	color:#300;
	font-weight:normal;
	font-size:1.1em;
	line-height:1.4em;
	width:38em;
	display:block;
}

#content li.filenameerror strong em {
	font-style:normal;
	font-weight:bold;
}


#content ul.filestoupload li.filenameerror {
	padding:1em 2em;
	margin:1em;
	float:left;
	border:1px solid #c00;
	background-color:#ffc;
}

#content table.choosecategories {
	width:100%;
	border-top:0;
	margin:0;
	padding:0;
	border-collapse:collapse;
}

#content table.choosecategories tr td {
	border:0;
	text-align:left;
}

#content table.choosecategories tr td.col1 {
	width:10em;
}

h4.pathandsource {
	font-size:1.4em;
	font-weight:normal;
	padding:0 0 1em 0;
	margin:0;
}


/* ************ NAVBAR ************* */

#navbar {
	clear:left;
	float:left;
	padding:0 0 6em 0;
	width: 24%;
	margin:2em 0 0 0;
}

#navbar ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#navbar li {
	height:1%;
	padding:0;
	margin:0;
	font-weight:normal;
}


#navbar li a {
	margin:0;
	padding:.5em 1em;
	text-decoration:none;
	border-bottom:1px solid #c7c4ba;
	background-color:#e8e5d9;
	display:block;
	
}

#navbar li a:hover {
	color:#fff;
	text-decoration:none;
	background-color:#7B9F4D;
	display:block;
}


#navbar ul li.indent {
	padding-left:1em;
}



#navbar ul li.logout {
	margin-top:4em;
}

#content  td.usos {
	background-color:#fff;
}

#content  td.usos-titulo {
	background-color:#fff;
	border-bottom:2px solid #000;
	color:#000;
	font-weight:bold;
	padding-top:2em;
}

/***************** THUMBS ***************** 

#content div.thumb-folder {
	float:left;
	width:17em;
	height:14em;
	margin:0 1em 1em 0;
	padding:0 0 1em 0;
}

.thumb-folder img {
	margin:0;
	padding:0;
	vertical-align:middle;
	border:0;
}


#content div.thumb-folder h3 {
	font-size:1em;
	padding:0;
	margin:0;
}

#content div.thumb-folder h3 a.thumbimg {
	width:17em;
	height:9em;
	text-align:center;
	display:block;
	background-image:url(../img/folder.gif);
	background-position:46px 0px;
	background-repeat:no-repeat;
	text-decoration:none;
}

.thumb-folder h3 a.thumbimg:hover {
	background-image:url(../img/folder-hover.gif);
	background-position:46px 0px;
	background-repeat:no-repeat;
}

.thumb-folder h4 {
	padding:0 .5em 1em .5em;
	margin:0;
	font-size:1.1em;
	font-weight:normal;
	text-align:center;
}

.thumb-folder h4 strong {
	font-size:1.2em;
	padding-bottom:.5em;
	display:block;
	font-weight:normal;
	text-align:center;
}

.thumb-folder h4 a {
	text-align:left;
	height:inherit;
	width:12em;
	vertical-align:top;
	padding:.3em 0;
	margin:0;
	color:#333;
	text-decoration:none;
}


#content input.btred {
	width:auto;
}