body {
	height: 100%;
}
/* мой телефон (вертикальная и горизонтальная ориентация) ----------- */
@media only screen and (max-width: 1200px) and (max-height: 2000px) {
  body {
    background-color:green;
  }
}


@media print {
    /* здесь будут стили для печати */
    body {
        max-height: 100vh;
        max-width: 100vw;
        overflow: hidden;
    }
}


#checkJS {
/*----------------------------блок header (начало)---------------------------------*/
}
#privet, #today, #BtnExit {
  display: inline-block;
}
#today {
  width:30%;
  margin: 0 35% 0 35%;
  background-color: white;
  text-align: center;
  position: fixed;
  z-index: 1000;
}
#BtnExit {
  float: right;
  font-size:13px;
  font-weight: 700;
  padding: 3px 6px;
  background: #eaeef1;
  width:60px;
  background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.1));
  border-radius: 3px;
  color: rgba(0,0,0,.6);
  text-shadow: 0 1px 1px rgba(255,255,255,.7);
  box-shadow: 0 0 0 1px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.2), inset 0 1px 2px rgba(255,255,255,.7);
}

#BtnExit:hover, #BtnExit.hover {
        background: #fff;
}
#BtnExit:active, #BtnExit.active {
        background: #d0d3d6;
        background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0));
        box-shadow: inset 0 0 2px rgba(0,0,0,.2), inset 0 2px 5px rgba(0,0,0,.2), 0 1px rgba(255,255,255,.2);
}
/*----------------------------блок header (конец)----------------------------------*/

#search_msg {
  display: inline-block;
  background-color: white;
  border: 1px solid red;
}
/* {
  box-sizing: border-box; /*Свойства width и height включают в себя значения полей и границ, но не отступов (margin). */
/*}*/

/*-------------оформление форм и полей ввода СТАРЫЙ СТИЛЬ!!!!------------------------*/
.new-form .form-item {
  position: relative;
  padding-top: 20px;
  margin-bottom: 10px;
}

.new-form label {
  position: absolute;
  left: 10px;
  top: 27px;
  transition: top 0.5s;
  color: gray;
}

.new-form input:not([type=button]):not([type=checkbox]),/*Все импуты кроме чекбоксов и кнопок */
.new-form textarea,
.new-form select {
  display: block; /*блочное отображение*/
  width: 100%;	/*ширина элемента*/
  height: 35px;	/*высота элемента*/
  padding: 5px; /*отступ от внутренних границ*/
  margin: auto; /*отступ от внешних границ (по сути выравнивание в родительском элементе) */
  border: 1px solid #ccc; /*рамка серая*/
  border-bottom: none;		/*убрать нижнюю границу рамки*/
  background: no-repeat bottom, 50% calc(100% - 1px);
  background-color: rgb(211,241,163);
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, .1) inset;
  background-size: 0 100%, 100% 100%;
  background-image: linear-gradient(0deg, #9c27b0 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #ccc 1px, hsla(0, 0%, 82%, 0) 0);
}

.new-form textarea {
  resize: vertical; /* разрешение на изменение размера*/
  min-height: 100px; /*минимальная высота */
  max-height: 300px; /*максимальная высота */
}

.new-form button {
  display: block;
  width: 100%;
  padding: 5px;
  margin: auto;
  background: #ccc;
  border: none;
}

.new-form input:focus,
.new-form textarea:focus {
  outline: none;
  background-size: 100% 100%, 100% 100%;
  transition-duration: 0.3s;
  box-shadow: none;
}

.new-form input:focus+label, /**/
.new-form input:not(:placeholder-shown)+label,
.new-form textarea:focus+label,
.new-form textarea:not(:placeholder-shown)+label,
.new-form select:focus+label,
.new-form select:not(:checked)+label{
  top: 0px;
}

::-webkit-input-placeholder {
  opacity: 0;
}

.new-form input:focus::-webkit-input-placeholder,
.new-form textarea:focus::-webkit-input-placeholder {
  opacity: 1;
}


/*--------------конец оформления форм класса new-form и полей ввода  --------------------*/

.on-hover {

}
.hidden-block {
	opacity:0; /*Элемент полностью прозрачный (невидимый)*/
	transition: 1s; /*Скорость перехода состояния элемента*/
}
.on-hover:hover .hidden-block{
	opacity:1;
	transition: 1s;
}
.center {
  margin: 0 auto;
  text-align: center;
}
hr {
	clear: both;
}
select {
	height: 22px;
	width: 159px;
}

#login_module{
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -15% 0 0 -15%;
}

/*input, select {
	margin: 8px;
	height: 22px;
	font-size: 14px;
}	
*/
/*input:focus::placeholder {
	transform: translateY(-10px) scale(0.8,0.8);
}*/
h1, h3 {
	TEXT-ALIGN: CENTER;
}
.module {
	position: relative;
  background-color: #78afd7;
	padding: 10px;
	border-radius: 10px;
	border: grey 1px solid;
	box-shadow: 0px 5px 10px gray ;
	margin: 25px;
	float: left;
}

