/* --------------фоторама-------------- */

@import url(fotorama/fotorama.css);

/* базовые шрифты сайта*/
@font-face {

font-family: 'Segoe UI Light';
src: url('font/SegoeUI-Light.eot');
src: url('font/SegoeUI-Light.eot?#iefix') format('embedded-opentype'),
url('font/SegoeUI-Light.woff') format('woff'),
url('font/SegoeUI-Light.ttf') format('truetype');
font-weight: normal;
font-style: normal;

font-family: 'Lato Thin';
src: url('font/Lato-Thin.eot');
src: url('font/Lato-Thin.eot?#iefix') format('embedded-opentype'),
url('font/Lato-Thin.woff') format('woff'),
url('font/Lato-Thin.ttf') format('truetype');
font-weight: normal;
font-style: normal;


font-family: 'Lato Regular';
src: url('font/Lato-Regular.eot');
src: url('font/Lato-Regular.eot?#iefix') format('embedded-opentype'),
url('font/Lato-Regular.woff') format('woff'),
url('font/Lato-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;




}

/* базовые параметры */
body {
background: #f2f2f2;
margin-top: 0px;
margin-left: 0px;
font-family: 'Lato Regular','Segoe UI Light', 'Lato Thin',  'Helvetica', 'sans-serif';
font-size:1.2vw;
line-height: 100%;
color: #000000;
width: 100%;
height: 100%;
}

html{
margin: 0px ;
padding: 0px ;
top: 0;
width: 100%;
height: 100%;
}

a {
color: #000099;
font-weight: 100;
text-decoration: none;
}

a:hover {
/* цвет пункта меню, под движущимся курсором */
color: #00cbff;
}


span {
font-weight: 100;
color: black;
}

.iradio {
  width: 100%;
  height: 50%;
  background-color: blue;
  margin: 0px;
  
}
.iradio.checked {
  background-color: red;
}

/* параметры окна ввода логина и пароля */
.mlogin {
    margin: 170px auto 0;
}


.mregister {
    margin: 80px auto 0;
}

/* сообщение об ошибке при вводе логина и пароля*/
.error {
    margin: 40px auto 0;
    border: 1px solid #777;
    padding: 3px;
    color: #fff;
    text-align: center;
    width: 500px;
    background: #f58220;
}

.regtext {
    font-size: 13px;
    margin-top: 26px;
    color: #777;
}

input[type="text"], textarea[type="text"], select[type="text"] {
font-family: 'Lato Regular','Segoe UI Light', 'Lato Thin',  'Helvetica', 'sans-serif';
font-size:1.2vw;
text-align: left;
background: white;
border: 1px solid #d9d9d9;
padding: 0 0.3vw 0 0.3vw;
border-radius: 0.4vw; /*скругление*/



}

input[type="text"]:focus {
border: 1px solid #f58220;
}

/* заголовки ячеек для просмотра */
.th_detail {
font-size: 1.0vw;
font-family: 'Lato Regular','Segoe UI Light', 'Lato Thin',  'Helvetica', 'sans-serif';
text-align: left;
background: white;
color:#999999;
padding: 0 0.3vw 0 0.3vw;
}

/* ячейки для просмотра */
.td_detail {

text-align: left;
background: white;
border: 1px solid #f2f2f2;
padding: 0 0.3vw 0 0.3vw;
border-radius: 0.4vw; /*скругление*/
line-height: 130%;
white-space: pre-wrap;/*добавляет переносы строк*/
}


/*= CONTAINERS
--------------------------------------------------------*/
.container {
    padding: 25px 16px 25px 10px;
    font-weight: 200;
    overflow: hidden;
    width: 350px;
    height: auto;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.13);
    box-shadow: 0 1px 3px rgba(0,0,0,.13);
}

#welcome {

line-height:0px;
font-size: 0.55vw;



    margin: 0 0 auto auto;
margin-top: 0px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.13);
    box-shadow: 0 1px 3px rgba(0,0,0,.13);
}

