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

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

body {
display:block;
width:100%;
height:100%;
font-size:10pt;
padding:75px 0px 0px 0px;
background:transparent;
background-color:transparent;
}

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

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

h1 {
font-size:12pt;
font-weight:600;
}
h2 {
font-size:10pt;
font-weight:600;
}
h3 {
font-size:9pt;
font-weight:600;
}


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

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

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

.shaded-background {
background: url('images/shaded_background.png') 0 0 repeat;
float:left;
height:100%;
width:100%;
padding:8px;
margin:0px;

border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;

color:#FFFFFF;
letter-spacing:0.08em;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

#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;
height:30px;
margin-top:10px;
padding:10px 0px 0px 30px;
}

.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;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
font-weight:600;
}

.button:hover, .buttonActive, .buttonSmall:hover {
background:#000000;
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:8pt;
font-weight:normal;
padding:6px;
}


#loginFormContainer {
float:left;
margin-top:160px;
width:90%;
height:auto;
margin-left:auto;
margin-right:auto;
padding:10px 0px 10px 50px;
}

#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;
}

.bolded {
color:#FFFFFF;
letter-spacing:0.08em;
font-weight:bolder;
font-size:14pt;

text-shadow: -1px -1px 0 #000, 2px -1px 0 #000, -1px 2px 0 #000, 2px 2px 0 #000;
}

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

.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;
}