/* @import url(https://fonts.googleapis.com/css?family=Roboto); */
@import url(https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css);
.row {
    margin-right: -10px;
    margin-left: -10px;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 10px;
    padding-left: 10px;
}
pre {
    color: #ffffff;
}
hr {
    border-top: 1px solid rgb(255 255 255 / 35%);
}
.img-thumbnail {
	background-color: #4f7de4;
	border: none;
}
.table {
    color: #eee;
}
.table td, .table th {
    border-top: none;
}
.btn {
    border-radius: 0;
}
.btn-secondary {
    color: #fff;
    background-color: #565656;
    border-color: #565656;
}
.btn-secondary:hover {
    background-color: #000;
    border-color: #000;
}
a {
    background-color: linear-gradient(to bottom, #4f7de4 0%, #4f7de4 100%);
    background-position: 0 100%;
    background-repeat: repeat-x;
    background-size: 0px 4px;
    color: #007bff;
    text-decoration: none;
    transition: background-size .4s;
}
  
a:hover {
	background-size: 4px 50px;
	color: #eee;
}
.modal-content {
    background-color: #3e3e3e;
}
.modal-header {
    border-bottom: 1px solid #696969;
}
.modal-footer {
    border-top: 1px solid #696969;
}
.close {
    color: #eee;
    text-shadow: none;
}
.close:hover {
    color: #fff;
    text-decoration: none;
}
.border-bottom {
    border-bottom: 1px solid #5a5a5a!important;
}
.table thead th {
    border-bottom: 2px solid #5a5a5a;
}
/*  */
/*  */
/*  */
body {
	background-color: #23232e;
	color: #eee;
}

.folders {
    background-color: #373743;
    padding: 0.3em;
	cursor: pointer;
	margin-bottom: 20px;
}
.folders:hover {
    background-color: #42424E;
}
a.item {
	color: #eee;
}
a.item:hover {
	color: #fff;
	text-decoration: none;
}
.alert-success {
    color: #ffffff;
    background-color: #2fa04a;
    border-color: #2fa04a;
}

/* ================== ICONS ================== */
/* .icon {
	font-size: 23px;
} */
.icon.folder {
	display: inline-block;
	margin: 1em;
	background-color: transparent;
	overflow: hidden;
}
.icon.folder:before {
	content: '';
	float: left;
	background-color: #7ba1ad;

	width: 1.5em;
	height: 0.45em;

	margin-left: 0.07em;
	margin-bottom: -0.07em;

	border-top-left-radius: 0.1em;
	border-top-right-radius: 0.1em;

	box-shadow: 1.25em 0.25em 0 0em #7ba1ad;
}
.icon.folder:after {
	content: '';
	float: left;
	clear: left;

	background-color: #a0d4e4;
	width: 3em;
	height: 2.25em;

	border-radius: 0.1em;
}
.icon.folder.full:before {
	height: 0.55em;
}
.icon.folder.full:after {
	height: 2.15em;
	box-shadow: 0 -0.12em 0 0 #ffffff;
}

.icon.file {
	width: 2.5em;
	height: 3em;
	line-height: 3em;
	text-align: center;
	border-radius: 0.25em;
	color: #FFF;
	display: inline-block;
	margin: 0.9em 1.2em 0.8em 1.3em;
	position: relative;
	overflow: hidden;
	box-shadow: 1.74em -2.1em 0 0 #A4A7AC inset;
}
.icon.file:first-line {
	font-size: 13px;
	font-weight: 700;
}
.icon.file:after {
	content: '';
	position: absolute;
	z-index: -1;
	border-width: 0;
	border-bottom: 2.6em solid #DADDE1;
	border-right: 2.22em solid rgba(0, 0, 0, 0);
	top: -34.5px;
	right: -4px;
}

.icon.file.f-avi,
.icon.file.f-flv,
.icon.file.f-mkv,
.icon.file.f-mov,
.icon.file.f-mpeg,
.icon.file.f-mpg,
.icon.file.f-mp4,
.icon.file.f-m4v,
.icon.file.f-wmv {
	box-shadow: 1.74em -2.1em 0 0 #7e70ee inset;
}
.icon.file.f-avi:after,
.icon.file.f-flv:after,
.icon.file.f-mkv:after,
.icon.file.f-mov:after,
.icon.file.f-mpeg:after,
.icon.file.f-mpg:after,
.icon.file.f-mp4:after,
.icon.file.f-m4v:after,
.icon.file.f-wmv:after {
	border-bottom-color: #5649c1;
}

.icon.file.f-mp2,
.icon.file.f-mp3,
.icon.file.f-m3u,
.icon.file.f-wma,
.icon.file.f-xls,
.icon.file.f-xlsx {
	box-shadow: 1.74em -2.1em 0 0 #5bab6e inset;
}
.icon.file.f-mp2:after,
.icon.file.f-mp3:after,
.icon.file.f-m3u:after,
.icon.file.f-wma:after,
.icon.file.f-xls:after,
.icon.file.f-xlsx:after {
	border-bottom-color: #448353;
}

.icon.file.f-doc,
.icon.file.f-docx,
.icon.file.f-psd{
	box-shadow: 1.74em -2.1em 0 0 #03689b inset;
}

.icon.file.f-doc:after,
.icon.file.f-docx:after,
.icon.file.f-psd:after {
	border-bottom-color: #2980b9;
}

.icon.file.f-gif,
.icon.file.f-jpg,
.icon.file.f-jpeg,
.icon.file.f-pdf,
.icon.file.f-png {
	box-shadow: 1.74em -2.1em 0 0 #e15955 inset;
}
.icon.file.f-gif:after,
.icon.file.f-jpg:after,
.icon.file.f-jpeg:after,
.icon.file.f-pdf:after,
.icon.file.f-png:after {
	border-bottom-color: #c6393f;
}

.icon.file.f-deb,
.icon.file.f-dmg,
.icon.file.f-gz,
.icon.file.f-rar,
.icon.file.f-zip,
.icon.file.f-7z {
	box-shadow: 1.74em -2.1em 0 0 #867c75 inset;
}
.icon.file.f-deb:after,
.icon.file.f-dmg:after,
.icon.file.f-gz:after,
.icon.file.f-rar:after,
.icon.file.f-zip:after,
.icon.file.f-7z:after {
	border-bottom-color: #685f58;
}

.icon.file.f-html,
.icon.file.f-rtf,
.icon.file.f-xml,
.icon.file.f-xhtml {
	box-shadow: 1.74em -2.1em 0 0 #a94bb7 inset;
}
.icon.file.f-html:after,
.icon.file.f-rtf:after,
.icon.file.f-xml:after,
.icon.file.f-xhtml:after {
	border-bottom-color: #d65de8;
}

.icon.file.f-js {
	box-shadow: 1.74em -2.1em 0 0 #d0c54d inset;
}
.icon.file.f-js:after {
	border-bottom-color: #a69f4e;
}

.icon.file.f-css,
.icon.file.f-saas,
.icon.file.f-scss {
	box-shadow: 1.74em -2.1em 0 0 #44afa6 inset;
}
.icon.file.f-css:after,
.icon.file.f-saas:after,
.icon.file.f-scss:after {
	border-bottom-color: #30837c;
}
/* ================== ICONS ================== */

.nothingfound {
	background-color: #373743;
	width: 23em;
	height: 21em;
	margin: 0 auto;
	font-family: Arial;
	-webkit-animation: showSlowlyElement 700ms;
	animation: showSlowlyElement 700ms;
}
.nothingfound .nofiles {
	margin: 30px auto;
	top: 3em;
	border-radius: 50%;
	position:relative;
	background-color: #d72f6e;
	width: 11em;
	height: 11em;
	line-height: 11.4em;
}
.nothingfound .nofiles:after {
	content: '×';
	position: absolute;
	color: #ffffff;
	font-size: 14em;
	margin-right: 0.092em;
	right: 0;
}

.nothingfound span {
	/* margin: 0 auto auto 6.8em; */
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	height: 13px;
	position: relative;
	top: 2em;
	display: block;
	text-align: center;
}

h3.h6.name.mt-2 {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden;
}



.mostrable_btn {
	display: block;
}
.mostrable {
    display: none;
}
.text-ellipsis {
	text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden;
}


.logout svg {
	width: 15px;
    fill: #fff;
}
.login-page p.error {
    padding: 10px;
    margin: 10px 0;
    background: #e47272;
    color: #fff;
}
.item_proxy {
    background: #343a40;
    padding: 10px;
    border-radius: 5px;
    position: relative;
	margin-bottom: 10px;
	overflow: hidden;
}
.item_proxy span.icon {
    position: absolute;
    top: 2px;
    left: -33px;
}
.item_proxy svg.fa-globe {
	font-size: 100px;
    transform: rotate(-17deg);
    position: absolute;
    fill: rgba(0, 0, 0, 0.26);
}
.item_proxy .content {
    margin-left: 70px;
}
.item_proxy span.close {
    position: absolute;
    right: 15px;
    cursor: pointer;
    color: #909090;
    padding: 0 5px;
}
.item_proxy span.close a {
    color: #909090;
}
.item_proxy span.close a:hover, .item_proxy span.edit:hover svg {
	color: #eee;
	background: none;
	fill: #eee;
}
.item_proxy span.edit {
    position: absolute;
    right: 40px;
    cursor: pointer;
    color: #909090;
    padding: 0 5px;
}
.item_proxy .form {
	display: none;
}
.list_proxys {
	display: none;
}
.card {
    background-color: #3a3a47;
    border: none;
}
.row-portadas {
    justify-content: center;
    flex-wrap: wrap;
    display: flex;
    width: 100%;
	position: relative;
	margin: 25px 0;
}
.item-grid {
    width: 172px;
    height: 240px;
    position: relative;
    float: left;
    overflow: hidden;
    border-radius: 3px;
    /* border: 1px solid #000000a8; */
    margin: 8px;
    box-shadow: 1px 1px 3px 0px #0000007a;
}

.item-grid  img.item-cover {
    width: 172px;
    height: 240px;
    z-index: 2;
    position: relative;
}
.item-grid span.item-title {
    background: rgba(0,0,0,0.39);
    text-align: center;
    display: block;
    width: 100%;
    text-shadow: black 0 1px 0;
    /* top: -30px; */
    bottom: 0;
    color: white;
    position: absolute;
    z-index: 3;
    padding: 5px 3px;
    transition: all .2s ease-in-out;
	cursor: pointer;
	max-height: 55px;
}
.text-muted {
    color: #c3c3c3!important;
}
video {
    background: #000;
}