* { padding:0px; margin:0px; }

// HTML & BODY CSS IN inc/head.php
// CHECKS IF USER IS LOGGED IN FIRST


a, a:link, a:visited {
color:#DCDCDC;
}

a:hover, a:active {
color:#CCCCCC;
text-decoration:none;
}

h1,h2,h3,h4 {margin-top:5px;margin-bottom:5px;font-weight:bold;}

label {font-weight:600;}

table td, table th {
padding:4px;
}

input, select, textarea {
padding:2px;
background:#fff;
color:#000;
}


#container-external {
position:relative;
background-color:transparent;
background:transparent;
}

.container-fluid {
position:relative;
display:block;
height:100%;
width:100%;
background-color:#efefef;
background:#efefef;
}

.containerElement {
position:relative;
overflow:hidden;
float:left;
display:block;
width:100%;
height:100%;
}

#contentContainer {
position:relative;
float:left;
display:block;
width:100%;
height:100%;
background-color:transparent;
background:transparent;
overflow:auto;
}

.adminContainerElement {
position:relative;
overflow:auto;
float:left;
display:block;
height:100%;
width:100%;
}

.shaded-background, .shaded-background- {
background: url('/images/shaded_background.png') 0 0 repeat;
}
.shaded-background-000000 {
background: url('/images/shaded_background_000000.png') 0 0 repeat;
}
.shaded-background-053663 {
background: url('/images/shaded_background_053663.png') 0 0 repeat;
}
.shaded-background-36727b {
background: url('/images/shaded_background_36727b.png') 0 0 repeat;
}
.shaded-background-1f623f {
background: url('/images/shaded_background_1f623f.png') 0 0 repeat;
}
.shaded-background-c31013 {
background: url('/images/shaded_background_c31013.png') 0 0 repeat;
}
.shaded-background-760002 {
background: url('/images/shaded_background_760002.png') 0 0 repeat;
}
.shaded-background, .shaded-background-, .shaded-background-000000, .shaded-background-053663, .shaded-background-36727b, .shaded-background-1f623f, .shaded-background-c31013, .shaded-background-760002 {
float:left;
padding:8px;
margin:0px;
border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px;
letter-spacing:0.08em;
}

#loadMsg {
background: #eeefff url('images/load.gif') 0% 0% no-repeat;
position:fixed;
top:20;
left:0;
height:20%;
width:100%;
margin-top:10px;
padding-top:40px;
padding-left:120px;
z-index:100000;
height:100px;
font-weight:bold;
}
#loadMsgContent {
background: url('images/load.gif') 0% 0% no-repeat;
float:left;
font-style:italic;
font-weight:bold;
height:90px;
width:100%;
margin-top:10px;
padding-top:10px;
padding-left:120px;
}
.loadMsgContentSmall {
background: url('images/load_small.gif') 0% 0% no-repeat;
float:left;
font-style:italic;
font-weight:bold;
padding-left:23px;
margin-top:10px;
}

/*.navbar-collapse {
background:#343A40;
}*/

#footer {
position:relative;
bottom:0;
left:0;
margin-top:20px;
color:#fff;
width:100%;
height:auto;
height:30px;
float:left;
display:block;
padding:6px;
border-radius:4px;
font-size:8pt;
}

