@charset "utf-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,em,img,strong,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset, form,label,table,tbody,tfoot,thead,tr,th,td,input,textarea{font-size:100%;margin:0px;padding:0px;outline:0;vertical-align:baseline;box-sizing:border-box;font:15px/22px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" 
; color:#000;}table{border-collapse:collapse;border-spacing:0;}
h1, h2, h3, b, strong { font-family:'Open Sans SemiBold', sans-serif;}
h1 { font-size:22px; line-height:22px; margin-bottom:10px;}
h1 b {font-size:22px;}
h2 { font-size:17px; margin-bottom:10px;}
h3 { font-size:15px; margin-bottom:10px; font-weight:bold;}
.center { text-align:center!important;}
.left { text-align:left!important;}
.right { text-align:right!important;}
.valign_top { vertical-align:top!important;}
.nowrap { white-space:nowrap!important;}
.middle { vertical-align:middle!important;}
.gorizontal_slide { width:100%;  overflow-x:scroll;}
body, html { background: #ddd; position:relative; width:100%; height:100%; min-height:100vh;}
a { text-decoration: underline; color:#09C;}
a:hover { text-decoration:none;}
b { font-weight:bold;}
img, iframe { border:none; vertical-align:middle; max-width:100%!important; max-height:auto!important;}

.error, .confirm { margin-bottom:10px; padding:10px;}
.confirm { background: #D7EFFF; color:#06C;}
.error { background: #FFE6FF; color:brown;}
.confirm_violet { font-size:90%; color:#63C; background:#F3EEFB; margin-top:5px;}

p { margin-bottom:10px;}

.wrap_div { width:50%;}

/*  LOGIN  */
.auth-form { background: #f5f8fb url(images/backend/backgrou.png) 0 0 repeat-x;}
.login { position:absolute; top:20%; left:50%; margin-left:-200px; padding:20px; width:400px; background:#fff; border-radius:5px; box-shadow: 5px 5px 20px #999;}
/*  #LOGIN  */

.table { margin-bottom:10px;}
.table td, .table th { padding:5px 10px; border:1px solid #ccc;}
.table th { background:#eee;}

.table2 { width:100%;}
.table2 td, .table2 th { padding:10px; border:1px solid #aaa;}
.table2 th { text-align:left; background: #f5f5f5; font-size:110%!important; border-bottom:none;}
.table2 td { border-top:none;}
.table2 li { margin: 0 0 5px 12px;}


.head { background:#023e59; height:50px; text-align:center;}
.head a, .head i { height:50px; line-height:50px; width:50px;}
.head i { float:left; background:#679696; text-align:center; color:#fff; font-size:24px;}
.head a { color:#fff; text-decoration:none; font-weight:bold; font-size:120%;}
.head a.logout { float:right; width:auto; white-space:nowrap; margin-right:10px;}

.popup_bg {position: fixed; top: 0; left: 0; height: 120%; width: 100%; background: rgba(0,0,0,0.5); z-index: 100;display: none;}
.content-popup {overflow:auto; z-index:110; position: fixed; top:0; left:-100%;	background-color: #fff;	width:350px; height:100%;}
.popup_header { font-size:110%; font-weight:bold; background:#ddd; border-bottom:1px solid #ccc; padding:10px;}
.popup_wrap { padding:10px;}
.counter_header b { padding:8px 16px; display:inline-block; border-radius:100px; font-size:120%; color:#009432; background:#e5f4ea;}
.counter_header i { font-size:12px; color:#006624;}

#menu-popup a, #menu-popup span { border-bottom:1px solid #ccc; display:block; padding:10px; color:#000; text-decoration:none;}
#menu-popup span { background:#ddd; font-weight:bold;}

.adminborder { padding:5px;}
.adminborder > div { padding:10px; background:#fff;}



.fa-circle-chevron-down { color:#3C3; font-size:90%; vertical-align:top;}

input[type="text"], input[type="password"], input[type="email"], input[type="submit"], input[type="button"], input[type="number"], textarea, .button { -webkit-appearance: none;}
input[type="text"], input[type="password"], input[type="email"], input[type="submit"], input[type="button"], input[type="number"], textarea, select, .button { width:100%; padding:10px; border:1px solid #bbb;}
input[type="submit"], input[type="button"], .button {  text-decoration:none; cursor:pointer; border-radius:3px; color:#000; background:linear-gradient(to bottom,#f5f5f5,#ccc); border:1px solid #ccc; border-right:1px solid #aaa; border-bottom:1px solid #888; font-weight:bold; transition:0.3s;}
input[type="submit"]:hover, input[type="button"]:hover, .button:hover { background:linear-gradient(to bottom,#eee,#bbb); }


.button_lite { border-radius:3px; display:block; text-align:center; width:100%; padding:10px; margin-top:10px; background:#d9f0e9; color:#006282; text-decoration:none; border:1px solid #CEECE3;  border-right:1px solid #B3E1D3; font-weight:bold; border-bottom:1px solid #B3E1D3; cursor:pointer; transition:0.3s;}
.button_lite:hover { background:#CBEBE0;}

.menu-list i { display:none;}

.yellow_div {background:#eee; padding:10px; color:brown; margin-bottom:10px;}

/*
.objects_list li { list-style:none; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ccc;}
.objects_list li.level-1 { }
.objects_list li.level-1 b { font-weight:bold; font-size:120%}
.objects_list li.level-2 { padding-left:20px;}
.objects_list li.level-3 { padding-left:40px;}
.objects_list li.level-4 { padding-left:60px;}
*/



#add_meters { padding:10px; font-size:20px; font-weight:bold; text-align:center; border:1px solid #ccc; width:100%;}
#result_meters_info { overflow:hidden; display:none;}
#result_meters_info span, #result_meters_info span * { color:brown;}

.close_sub_popup { height:40px;}
.close_sub_popup i { float:right; text-align:center; height:40px; line-height:40px; width:40px; font-size:20px; border:1px solid #ccc; background:#eee;}
#counter_meters_history_result table { width:100%;}
#counter_meters_history_result td { text-align:center;}


/* универсальные вкладки */
.tabs_h1 { font-size:20px; margin:10px 0;}
.tabs a { float:left; border:1px solid #ccc; background:linear-gradient(to bottom,#f5f5f5,#ddd); padding:10px; text-decoration:none; font-weight:bold; color:#000; white-space:nowrap;}
.tabs_border { border:1px solid #ccc; padding:10px; margin-top:-1px; background:#fff;}
a.tabs_active { background:#FFF; border-bottom:1px solid #fff;}





ul.object_list { margin-left:10px;}
ul.object_list b.object_tp { display:inline-block; vertical-align:middle; font-size:120%;}
ul.object_list li { list-style:none; padding:10px 0;}
ul.object_list a.open_object { display:inline-block; vertical-align:top;}
ul.object_list span.object_name {}
ul.object_list > li > ul { }
ul.object_list > li > ul > li > ul { margin-left:20px;}
ul.object_list > li > ul > li > ul > li > ul { margin-left:40px;}
ul.object_list > li > ul > li > ul > li > ul > li > ul { margin-left:60px;}

ul.object_list table { width:100%;}
ul.object_list td { width:99%; }
ul.object_list th { width:1%;}

ul.object_list ul ul { display:none;}

.round_form {  display:inline-block; vertical-align:top; border-radius:40px; padding:3px 10px; cursor:pointer; text-decoration:none; font-size:90%;}
.round_form i { font-size:90%;}
.remark { font-size:90%; font-style:italic; color:#555;}
.counter_icon { background:#D9F0FF; color:#06C; font-size:90%; font-weight:bold;}
.counter_icon i { color: #3C0;}
.counter_icon_alert { background:#FCF; color:brown;font-size:90%; font-weight:bold;}
.counter_icon_alert i { color:#F00;}
.counter_add { background:#FFEFD7; color:brown; font-weight:normal;}
.counter_add i { color:brown; font-weight:normal;}

.table2 u { display:block; margin-bottom:10px;}
.table2 th span { display:block; font-size: 14px; font-style:italic; font-weight:normal;}

.edit_object { color:brown; font-size:90%; margin-left:15px;}
.add_object { color:green; font-size:90%; margin-left:15px;}
.edit_object2 { font-weight:bold; font-size:120%;}
.object_area { font-size:90%; white-space:nowrap;}
.object_descr { background:#f2f2f2; color:#555; font-style:italic; font-size:90%; margin-top:5px;}

.list_del, .list_edit, .list_save  { cursor:pointer;}
.list_del { color:brown;}
.list_edit { color:#390;}
.list_save { color:blue;}


.lists th, .lists td { border:1px solid #ccc;}
.lists th { font-weight:normal; background:#f5f5f5;}
table.products { margin: -1px -1px 0 -1px; width:100%;}
table.products td { padding:5px; white-space:nowrap;}
.list_item { width:50%;}
.list_item table { width:100%;}
.list_item tr { border-bottom:1px dotted #ccc;}
.list_item td { width:100%;}
.list_item td, .list_item th { white-space:nowrap; padding:5px; border:none; background:none;}
.list_item th span { font-size:11px;}

#result_meters_info table { width:100%;}
#result_meters_info, #result_meters_info * { font-size:14px!important;}
#result_meters_info td, #result_meters_info th { padding:2px!important; border:1px solid #ddd; font-weight:normal!important; text-align:center;}
#result_meters_info th { background:#eee; font-weight:bold;}
#result_meters_info span {}

body.energy, html.energy { background:#fff;}
body.energy div { padding:10px;}
body.energy table { width:100%;}
body.energy table td { text-align:center;}
body.energy h1 { font-weight:bold;}
body.energy h2 { font-weight:bold;}
body.energy h2 span { font-weight:normal; font-size:90%;}

.notes_control a { display:inline-block; margin-right:30px; vertical-align:top; padding:10px 20px; text-decoration:none; color:#000; background:#C1F0FF;}
.list_table td, .list_table th { padding:10px 0;}
.list_table th { padding-left:20px;}
.list_table th span { font-size:inherit;}
.table td { vertical-align:top;} 
#imgZoomOverlay {
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.6);
    display:none;
    justify-content:center;
    align-items:center;
    z-index:9999;
}
#imgZoomOverlay img {
    max-width:90%;
    max-height:90%;
}
.flex{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    gap:10px;
}

/* основной текст */
.flex-1{
    flex:1;
    min-width:0;
}

/* блок с кнопками */
.flex-2{
    display:flex;
    gap:10px;
    flex:0 0 auto; /* ширина по контенту */
}

/* количество */
.flex-2-1{
    width:200px;
}

/* edit / del */
.flex-2-2,
.flex-2-3{
    flex:0 0 auto;
}
.header div { text-align:center; background:#eee;}
img.zoom-img { width:70px;
    height:70px;
    object-fit:cover;
    border-radius:4px;}
.cnt_popup { display:none; font-size:90%; color:#888;}