@font-face {
    font-family: "Flat-UI-Pro-Icons";
    src: url("fonts/flat-ui-icons-regular.eot?#iefix") format("embedded-opentype"), url("fonts/flat-ui-icons-regular.woff") format("woff"), url("fonts/flat-ui-icons-regular.ttf") format("truetype"), url("http://designmodo.github.io/Flat-UI/fonts/glyphicons/flat-ui-icons-regular.svg#flat-ui-icons-regular") format("svg");
}
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?13luq8');
  src:  url('fonts/icomoon.eot?13luq8#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?13luq8') format('truetype'),
    url('fonts/icomoon.woff?13luq8') format('woff'),
    url('fonts/icomoon.svg?13luq8#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
html, body {
    margin: 0px;
    background: #fff;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:0.95em;
    color:#4d4948;
}
h1 {
    margin: 0;
    text-align: center;
    font-size: 150%;
    padding: 0px;
}
h2 {
    margin: 0;
    text-align: center;
    font-size: 120%;
    padding: 0px;
}
h3 {
    margin: 0;
    font-size: 105%;
    padding: 0px;
}
a {
    color:#4d4948;
}
#top {
    margin: 0 auto 0 auto;
/* background:url('images/top-bg.jpg') repeat-x; */
/*    background-color:lightgray;*/
    width:100%;
    height:49px;
}
#logo {
    margin: 0 auto 0 auto;
    background:url('images/kavedo.png');
    width: 137px;
    height: 49px;
}

.last_altered {
  /* border: 2px solid lightblue; */
  border-radius: 5px;
  background-color: lightblue;
}

#resolutions {
  height:25px;
}


#content {
    margin: 0 auto 0 auto;
    width: 95%;
}
#content #left-nav {
    width:15%;
    min-width:200px;
    float:left;
    font-size:95%;
}
#content #left-nav ul {
    padding:0 0 50px 0;
    margin:0;
}
#content #left-nav ul li {
    padding:0;
    margin:0;
    list-style:none;
}

#left-nav a {
    color: #ffffff !important;
    line-height: 30px;
    padding: 5px 70px 5px 10px !important;
    width: 100px !important;

}

#left-nav a:hover, #left-nave a:active, #left-nave a:focus {
    color: #fffff !important;
    text-decoration: none !important;
}
#content #left-nav ul {
    border-top: 1px solid #ffffff;
    background: none repeat scroll 0 0;
    background-color: rgba(0, 0, 0, 0.55);
}
#content #left-nav ul li:hover {
    background-color: rgba(0, 0, 0, 0.3) !important;
}

#content #left-nav ul li a {
    text-decoration:none;
}
#content #left-nav ul li a:active, #content #left-nav ul li a:focus {
    color:#2980b9;
    text-decoration:underline;
}
#content #left-nav ul li a:hover {
    color:#2980b9;
    text-decoration:underline;
}
#content #main {
    margin: 30px auto;
    width: auto;
    font-size:90%;
    min-width: auto !important;
}
.submit {
    border: medium none;
    transition: border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;
    background-color: #3498db;
    color: #fff;
    border-radius: 6px;
    font-size: 17px;
    line-height: 1.471;
    padding: 10px 19px;
    width:50%;
    cursor: pointer;
    display: inherit;
    text-align: center;
    text-decoration: none;
    margin:0 auto;
}
#regbox .submit {
    margin: 0 5%;
    width: 90%;
}

#archiv_form input[type="submit"] {
    border: medium none;
 /*   transition: border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;*/
    background-color: #f1c40f;
    color: #fff;
    border-radius: 6px;
    font-size: 12px;
    line-height: 1.471;
    padding: 5px 10px;
    width:100%;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}
