.common-value{
background:#FFFF90;
padding:1px 5px;
}
.common-text{
color:#ab9;
}
.sc-el{
min-height:10px;
min-width:10px;
}

#sc-repository .sc-el{
position:relative;
}
#sc-main .sc-el{
position:absolute;
float:none;
cursor:pointer;
text-decoration:none;
text-align:center;
}
.sc-admin-main .sc-el{
box-shadow:0 0 3px 1px #ccc;
}
#sc-main .sc-el.selected{
box-shadow:0 0 3px 1px #f00;
}

.scheme-nav-next,
.scheme-nav-prev{
position:absolute;
width:50px;
height:50px;
background:#eee;
top:35%;
opacity:0.6;
z-index:1000;
}
.scheme-nav-next:hover,
.scheme-nav-prev:hover{
opacity:1;
}
/*https://icons8.com/web-app/tag/previous*/
.scheme-nav-prev{
left:0;
background:url(images/circled-left.png) no-repeat center center;
}
.scheme-nav-next{
right:0;
background:url(images/circled-right.png) no-repeat center center;
}


#sc-main{
position:relative;
margin:0 auto;
box-shadow:#444 0 0 5px;
}
#sc-main a,
#sc-main div{
font-family:tahoma;
font-size:12px;
}
/* clickable */
.clickable{
/* cursor:pointer; */
}
.DE-clickable{
top:-100px;
left:-100px;
position:absolute;
background-color:red;
font-size:1px;
line-height:0;
height:1px;
width:1px;
z-index:10011;
}
.DE-clickable-tip{
top:-100px;
left:-100px;
background-color:#fffca0;
position:absolute;
padding:3px;
color:#111;
text-align:center;
font:normal 10px tahoma,arial,verdana;
z-index:10011;
}
/* c menu */
.lbuttons{
padding:5px 0 0 0;
text-align:right;
margin:0 0 8px 0;
}
.lbuttons input{
margin:0 0 0 10px;
}
.lbutton.left{
margin:0 10px 0 0;
float:left;
}
.lbutton:visited,
.lbutton{
cursor:pointer;
display:inline-block;
font-weight:bold;
font-family:"Lucida Grande", Tahoma, sans-serif;
text-align: center;
text-decoration: none;
white-space:nowrap;
border-radius:.5em;
background-image: linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));
background-color:#f0f0eb;
color:#312c2a;
border:1px solid #aaa;
border-color: rgba(0,0,0,0.3);
border-bottom-color: #777;
border-bottom-color: rgba(0,0,0,0.5);
box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.7), inset 0 0 0.08em rgba(255,255,255,0.5);
text-shadow: 0 1px 0 rgba(255,255,255,0.8);
padding:5px 15px;
}

.lbutton:focus,
.lbutton:hover{
background-color:#FFFFFF;
background-image: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.2) 49%, rgba(0,0,0,0.05) 51%, rgba(0,0,0,0.15));
}
.lbutton.disabled{
background:#ddd url(/i/loading-stripes.gif) repeat-x 0 center;
color:#fff;
}
.loading{
background:#fff url(/i/loading-stripes.gif) repeat 0 center;
border:#666 1px solid;
border-radius:3px;
}
.lbutton.delete{
color:red;
}
#contextmenu table th,
#contextmenu table td{
padding:1px 1px;
}
#contextmenu table td.label{
font-weight:bold;
background:#eee;
text-align:left;
}
/* tips */
.tip-wrap{
z-index: 13000;
width:241px;
}
.tip-wrap .tip{ 
width:241px;
font-family:tahoma,arial; 
background:url(/p/tips-bg.png) left top repeat-y; 
}
.tip-wrap .tip-top{ 
background:url(/p/tips-top.png) top left no-repeat;
height:10px; 
width:241px; 
}
.tip-wrap .tip-bottom{ 
background:url(/p/tips-bottom.png) left bottom no-repeat; 
width:241px; 
height:10px; 
}

