/* Global */


/* Attention, do not edit this file directly, please use the stylesheet editor in admin.
Any changes made here will be overwritten*/

* {
font-family:'Open Sans', sans-serif;
}
#body {
padding-bottom:50px;
}
.no-pad {
padding:0;
}
.col-center {
float:none;
margin:auto;
text-align:center;
}
a.bold {
padding-left:30px;
margin:0;
}
.bold {
font-size:44px;
font-weight:400;
margin:0;
position:relative;
text-decoration:none !important;
}
.bold i {
font-weight:300;
font-size:70px;
position:absolute;
left:0px;
top:calc(50% - 35px);
}
.bold span {
font-weight:300;
}
.main-bold {
margin:30px 0px;
}
.bold.white {
color:white;
}
.bold.white span {
border-left:1px solid white;
position:relative;
padding-right:10px;
}
.bold.black {
color:black;
}
.bold.black span {
border-left:1px solid black;
transition:.1s;
position:relative;
padding-right:10px;
}
#swipe {
position:absolute;
height:100%;
width:0%;
left:0;
top:0;
transition:.1s;
padding:0;
}
.black #swipe {
background-color:black;
}
.white #swipe {
background-color:white;
}
a.bold:hover #swipe {
width:100%;
z-index:-1;
transition:.3s;
}
#body.login {
background-color:#7abadd;
padding:280px 0px;
}
.input-wrap {
position:relative;
color:white;
margin:15px 0px;
}
.input-wrap i {
position:absolute;
left:10px;
font-size:20px;
top:calc(50% - 10px);
}
.input-wrap input {
width:100%;
height:50px;
padding:15px 30px;
font-size:18px;
background-color:#7abadd !important;
color:white !important;
border:1px solid white;
}
input:-webkit-autofill {
-webkit-box-shadow:inset 0 0 0 100px #7abadd !important;
-webkit-text-fill-color:white !important;
}
.log-btn {
width:100%;
height:50px;
background-color:#8fd484;
border:none;
color:white;
margin:15px 0px;
}
.pass-reset {
color:white !important;
float:right;
display:block;
}
.folder {
display:block;
height:200px;
width:100%;
position:relative;
padding:0px 20px;
}
.folder img {
padding-top:15%;
transition:.1s;
max-width:50px;
height:auto;
}
.folder:hover img {
padding-top:5%;
transition:.3s;
}
.folder h4 {
position:absolute;
width:calc(100% - 40px);
bottom:40px;
font-size:20px;
margin:0;
color:white;
}
.head-bar {
background-color:#ebecec;
padding:60px 15px;
position:relative;
}
.head-bar h4 {
text-align:left;
margin:0;
top:0;
position:absolute;
display:block;
padding:30px 0;
}
#users-head {
position:absolute;
right:15px;
top:0;
height:100%;
padding:47px 0;
}
a#users {
padding:12px;
background-color:#7abadd;
text-decoration:none;
color:white;
font-weight:bold;
font-size:19px;
border:2px solid #7abadd;
}
a#users:hover {
background-color:transparent;
color:#7abadd !important;
transition:.2s;
}
#pdf {
width:100%;
height:1000px;
position:relative;
}
#pdf object {
width:100%;
height:100%;
}
#pdf .pdf-mobile {
display:none;
}
.file {
position:absolute;
top:calc(50% - 20px);
display:block;
height:90px;
width:40px;
color:#8fd484 !important;
font-size:90px;
transition:.3s;
}
.file i {
position:absolute;
left:0;
width:100%;
font-size:inherit;
}
.file.right {
right:-30px;
}
.file.left {
left:-30px;
}
.pdf-buttons {
text-align:right;
}
.pdf-buttons a {
font-size:60px;
padding:15px;
color:#8fd484;
display:inline-block;
}
.folder-files a {
display:block;
}
.folder-files img {
padding:15px;
width:100%;
transition:.1s;
}
.folder-files a:hover img {
padding-top:0;
padding-bottom:30px;
transition:.3s;
}
a.bold.white:hover span {
color:black;
z-index:1;
transition:.3s;
}
a.bold.black:hover span {
color:white;
z-index:1;
transition:.3s;
}
a.file.right:hover {
padding-left:15px;
width:55px;
transition:.1s;
}
a.file.left:hover {
padding-right:15px;
width:55px;
transition:.1s;
}
.Green:first-child a {
background-color:#90c488;
}
.Green a {
background-color:#8fd484;
}
.Green:last-child a {
background-color:#9ddb93;
}
.Blue:first-child a {
background-color:#7db8d8;
}
.Blue a {
background-color:#92c8e5;
}
.Blue:last-child a {
background-color:#acdaf3;
}
.account_management {
background-color:#7abadd;
padding-top:10%;
padding-bottom:20%;
}
#signin_form input[type=text],#signin_form input[type=password] {
width:100%;
padding:10px;
font-size:18px;
margin:10px 0px;
background-color:#7abadd !important;
border:2px solid white;
color:white !important;
}
#signin_div {
margin:auto;
color:white;
}
#signin_form input[type=button] {
padding:10px;
background-color:#8fd484;
border:none;
border-radius:0;
font-size:18px;
margin:10px 0px;
width:100%;
}
#signin_div ul  {
list-style:none;
padding:0;
margin:0;
}
#signin_div ul li {
width:100%;
text-align:left;
}
#signin_div ul li a {
padding:5px;
color:white !important;
display:block;
width:100%;
text-decoration:none !important;
transition:.3s;
}
#signin_div ul li a:hover {
padding-left:15px;
transition:.1s;
}
#account {
position:absolute;
right:0px;
top:0px;
background:#8fd484;
color:#fff;
padding:5px 10px;
border-radius:0 0 5px 5px;
}
#header .container {
position:relative;
}
#account a {
color:#fff;
}
#uploadShadow {
position:fixed;
height:100vh;
width:100vw;
background-color:rgba(0,0,0,0.3);
top:0;
left:0;
}
#uploadContainer {
float:none;
margin:auto;
padding-top:calc(50% - 40%);
max-height:80%;
}
#uploadBox {
height:100%;
}
#uploadContainer .container {
width:100%;
padding:15px;
background-color:white;
height:100%;
}
#users {
overflow-y:scroll;
max-height:35vh;
}
#users ul {
list-style:none;
padding:0;
margin:0;
}
#users ul li {
padding:5px;
}
#users ul li.user a {
display:block;
padding:5px;
background-color:#7abadd;
color:white ;
text-decoration:none !important;
font-size:16px;
}
#users ul li.user a:hover {
padding-left:10px;
}
#users ul li.active a {
background-color:#8fd484 !important;
}
.formbuttons {
padding:15px;
padding-bottom:0;
}
.formbutton {
display:block;
padding:5px;
font-size:16px;
text-align:center;
font-weight:bold;
}
.formbutton#Cancel {
background-color:#c06367;
color:white !important;
text-decoration:none;
border:2px solid #c06367;
transition:.2s;
cursor:pointer;
}
.formbutton#Cancel:hover {
background-color:transparent;
color:#c06367 !important;
}
.formbutton#Confirm {
background-color:#8fd484;
color:white !important;
text-decoration:none;
border:2px solid #8fd484;
transition:.2s;
cursor:pointer;
}
.formbutton#Confirm:hover {
background-color:transparent;
color:#8fd484!important;
}
#prog-container {
background-color:#7abadd;
padding:2px;
}
#upload-prog {
background-color:#8fd484;
display:block;
}
#AddFileButton {
padding:5px;
font-size:22px;
font-weight:bold;
background-color:#7abadd;
color:white !important;
text-decoration:none;
border:2px solid #7abadd;
transition:.2s;
cursor:pointer;
}
#AddFileButton:hover {
background-color:transparent;
color:#7abadd !important;
}
.image-block {
padding:10px;
}
.image-box {
padding:5px;
border:1px solid #ebecec;
display:block;
}
.image-box h3 {
margin-bottom:0;
margin-top:5px;
}
.image-box img {
width:auto;
background-color:#ebecec;
max-height:120px;
max-width:100%;
}
#imageShadow {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.4);
padding:40px;
}
#ViewImageBox {
position:relative;
margin:auto;
max-width:70%;
padding:15px;
background-color:white;
max-height:100%;
}
#ViewImageBox img {
max-height:100%;
width:auto;
max-width:100%;
}
#close {
display:block;
position:absolute;
background-color:#8fd484;
border-radius:100%;
width:30px;
height:30px;
top:-15px;
right:-15px;
padding:2px;
font-size:24px;
line-height:10px;
}
.danger {
color:red !important;
}
.left {
float:left;
}
#shadow {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.3);
}
.center {
float:none;
margin-left:auto;
margin-right:auto;
}
#popup {
background-color:white;
padding:15px;
}

