/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */

/* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
  color: #222;
  /* color: #bedaff; */
  font-size: 1em;
  line-height: 1.4;
}

/*
   * A better looking default horizontal rule
   */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
   * Remove default fieldset styles.
   */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/* ==========================================================================
     Author's custom styles
     ========================================================================== */

@font-face {
  font-family: 'Inconsolata';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Inconsolata Regular'), local('Inconsolata-Regular'), url(/public/static/css/Incosolata-Regular.ttf) format("opentype");
  /* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; */
}

#auth-form {
  position: absolute;
  height: 200px;
  width: 400px;
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: -200px;
  padding: 0;
}

#auth-form .input-group {
  margin-bottom: 10px;
}

#auth-form .panel-body {
  text-align: center;
}


div.menu {
  width: 13%;
  display: block;
  float: left;
  overflow: visible;
  margin: 4pt;
  padding: 6pt;
  text-align: left;
}

div.menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: left;
}

div.menu ul li {
  margin: 0;
  padding: 0;
}

div.content {
  width: 90%;
  display: block;
  float: right;
  overflow: visible;
}

div.row-filename {
  display: block;
  width: 100%;
  background-color: rgb(140, 185, 252);
}

div.logblock {
  width: 96%;
  /*  margin:5px; */
  background-color: rgb(190, 218, 255);
}

div.logblock pre code {
  color: #000000;
}

#footer {
  display: block;
  min-height: 40pt;
  clear: both;
}

p.plog {
  font-family: 'Inconsolata', monospace;
  font-size: 11.5pt;
  line-height: 100%;
  padding: 1px;
  margin-bottom: 1px;
  letter-spacing: -0.02em;
  word-break: normal;
}

.notfound {
  color: darkred;
  border: darkred 2px;
}

.notfound p{
  font-size: 32pt;
  margin:auto;
  padding: auto;
  text-align: center;
  text-anchor: middle;
}

div.header,div.header *{
  color: #bedaff;
}

.title {
  font-size: 22pt;
  color: red;
}


.btn {
  color: #fff;
  background-color: #161421;
  border-color: #363347;
  line-height: 1.5;
  font-size: 1rem;
  height: calc(1.5em + 0.75rem + 2px);
  width: calc(2em + 2rem + 6px);
}

#container{
  width: 100%;
  display: block;
}

.backimg {
  background-image: url("../img/bg2.jpg");
  background-repeat: no-repeat;
  background-color: #161421;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #363347;
  border-radius: 0.25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.error {
  color: lightcoral;
  font-size: 2rem;
}

.body{
  background-color: #302d41;
}

.light{
  color: #fffade;
}

div#toolsform, div#bigtools{
  box-shadow: 4px 8px #202129;
}
#toolsform{
  margin: auto;
  display: none;
  width: 300px;
  left: 40%;
  top: 40%;
  position: fixed;
  z-index: 99;
  background-color: #302d41;
  border: 2pt #495057 solid;
}

#bigtools{
  margin: auto;
  display: none;
  width: 400pt;
  left: 35%;
  top: 2%;

  position: fixed;
  z-index: 99;
  background-color: #302d41;
  border: 2pt #495057 solid;
}
#bigtools pre{
  overflow: auto;
}

#bigtools {
  overflow: auto;
}

#toolsform form,#bigtools form{
  display:none;
}

div#tools ul{
  margin: 4pt;
}

#bigtools .input-group{
  width: 250pt;
  margin: 5pt;
}
#pricesform{
  width: 300pt;
  overflow: hidden;
}

#bigtools .input-group input{
  max-width:60pt
}
#bigtools .input-group button{
  margin:0px;
  margin-top: 5pt;
  padding: 5pt;
}

#bigtools label{
  padding-top: 20pt;
}
#bigtools input, #bigtools pre{
  margin-left: 5pt;
  margin-right: 5pt;
  margin-top: 10pt;
  margin-bottom: 10pt;
}

#toolsform input, #toolsform p{
  margin-left: 5pt;
  margin-right: 5pt;
  margin-top: 10pt;
  margin-bottom: 10pt;
}

div#toolsform form label,div#bigtools form button{
  font-size: 16pt;
  color: #fffade;
  margin: auto;
}

div#toolsform form button,div#bigtools form button{
  float:right;
}

#bigFormClose{
  margin: 5pt;
}

div .input-group-short{
  width:480px;
  margin: auto;
}
.input-group-short .form-control{
    width:80px;
}

.poslogsblk{
  width: 350px;
  margin: 0 auto;
  display: block;
  color: #0f72f3;
}

.poslogsblk *{
  margin:auto;
}