.container h1 {
    color: #777;
    text-align: center;
    font-weight: 300;
    border: 1px dashed #777;
    margin-top: 13px;
}

.container label {
    color: #777;
    font-size: 14px;
}	
	.container select {
    background: white;
font-size: 1.3vw;
font-family: 'Lato Regular','Segoe UI Light', 'Lato Thin',  'Helvetica', 'sans-serif';
    line-height: 1;
    padding: 3px;
    margin: 0 6px 5px 0;
    outline: none;
    border: 1px solid #d9d9d9;
}

#login {
    width: 320px;
    margin: auto;
    padding-bottom: 15px;
}

.container form .input,.container input[type=text],.container input[type=password],.container input[type=e] {
    background: #fbfbfb;
    font-size: 24px;
    line-height: 1;
    width: 100%;
    padding: 3px;
    margin: 0 6px 5px 0;
    outline: none;
    border: 1px solid #d9d9d9;
}

.container form .input:focus {
    border: 1px solid #f58220;
    -webkit-box-shadow: 0 0 3px 0 rgba(245,130,32,0.75);
    -moz-box-shadow: 0 0 3px 0 rgba(245,130,32,0.75);
    box-shadow: 0 0 3px 0 rgba(245,130,32,0.75);
}






#menu2 {
	font-size:	1.4vw;
	text-align: justify;
}

#menu2 a, #menu2 a:visited {
	display:block;
	float:left;
    position: relative;
	left: 0%;
	height:10%;
	line-height:130%;
	padding-left:0%;
	padding-right:0%;
	color:black;
	text-decoration:none;
	border-radius: 0.3vw; /*скругление*/
}

#menu2 a:hover {
	background-color:#ffffff;/* цвет пункта меню, под движущимся курсором */
}

#menu2 .current2 {
	background-color:#f2f2f2;/* цвет пункта меню, соответствующего текущей странице */
}


/* выравнивание дива с пунктами меню по центру */
.align_center
{
position: relative;
width: 100%;
}
.align_center:after
{
content: '';
display: block;
clear: both;
}
.align_center_to_left
{
position: relative;
right: 50%;
float: right;
}
.align_center_to_right
{
position: relative;
z-index: 1;
right: -50%;
}

/* ячейка таблицы как ссылка */
.link_td
{
display: block;
width: 100%;
height: 100%;
padding: 10% 0%;
text-decoration: none;
}

/* фон ячейки по ее высоте, уменьшая картинку */
.background_td
{
background-position: 50% 50%;
background-size:contain;
background-repeat: no-repeat;
}


/* стили для полей ввода */
.edit_bk {
font-size: 1.3vw;
font-family: 'Lato Regular','Segoe UI Light', 'Lato Thin',  'Helvetica', 'sans-serif';
text-align: left;
height: 100%;

padding: 2% 2% 2% 3%;
background: #fbfbfb;
border: 1px solid #d9d9d9;
overflow: hidden;
}

.edit_bk_select {
font-size: 1.3vw;
font-family: 'Lato Regular','Segoe UI Light', 'Lato Thin',  'Helvetica', 'sans-serif';
text-align: left;
height: 100%;

background: #fbfbfb;
border: 1px solid #d9d9d9;
overflow: hidden;
}


/* стили для ячеек */
.edit_td {
font-size: 1.3vw;
font-family: 'Lato Regular','Segoe UI Light', 'Lato Thin',  'Helvetica', 'sans-serif';
text-align: left;
height: 100%;
padding: 0.4vw;
overflow: hidden;
margin-left: 10px;
}

/* стили для подложки таблицы */
.table_main {
background: white;
border-spacing: 0.8vw 0.8vw; /*отступ от границ*/
border-radius: 0.4vw; /*скругление*/
box-shadow: 0 0 1.0vw rgba(0,0,0,0.5); /*тень*/
}

/* стили для подложки таблицы */
.table_on {
font-size: 1.0vw;
border-collapse: collapse; /* Убираем двойные линии между ячейками */

}

