/* ==========================================================
 * http://nezabudkino.com/gpl/
 * ==========================================================
 * Copyright Nezabudkino Ltd. (c) 2011-2021
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================== */

@import url("core.tables.css");

/* general styles */

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  position: relative;
  -webkit-font-smoothing: subpixel-antialiased;
}

* html .screen-wrapper {
  height: 100%;
}

.screen-wrapper {
  position: relative;
  min-height: 100%;
  text-align: center;
}

.content-wrapper {
  position: relative;
}

div, section {
  position: relative;
}

div[class^=col-] {
  position: relative;
}

section {
  margin-bottom: 12px;
}

textarea {
  resize: none;
}

textarea.nowrap {
  white-space: nowrap;
}


.btn.wrap {
  white-space: inherit;
}

.btn.offset {
  margin-right: 12px;
}

.no-decor:focus,
.no-decor:active,
.no-decor:hover {
  text-decoration: none;
}

.page-caption {
  padding-top: 0;
}

.page-section {
  margin-bottom: 48px;
}

.block-section {
  margin-bottom: 24px;
}

.line-section {
  margin-bottom: 12px;
}

.label-section {
  margin-bottom: 4px;
}

.inline-block {
  display: inline-block;
}

.underline {
  border-bottom: 1px solid;
}

.mono {
  font-family: monospace;
}

.upload-iframe {
  width: 0;
  height: 0;
  border: none;
  margin: 0;
  padding: 0;
}

.upload-input {
  width: 0;
  height: 0;
  border: none;
  margin: 0;
  padding: 0;
  opacity: 0;
}

img.responsive {
  display: inline-block;
  height: auto;
  max-width: 100%;
}

.dashed {
  border-bottom: 1px dashed;
}

.dashed:focus,
.dashed:hover {
  text-decoration: none !important;
  border-bottom: 1px solid;
}

.enum > a:hover {
  text-decoration: none;
}

.enum > a:after {
  content: '|';
  color: silver;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 120%;
}

.enum > a:first-child:before {
  content: '|';
  color: silver;
  padding-right: 6px;
  font-size: 120%;
}

.enum > a:last-child:after {
  content: '|';
  color: silver;
  padding-left: 6px;
  font-size: 120%;
}

a.no-underline:hover {
  text-decoration: none;
}

/* decor */

.chevron {
  text-align: left;
  border-bottom: 1px solid #B4B4B4;
  position: relative;
}

.chevron:after {
  background: url(/images/chevron-down.png) center no-repeat;
  width: 15px;
  left: 5%;
  height: 7px;
  content: '';
  position: absolute;
  top: 100%;
  display: block;
}

.fa-big {
  font-size: 120%;
}

.fa-large {
  font-size: 150%;
}

.fa.offset {
  padding-right: 6px;
}

.fa.link {
  cursor: pointer;
}

.a {
  cursor: pointer;
}

/* scrollup */

.scrollup {
  display: block;
  cursor: pointer;
  z-index: 999;
  position: fixed;
  right: 30px;
  bottom: -50px;
  text-align: center;
  border: 2px solid silver;
  font-size: 20px;
  opacity: 0.8;
  height: 40px;
  width: 40px;
  border-radius: 50%;
}

.scrollup > i.fa {
  font-size: 20px;
  padding: 0;
  vertical-align: middle;
  color: silver;
}

.scrollup.show {
  bottom: 70px;
}

.scrollup:hover {
  border: 2px solid #C0C0C0;
  background: #eee;
  opacity: 1;
  color: #fff;
}

.scrollup:hover > i.fa {
  color: #555;
}

.nowrap {
  white-space: nowrap;
}

.crumb-separator {
  padding: 0 9px;
  font-size: 120%;
}

/* forms */

form a {
  vertical-align: middle;
}

/* colors */

.gray {
  color: #969696;
}

.silver {
  color: silver;
}

.red {
  color: red;
}

.red-star {
  color: red;
  font-size: 9px;
  padding-left: 3px;
  vertical-align: super;
  display: inline-block;
}

.red-star:after {
  content: ')';
}

/* sizes */
.w1 { width: 1%; }
.w10 { width: 10%; }
.w15 { width: 15%; }
.w20 { width: 25%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w35 { width: 35%; }
.w33 { width: 33.333%; }
.w45 { width: 45%; }
.w50 { width: 50%; }
.w75 { width: 75%; }


.mobile,
.mobile-inline-block {
  display: none !important;
}