a, .button{	
	display: inline-block; /* Строчно-блочный элемент */
    padding: 5px 20px; /* Добавляем поля */
    text-decoration: none; /* Убираем подчёркивание у ссылки */
    cursor: pointer; /* Курсор в виде руки */
    background: #deefff; /* Фон для браузеров, не поддерживающих градиент */
    /* Градиент */
    background: -moz-linear-gradient(top, #deefff 0%, #98bede 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#deefff), color-stop(100%,#98bede));
    background: -webkit-linear-gradient(top, #deefff 0%,#98bede 100%);
    background: -o-linear-gradient(top, #deefff 0%,#98bede 100%);
    background: -ms-linear-gradient(top, #deefff 0%,#98bede 100%);
    background: linear-gradient(top, #deefff 0%,#98bede 100%);
    border-radius: 10px; /* Скругляем уголки */
    border: 1px solid #008; /* Добавляем синюю рамку */
    font: 12px/1 Arial, sans-serif; /* Рубленый шрифт */
    color: #2c539e; /* Цвет текста и ссылки */
}
.popup {
width:110%; 
min-height:100%; 
background-color: rgba(0,0,0,0.8);  
position:fixed; 
top:0px; 
left: -10px;
z-index: 2;
} 
.popup .popup-content {
margin:30% auto 0px auto; 
width:200px; 
height: 80px; 
padding:10px;
background-color: #F0F0F0;
border-radius: 10px;
}
/*
/*.mini_btn {/*маленькие кнопки (квадратики)*/
/*	width: 30px;
/*	top: 20px;
/*	right: 0px;
/*}
*/
/*
/*.clear_btn {/*кнопки отчистки поля*/
/*  border: none;
 /* position: absolute; 
/*  background: none;
}
/**/
.big_btn {
	width: 100%;
}

.column_2 {/*элементы на две колонки*/
 	width: 45%;
 	float: left;
 	padding: 5px
} 
.column_3 {/*элементы на три колонки*/
 	width: 32%;
 	float: left;
 	padding: 5px
}
.column_4 {/*элементы на четыре колонки*/
 	width: 22%;
 	float: left;
 	padding: 5px
}

#schet_list {
	width: 300px;
}
/*оформление автопоиска в полях*/
.autocomplete-suggestions {
border: 1px solid #999;
background: rgb(211,241,163);
overflow: auto; 
}
.autocomplete-suggestion {
padding: 2px 5px;
white-space: nowrap;
overflow: hidden; 
}
.autocomplete-selected {
background: rgb(170,200,119); 
}
.autocomplete-suggestions strong {
font-weight: bold;
color:  rgb(145,28,11);
}

/* -----------------------новый код -------------------------------------------*/

/*-------------оформление форм и полей ввода------------------------*/
form {
  padding: 0 25px 25px 25px;
}

.form .form-item {
  position: relative;
  padding-top: 20px;/*отступ сверху для подписи*/
 /* margin-bottom: 10px;*/
  /*border: 1px solid red;*/
  display:inline-block;
  /*overflow: hidden;*/
}
/*оформление полей ввода*/
.form input:not([type=button]):not([type=checkbox]),/*Все импуты кроме чекбоксов и кнопок */
.form textarea,
.form select { 
  /*width: 100%;  /*ширина элемента*/
  /*margin: auto; /*отступ от внешних границ (по сути выравнивание в родительском элементе) */
  display: block; /*блочное отображение*/
  padding: 5px; /*отступ от внутренних границ*/ 
  border: 1px solid #ccc; /*рамка серая*/
  border-bottom: none;    /*убрать нижнюю границу рамки*/
  background: no-repeat bottom, 50% calc(100% - 1px);
  background-color: #579cce;/*rgb(211,241,163)*/
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, .1) inset;
  background-size: 0 100%, 100% 100%;
  background-image: linear-gradient(0deg, #9c27b0 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #ccc 1px, hsla(0, 0%, 82%, 0) 0);
}
.form input:not([type=button]):not([type=checkbox]),/*Все импуты кроме чекбоксов и кнопок */
.form textarea{
 height: 25px;  /*высота элемента*/
}
.form select {
  position: relative;
  height: 45px;  /*высота элемента*/
  top: 1px; /*сдвиг select вниз для выравнивания*/
 }

.form textarea {
  resize: vertical; /* разрешение на изменение размера*/
  min-height: 99px; /*минимальная высота */
  max-height: 300px; /*максимальная высота */
}

.form button {
  display: block;
  width: 100%;
  padding: 5px;
  margin: auto;
  background: #ccc;
  border: none;
}

/* ---------------фокусировка----------------*/
.form input:focus,
.form textarea:focus {
  outline: none;
  background-size: 100% 100%, 100% 100%;
  transition-duration: 0.3s;
  box-shadow: none;
}

.form input:focus+label, /**/
.form input:not(:placeholder-shown)+label,
.form textarea:focus+label,
.form textarea:not(:placeholder-shown)+label,
.form select:focus+label,
.form select:not(:checked)+label{
  top: 0px;
}
::-webkit-input-placeholder {
  opacity: 0;
}
.form input:focus::-webkit-input-placeholder,
.form textarea:focus::-webkit-input-placeholder {
  opacity: 1;
}
/* ---------------фокусировка конец----------------*/
/*подписи, поля ввода (кроме кнопок) и селекты в формах*/
.form input+label,
.form textarea+label,
.form select+label,
.form input not button,
.form select {
  color: white; /*цвет текста*/
  font-family: Calibri; /*шрифт*/
  font-size: 18px;
 } 
/*подписи к полям*/
.form input+label,
.form textarea+label,
.form select+label {
  position: absolute; /*позиция слева в углу родительского дива*/
  top: 30px; /*отступ сверху-сдвиг во внутрь поля*/
  transition: top 0.5s; /*подскок при активации*/ 
  margin-left: 10px; /* отступ +10 от края поля*/
}
.clear_btn {
  position: absolute;
  top: 50%;  
  right: 0%;
  margin-right: 5px;

}
/*строка с полями ввода*/
.form_row {
}


/*--------------конец оформления форм класса form и полей ввода  --------------------*/