@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(/font/rf300.ttf) format('truetype');
}
body {
background: white;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-size: 15px;
font-weight: 300;
color: #000;
margin: 140px auto 0;
width: 750px;
max-width: 750px;
min-height: 600px;
padding: 0 16px;
padding-bottom: 70px;
}
form {
margin:0;
}

a, .pastelink {
 cursor: pointer;
 text-decoration: none;
 color: #23a5d0;
}
a:hover, .pastelink:hover {
 text-decoration: none;
 color: #000;
}


input[type='text'] {
  border: solid 1px #ddd;
  padding: 3px;
  font-size: 13px;
}
textarea {
  border: solid 1px #ddd;
  font-size: 13px;
  font-family: Hack, Lucida Console, Courier;
}

hr {
  border: none;
  border-top: solid 1px #cbd8dd;
}


#head {
  position: fixed;
  top: 0; left: 0; right: 0;
  background: #fff;
  height: 70px;
  padding: 0 20px;
  opacity: 0.95;
  transition: background 0.3s;
  z-index: 100;
}
div.logo {
  position: fixed;
  top: 10px;
  right: 20px;
  width: 120px;
  height: 140px;
  background-repeat: no-repeat;
  background-size: 110px;
  z-index: 110;
}

div.banner {
  background: #f2f2f2;
  border-radius: 4px;
  margin-top: 12px;
  padding: 16px 32px;
}

div.text {
  padding: 16px 32px;
}



div.download {
  background: #cbd8dd;
  color: #000;
  border-radius: 4px;
  margin-top: 12px;
  padding: 16px 16px 16px 32px;
  min-height: 120px;
}
div.num {
  font-size: 26px;
  font-weight: bold;
  opacity: 0.3;
  margin-right: 10px;
}
div.name {
  font-size: 26px;
  margin-bottom: 12px;
  word-break: break-all;
}

div.info code {
  font-family: Hack, Lucida Console, Courier;
  font-size: 11px;
}
div.info {
  font-size: 12px;
}
div.preview {
  float:right;
  width: 120px;
  height: 120px;
  text-align: center;
  border-radius: 5px;
  overflow: hidden;
}
div.preview i {
  font-size: 88px;
  font-weight: 300;
  opacity: 0.3;
  margin-top:22px;
}
div.tools {
  margin-top: 22px;
}
div.tools a {
  margin-right:8px;
}
.button, input[type='submit'], input[type='button'] {
  display: inline-block;
  background: #23a5d0;
  color: #fff;
  font-size: 15px;
  border-radius: 3px;
  padding: 8px 20px;
  text-decoration: none;
  border: none;
  cursor: default;
}
input[type='button'] { background: #76a6b6; }
.low {
  background: #76a6b6;
}
.button:hover, input[type='submit']:hover, input[type='button']:hover {
  background: #000;
}
.button i {
  margin-right: 8px;
}



.button2 {
  display: inline-block;
  padding: 0px 10px;
  text-decoration: none;
  border: none;
  font-size: 18px;
  color: #000;
  opacity: 0;
  cursor: pointer;
}
.download:hover .button2 {
  opacity: 0.2;
}
.button2:hover {
  color: #db2a2a;
  opacity: 1 !important;
}
.button2 span { display: none; font-size: 12px; color:black; }
.button2:hover span { display: inline; }





div.auth {
  font-size: 20px;
}
div.auth input {
  font-size: 15px;
}
div.auth div.preview {
  font-size: 80px;
  text-align: right;
  padding: 7px 20px;
}



div.delete a:hover {
  color:#db2a2a;
}


div.viewtitle {
  position:fixed;
  left:20px;
  top:30px;
  font-size:32px;
  color: #000;
  z-index: 105;
}
div.viewcontent {
  position: absolute;
  top: 110px;
  left: 10px;
  right: 10px;
  padding: 10px;
  font-family: Hack, Lucida Console, Courier;
  color: #555;
}

.nowrap {
  white-space: nowrap;
}



.cert_copy {
  display:inline-block;
  cursor:copy;
  font-size: 10px;
}
.cert_copy:hover {
  color: #23a5d0;
}
.cert {
  display:inline-block;
  font-size: 15px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;

  padding: 13px;
  width:400px;
  border-radius: 6px;
  float: right;
}
.cert i {
  float: right;
  font-size: 55px;
  opacity: 0.3;
  font-weight: 300;
}
.cert h1 {
  font-size: 28px;
  margin:25px 0 5px 0;
  padding:0;
  color: #000;
}
.cert h2 {
  font-size: 19px;
  margin:0 0 5px 0;
  padding:0;
  color: #23a5d0;
}
.cert div {
}





div.empty {
  font-size: 20px;
  padding: 16px 32px
}
div.empty i {
  float:right;
  font-size:68px;
  color: #cbd8dd;
  position: relative; top:-39px;
  font-weight: 300;
}


div.foot {
  display: inline;
  position: fixed;
  bottom: 0;
  right: 0;
  margin: 10px 20px;
}
div.foot a {
  margin-left: 20px;
}

/* FIX: mazani/rozbaleni jsou POST formulare (CSRF) - tlacitka vypadaji jako puvodni odkazy */
form.inline { display: inline; margin: 0; }
button.button2 { background: none; }
button.button { font-family: inherit; cursor: pointer; line-height: inherit; }
div.tools form.inline { margin-right: 8px; }
button.linkbtn { background: none; border: none; padding: 0; font: inherit; color: inherit; text-decoration: underline; cursor: pointer; }