input[type="text"], input[type="password"], input[type="email"] {
    border: 0px solid #bdc3c7;
    border-radius: 6px;
    box-shadow: none;
    color: #34495e;
    font-size: 17px;
    line-height: 1.467;
    padding: 5px 0px 5px 5px;
 /*   transition: border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;*/
    width:89%;
    text-indent: 3px;
    margin: 10px 5% 0 5%;
}
#message{
  margin-left:5%;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus {
    border: 2px solid #3498db;
    box-shadow: none;

    outline: 0 none;
}
#regbox {
    background-color: #edeff1;
    border-radius: 6px;
    position: relative;
    width: 350px;
    margin: 0px auto;
}
#regbox h2 {
/*    background: #3498db;
    border-radius: 6px 6px 0 0;*/
    padding: 10px 0px;
    color: #3498db;
    font-size:20px;
}
#regbox a {
    text-decoration: none;
    color: #bfc9ca
}
#regbox a:hover {
    text-decoration: none;
    color: #3498db
}
.user_field::before {
    content: "";
    font-family: Flat-UI-Pro-Icons;
    color: #bfc9ca;
    font-weight: 400;
    font-size: 16px;
    position: relative;
    left: 310px;
    top: -28px;
    transition: all 0.25s ease 0s;
}
.pass_field::before {
    font-family: Flat-UI-Pro-Icons;
    font-weight: 400;
    content: "";
    color: #bfc9ca;
    position: relative;
    left: 310px;
    top: -28px;
    text-transform: none;
}

.submit:hover, #archiv_form input[type="submit"]:hover {
    background-color: #2980b9;
    border-color: #f4d313;
    color: #fff;
}

#content #main #regbox {
    padding: 0 0 5px 0;
}
li {
    list-style:none;
}
#s > form, #t > form, #l > form {
    display:inline-block;
}
#download {
    background-color: transparent;
    background-image: url("download.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 85%;
    border: medium none;
    color: transparent;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    text-indent: -99999px;
    width: 35px;
}
#content #main #regbox label {
    float:left;
}
table.admin td {
    vertical-align: top;
}
#error {
    display:block;
    margin:5px;
    color:#4d4948;
    background-color:white;
    border: 2px solid #e74c3c;
    font-size:90%;
    border-radius: 6px;
}
#error > a {
    color: #e74c3c;
    font-weight: bold;
    text-decoration: none;
}
#success {
    margin:5px;
    color:#4d4948;
    background-color:#bce9b5;
    border: 1px solid #7ace6c;
    font-size:90%;
}
dl.imgLeft {float: left; margin:10px 10px 10px 0;}
dl.imgLeft dd {margin:0; text-align: center; font-size:70%;}

#overlay {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-x: hidden;
    transition: 0.5s;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    font-weight: bold;
}
#close {
    position: fixed;
    top: 20px;
    right: 45px;
    font-size: 60px;
    font-family: 'Lato', sans-serif;
    text-decoration: none;
    color: #818181;
    cursor: pointer;
}
#close:hover {
    color: #c06f05;
    transition: 0.3s;
}

button[id*='button_overlay_'], button[id*='button_browser_'], #save_meta  {
  width:85px;
  border: medium none;
border-top-color: currentcolor;
border-right-color: currentcolor;
border-bottom-color: currentcolor;
border-left-color: currentcolor;
transition: border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;
background-color: rgba(0, 0, 0, 0.55);
color: #fff;
border-radius: 6px;
font-size: 12px;
line-height: 1.471;
padding: 5px 10px;
cursor: pointer;
display: inline-block;
text-align: center;
text-decoration: none;
vertical-align: top;
}


/* .download_form::before {
  color: #bfbfbf;
  font-family: 'icomoon' !important;
  content: "\e933";
  font-size: 13px;
  font-feature-settings: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
} */


#save_meta::before, #button_save::before {
  color: #bfbfbf;
  font-family: 'icomoon' !important;
  content: "\e904";
  font-size: 13px;
  font-feature-settings: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
}