.navbarButton, .navbarButtonActive {
-webkit-appearance: push-button;
user-select: none;
white-space: pre;
align-items: flex-start;
text-align: center;
background:#000000;
background-image: linear-gradient(180deg, #555555, #000000);
color:#efefef;
padding:8px;
margin:0px 0px 0px 10px;
height:100%;
border-width: 1px;
border-style: outset;
border-color: buttonface;
border-image: initial;
font-weight:600;
}

.button, .buttonActive, .buttonSmall {
-webkit-appearance: push-button;
user-select: none;
white-space: pre;
align-items: flex-start;
text-align: center;
background:#000000;
color:#DCDCDC;
padding:8px;
margin:0px 0px 0px 5px;
border-width: 1px;
border-style: outset;
border-color: buttonface;
border-image: initial;
font-weight:600;
}

.button:hover, .buttonActive, .buttonSmall:hover, .navbarButtonActive, .navbarButton:hover, .navbarButtonActive:hover {
background:#000000;
background-image: linear-gradient(180deg, #777777, #444444);
color:#FFFFFF;
-webkit-box-shadow: 0px 0px 6px #EFEFEF;
-moz-box-shadow: 0px 0px 6px #EFEFEF;
box-shadow: 0px 0px 6px #EFEFEF;
}

.tagButton, .taggedButton {
-webkit-appearance: push-button;
user-select: none;
white-space: pre;
align-items: flex-start;
text-align: center;
background:#000000;
color:#DCDCDC;
padding:4px;
margin:0px 0px 0px 5px;
border-width: 1px;
border-style: outset;
border-color: buttonface;
border-image: initial;
font-weight:600;
font-size:8pt;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

.taggedButton {
background:#efefef;
background-image: linear-gradient(180deg, #777777, #444444);
color:#FFFFFF;
-webkit-box-shadow: 0px 0px 6px #EFEFEF;
-moz-box-shadow: 0px 0px 6px #EFEFEF;
box-shadow: 0px 0px 6px #EFEFEF;
}

.tagButton:hover, .taggedButton:hover {
background:#efefef;
background-image: linear-gradient(180deg, #777777, #444444);
color:#FFFFFF;
-webkit-box-shadow: 0px 0px 6px #EFEFEF;
-moz-box-shadow: 0px 0px 6px #EFEFEF;
box-shadow: 0px 0px 6px #EFEFEF;
}

.buttonSmall {
font-size:7.8pt;
font-weight:normal;
padding:4px;
}

#loginFormContainer {
float:left;
margin-top:20px;
width:100%;
height:auto;
margin-left:auto;
margin-right:auto;
padding:10px 0px 10px 50px;
color:#fff;
}


#loginForm {
width:100%;
height:auto;
margin-left:auto;
margin-right:auto;
background:#F2F4F3;
}

#loginForm h1 {
float:left;
display:block;
margin-bottom:20px;
width:100%;
}

#externalLogo {
float:left;
}

#video-container {
  margin: 2em auto 0;
  width: 500px;
  padding: 2em;
  background: white;
  -webkit-box-shadow: 0 1px 10px #D9D9D9;
  -moz-box-shadow: 0 1px 10px #D9D9D9;
  -ms-box-shadow: 0 1px 10px #D9D9D9;
  -o-box-shadow: 0 1px 10px #D9D9D9;
  box-shadow: 0 1px 10px #D9D9D9;
}


#zoomSlider {
display:inline;
background: url('images/shaded_background.png') 0 0 repeat;
padding:8px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

.component {
z-index:10000;
overflow-y:auto;
overflow-x:hidden;
}

.whitelabel {
  all: initial;
  * {
    all: unset;
  }
}

.whitelabel {
display:block;
background:#ffffff;
color:#000;
border:1px solid #dcdcdc;
}

.whitelabel * {
color:#000;
}

#uploader {
width: 300px; 
height: 200px; 
background: #efefef;
padding: 10px;
border:1px #000 dashed;
display:table-cell;
text-align:center;
vertical-align:middle;
-webkit-box-shadow: 0px 0px 6px #EFEFEF;
-moz-box-shadow: 0px 0px 6px #EFEFEF;
box-shadow: 0px 0px 6px #EFEFEF;
}
#uploader.highlight {
background:#C31013;
color:#FFFFFF;
-webkit-box-shadow: 0px 0px 6px #000000;
-moz-box-shadow: 0px 0px 6px #000000;
box-shadow: 0px 0px 6px #000000;
}
#uploader.disabled {
background:#aaa;
}


* {
scrollbar-color: #888 transparent;
scrollbar-width: thin;
}

*::-webkit-scrollbar-track {
border-radius: 12px;
background: transparent;
}

*::-webkit-scrollbar {
width: 10px;
background: transparent;
}

*::-webkit-scrollbar-thumb {
border-radius: 12px;
background-color: #888;
}

#files {
scrollbar-color: #000 transparent;
scrollbar-width: thin;
}

#files::-webkit-scrollbar-track {
border-radius: 12px;
background: transparent;
}

#files::-webkit-scrollbar {
width: 10px;
background: transparent;
}

#files::-webkit-scrollbar-thumb {
border-radius: 12px;
background-color: #000;
}

.allowOverflow {
overflow:auto;
}



.navbar-inverse .navbar-nav>li>a {
color:#efefef;
}


.navbar-brand { padding:0px; }

.navbar-toggler {
display:inline;
float:left;
background:transparent;
}
.navbar-toggler button {
background:transparent;
}

#backToTop a {
float:right;
position:fixed;
right:30px;
bottom:40px;
margin:0px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background:#000000;
color:#FFFFFF;
font-size:9pt;
font-weight:bold;
padding:6px;
}

#backToTop a:hover {
background:#733F2E;
color:#FFFFFF;
text-decoration:none;
}