body {
	position: relative;
}

tr.selected a {
	color: white;
}

@media (max-width: 768px) {
	#nav-top {
		display: none;
	}
}

.help-icon {
	cursor: help;
}
.help-icon.float-right {
	position: absolute;
	right: 0;
}
.offset-sm-4 > .help-icon.float-right {
	left: -22%;
}

.control-label {
	text-align: right;
	padding-right: 1.5rem;
}
.control-label.label-start {
	text-align: left;
	padding-right: 0;
}

.box-tools .btn {
	margin-top: -3px;
}

.custom-file-label::after {
	/*content: "Procházet";*/
	content: "\f07c";
    font-family: "Font Awesome 5 Free";
}

.user-panel>.info {
	position: static;
}
.user-panel .info h1 {
	margin: 0;
}

.thumbnails-equal .thumbnail {
	min-height: 390px;
}
.thumbnails-equal .thumb-img {
	display: block;
	min-height: 240px;
	position: relative;
}
.thumbnails-equal .thumb-img img {
	cursor: move;
	max-height: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

#files .thumb-img {
	min-height: 40px;
}

#files .thumbnails-equal .thumbnail {
	min-height: 190px;
}

a.thumb img {
	background-image: linear-gradient(45deg, #ccc 25%, transparent 25%),linear-gradient(-45deg, #ccc 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #ccc 75%),linear-gradient(-45deg, transparent 75%, #ccc 75%);
    background-size: 20px 20px;
    background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
}
a.thumb img:hover {
	background-color: black;
}

input[data-widget=s3finder] {
	cursor: pointer;
}

input[data-widget=s3finder] + .input-group-append .input-group-helper {
    position: absolute;
    right: 45px;
    top: 7px;
	z-index: 4;
	pointer-events: none;
	padding-right: 50px;
    background-position: right center;
    background-size: 40px 25px;
    background-repeat: no-repeat;
}

form.disabled {
	position: relative;
	pointer-events: none;
}
form.disabled::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    background: rgba(255,255,255,0.5);
	z-index: 1;
}

.flash {
	margin-bottom: 0;
	position: absolute;
	top: 3px;
}


/** CONTROL SIDEBAR **/
.control-sidebar, .control-sidebar::before {
	right: -500px;
	width: 500px;
	max-width: 100%;
}

.control-sidebar .control-sidebar-content {
	overflow-y: scroll;
	height: calc(100% - 4rem);
}


/** AJAX SPINNER **/
#ajax-spinner {
	position: fixed;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    background: url('../img/ajax-loader.gif') no-repeat 50% 50%;
    font-size: 0;
    z-index: 123456;
}

/** S3 PREVIEW **/
#s3preview {
	display: none;
	position: absolute;
	z-index: 6666;
	background-color: white;
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 3px;
	max-width: 80%;
}
#s3preview-img {
	width: 100%;
}

/** OVERLAY **/
#overlay {
	display: none;
	position: fixed;
	z-index: 2000;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: url('../img/loader.svg') no-repeat 50%/10% 50%, rgba(0,0,0,0.5);
}

#overlay-text {
	position: absolute;
	color: white;
	font-weight: bold;
	width: 100%;
	text-align: center;
	top: 60%;
}

/** PULSE BLOB **/
.blob {
	display: inline-block;
	vertical-align: middle;
    background: black;
    border-radius: 50%;
    margin-right: 10px;
    height: 20px;
    width: 20px;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    transform: scale(1);
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}