/* #save_meta {
    background: #77c004 url("images/save.png") no-repeat scroll 50% 5px / 20px auto;
    transition: border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;
    color:transparent;
    white-space: nowrap;
    overflow: hidden;
    text-indent: -9999px;
} */

form[id*='form_'] {
  display:inline-table;
  width:80%;
  width:calc(100% - 220px)!important;
}
.download_form {
  width:50px;
  display: inline-table;
  vertical-align: top;
}
#projects {
  display: flex !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  align-items:flex-start;
}
.kavedo_project {
  flex-basis:24%;
  max-width: 360px;
  /* max-height:202.5px; */
  /* margin-left: 0.5%;
  margin-right:0.5%; */
  min-width:184px;
  /* min-height:103.5px !important; */
  /* height:21vw; */
  flex-grow: 0;
  flex-shrink: 0;
  background-size: 100% auto !important;
  /* padding: 0 0.5vw 0.5vw 0.5vw; */
  /* border:1px solid red; */
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap-reverse;
  font-size:1vw;
  justify-content: space-between;
  margin-bottom: 10px;
  border: 1px solid white;
}

.kavedo_project:hover {
  background-color:#f2f2f2 !important;
  border: 1px solid #f2f2f2;
}

/* .kavedo_project_title::before {
  content: "\e91a";
  font-family: 'icomoon';
} */
.kavedo_project a{
order:1;
flex-basis: 50%;
align-self: flex-end;
}

[id^='del_'] {
  text-align: right;
}

.kavedo_project_children_nr{
order:5;
}
.kavedo_project_master_nr{
order:4;
}
.kavedo_project_category{
  order:3;
}
.kavedo_project_location {
  order:2;
}
.kavedo_project_description {
  order:6;
  font-style: italic;
  flex-basis: 100%;
}
.kavedo_project_title{
  font-weight: bold;
  flex-basis: 100%;
  order:7;
  font-size:1vw;
  /* background-color: rgba(255, 255, 255, 0.5); */
}
.kavedo_project_date{
  flex-basis: 100%;
  order:8;
  font-size:1vw;
}
.kavedo_project_thumbnail {
  flex-basis: 100%;
  order:10;
  width:100vw;
}
.live {
  position:relative;
  margin-top:-1.3vw;
  color:white;
  font-weight: bold;
  order:9;
  z-index:3;
  background:red;
  font-size:0.8vw;
  padding:0.1vw;
}

.kavedo_project_description::before {
  content: "\e926";
  font-family: 'icomoon';
}

.kavedo_project .kavedo_project_link::before{
  content: "\e905";
  font-family: 'icomoon';
}
.kavedo_project [id^='del_']::before{
  content: "\e9ad";
  font-family: 'icomoon';
}
.kavedo_project .kavedo_project_link:hover{
  color:green !important;
}
.kavedo_project [id^='del_']:hover{
  color:red !important;
}


.kavedo_project_children_nr::before{
  content: "\e9bc";
  font-family: 'icomoon';
}
.kavedo_project_master_nr::before{
  content: "\e912";
  font-family: 'icomoon';
}
.kavedo_project_category::before{
  content: "\e9bb";
  font-family: 'icomoon';
}


.kavedo_project_location::before {
  content: "\e948";
  font-family: 'icomoon';
}

#size::after {
  content: "\e964";
  font-family: 'icomoon';
  padding-left:0.2vw;
}

/* 16/9 Style for Container starts here */
[style*="--aspect-ratio"] > :first-child {
  width: 100%;
}
[style*="--aspect-ratio"] > img {
  height: auto;
}
@supports (--custom:property) {
  [style*="--aspect-ratio"] {
    position: relative;
  }
  [style*="--aspect-ratio"]::before {
    content: "";
    display: block;
    padding-bottom: calc(100% / (var(--aspect-ratio)));
  }
  [style*="--aspect-ratio"] > :first-child {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }
}
/* 16/9 Style for Container ends here */