/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 28.08.2019, 21:20:17
    Author     : Dmitriy
*/
@charset "utf-8";
@import "styleset.css"; /* Переменные */
@import "uisizes.css"; /* Размеры высот элементов для библиотеки z80\ui */
/*@import "normalize.css"; /* Приведение всех браузеров к единой настройке стилей */
@import "fonts.css"; /* Подключение шрифтов */
@import "structure.css"; /* Структура страницы и медиа-адаптация */
@import "menu.css"; /* Меню */
@import "elements.css"; /* Элементы - кнопки и т.п. */


html {
    height: 100%;
}

body {
    height: 100%;
    overflow: hidden;
    background-color: var(--bgr);
    color: var(--fgr);
}

* {
    margin: 0;
    padding: 0;
    outline: none;
    font-family: var(--font-family-regular);
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

a, a:hover {
    color: #0047b2;
    text-decoration: none;
    -webkit-transition: all.1s ease;
    -moz-transition: all.1s ease;
    -o-transition: all.1s ease;
    -ie-transition: all.1s ease;
    transition: all.1s ease;
}

a:hover {
    color: #0066ff;
}

h1,h2,h3,h4,h5,h6 {
    font-family: var(--font-family-headers);
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 700;
    align-content: center;
}
h1 {
     font-size: 200%;
     margin: 1rem 0;
}
h2 {
     font-size: 150%;
     font-weight: 600;
     margin: .8rem 0;
}
h3 {
     font-size: 125%;
     margin: .6rem 0;
}
h4 {
     font-size: 125%;
     margin: .5rem 0;
}
h5 {
     font-size: 100%;
     color: #666666;
     margin: .25rem 0;
}
h6 {
     font-size: 100%;
     color:#000000;
     display: inline-table;
     margin: .1rem 0;
}

p {
    margin: 1.41vh 1.41vw;
}

ul {
    padding-left: 1.41vw;
    position: relative;
}

li {
    padding-left: 1.41vw;
    position: relative;
}

label {
    color: var(--header1-fg);
    size: 1rem;
    font-weight: 300;
}

table {
    padding: 0px;
    margin: 0px;
    border-width: 2px;
    border-style: solid;
    border-color: #bbb;
    border-collapse: separate;
    border-spacing: 0px;
}

td,th,tr {
    margin: 0;
}

th {
    height: 30px;
    background: var(--bg6);
    padding-left: 3px;
    padding-right: 3px;
}

td {
    border-width: 2px;
    border-style: solid;
    border-color: #ccc;
    padding-left: 3px;
    padding-right: 3px;
}

select,
input[type='select']
input[type='search']
input[type='text'] {
    display:		block;
    -moz-appearance:	none;
    -webkit-appearance: none;
    appearance:		none;
    font-weight: 600;
}

select::-ms-expand {
    display:            none;
}

/* Замена стандартному input type=radio
    на блочный вариант
<div class><input type-radio><label>...*/
.radio {
    /*margin-bottom:      10px;*/
}

.radio input[type=radio] {
    display:            none;
}

.radio label {
    display:            inline-block;
    cursor:             pointer;
    position:           relative;
    padding-left:       calc(1em + .5em);
    margin-right:       0;
    line-height:        1em;
    user-select:        none;
    margin-top:         0.5em;
    margin-bottom:      0.5em;
    vertical-align:     middle;
}

.radio label:before {
    content:            "";
    display:            inline-block;
    width:              1em;
    height:             1em;
    position:           absolute;
    left:               0;
/*    bottom:             1px;*/
    background:         url(icons/radio-button-off.png) 0 0 no-repeat;
    background-size:    1em;
}

.radio input[type=radio]:checked + label:before {
    background:         url(icons/radio-button-on.png) 0 0 no-repeat;
    background-size:    1em;
    filter:             hue-rotate(-180deg) saturate(150%) brightness(130%);
}

.radio input[type=radio]:checked + label {
    color:              #3366ff;
}

.radio label:hover:before {
    filter:             brightness(120%);
}

.radio input[type=radio]:disabled + label:before {
    filter:             grayscale(100%);
}

img {
    max-width:100%;
    max-height:100%;
}

/* Кнопка Выход */
.logout {
    position: absolute;
    top:0;
    right:0;
    padding: 5px;
    width: 40px;
    text-align: right;
    color: #000000;
}

/* Значки */
.symbols {
    font-family: "Antipasto-Icons-DemiBold";
    font-weight: bold;
    display: block;
    font-size: 2em;
/*    color: #3366ff;*/
}

/* Меню */
nav.menu {
    font-family: var(--font-family-headers);
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}

/* Второстепенный текст */
.second_text {
    color: #707070;
}


.div-h-6 {
    display: inline-block;
    width: 6%;
}

.div-h-12 {
    display: inline-block;
    width: 12%;
}

.div-h-25 {
    display: inline-block;
    width: 25%;
}

.div-h-33 {
    display: inline-block;
    width: 33%;
}

.div-h-50 {
    display: inline-block;
    width: 50%;
}