.graph-tip-wrap{
z-index: 13000;
width:400px;
background:#000; 
box-shadow:#444 0 0 5px;

background: rgba(0, 0, 0, 0.8); 
border-radius:10px;
}
.graph-tip-wrap .tip{ 
width:400px;
font-family:tahoma,arial; 
}
.graph-tip-wrap .tip-top{ 
display:none;
}


.tip-title {
text-align:center;
font-weight: bold;
font-size: 11px;
margin: 0;
color: #fff;
padding:3px 10px;;
}
.tip-text {
text-align:left;
font-size: 11px;
padding:3px 5px 3px 10px;
color: #fff;
}

/*********************************************************/
#graph-image{
cursor:crosshair;
margin:0 auto 10px auto;
box-shadow:#444 0 0 5px;
}
#graph-vmarker{
font-size:1px;
width:1px;
background:#f00;
position:absolute;
z-index:1000;
top:0;
left:-1px;
display:none;
}
#graph-hmarker{
font-size:1px;
height:1px;
background:#f00;
position:absolute;
z-index:1000;
top:-1px;
top:0;
display:none;
}
#graph-tip-container{
display:none;
}
.graph-tip td{
color:#fff;
padding:0 0 0 2px;
text-align:left;
}
.graph-tip td.minmax{
font-size:10px;
color:#aaa;
text-align:center;
}
.graph-tip th{
font-weight:bold;
text-align:left;
color:#fff;
padding:0;
}
.graph-tip .color div{
width:10px;
height:12px;
}
.graph-tip th.val-cell{
font-size:13px;
padding:0 0 0 5px;
text-align:center;
}
.graph-tip th.val-cell.temp{
text-align:right;
}
.graph-tip th.param-date{
text-align:center;
font-size:16px;
padding:0 0 5px 0;
}
/*****************/
.panel-table{
width:100%;
}
#schemes-wrapper,
#graphs-wrapper,
#params-wrapper,
#dates-wrapper{
overflow:auto;
height:230px;
}
.panel-menu a{
display:block;
margin:0 0 1px 0;
background:#444;
color:#fff;
padding:0 0 0 10px;
text-decoration:none;
height:25px;
line-height:25px;
border:#666 1px solid;
border-radius:5px;
}
.panel-menu a.active,
.panel-menu a:hover{
/* background:#F3874A; */
border:#4AA6F9 1px solid;
text-decoration:none;
background-color:#2B6FDE;
color:#fff;
text-decoration:none;
}
#params-wrapper .color{
display:inline-block;
}
#params-wrapper .color div{
width:12px;
height:12px;
}

#params-wrapper div.option{
color:#fff;
cursor:pointer;
border:#666 1px solid;
margin:0 0 1px 0;
padding:0 0 0 5px;
border-radius:5px;
height:25px;
}
#params-wrapper div.option.checked{
background-color:#DE6F2B;
border-color:#F9A64A;
}
#params-wrapper input{
visibility:hidden;
}
#params-wrapper div.check {
height:25px;
width:25px;
display:inline-block;
background: url(/i/unchecked.gif) no-repeat center 2px;
}
#params-wrapper div.check.checked{
background: url(/i/checked.gif) no-repeat center 2px;
}

#params-wrapper .name {
height:25px;
line-height:25px;
display:inline-block;
font-size:12px;
white-space:nowrap;
padding:0 0 0 10px;
color:#fff;
}
/*********************************************************/
.panel-close{
position:absolute;
cursor:pointer;
right:10px;
top:10px;
width:60px;
border:#666 2px solid;
border-radius:5px;
height:30px;
line-height:30px;
color:#fff;
text-align:center;
font-weight:bold;
}
.panel-close:hover{
border:#F9A64A 2px solid;
color:#fff;
background-color:#DE6F2B;
}
#DE-main-panel-opener{
width:103px;
height:34px;
background:#333;
position:absolute;
right:10px;
top:0;
z-index:9999;
cursor:pointer;
box-shadow:#444 0 0 5px;
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
color:#fff;
line-height:34px;
font-weight:bold;
border-left:#666 2px solid;
border-bottom:#666 2px solid;
border-right:#666 2px solid;
opacity:0.9;
text-align:center;
}
#DE-main-panel-opener:hover{
background-color:#2B6FDE;
border-left:#4AA6F9 2px solid;
border-bottom:#4AA6F9 2px solid;
border-right:#4AA6F9 2px solid;
}
#DE-main-panel{
left:10px;
top:-305px;
right:10px;
position:absolute;
text-align:left;
height:300px;
background:#fff;
z-index:100;
overflow:hidden;
box-shadow:#808A93 0 0 5px;
border-bottom-left-radius:12px;
border-bottom-right-radius:12px;
border-left:#000000 1px solid;
border-bottom:#000000 1px solid;
border-right:#000000 1px solid;
}
/* aprashytas kitur */
#DE-main-panel-close{
margin-right:5px;
}
#DE-main-panel .DE-cont{
height:300px;
overflow:hidden;
background:#333;
}