.table_on tr:hover {


   }



/* стили для домашней таблицы */
.table_home {
width: 95%;

font-size: 2.0vw;
font-weight: 600;


}

/* стили для домашней таблицы */
.home_td {
background: white;
border:5%;
width: 25%;
background-repeat: no-repeat;
background-size: 12vh;
background-position: 95% 0% ;
box-shadow: 0 0 1.0vw rgba(0,0,0,0.5); /*тень*/
vertical-align: bottom;
padding-left:2%;
padding-bottom:2%;
}

/* стили для подложки таблицы */
.table_small {
border-collapse: collapse; /* Убираем двойные линии между ячейками */
line-height: 150%;
}

td[type="table_on"], th[type="table_on"] {
font-size: 1.0vw;
padding: 0.4vw; /* Поля вокруг содержимого таблицы */
border: 1px solid #CCCCCC; /* Параметры рамки */
}

.radio-left, .radio-left span, .radio-center, .radio-center span, .radio-right, .radio-right span, .check-left, .check-left span, .check-center, .check-center span, .check-right, .check-right span   {background:#fff;  display: block; float: left; line-height: 100%; color: black; font-size: 1.3vw;}
.radio-left:hover, .radio-left span:hover, .radio-center:hover, .radio-center span:hover, .radio-right:hover, .radio-right span:hover, .check-left:hover, .check-left span:hover, .check-center:hover, .check-center span:hover, .check-right:hover, .check-right span:hover   { background:#0066FF; color: #fff;}

.radio-left, .check-left {border-radius: 2.0vw 0 0 2.0vw; }
.radio-left span, .check-left span { padding: 0.3vw 0.4vw 0.4vw 0.6vw; border-radius: 2.0vw 0 0 2.0vw; border: 1px solid #d9d9d9;}
.radio-left.selected, .check-left.selected  { background:#0066FF;  }
.radio-left.selected span, .check-left.selected span {background:#0066FF; border-radius: 2.0vw 0 0 2.0vw; color: #fff; }

.radio-center, .check-center   {border-radius: 0 0 0 0; }
.radio-center span, .check-center span { padding: 0.3vw 0.4vw 0.4vw 0.4vw; border-radius: 0 0 0 0; border: 1px solid #d9d9d9;}
.radio-center.selected, .check-center.selected  { background:#0066FF; }
.radio-center.selected span, .check-center.selected span  {background:#0066FF; border-radius: 0 0 0 0; color: #fff; }

.radio-right, .check-right   {border-radius: 0 2.0vw 2.0vw 0;  }
.radio-right span, .check-right span { padding: 0.3vw 0.6vw 0.4vw 0.4vw; border-radius: 0 2.0vw 2.0vw 0; border: 1px solid #d9d9d9; }
.radio-right.selected , .check-right.selected{ background:#0066FF; }
.radio-right.selected span, .check-right.selected span {background:#0066FF; border-radius: 0 2.0vw 2.0vw 0; color: #fff; }


.switch label { cursor: pointer; -moz-user-select: none; -webkit-user-select: none;  }
.switch input { display: none; -moz-user-select: none; -webkit-user-select: none;}


/* стили для таблиц объектов */
.object {
text-align: left;
border-spacing: 0.5vw 0;
background-color: #FFFFFF;
border: 0;
}


/*= BUTTONS
--------------------------------------------------------*/

.button{
border: solid 1px #da7c0c;
border-radius: 2.5vw 2.5vw 2.5vw 2.5vw;
border: 1px solid #d9d9d9;
background: #0066FF;
line-height: 100%;
font-family: 'Lato Regular','Segoe UI Light', 'Lato Thin',  'Helvetica', 'sans-serif';
font-size: 1.1vw;
font-weight:bold;
color: #fff;
padding: 0.5vw 1.5vw 0.7vw 1.5vw;
float: right;
cursor: pointer;
text-decoration: none;
}


.button2{
border: solid 1px #da7c0c;
border-radius: 2.5vw 2.5vw 2.5vw 2.5vw;
border: 1px solid #d9d9d9;
background: #fff;
line-height: 100%;
font-family: 'Lato Regular','Segoe UI Light', 'Lato Thin',  'Helvetica', 'sans-serif';
font-size: 1.1vw;
font-weight:bold;
color: #0066FF;
padding: 0.5vw 1.5vw 0.7vw 1.5vw;
float: right;
cursor: pointer;
text-decoration: none;
}


.button:hover{
background: #0033FF;
color: #fff;
}

.button2:hover{
background: #0066FF;
color: #fff;
}
/* --------------фоторама-------------- */


#fotorama_center {
padding: 1% 1% 1% 1%;
width: 100%;
margin: 0 auto;
}

@media only screen and (min-width:478px) and (max-width:598px){
#fotorama_center {padding:0;}
}  

@media only screen and (min-width:316px) and (max-width:477px){
#fotorama_center {padding:0;}
} 

.foto_place {
width: 28%;
height: 30%;
float: left;
margin-top: 0px;
}

.clear {
clear: left; /* Отмена обтекания */
}



/* всплывающее окно*/


.window {
    position:absolute;
    display:none;
    }  
    
 .top {
    position:absolute;
    right:0;
    top:0; 
    padding: 0.5vw 1vw 1vw 1vw;
    }
    
.close {
    float:right;
    }
    
    
/* меню объекта */

input[type="checkbox"] {
		display: none;}
label {cursor: pointer;}

.nav {user-select: none;}

.nav__showmenu {
    position: relative;
    z-index: 3;
    display: inline-block;
    margin-left: -10px;
    padding: 5px 10px 10px;
    top: 2px;
    font-size: 23px;
}



.menu, .menu__submenu{
    list-style: none;
    padding: 0;
    color: #fff;
    overflow: hidden;
  }

.menu {
    position: fixed;
    top: 0;
    bottom: 1;
    left: 0;
    display: block;
    width: 320px;
    margin: 0;
    padding: 17px 0;
    text-transform: uppercase;
    line-height: 2em;
    background-color: #2c2c2c;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transform: translateX(-100%);
    transition: transform .3s;
    will-change: transform;
    backface-visibility: hidden;
}

.menu__submenu {
    font-size: .8em;
    background-color: #ddd;
    max-height: 0;
    transition: max-height .3s ease-in-out;
}

.menu__showsub {
    position: absolute;
    right: 0;
    margin-top: -34px;
    padding: 10px;
    line-height: normal;
}

.menu__item {  
    display: block;
    text-align: center;
    text-decoration: none;
    color: #fff;
}

.menu__submenu .menu__item {color: #000;}


}

.menu__item:hover,.nav__showmenu:hover,.menu__showsub:hover {opacity: 0.7;}
.menu::-webkit-scrollbar {display: none;}
.nav__check:checked+.nav__showmenu {color:#fff;}
.menu__check:checked~.menu__submenu {max-height: 100vh;}
.menu__check:checked+.menu__showsub {transform: rotate(180deg);}
.nav__check:checked~.menu {transform: translateX(0);}  

.rfm-page {
    width: 96%;
    max-width: 1280px;
    margin: 24px auto;
}

.rfm-page h1 {
    margin: 0 0 18px;
    font-size: 28px;
    font-weight: 700;
    color: #1f2933;
}

.rfm-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 18px;
}

.rfm-dashboard {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 12px;
    margin-bottom: 22px;
}

.rfm-card {
    display: block;
    min-height: 92px;
    padding: 16px;
    border: 1px solid #d7e2ea;
    border-radius: 8px;
    background: #fff;
    color: #1f2933;
    text-decoration: none;
}

.rfm-card span {
    display: block;
    margin-bottom: 10px;
    color: #607080;
    font-size: 14px;
}

.rfm-card b {
    display: block;
    font-size: 26px;
    line-height: 1.2;
}

.rfm-card-alert b {
    color: #b91c1c;
}

.rfm-table {
    width: 100%;
    background: #fff;
}