@media (min-width: 1600px) {
#signin_div {
width:30%;
}
#uploadContainer {
width:40%;
}

}

@media (min-width: 1200px) and (max-width: 1599px) {
#signin_div {
width:30%;
}
#uploadContainer {
width:50%;
}

}

@media (min-width: 980px) and (max-width: 1199px) {
#signin_div {
width:40%;
}
#uploadContainer {
width:60%;
}

}

@media (min-width: 768px) and (max-width: 979px) {
#signin_div {
width:40%;
}
#uploadContainer {
width:70%;
}

}

@media (max-width: 767px) {
a.bold {
padding-left:35px;
}
.bold {
font-size:25px;
display:block;
}
.bold i {
left:5px;
}
#swipe {
display:none;
}
#body.login {
padding:100px 0px;
}
.folder {
height:180px;
padding:0px 10px;
}
.folder h4 {
width:calc(100% - 20px);
font-size:15px;
}
.head-bar {
padding:40px 15px;
}
.head-bar h4 {
padding:20px 0;
}
#users-head {
padding:27px 0;
}
#pdf {
height:300px;
}
#pdf object {
display:none;
}
#pdf .pdf-mobile {
display:block;
}
.file {
position:absolute;
top:15px;
}
.file.right {
right:30px;
}
.file.left {
left:30px;
}
#print {
display:none;
}
a.bold.white:hover span {
color:white;
}
a.bold.black:hover span {
color:black;
}
.account_management {
padding-bottom:48%;
}
#signin_div {
width:90%;
}
#uploadContainer {
width:80%;
}
#imageShadow {
padding:15px;
}
#ViewImageBox {
max-width:95%;
}
#close {
width:20px;
height:20px;
top:-10px;
right:-10px;
padding:1px;
font-size:16px;
}

}

@media (max-width: 480px) {
#signin_div {
width:100%;
}
#uploadContainer {
width:95%;
}

}