/* --------------- */
#graph-controls{
text-align:left;
margin:0 auto 0 auto;
padding:5px 0 0 0;
}
#graph-status{
float:right;
}
#graph-status .progress {
background: url(/p/progress.gif) no-repeat;
background-position: +50% 0;
margin-right:0.5em;
vertical-align: middle;
cursor:pointer;
}
.progress-text{
display:inline-block;
width:30px;
}
#graph-nav{
background:#FFFFC8;
height:35px;
margin:0 auto 10px auto;
box-shadow:#444 0 0 5px;
}
#graph-nav .next{
height:25px;
width:25px;
background: url(next.png) no-repeat 0 0;
float:left;
cursor:pointer;
margin:5px;
}
#graph-nav .back{
height:25px;
width:25px;
background:url(back.png) no-repeat 0 0;
float:left;
cursor:pointer;
margin:5px;
}
#nav-body{
height:35px;
float:left;
width:930px;
position:relative;
cursor:pointer;
}
#nav-viewport{
height:35px;
font-size:11px;
width:100px;
background-color:#70DFEF;
position:absolute;
z-index:1000;
top:0;
left:0;
z-index:10;
}
#nav-viewport-text{
position:absolute;
top:35px;
right:0;
background:#fff;
border:#70DFEF 1px solid;
color:#000;
padding:0 10px;
height:17px;
line-height:16px;
font-size:11px;
white-space:nowrap;
}
#nav-marker{
height:35px;
font-size:1px;
width:1px;
background:#FFA05C;
position:absolute;
z-index:100;
top:0;
left:0;
}
#nav-marker-text{
position:absolute;
top:-19px;
right:0;
background:#fff;
border:#FFA05C 1px solid;
color:#000;
padding:0 10px;
height:17px;
line-height:16px;
font-size:11px;
white-space:nowrap;
}
#nav-grid{
height:35px;
}
#nav-grid div{
height:5px;
font-size:1px;
width:1px;
background:#aaa;
position:absolute;
z-index:100;
top:0;
left:0;
}
#nav-grid div.high{
height:22px;
background:#888;
}
#nav-grid div div{
height:15px;
line-height:15px;
width:20px;
position:absolute;
left:-9px;
top:3px;
font-size:10px;
text-align:center;
background:transparent;
color:#aaa;
}
#nav-grid div.high div{
width:70px;
left:-35px;
top:19px;
color:#444;
}

/* ----------------- */
/* horizontal */
.slider-h{
width:400px;
height:22px;
position:relative;
}
.slider-h .knob{
position:absolute;
height:22px;
width:14px;
background:url(/p/slider-knob.gif) no-repeat 0 0;
cursor:pointer;
}
.slider-h .slider-gutter-l{
float:left;
width:10px;
height:20px;
background:url(/p/slider_l.gif) no-repeat 0 0;
cursor:pointer;
}
.slider-h .slider-gutter-r{
float:left;
width:10px;
height:20px;
background:url(/p/slider_r.gif) no-repeat 0 0;
cursor:pointer;
}
.slider-h .slider-element{
float:left;
background:url(/p/slider_rptr.gif) repeat-x 0 0;
height:20px;
width:340px;
cursor:pointer;
}
#period-val{
float:left;
height:20px;
line-height:20px;
font-weight:bold;
padding:0 5px;
}
/* tabs */
.sch-edit-table{
width:100%;
}
.sch-edit-table td{
vertical-align:top;
}
#sc-repository-nav {
height:20px;
padding:0;
margin:0;
background:#eee;
}

#sc-repository-nav li {
float:left;
padding:0 2px;
list-style-type:none;
}

#sc-repository-nav li a{
color:#333;
display:block;
height:20px;
line-height:20px;
font-weight:bold;
text-decoration:none;
text-shadow: 0 1px 0 #999;
font-size:12px;
padding:0 10px;
}

#sc-repository-nav li.selected a {
background:#333333;
color:#fff;
text-shadow: 0 1px 0 #888;
}

#sc-repository{
position:relative;
overflow:hidden;
border:solid 1px #fff;
padding:0;
margin:0;
background:#eee;
}

#sc-repository li{
padding:10px;
margin:0;
display:none;
list-style-type:none;
z-index:1000;
}

#sc-repository li.active {
display:block;
}
#sc-repository .sc-el{
cursor:pointer;
margin:0 0 5px 0;
}
.atable td.inactive{
background:#ddd;
}
#com-window{
background:#f1f2f3;
text-align:left;
top:0px;
left:-630px;
cursor:default;
position:absolute;
width:630px;
z-index:1000;
}
.c-editable{
height:100%;
cursor:pointer;
background:#eef;
}
.CADMContEdtbl{
border:#f00 1px dashed;
background:#ffe;
cursor:text;
}
.dx-light {
border-radius: 5px;
border:#E0E0E0 1px solid;
background:#ffffff;
box-shadow:#999 0 0 3px
}

.dx-light .dx-close{
cursor:pointer;
position:absolute;
right:12px;
top:12px;
width:15px;
height:15px;
background:url(/i/dx-icons.gif) no-repeat -15px -15px;
}
.dx-light .dx-head{
background-color: #f5f5f5;
border-style:solid;
border-width:1px;
border-color:#ffffff;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
padding:0 0 0 9px;
margin:0;
}
.dx-light .dx-head h3{
overflow:hidden;
height:40px;
margin:0;
line-height:38px;
padding:0 19px 0 15px;
font-size:11px;
font-family:tahoma;
font-weight:bold;
color:#353535;
}
.dx-light .dx-head span{
font-weight:bold;
color:#fff;
}
.dx-light .dx-body{
padding:8px 9px 1px 9px;
background:#fff;
}
.dx-light .dx-foot{
height:12px;
background:#fff;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
#CMSMsg{
border-bottom:#000 1px solid;
position:absolute;
top:0;
width:100%;
text-indent:10px;
background:#FFFFCC;
color:#000;
display:none;
height:1px;
overflow:hidden;
line-height:25px;
}
.CMSLoading{
width:150px;
height:50px;
left:10px;
position:fixed;
display:none;
background:#f8f8f8 url(/i/loading.gif) no-repeat center center;
border:#000 1px solid;
z-index:1000;
}


/* common */
.dx-common{
text-align:left;
background:#E7E7E7;
border:#BDBDBD 1px solid;
border-radius:5px; 
position:absolute;
box-shadow:0 0 10px rgba(0,0,0,0.5); 
}
.dx-common .dx-close{
cursor:pointer;
position:absolute;
right:10px;
top:10px;
width:15px;
height:15px;
background:url(/i/dx-icons.gif) no-repeat -15px -15px;
}
.dx-common .dx-head{
padding:0 0 0 8px;
margin:0;
}
.dx-common .dx-head h3{
overflow:hidden;
margin:0;
padding:12px 0 2px 0;
font-family:arial;
font-weight:bold;
color:#353535;
font-size:16px;
}
.dx-common .dx-head span{
font-weight:bold;
color:#fff;
}
.dx-common .dx-head small{
font-size:11px;
}
.dx-common .dx-cont{
padding:8px 8px 3px 8px;
}