.litepage h1 {
    color: #16967c;
    font-size: 80px !important;
    font-weight: 800;
    letter-spacing: -3px;
    margin-bottom: 0 !important;
	text-shadow: 3px 3px 10px #1f3040;
	display: block!important; 
}
 
.litepage h2 {
    color: #e6e6e6;
    font-size: 17px !important;
    font-weight: 600;
    letter-spacing: 0px;
    margin-top: 10px !important;
	margin-bottom: 20px !important;
	text-shadow: 2px 2px 3px #1f3040;
}

.litepage h3 {
    color: #888888;
    font-size: 13px !important;
    font-weight: normal;
    letter-spacing: 0px;
    letter-spacing: 0px;
    margin-top: 10px !important;
	margin-bottom: 20px !important;
	text-shadow: 1px 1px 2px #1f3040;
}

.hide { display: none !important; }

.litepage .green-link       { color: #2ac3A4; border-bottom: #137678 1px dotted }
.litepage .green-link:hover { color: #2ac3A4; border-bottom: #238698 1px dotted }
.litepage .blue-link        { color: #3077B8; border-bottom: #135a97 1px dotted }
.litepage .blue-link:hover  { color: #3792D2; border-bottom: #336aA7 1px dotted }

.litepage p { color: #888888; text-align: center; font-size: 11px;}

.devsuminfo h2 i { vertical-align:super; font-size:15px; cursor: pointer;}

/* Простые формы - логин, регистраци и т.д.*/ 
.simpleform .captcha-block { margin-bottom: 15px;overflow:hidden}
.simpleform .smart-captcha { padding-right: 10px; background-color: #FFF;}
.simpleform .smart-captcha-block { margin-bottom: 15px; padding-bottom: 10px; background-color: #FFF;}
.simpleform .err {color: #fd5565; margin-bottom:15px; }
.simpleform .err a {color: #ff8595; }
.simpleform .err a:hover {color: #fd6575; }

.navbar-static-top {border-bottom: 1px solid #e7eaec; height: 57px !important;}

.form-control.psnum { float: left !important;  }

.alarm_area h3   { margin-bottom: 5px; }
.alarm_area .alarm_sensors { margin-bottom: 5px; padding-top: 0px; border: none; }
.alarm_area .alarm_sensors span { cursor: pointer; }
.alarm_area { display: none; }

.longpostfix { opacity: 0.5; font-size: 25px;}
.cg-header .longpostfix { opacity: 0.5; font-size: 18px; margin-left: 5px;}
.cg-graph .dygraph-legend .longpostfix { opacity: 0.5; font-size: inherit; margin-left: 3px; } 
.inputcells .longpostfix { opacity: inherit; font-size: inherit;}
.viewtab .longpostfix { opacity: 0.5; font-size: inherit;}


form {margin-bottom: 0px}

.blockform .modal-footer { padding:0; padding-top:15px; }

[ps-type="testres"] .testok, [ps-type="testres"] .testbad { display:none; }
[ps-testres="ok"]   .testok  { display: block; color:#1fad7f !important; border-color: #1fad7f; background-color: #eaf7e5 ;  }
[ps-testres="bad"]  .testbad { display: block; color:#a94442 !important; border-color: #a94442; background-color: #FEE; }
.testres > div {
	width: 100%;
    border: 2px dotted #555;
    font-size: 13px;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    border-radius: 7px;
	text-transform: uppercase;
}

.graphtime div { display: inline-block; margin: 0px 10px 7px 10px; }
.graphtime div .date { font-weight: bold; }

.comm { display: inline-block; }

.paramstab td { padding-right:15px; font-size:13px}

.stdview .levelingbox .sublabel { margin-top: 40px; }

.stdview.addline .tumbler   { margin-top: -5px; margin-bottom: -1px; }
.stdview.addline .outstatus { margin-top: -9px; margin-bottom: -6px; }
.stdview.addline .outstatus label { width:36px; height: 36px; padding: 11px; }
.stdview.addline .outstatus label { width:36px; height: 36px; padding: 11px; }

.combo button { display: none; }
.combo.gear select { display:inline-block; width: calc(100% - 37px); }
.combo.gear button { display:inline-block; padding: 9px; float: right; border-radius:0px; }
.buttonelem button { display:inline-block; padding: 9px 11px; border-radius:0px; } 

.formwaiter { height:300px; padding:120px; background: #f8fafb; }

.fpostfix { display: inline-block; margin: 6px 0 0 10px}

.nopttable {min-width: 300px}
.nopttable > thead > tr > th {padding: 5% !important}

select[disabled] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;	
}

[ps-type="userempty"]  h3, 
[ps-type="keyempty"]   h3, 
[ps-type="phoneempty"] h3,
[ps-type="netempty"]   h3,
[ps-type="setsempty"]   h3,
[ps-type="botsempty"]   h3,
[ps-type="sendersempty"]   h3,
.emptylist h3 {
	color: #23c6c8; 
	color: #73c6c8; 
	text-align: center; 
	font-size: 13px; 
	margin: 60px 0 70px 0;
}

.alertsmenu {
	position: absolute;
	right:15px;
	top: 67px;
}
.alertsmenu i {
	color: rgb(103, 106, 108);
	color: rgb(169, 68, 66);
	font-size:19px;
}
.alertsmenu .dropdown-menu {
	margin-left: -153px;
}
.alertsmenu .hidealerts  { color: #18a689; }
.alertsmenu .closealerts { color: #a94442; }
	
/*.devmenuline {
    color: #a7b1c2;
    font-weight: 600;
    padding: 14px 20px 14px 25px;
    position: relative;
    display: block;
	}
.devmenuline i { margin-right: 6px; }*/

.form-control.psnum[ps-path="inputs/*/mb_addr"]     {width: 100px; }
.form-control.psnum[ps-path="inputs/*/mb_reg"]      {width: 100px; }
.form-control.psnum[ps-path="inputs/*/mb_resreg"]   {width: 100px; }
.form-control.psnum[ps-path="inputs/*/mb_errval"]   {width: 100px; }
.form-control.psnum[ps-path="#settings/act_energy"] {width: 80px;  }

.nav > li > a { padding-left: 20px !important; }
.nav > li > a i:first-child {width:15px; text-align: center;} 
.nav > li > a > span {padding-left:5px}
.nav > li > a.devmenuline > span {padding-left:0px}
.nav-second-level > li > a { padding-left: 52px !important; }


.bscroll-indicator {border: none !important; background: rgba(0, 0, 0, 0.5) !important; width: 70% !important; }

.setelems [ps-subtype="dev"]    { width: 40%; display: inline-block; cursor: move; }
.setelems [ps-subtype="type"]   { width: 25%; display: inline-block; cursor: move; }
.setelems [ps-subtype="module"] { width: 55%; display: inline-block; cursor: move; }
.setelems .close { margin-top: -2px; margin-right: -3px; }

.setmoduleselect .multicheck { padding-left:0; padding-top: 10px; }
.setmoduleselect .multicheck .item { width: 100% }
.setmoduleselect .all_toggle { color: #1c84c6; font-weight: 600; border-bottom: 1px dotted #1c84c6; width: fit-content; float: right; margin-top: 5px; cursor: pointer; }
.setmoduleselect .all_toggle:hover { color: #2cA4E6; }

.setmoduleselect .nomodules { margin-top: -3px; }

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
	.setelems [ps-subtype="dev"]    { width: 45%; }
	.setelems [ps-subtype="type"]   { display: none; }
	.setelems [ps-subtype="module"] { width: 45%; }	
}

.setbuttons button { width: 34px; text-align: center; }
.setbuttons button .fa-cog { margin-left: 2px; }

select option:disabled { color: #CCC; } 

.userspage button { padding: 6px 9px 6px 9px; margin-right: 3px; }

[ps-type='alertsloading'] { padding: 30px; }
[ps-type='alertsloading'] .sk-spinner { margin-bottom: 5px !important; }

[ps-type='noalerts'] { padding: 30px; color: #1ab394; }

#mainframe .alertblock .psalertpic {
	margin-right: 10px;
	margin-top: 0px;
}

#mainframe .alertblock .sidebar-message,
.row-alert-block .sidebar-message {
	/*width: 100% !important; ТРЕВОГИ ПО СТРОКАМ*/
	padding-bottom: 10px;
}

.alerttab .sidebar-message { margin: 0 0 10px 0 !important; }
.alerttab .sidebar-message:last-child { margin: 0 0 0 0 !important; }
.alerttab {overflow-y: hidden; position: absolute; bottom: 0px; top: 108px; left:0; right:0;}
.alerttab > div:first-child {padding-top:10px; padding-bottom:10px}

.tab-content [ps-type="notallactualloaded"] { color:#a94442 }

#mainarea {
	position: absolute;
    bottom: 0;
    top: 57px;
    left: 0;
    right: 0; 
    overflow-x: hidden;
    overflow-y: hidden;
}

#mainarea.printarea { top: -5px; }

#mainframe { min-height:100%;  padding-bottom: 50px; padding-top: 10px; padding-left: 10px; padding-right: 10px; }

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
	.navbar-static-top { border-bottom: none; }
	#mainarea { top: 57px;}
	#mainframe { padding-top: 15px;}
	[ps-in="nomargin"] #mainframe  { padding-top:0px; padding-bottom: 20px; }
	[ps-in="nomargin"] .footer { display: none; } 
}

.vcell-1 {
	min-height: 130px;
	padding:0;
	margin: 10px;
}
 
.col-xs-12.vcell-1 {width: calc(100% - 20px); }

@media (min-width: 1100px) { .col-sm-6.vcell-1 { width: calc(50% - 20px); } }
@media (min-width: 1400px) { .col-md-4.vcell-1 { width: calc(33.3333333% - 20px); } }
@media (min-width: 1700px) { .col-lg-3.vcell-1 { width: calc(25% - 20px); } }
@media (min-width: 1700px) { .col-lg-6.vcell-1 { width: calc(50% - 20px); } }

@media (min-width: 560px)  { html.mobile .col-sm-6.vcell-1 { width: calc(50% - 20px); } }
@media (min-width: 900px)  { html.mobile .col-md-4.vcell-1 { width: calc(33.3333333% - 20px); } }
@media (min-width: 1200px) { html.mobile .col-lg-3.vcell-1 { width: calc(25% - 20px); } }

@media (min-width: 1200px) { html.mobile .col-lg-6.vcell-1 { width: calc(50% - 20px); } }

.innerview { width: 100%; max-width: 450px; padding-right: 10px; padding-left: 10px; padding-top: 5px;} 

.collapse-link {cursor: pointer; }

#sched  { 
	display: inline-block; 
	font-size: 14px;
	margin-bottom: 0px;
}

#sched .markers {
	text-align: center;
	margin-bottom: 5px;
	
}

#sched .markers div {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 6px 9px 6px 9px; 
	border-radius: 6px;
	cursor: pointer;
}

#sched .markers b {
	float: left;
	height: 14px; 
	width:  14px;
	background-color: #DDD;
	border: #888 solid 1px; 
	margin: 3px 6px 0 0px;
}

#sched .markers div[ps-checked='true'] { 
	background-color: #EEE; 
	border: 1px solid #CCC; 
}

#sched .markers .add i.fa {
	height: 14px; 
	width:  14px;
	margin: 6px 3px 0 0px;
}

#sched .markers .add {
	border: 1px dashed #297;
	border-radius: 20px;
	padding: 1px 10px 3px 5px;
	font-size: 11px;
	color:#297;
	margin-left: 10px;
}

#sched .markers .add:hover {
	background-color:#E0F5E8;
}

#sched .markers .add {
	
}

/* GeoPosition */
.mapcell .info-box { height:477px}
.georefresh { position: absolute; top: 25px; right: 25px; }
.georefresh i { font-size: 20px }

.mapcell  #map      { position:absolute; top:0; margin-top: 5px; margin-bottom: -10px; width:100%; height:400px; outline: #DDD solid 1px; }
.mapcell  #mapcover { position:absolute; top:0; margin-top: 5px; margin-bottom: -10px; width:100%; height:400px; background-color: #FFFD; display: none; }
.mapcell.nodata #mapcover { display: block; }

.mapcell .geotitle { line-height: 30px;  margin-top: 2px; }

.mapcell .georefresh.ok    { color: #1ab394; }
.mapcell .georefresh.error { color: #ed5565; }

.mapcell .geoinfo td { font-size: 12px; padding: 3px; }

.mapcell .fa-refresh { cursor: pointer; }

.vcell-1 h2 { cursor: default; }

.mapcell .georefresh.loading { 
	color: #f8ac59;
	animation-name: rotation;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@media only screen and (max-width: 900px), only screen and (max-device-width: 900px)
{
	.mapcell .info-box  { height:510px; }
	.mapcell  #map      { height:400px; }
	.mapcell  #mapcover { height:400px; }
}	

@keyframes rotation {
    0% {
        transform:rotate(0deg);
    }
    100% {
        transform:rotate(360deg);
    }
}

 
/***************/


.devmenu ul, .groupmenu > ul             {display: none !important;}
.devmenu.showsubmenu  ul,.devmenu.mm-active ul,
.groupmenu.showsubmenu > ul,.groupmenu.mm-active > ul {display: block !important;}

.devmenu.showsubmenu   > a > .fa.arrow:before, .devmenu.mm-active   > a > .fa.arrow:before, .addmenu.mm-active   > a > .fa.arrow:before, 
.groupmenu.showsubmenu > a > .fa.arrow:before, .groupmenu.mm-active > a > .fa.arrow:before { content: "\f107" !important;}
.devmenu               > a > .fa.arrow:before, 
.groupmenu             > a > .fa.arrow:before { content: "\f104" !important; }

.nav > li.active { border-left: 4px solid #316a84; }
.nav > .groupmenu.active { border-left: 4px solid #81a965; }
.nav > li.addmenu.mm-active { border-left: 4px solid #31845e;  background: #293846; }

.nav > li.mm-active[ps-level="1"] { border-left: 4px solid #67c3b3; } 
.nav > li.mm-active[ps-level="2"] { border-left: 4px solid #579489; }
.nav > li.mm-active[ps-level="3"] { border-left: 4px solid #2e7b6e; }
.nav > li.mm-active[ps-level="4"] { border-left: 4px solid #266358; }

.nav > li[ps-level="1"] > a { background-color: #297367 !important; border-top: 1px solid #256b60;}
.nav > li[ps-level="2"] > a { background-color: #236358 !important; border-top: 1px solid #205a51;}
.nav > li[ps-level="3"] > a { background-color: #1f524a !important; border-top: 1px solid #194a42;}
.nav > li[ps-level="4"] > a { background-color: #17463f !important; border-top: 1px solid #173c35;}

.nav > li[ps-level="1"] > a:hover { background-color: #308377 !important; }
.nav > li[ps-level="2"] > a:hover { background-color: #297368 !important; }
.nav > li[ps-level="3"] > a:hover { background-color: #26625a !important; }
.nav > li[ps-level="4"] > a:hover { background-color: #20564f !important; }

.nav > li.groupmenu > a {color: #e0efed; text-transform: uppercase; }

.groupmenu .groupline [ps-type="option_but"] { margin-left: 7px;}
.groupmenu .groupline [ps-type="option_but"] { display: none; }
.groupmenu .groupline [ps-type="access_but"] { display: none; }
.groupmenu.mm-active > .groupline [ps-type="option_but"] { display: inline-block; }
.groupmenu.mm-active > .groupline [ps-type="access_but"] { display: inline-block; }

.setmenuline [ps-type="option_but"] { margin-left: 7px;}
.setmenuline [ps-type="option_but"] { display: none; }
.active .setmenuline [ps-type="option_but"] { display: inline-block; }

.alertsmenuline { background-color: #523030; color: #dcb8b8 !important; border-top: 1px solid #4c2020;}
.alertsmenuline:hover { background-color: #5B2B2B!important; }

.nowmenuline { background-color: #524130; color: #dcc7b8 !important; border-top: 1px solid #42321c; }
.nowmenuline:hover { background-color: #5A4A3A!important; }

.leftpanel .addmenucap { padding-left: 0px; }

#menu-add-items { padding-left:30px; display: none; }
#menu-add-block .mm-active .contentmenuline { background-color: #25323e; }
.mm-active #menu-add-items { display: block; }
#menu-add-items > li > a { padding: 8px }
#menu-add-items { padding: 5px 0 5px 35px;  }

/*******   Работа со схемами  ************/

#mainframe[ps-view="common_scheme"][ps-mode='edit'] {
	background-color: rgb(242, 222, 222);	
}

#mainframe[ps-view="common_scheme"] {
	padding: 0px; 
	min-width:100%;
	min-height:100%;
}

#mainframe[ps-view="common_scheme"] .scheme {
	padding: 0px; 
	min-width:100%;
	min-height:100%;
}

[ps-mode='edit'] [ps-type="schemecell"]{
	animation: border_blink 1s ease-in-out infinite;
}

@keyframes border_blink {
  0%   { border-style: solid; }
  50%  { border-style: dotted; }
  100% { border-style: solid; }
}

.scheme_sens_tab .widget_row, .scheme_devs_tab .widget_row{
	margin:10px auto;
	text-align: center;
	margin-top: 3px;
	margin-bottom: 15px;
}

.scheme_sens_tab .scheme_widget, .scheme_devs_tab .scheme_widget { display: inline-block; position: relative; }

.scheme_sens_tab .widget_caption,.scheme_devs_tab .widget_caption {
	margin:10px auto;
	text-align: center;
	padding: 5px 10px;
	margin-top: 0px;
	border-top: rgb(231, 234, 236) 1px solid;
	background-color: rgb(249, 249, 249);
}

.scheme_widget { 
    background-color: #EFE;
    border: 1px solid #ACA;
    padding: 7px 7px 7px 7px;
    box-shadow: 0 0 7px rgba(0,100,0,0.3);
    border-radius: 7px;
    text-align: center;	
}

.scheme_widget.offline {
    box-shadow: 0 0 7px rgba(100,0,0,0.5);
}

.scheme_widget .pic {
	height: 18px;
    width: 18px;
    opacity: 0.6;
    margin-top: -0px;
    display: inline-block;
}

.scheme_widget .val {
    font-size: 9pt;
    display: inline-block;
}

.scheme_widget .bool_val { display: none; }

.scheme_widget.has-double .scheme_cell[ps-valtype="bool"][ps-val="1"] .bool_alert {
	color: #a94442; 
	font-weight: bold;
    font-size: 9pt;
    display: inline-block;	
}

.scheme_widget.has-double .scheme_cell[ps-valtype="bool"][ps-val="0"] .bool_ok {
	font-size: 9pt;
    display: inline-block;	
}

.scheme_widget .scheme_cell {
	text-align:left;
	display: block;
	margin-bottom: 5px;
}

.scheme_widget .scheme_cell:last-child {
	margin-bottom: 0px;
}

.right_filter {
	padding:20px;
	
}

.scheme_widget.widget-has-alerts {  }
.scheme_widget.widget-has-alerts .alertscountblock { color: #a94442; } 
.scheme_cell.now-has-alerts .val { color: #a94442; font-weight: bold; }
.scheme_cell.now-has-alerts .pic { color: #a94442; }

.scheme_cell .errico  { color: #a94442; margin-left: 3px;  }
.scheme_cell .warnico { color: #928231; margin-left: 3px;  }

.scheme_cell .inlinebell { margin-right: 0px !important; }

.scheme_cell .label { 
	display: block;
	font-size: 10px;
    text-align: center;
    background-color: #797;
    margin: 0px -8px 5px -8px;
    padding: 3px 0;
    color: #FFF;
    color: #EFED;
    border-radius: 0;
} 

.scheme_cell:nth-child(2) .label, .scheme_cell:nth-child(1) .label  { margin: -8px -8px 5px -8px; border-radius: 7px 7px 0 0; }
.scheme_widget.offline .scheme_cell .label[wm-color="none"] { background-color: #713c3b;  color: #FCCD; }
.widget-has-alerts   .scheme_cell .label, .widget-now-alerts   .scheme_cell .label { background-color: #966; color: #FCCD; }
.widget-has-warnings .scheme_cell .label, .widget-now-warnings .scheme_cell .label { background-color: #986; color: #FFDD; }

.scheme_cell .longpostfix { font-size: inherit; }

.scheme_sens_tab, .scheme_devs_tab {
    overflow-y: hidden;
    position: absolute;
    bottom: 0px;
    top: 160px;
    left: 0;
    right: 0;
}
.scheme_sens_tab { top: 207px; }

.scheme_cell .ps-ac-alert       { display:none !important; }
.scheme_cell.noac .ps-ac-alert { display:inline-block !important; }

.scheme_devs_tab { top: 115px; }

.scheme_tab .optrow
{
	margin-bottom: 12px;
}
.scheme_tab .optrow .fa {
	font-size:17px;
	width: 25px;
	height: 25px;
}

.scheme_tab .optrow select, .scheme_tab .optrow input  {
	width: 190px;
	display: inline-block;
}

.scheme_tab .sidebar-title.ps-block { padding-bottom:7px; }

.scheme_sens_tab > div:first-child {
    padding-top: 10px;
    padding-bottom: 10px;
}
.scheme_devs_tab > div:first-child {
    padding-top: 10px;
    padding-bottom: 10px;
}

.scheme_widget.widget-now-alerts, .scheme_widget.widget-has-alerts,
.dev_widget.now-alerts, .dev_widget.has-alerts {
	color: #a94442;
    background-color: #FBB;
	border: #a94442 solid 1px;
	box-shadow: 0 0 7px rgba(100,0,0,0.3);
}

.scheme_widget.widget-now-warnings, .scheme_widget.widget-has-warnings,
.dev_widget.now-warnings, .dev_widget.has-warnings {
	color: #928231;
    background-color: #fffabb;
    border: #928231 solid 1px;
	box-shadow: 0 0 7px rgba(100,100,0,0.3);
}

.dev_widget .fa-plug:before { font-size: 12px; }

.dev_widget.now-warnings, .dev_widget.has-warnings,
.dev_widget.now-alerts, .dev_widget.has-alerts,
.dev_widget.st-DevName, .dev_widget.st-DevCode, .dev_widget.st-OneVal
{ padding-left: 10px; padding-right: 10px; }

.dev_widget.has-alerts   .alertscountblock { color: #a94442; } 
.dev_widget.has-warnings .alertscountblock { color: #928231; } 

/* Widget Markes */ 

#marker-types, #marker-colors, #marker-places, #widget-ico { padding-top:5px; }
#widget-size { padding-top: 3px; }

.wm { 
	width: 14px;
	height: 14px;
	border-radius:10px;
	border:#888 solid 2px;
	display: block;
	position:relative;
	background-color: #F8F8F8;
}
.wm i {  
	width: 5px;
	height: 5px;
	border-radius:3px;
	border:#888 solid 3px;
	display: block;
	margin: 2px;
	float: left;
	position:relative;
	border-color: inherit; 
}

#marker-colors .wm { border-radius: 5px; border-width: 8px;	}
#marker-colors .wm:before { display: none; } 
#marker-colors .wmnone {margin-right: 4px;	}

.wm[wm-type='dot'] i { display: none; }
.wm[wm-type='dot'] { border-radius:10px; width: 10px; height: 10px; }	
.wm[wm-type='aim'] { border-radius:10px; }
.wm[wm-type='mid'] { border-radius: 3px; }
.wm[wm-type='fill'] { border-radius: 10px; border-width: 7px; }
.wm[wm-type='fill'] i { border-radius: 10px; border: 2px solid #0004; margin: -7px; width: 14px; height: 14px; }

.wm[wm-type='up'], .wm[wm-type='down'] { border-radius: 3px; width: 14px; }
.wm[wm-type='up'] i, .wm[wm-type='down'] i { display: none; }
.wm[wm-type='up']:before, .wm[wm-type='down']:before { content:"\25B2"; font-style: normal; margin: 0; display: block; font-size: 10px; left: 0px; top: -3px; position: absolute; color:inherit; }
.wm[wm-type='down']:before { content:"\25BC"; top: -2px; }

.wm[wm-color='blue']   { border-color:#3985b5; color:#3985b5; }
.wm[wm-color='green']  { border-color:#6fad6f; color:#6fad6f; }
.wm[wm-color='red']    { border-color:#cc6a73; color:#cc6a73; }  
.wm[wm-color='purple'] { border-color:#ca60bf; color:#ca60bf; }  
.wm[wm-color='yellow'] { border-color:#b99943; color:#b99943; }  

.label[wm-color='blue']   { background-color:#2a6285; }
.label[wm-color='green']  { background-color:#779977; }
.label[wm-color='red']    { background-color:#964e54; }  
.label[wm-color='purple'] { background-color:#96498e; }  
.label[wm-color='yellow'] { background-color:#897234; }  
.label[wm-color] {border: 1px solid #0004;}

.wm { position: absolute; }  
[wmph='c'] .wm { left: 50%; transform: translate(-50%, 0); } 
[wmph='l'] .wm { left:  -22px; }  
[wmph='r'] .wm { right: -22px; }  
[wmpv='m'] .wm { top:  50%; transform: translate(0, -50%); } 
[wmpv='t'] .wm { top:    -22px; }  
[wmpv='b'] .wm { bottom: -22px; }  

#widget-size .wmbox[wsize='small'] { font-size: 8pt;  padding-top: 7px; padding-bottom: 7px;}  
#widget-size .wmbox[wsize='norm']  { font-size: 11pt; padding-top: 3px; padding-bottom: 6px;}  
#widget-size .wmbox[wsize='big']   { font-size: 14pt; padding-top: 0px; padding-bottom: 3px; font-weight: 400; }  
#widget-size .wmbox { width:auto; height:auto;  padding: 2px 5px 0 5px; cursor: pointer; }

[wsize='big']   .scheme_cell .label { font-size: 13px; }
[wsize='small'] .scheme_cell .label { font-size: 9px; margin-bottom: 2px; margin-top: -4px; }
[wlabel='no']   .scheme_cell .label { display: none !important; }

.scheme_sens_tab .scheme_widget[wmpv='t'] { margin-top: 20px;  }  
.scheme_sens_tab .scheme_widget[wmpv='b'] { margin-bottom: 20px;  }  

.wmbox { 
    display: block;
    width: 25px;
    height: 25px;
    margin: 0px;
    padding: 2px;
	float: left;
	position: relative;
	cursor: pointer; 
}
.wmbox .wm { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.wmbox.wmnone { width: 32px; cursor: pointer; }
.wmbox.active {background-color: #d5dde1; }
#widget-markers br { line-height: 27px; }  

.wmplace {  
	display: block; 
	width: 20px; 
	height: 20px; 
	border: 1px dotted #CCC; 
	margin: 2px; 
    padding: 2px;
	float: left;
	position: relative; 
	cursor: pointer; 
}
#marker-places .scheme_widget { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 75px; box-shadow:none; }
#marker-places {width: 170px;}
#marker-places [wmph='c'] { width:  77px;}
#marker-places [wmpv='m'] { height: 36px;}
#marker-places [wmph='c'][wmpv='m'] { display: block; float: left; margin: 2px; padding: 0px; position: relative; border:none;}
#marker-places[wlabel='yes'] [wmpv='m'] { height: 49px;  }

#marker-places .scheme_widget[wsize='big'] { width: 95px; }
#marker-places[wsize='big'] {width: 200px; }
#marker-places[wsize='big'] [wmph='c'] { width: 99px; }
#marker-places[wsize='big'] [wmpv='m'] { height: 42px;  }
#marker-places[wsize='big'][wlabel='yes'] [wmpv='m'] { height: 57px;  }
.scheme_widget[wsize='big'] { width: 100px; }
.scheme_widget[wsize='big'] .val { font-size: 13pt; font-weight: 600; }
.scheme_widget[wsize='big'] img  { height: 22px; width: 20px; margin-top: -4px; }

#marker-places .scheme_widget[wsize='small'] { width: 47px; }
#marker-places[wsize='small'] {width: 140px; }
#marker-places[wsize='small'] [wmph='c'] { width: 50px; }
#marker-places[wsize='small'] [wmpv='m'] { height: 22px;  }
#marker-places[wsize='small'][wlabel='yes'] [wmpv='m'] { height: 35px;  }
.scheme_widget[wsize='small'] { padding: 2px 7px; }
.scheme_widget[wsize='small'] .val { font-size: 8pt; font-weight: 600; }
.scheme_widget[wsize='small'] img  { display: none; }

#widget-label .wmbox { width: auto; padding: 2px 5px; margin-top: 5px;  }
.wmplace.active > div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

/* ---------- */ 

.scheme_widget.offline {
	color: #5a2220;
	background-color: #d08282;
	border: #713c3b solid 1px;
}

.scheme_widget:focus {
	box-shadow: 0 0 15px rgba(0,0,0,0.7);
}

[ps-mode="view"] .scheme_widget	{ cursor:  default; }
[ps-mode="edit"] .scheme_widget	{ cursor:  move; }
.scheme_tab .scheme_widget	    { cursor:  move; }
.alertscountblock { cursor: pointer; }

/****** Работа с авторегуляторами *******/

.leveling_buttons { margin-top: 27px }
.leveling h1 	  { margin-top: -3px !important; font-size: 25px !important; }

.leveling .level { display:inline-block; }
.leveling .value { color: #AAA; font-size: 17px; display:inline-block; margin-right: -5px}
.leveling .value i { margin-left: 5px; }

/****** Работа с избранными ячейкми *******/

[ps-onlyfavor='true']  [ps-favorite='false'] { display:none; }

[ps-onlyfavor='true']  [ps-favorite='true']  .favor            { display:none; }
[ps-onlyfavor='true']  [ps-favorite='true']  .unfavor .fa-star { display:none; }

[ps-onlyfavor='false'] [ps-favorite='true']  .favor             { display:none; }
[ps-onlyfavor='false'] [ps-favorite='true']  .unfavor .fa-times { display:none; }
[ps-onlyfavor='false'] [ps-favorite='false'] .unfavor           { display:none; }


[ps-type='access_enabled'][ps-value='true']  span {color: rgb(24, 185, 112);}
[ps-type='access_enabled'][ps-value='false'] span {color: rgb(169, 68, 66); }
[ps-type='access_partial'][ps-value='1']  span {color: #f8ac59;}
[ps-type='access_partial'][ps-value='0'] span {color: rgb(24, 185, 112); }
[ps-type='access_level'] span {color: #1c84c6;}

[ps-type='access_sort'] span {color: #23c6c8; }

#devinvites>h3, #svinvites>h3 { text-align: center; font-size:15px; }

#invite_list .devaccesslist > div, #invite_list .svaccesslist > div, #invite_list .graccesslist > div  {
	border-top:1px solid #e5e5e5;
	margin:0;
	padding:10px 10px 10px 10px;
}

#invite_list button {width:40px}

/********  Слайдер доступа  *******/

#access_slider_block {
	margin: 25px 0;
	width: 330px;
	margin: 25px auto;
	
}
#access_slider {
	height: 295px;
	float: left;
	margin-left:50px; 
	margin-top: 20px;
}


#access_levels { padding-left: 90px; margin-top:20px; margin-bottom:10px }

#access_levels div { margin: 11px 10px 8px 0px; }

#access_levels div[ps-access="1"] {text-decoration: none; color: #1b8a73; }
#access_levels div[ps-access="0"] {text-decoration: line-through; color: #e2aeb3; }
.noUi-vertical .noUi-tooltip {padding: 3px 10px 5px 10px;}

#access_levels div[ps-access="0"] {text-decoration: line-through; color: #e2aeb3; }

/********  Другие настройки доступа  *******/

#partial_access h3 { text-align: center; margin: 25px 0; }
#partial_access .control-label { padding-top: 0; }
#partial_access .separ1 { margin-top: 20px}

/******************************************/

.inlinebell {position: relative; z-index: 1; top: -1px; margin-right:2px !important; font-size:11px;}

#page-wrapper[ps-online="0"]
{
    background-color: #f2dede;
}

.myblink 
{
	webkit-animation: myblink 1s linear 0s infinite;
	animation: myblink 1s linear 0s infinite;
}

[ps-history="on"] .tograph { cursor: pointer } 

.editable { cursor: pointer; }
[ps-editable="true" ] .noneditable { display: none } 
[ps-editable="false"] .editable    { display: none } 

.reps {color: #888}

/* Список устройств в левом меню */ 

.devmenu li a {padding-top:5px; padding-bottom: 5px}
.devmenu li i {width:16px;}
.devmenu ul {padding-bottom: 10px;}
.devmenu li:last-child { margin-bottom: 0px !important; }

@-webkit-keyframes myblink {
	0% {opacity: 1}
	50%{opacity: 0.2}
}

@keyframes myblink{
	0% {opacity: 1}
	
	50%{opacity: 0.2}
}

.alertblock .newcomments {
	webkit-animation: myblink 1s linear 0s infinite;
	animation: myblink 1s linear 0s infinite;
	font-weight: bold;
	color: #ed5565;
}

.markeror { borders: 2px solid #F00; }

.alertblock .fa-comment {display:none;}
.alertblock .newcomments .fa-comment-o {display:none;}
.alertblock .newcomments .fa-comment    {display:inline-block;}

.show_info_graph .ico {cursor: pointer;}
.show_info_graph .ico i:hover {color:#444;}

.footer .info .litelink  { color: #676a6c; }
.footer .info .litelink:hover { color: #99F; }

.footer .minibut {
	padding-right:5px;
	padding-left:10px;
	color:#dddddd;
	cursor: pointer;
	font-size:20px
}

.footer .info { float:right}

.fileinput {margin-top: 10px;}
.fileinput .btn-file   { display: inline-block; }
.fileinput .loading { display: inline-block; margin-left: 7px; margin-bottom: -7px;}
.fileinput .loaded  { display: inline-block; margin-left: 7px; color:#18a689; font-size:13px}

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
	.footer .info { float:left }
}

/*  Иконки на меню ViewCell  */
.ps-offline-alert,
.ps-tamper-alert,
.ps-unlink-alert,
.ps-battery-alert,
.ps-errors-alert
{
    display: none;
}

.ps-offline  .ps-offline-alert,
.ps-tamper   .ps-tamper-alert,
.ps-unlink   .ps-unlink-alert,
.ps-battery  .ps-battery-alert,
.ps-errors   .ps-errors-alert
{
	display: inline-block;
}

.vc_icon
{
	height: 15px;
	width: 15px;
	
}

.vctab[ps-cellbutton="thtab"] { display:none; }

[ps-type="alerts_area"].sensor
{
	font-size: 12px;
	color: #888;
	
}

/* infocell*/ 
.maininfo .infocell
{
	width: 22%;
	display: inline-block;
}

.maininfo .infocell[ps-level="1"] i, .maininfo .infocell[ps-level="1"] span { color: #ed5565 !important; animation: myblink 1s linear 0s infinite; } 
.maininfo .infocell[ps-level="2"] span { color: #f8ac59 !important; } 

.gradcellmode .nodragcell 
{
	display: none !important;
}

.gradcellmode .ps-vcicons > div{ display: none; }
.gradcellmode .ps-vcicons > div.unfavor { display: inline-block; }
.gradcellmode [ps-viewcell="input_graph"] .ps-vcicons > div.unfavor { margin-right:10px; }

.gradcellmode .dragcell {
-webkit-animation-name: cellshake;
-webkit-animation-duration: 0.3s;
-webkit-transform-origin:50% 50%;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
}

@-webkit-keyframes cellshake {
	0%   { -webkit-transform: rotate(0deg); }
	25%  { -webkit-transform: rotate(1deg); }
	50%  { -webkit-transform: rotate(0deg); }
	75%  { -webkit-transform: rotate(-1deg); }
	100%  { -webkit-transform: rotate(0deg); }
}

.modal-body {padding-bottom:20px;}

/* Пустые ячейки  */

.stdview.blankcell .innerblank { 
	font-size: 24px;
	text-align: center;
	color: #888888;
	font-weight:100;
	vertical-align: middle;	
}
.stdview.blankcell .innerblank {
	width:100%;
	height: 100%;
	padding-top: 10px !important;
	border: 1px solid #DDD;
	background-color: #EEE;
	color: #AAA;
}

.stdview.blankcell .delbalnk {	
	position: absolute;
    right: 13px;
    font-size: 13px;
	cursor: pointer;
}

.stdview.blankcell .innerblank { display: none; }
.gradcellmode .stdview.blankcell .innerblank { display: block; }

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
	.stdview.blankcell { display: none; }
}

.stdview .unfavor .fa-times { display: none; }
.gradcellmode .stdview .unfavor .fa-times { display: inline-block; }

/* скрол без полос прокрутки для перетаскивания*/
#mainarea::-webkit-scrollbar { width: 0; }
#mainarea { -ms-overflow-style: none; }
#mainarea { overflow: -moz-scrollbars-none; }

/* ViewCell с графиками */
.cg-header {	
	margin: 0px;
	border-bottom: 1px #DDD dashed;
	width:100%;
	height: 34px;
}

.cg-header h2 {	
	padding: 12px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin: 0px;
	font-size: 18px;
}

.cg-header .value {
	padding: 12px;
	padding-top: 7px;
	padding-bottom: 7px;
	float: right;
	font-size: 18px;
	line-height: 19.8px;
	font-weight:100;
}

.cg-header .ps-vcicons {
	float:right; 
	padding: 10px; 
	padding-right: 0px; 
	text-align: center;
    height: 33px;
    border-left: 1px #DDD dashed;
}

.cg-header .ps-vcicons [ps-type='salertscount'] { display: none; }
.cg-header .ps-vcicons [ps-cellbutton="graph"]  { display: none; }
.cg-header .ps-vcicons > div { float: left; margin-right: 5px;}
.cg-header .ps-vcicons {width: max-content !important; }

.routing .cg-header .ps-vcicons > div { float: left; margin-right: 10px;}

.routing .stops  { padding: 12px 17px; float: left; width: 70%;  min-height: 95px; cursor: pointer; }
.routing .stop   { display: inline-block; width:100%; margin-bottom:5px;}
.routing .stop .stopico, .routing .stop .repico  { width: 20px; margin-right: 0px; font-size: 1.4em; display: inline-block}
.routing .stop .stopcap  { font-size: 14px; margin-top: -1px; display: inline-block; }
.routing .stop.passed .stopcap { text-decoration: line-through; }
.routing .stop.passed  { color: #CCC; cursor: default; }
.routing .stop.blocked { color: #CCC; cursor: default; }
.routing .stop .stoptime { display: inline-block; font-size: 14px;  margin-top: -1px;}
.routing .stop div { height: 16px; vertical-align: middle;}
.routing .stop.next .stopcap { font-weight: 800; }
.routing .stop .repico { color:rgb(103, 106, 108); cursor: pointer; }

.routing .routeinfo { padding: 23px; }

.routing .stops  { column-count: 2; column-gap: 2%; }

.now-has-warnings .cg-header		     { border-bottom: 1px #BB8 dashed;}
.now-has-warnings .cg-header .ps-vcicons { border-left:   1px #BB8 dashed !important; }
.now-has-warnings .cg-header .caption    { color: #928231; font-weight: 400 !important; }
.now-has-warnings .cg-header .value      { color: #928231; font-weight: 400 !important; }

.now-has-alerts .cg-header 				 { border-bottom: 1px #B88 dashed;}
.now-has-alerts .cg-header .ps-vcicons   { border-left:   1px #B88 dashed !important; }
.now-has-alerts .cg-header .caption      { color: #a94442; font-weight: 400 !important; }
.now-has-alerts .cg-header .value        { color: #a94442; font-weight: 400 !important; }

@media  (max-width: 768px) 
{
	.routing .caption span { display: none; }
	.routing .stops { width: 100%; column-count: 1;  }
	.routing .info-box { height: auto;}
	.routing .routeinfo	{ display: inline-block; border-top: 1px #DDD dashed; width: 100%; padding-left: 5px;}
	.routing .stops { padding: 5px 10px 20px 20px; }
	.routing .stop { font-size: 30px; line-height: 35px;  }
	.routing .stop .stopico, .routing .stop .repico { font-size: 30px; width: 30px; }
	
}

.cg-graph {
	padding-left: 5px;
	background-color:#FFF;
	height: 94px;
	text-align: center;
}
.gradcellmode .cg-graph { height: 93px; }

.cg-graph .graph {
	display:inline-block;
	width:95%; 
	height:86px; 
	background-color:#FFF; 
	margin: 2px auto;
	margin-top: 4px;
}

.cg-graph .dygraph-legend {
	position: absolute;
	width: 100%;
	text-align:center;
	bottom:0;
	left: unset !important;
	top: unset !important;	
	vertical-align:middle;
	color: #888888;
}

.dygraph-legend {
	position: absolute;
	text-align:left;
	bottom:0;
	left: unset !important;
	right: 0px;
	vertical-align:middle;
	color: #888888;
	pointer-events: none;
}
.cg-graph .nodata {
	margin: 0 auto;
	margin-top: -55px;
}

.cg-graph .waiter {
	height: 50px;
	width: 50px;
	margin: 0 auto;
	padding-top:20px;
	z-index:2;
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

/*.cg-graph .dygraph-legend { display: none; }*/

/* Регулируем иконки для скрывания *
	
	.stdview .showico { display:none; }
	.stdview .hideico { display:none; }
	/*.stdview[ps-maindisp='on']  .hideico { display:inline-block; }
	.stdview[ps-maindisp='off'] .showico { display:inline-block; }
	*
	.stdview .hideico .fa-star  { display: inline-block; }
	.stdview .hideico .fa-times    { display: none; }
	
	.mainpage .stdview .showico   { display:none; }
	.mainpage .stdview .hideico .fa-star { display:none; }
	.mainpage .stdview .hideico .fa-times  { display:inline-block; }
	
/****/

.sidebar-container .alertstab .sidebar-message[ps-alertclass='1'] { background: #f9e8e8 !important; }
.sidebar-container .alertstab .sidebar-message[ps-alertclass='2'] { background: #f9f5e8 !important; }
.sidebar-container .alertstab .sidebar-message[ps-alertstatus='closed'] { background: #eaf7e5 !important; }
.sidebar-container .alertstab .sidebar-message[ps-alertstatus='test']   { background: #d4eeff !important; }
.sidebar-container .alertstab .sidebar-message {margin-top:10px}

.alertblock .onealert[ps-alertclass='1']       { background: #f9e8e8 !important; }
.alertblock .onealert[ps-alertclass='2']       { background: #f9f5e8 !important; }
.alertblock .onealert[ps-alertstatus='closed'] { background: #eaf7e5 !important; }
.alertblock .onealert[ps-alertstatus='test']   { background: #d4eeff !important; }
.alertblock .onealert[ps-alertactual='0']      { background: #f7f7f7 !important; }

.alertblock .onealert[ps-alertclass='1']       { border: #d9a8a8 1px solid !important; }
.alertblock .onealert[ps-alertclass='2']       { border: #b9b5a8 1px solid !important; }
.alertblock .onealert[ps-alertstatus='closed'] { border: #aad7a5 1px solid !important; }
.alertblock .onealert[ps-alertstatus='test']   { border: #accfe6 1px solid !important; }
.alertblock .onealert[ps-alertactual='0']      { border: #d0d0d0 1px solid !important; }

.alertblock .onealert [ps-type='alert_comments'] { color: #888; }

[ps-alertclass='1']       .alertinfoheader  { background: #f9e8e8 !important; }
[ps-alertclass='2']       .alertinfoheader  { background: #f9f5e8 !important; }
[ps-alertstatus='closed'] .alertinfoheader  { background: #eaf7e5 !important; }
[ps-alertstatus='test']   .alertinfoheader  { background: #d4eeff !important; }

.sidebar-container .alertblock .onealert { border: none !important; }

.sidebar-container .onealert { border: none !important; } 

#alert_info_page .infotab h4 { margin-bottom: 5px}

#alert_info_page .alert_status_text { vertical-align: top; padding-top: 5px}
#alert_info_page .alert_status_text h4 {display: none; font-weight:bold; }
#alert_info_page[ps-alertstatus='new']    .alert_status_text h4.text-danger  {display: inline;}
#alert_info_page[ps-alertstatus='work']   .alert_status_text h4.text-warning {display: inline;}
#alert_info_page[ps-alertstatus='closed'] .alert_status_text h4.text-info    {display: inline;}
#alert_info_page[ps-alertstatus='test']   .alert_status_text h4.text-info    {display: inline;}

#alert_info_page .hist-time { display: inline-block; margin-right: 10px;}
#alert_info_page .hist-time .fa-clock-o { font-size: 11px;}
#alert_info_page .hist-user .fa-user-circle { font-size: 10px;}

#alert_info_page [ps-histtype='new']        .histico { background-color: #ed5565;  color: #ffffff;}
#alert_info_page [ps-histtype='repeat']     .histico { background-color: #ed5565;  color: #ffffff;}
#alert_info_page [ps-histtype='deactive']   .histico { background-color: #1ab394;  color: #ffffff;}
#alert_info_page [ps-histtype='cancel']     .histico { background-color: #AAAAAA;  color: #ffffff;}
#alert_info_page [ps-histtype='close']      .histico { background-color: #1ab394;  color: #ffffff;}
#alert_info_page [ps-histtype='test']       .histico { background-color: #ed5565;  color: #ffffff;}
#alert_info_page [ps-histtype='comment']    .histico { background-color: #1c84c6;  color: #ffffff;  transform: scale(-1, 1);}
#alert_info_page [ps-histtype='mycomment'] 	.histico { background-color: #23c6c8;  color: #ffffff;}

#alert_info_page [ps-histtype='new']        .histico i:before { content: "\f0a2"; }
#alert_info_page [ps-histtype='repeat']     .histico i:before { content: "\f0a2"; }
#alert_info_page [ps-histtype='cancel']     .histico i:before { content: "\f00d"; }
#alert_info_page [ps-histtype='deactive']   .histico i:before { content: "\f00c"; }
#alert_info_page [ps-histtype='close']      .histico i:before { content: "\f00c"  }
#alert_info_page [ps-histtype='test']       .histico i:before { content: "\f00d"  }
#alert_info_page [ps-histtype='comment']    .histico i:before { content: "\f0e5"; }
#alert_info_page [ps-histtype='mycomment']  .histico i:before { content: "\f0e5"; }

.vertical-timeline-icon i { margin-top: -8px; }

.alertpage .vertical-timeline-block     { margin-top: 13px; margin-bottom: 13px; }
.alertpage .vertical-timeline-content   { padding: 7px 12px 9px 14px; border: 1px solid #E9E9E9}
.alertpage .vertical-timeline-content p { margin-bottom: 3px; margin-top: 0px; }
.alertpage [ps-unread='true'] .vertical-timeline-content { background-color: #F3FFFC; }
.alertpage [ps-unread='true'] .vertical-timeline-content:after { border-right: 5px solid #F3FFFC; }
.alertpage .quickcomm button { border: 1px solid #DDD }
.alertpage [ps-subtype="namecode"] { cursor: pointer;}

#alerts_float_list 
{ 
	min-width:220px; 
	max-width:300px; 
	position: fixed !important; 
	z-index: 2030;
	box-shadow: 0 0 10px; 
}

#alerts_float_list .ibox-content    { padding: 10px }
.alertlist .onealert 		{ padding:0; margin: 0 0 10px 0; }
.alertlist .inner	        { margin: 13px 10px 7px 15px;  }
.alertlist .onealert:last-child {margin-bottom: 0px }

.alertlist img {margin: -3px 3px 5px 5px; width: 25px; height: 25px; float:right  }
.alertlist table {width: 100%;}
.alertlist .firsttd { padding: 5px 8px 0px 12px; font-size: 80%; height: 45px;}
.alertlist .pictd   { padding: 12px 10px 0px 0px; width: 40px; }
.alertlist .maintd  { padding: 0px 8px 8px 12px; }

.onealert .devicename { margin : 0 0 7px 0; }
.onealert .sensorname { margin : 0 0 7px 0; }
.onealert .title       { margin : 0 0 7px 0; }

.onealert .reps {font-size: 12px; margin: 0 0 5px 0px; min-height:15px; line-height: 12px;}
.onealert .reps i { margin-top: -1px;}

.alertlist .onealert .reps { margin-left: 10px; }

/****** Работа с журналом изменения настроек *******/

.actionspage .actionsarea {
	padding-top: 30px;
}

.actionspage .elem { 
	display: inline-block;
    vertical-align: top;
    width: calc(100% - 0px);
    margin: 0 15px 15px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	padding: 15px 20px;
	border: #d0d0d0 1px solid !important;
	background: #f7f7f7 !important;
}

.actionspage .dt   { display:block; float: left; width: 90px; }
.actionspage .date { display:block; font-weight: bold; margin-right: 10px;}

.actionspage .who       { display:block; float: left; width: 160px; }
.actionspage .who .name { display:block; font-weight: bold; margin-right: 10px;}

.actionspage .type      { display:block; float: left; width: 180px; }
.actionspage .type .cap { display:block; font-weight: bold; margin-right: 10px;}

.actionspage .obj       { display:block; float: left; width: 170px; }
.actionspage .obj .name { display:block; font-weight: bold; margin-right: 10px;}

.actionspage .descr     { display:block; float: left;  width: 50%; }
.actionspage .descr .gcap { font-weight: bold; margin-bottom: 3px;}
.actionspage .descr .par  { width: 100%; padding: 3px 0; margin-top: -4px; }

.actionspage .descr .old, .actionspage .descr .val {
	border: 1px dotted #888; 
	padding: 0 5px; 
	display: inline-block; 
	margin-top: 4px;
	max-width: 280px;
	max-height: 50px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: -5px;
}

.actionspage .descr .old  { background-color: #FEE; }
.actionspage .descr .val  { background-color: #EFE; }

.actionspage .descr .cmd { display: inline-block; font-weight: bold; margin-bottom: 5px;}

.actionspage .descr .cmd.add    { color: #258e79; }
.actionspage .descr .cmd.remove { color: #c36a68; }
.actionspage .descr .cmd.update { color: #3e7aa0; }
.actionspage .descr .cmd.edit   { color: #3e7aa0; }
.actionspage .descr .cmd.updfw  { color: #b15eaa; }


.actionspage .descr .cmd.add_access  { color: #258e79; }
.actionspage .descr .cmd.add_invite  { color: #258e79; }
.actionspage .descr .cmd.edit_access { color: #3e7aa0; }

.actionspage .descr .cmd.accept_invite { color: #258e79; }
.actionspage .descr .cmd.reject_invite { color: #c36a68; }

.actionspage .elem.ok    { background-color: #f2fdf7 !important; }
.actionspage .elem.new   { background-color: #fff9f0 !important; }
.actionspage .elem.sent  { background-color: #fff9f0 !important; }
.actionspage .elem.error { background-color: #f3ebe9 !important; }
 
.actionspage .elem.ok   .st { color: #18a689; }
.actionspage .elem.new  .st { color: #c5872a; }
.actionspage .elem.sent .st { color: #c5872a; }
.actionspage .elem.error.st { color: #a94442; }
 
@media only screen and (max-width: 850px) {
	.actionspage .elem { padding: 10px 13px 15px 13px }
	.actionspage .dt   { width: 100%; margin: 0px 0 7px 0;}
	.actionspage .who  { width: 100%; margin: 0px 0 7px 0;}
	.actionspage .type { width: 100%; margin: 0px 0 7px 0;}
	.actionspage .obj  { width: 100%; margin: 0px 0 7px 0;} 
	.actionspage .dt  .date { display: inline-block; }
	.actionspage .who .name { display: inline-block; }
	.actionspage .type .cap { display: inline-block; }
	.actionspage .obj .name { display: inline-block; }
	.actionspage .descr { width: 100%;  }
}

/****** Работа с журналом маршрутов *******/

.routespage { padding-top: 10px;}
.routespage .routesarea { margin: 45px -10px 10px -10px;  }
.routespage .noroutes { margin-top: 65px; color: #800; }

.notallroutes { display:inline-block; background: none !important; border: 1px #BBB dashed; min-height: 100px; text-align: center; padding: 15px 20px; margin: 10px; width: calc(100% - 20px);}
.notallroutes h3, .notallroutes h4 { font-weight: 400; color: #888;}
.notallroutes h3 { font-size: 15px; margin-top: 10px; }
.notallroutes h4 { font-size: 12px; width:100%; display: inline-block;  margin-top: 3px; margin-bottom: 3px;}
.inneralerts .notallroutes h4 { font-size: 14px;  margin-top: 10px; width: 100%; margin-bottom: 0px;}
.inneralerts .notallroutes h3 { font-size: 18px; margin-top: 8px }

.routesarea .stops     { display: inline-block; column-count: unset; float: none; }
.routesarea .info-box  { height: unset;  }
.routesarea .routeinfo { top: 35px; position: absolute; right: 10px; }
.routesarea .stoptime  { font-weight: 600; }
.routesarea .stop.fromstop  { font-weight: 800; color: rgb(103, 106, 108) !important; }
.routesarea .stop.tostop    { font-weight: 800; color: rgb(103, 106, 108) !important; }
.routesarea .stopico   { text-align: center;  }
.routesarea .selroute .stop { color: #CCC; }

.routesarea .stops    { width: 60%; min-height: 60px; padding:0; margin: 12px 10px; padding: 0 10px; border-left: solid 1px #CCC; }
.routesarea .content  { display: inline-block; width:100%; margin: 10px 5px; }
.routesarea .buttons  { display: inline-block; margin: 15px 7px; vertical-align: top; width: 27px; color: #999; }
.routesarea .routebut { display: inline-block; font-size: 22px; margin-left: 12px; margin-bottom: 10px; cursor: pointer; }
.routesarea .buttons .fa-envelope-o { font-size: 20px;} 

.routesarea .buttons.mob { display: none; }

@media only screen and (max-width: 850px) {
	.routesarea .stops { border-left: none;}
	.routesarea .routeinfo { position: inherit; padding-bottom:0; padding: 13px; }
	.routesarea .routeinfo table { display: inline-block; margin-right: 10px; }
	.routesarea .buttons.mob   { display: inline-block; width: 110px; margin: 4px -25px 7px 16px; }
	.routesarea .buttons.nomob { display: none; }
	.routesarea .stops { width: 100%; margin: -8px 5px 21px 5px; }
	.routesarea .buttons.mob i.fa-envelope-o { font-size: 20px; }
	
	.routesarea .buttons.mob .routebut { margin: 0 17px 0 0; } 
	.routesarea .buttons.mob .routebut i { font-size: 30px } 
}

/****** Работа с плавающим окном сводной по устройству *******/

#float_dev_sum {
	min-width:220px; 
	max-width:250px; 
	height:auto;
	min-height:50px;
	position: absolute !important; 
	z-index:2025;
	box-shadow: 0 0 10px;			
}

#float_dev_sum [ps-cell='connection'][ps-val='0']  { color: #ff284e; }
#float_dev_sum [ps-cell='connection'][ps-val='1']  { color: #18b970; }
#float_dev_sum [ps-cell='connection'][ps-val='1'][ps-status='warning']  { color: #f1d444; }
#float_dev_sum [ps-cell='connection'][ps-val='1'][ps-status='alert']    { color: #f1d444; }

#float_dev_sum [ps-cell='ac'][ps-val='1']  { color: #18b970;	}
#float_dev_sum [ps-cell='ac'][ps-val='0']  { color: #ff284e; }

#float_dev_sum [ps-cell='guard'][ps-val='-'  ] { display: none; }
#float_dev_sum [ps-cell='guard'][ps-val='1'  ]:before { content: "\f023"; }
#float_dev_sum [ps-cell='guard'][ps-val='0.5']:before { content: "\f023"; }
#float_dev_sum [ps-cell='guard'][ps-val='0'  ]:before { content: "\f09c"; }

#float_dev_sum [ps-cell='balance'] { margin-right: 5px; color: #18b970; }
#float_dev_sum [ps-cell='balance'][ps-status='alert'] { color: #ff284e; } 

#float_dev_sum hr { border-top-color: #DDD; margin-left: 0; margin-right: 0; }
#float_dev_sum .objlink { cursor: pointer; border-bottom: 1px dashed #888; }

#float_dev_sum .ibox-content { padding: 10px }
#float_dev_sum .alertlist    { margin-top: 10px }
#float_dev_sum .alertscountblock i { margin-right: 2px !important; font-size: 12px; }
#float_dev_sum .alertscountblock span { font-size: 12px; }

/****** Работа с плавающим окном информации по устройству *******/

#float_dev_info {
	min-width:250px; 
	max-width:300px; 
	height:auto;
	min-height:50px;
	position: absolute !important; 
	z-index:2025;
	box-shadow: 0 0 10px;			
}

.dev_info table {
	width: 100%;
	border: 1px solid #e7e7e7;  
	margin-top: 15px;
}
.dev_info table th {
	text-align: center;
	background-color: #F5F5F6; 
	border: 1px solid #e7e7e7;     
	padding: 3px 8px;     
	font-size: 12px;
}
.dev_info table td {
	padding: 3px 8px 0px 8px;     
	font-size: 12px;
}
.dev_info table td:nth-child(1) {
	width:60%;
}
.dev_info table tr.last td {
	padding: 3px 8px 5px 8px;     
}

.dev_info .buttons { width: 100%; }
.dev_info .buttons div { margin-top: 5px; padding: 3px 9px;}
#page_dev_info .forfloat { display:none; }
#float_dev_info .forpage { display:none; }
#page_dev_info  .dev_info table { margin-top: 25px; }
#page_dev_info  { padding: 25px 25px 10px 25px;  }
#page_dev_info h2 {text-align:center; margin-bottom:20px; font-size:18px} 

@media only screen and (max-width: 850px) { 
	.buttons.forpage { text-align: right; }
	.buttons.forpage .btn { margin-bottom: 15px; }
}

/****** Ячейка для сводной информации *******/

.devsuminfo .infocell {color: #18b970; }
.devsuminfo .infocell[ps-status='alert'], .devsuminfo .infocell[ps-status='alert'] i { color: #ff284e !important; } 
.devsuminfo .infocell[ps-status='warning']  { color: #f8ac59; }

/*
	#float_dev_sum.no-alerts    .ibox-content { background-color: #EFE; }
	#float_dev_sum.has-alerts   .ibox-content { background-color: #FEE; }
	#float_dev_sum.has-warnings .ibox-content { background-color: #FFE; }
*/

/* Иконки на карточках */

.stdview .info-box, .stdview .super-info-box {padding: 0 !important;}
/*.ps-vcicons {margin-left:-7px; margin-right:-7px; padding: 13px 0px 13px 0; text-align:center; height:100%; } */

.stdview .col-xs-11 { width: 87%; }
.stdview .col-xs-1   { width: 13%; }
/*
	.ps-vcicons {
	margin-left:-7px;
	margin-right:-7px;
	padding: 13px 0px 13px 0;
	text-align:center;
	height:100%;
	border-left: 1px #E8E8E8 dotted;
	padding-left: 7px;
	}
*/
.ps-vcicons {
	padding: 14px 0px 14px 0px;
	text-align:center;
	height:100%;
	border-left: 1px #E8E8E8 dotted;
	overflow: hidden;
}

/* ------------ */

.ps-vcicons > div {
	margin-bottom:14px;
	color:rgb(196, 196, 196);
	cursor: pointer;
}

.ps-vcicons > div:hover {
	color:rgb(160, 160, 160);
}
/*.ps-vcicons > div:hover .fa {
	color:#722;
}*/
.ps-vcicons > div.alertico {
	margin-bottom:11px;
	border-radius:3px;
}
.ps-vcicons > div.alertico div {
	font-size: 8px;
	font-weight: bold;
}

.ps-vcicons .fa-line-chart:before { font-size: 11px; } 

[ps-view="common_inputs"] .ps-vcicons > div { margin-bottom: 11px; }
[ps-view="common_inputs"] .ps-vcicons > div.alertico { margin-bottom: 11px; } 
[ps-view="common_inputs"] .ps-vcicons { padding: 12px 0px 12px 0px; }
[ps-view="common_inputs"] [ps-type="salertscount"] { display: none; }

/* Тревоги на карточках */
/*.alertcount
	{
	color: #a94442;
	font-size: 15px;
	position: absolute;
	margin-left:6px;
	left:35px;
	top:25px;
	}
	
	.alertcount i
	{
	margin-right: 3px;
	}
	.alertcount span
	{
	font-weight: bold;
}*/


/* Коментарии к полям */

.comm {
	min-width: 20px;
	height: 20px;
	display: none;
	margin:6px 0 0 -15px;
	padding:0px;
	float: center;
	border: 1px solid #BBB;
	background-color: #FFF;
	border-radius: 10px;
	text-align:center;
}

.withcomm  .comm{
	display: inline-block;
}

.control-label { position: relative; }
.comm {
	position: absolute;
	margin: -6px 0 5px 1px !important;
	height: 15px;
	min-width: 15px;
	width: 15px !important;
	font-size:12px;
	color: #797;
	font-weight: bold;
	padding:0;
}

.comm i {
	position: absolute;
	top: -2px;
	left: 4px;
	font-style: normal;
	
}

.twoline label.control-label { padding-top: 0; margin-top:-2px;}
.twoline label.control-label .comm {margin: -20px 0 5px 4px !important;}

/* Ошибки в полях */

[ps-type='param_frame'].error , [ps-type='param_frame'].error input
{
	color: #cc5965;
	border-color: #cc5965;
}

[ps-type='param_frame'].error  label.error
{
	font-weight:normal;
}

/* Чекбоксы в форме настроек */
.icheckbox_square-green { margin-top:-1px; }
.multicheck             { padding-left: 20px; padding-right: 0px; }
.multicheck label       { margin-left:7px; font-weight: normal; }
.multicheck .item       { width: 145px; text-align:left; margin-bottom:7px; }

.multicheck2            { padding-left: 0px; padding-right: 0px; }
.multicheck2 label      { margin-left:10px; font-weight: normal; }
.multicheck2 .item      { width: 100%; float:none; text-align:left; margin-bottom:7px; }


/* Подложка под модальные формы */
.psmainmodal{
    background-color: black;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    background-color: rgba(0, 0, 0, 0.4);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    z-index: 10000;
}

.nopt  i
{
	color: #E8E8E8;
}

.nopt  .checked i
{
	color: #18b970;;
}

.nopt div { display: inline-block; margin:2px}

.nopt div[ps-subsub='sms']   i:before { content: "\f27b"; }
.nopt div[ps-subsub='email'] i:before { content: "\f003"; }
.nopt div[ps-subsub='call']  i:before { content: "\f095"; }

.nopttable {
	width:initial;
	margin: 10px auto;
	margin-bottom: 20px;
}
.nopttable th {
	width:50px;
}
.nopttable th:nth-child(1) {
	width:140px;
}
.nopttable th h5
{
	text-align:right;
	transform: rotate(90deg);
	margin-top:20px;
	margin-left:-60px;
	margin-right:-60px;
	margin-bottom:75px;
}
.nopttable .notifname
{
	font-size: 13px;
	padding: 7px 10px;
}
.nopttable .nopt
{
	text-align: center;
	font-size: 14px;
	padding: 7px 2px;
}
.nopttable .nopt i
{
	font-size: 15px;
	margin: 2px 1px;
}

/*  Работа со схемами  */ 
.scheme { 
	display: inline-block;
	/*position: relative; 
	width: 100%;
	height: 100%;	*/
}

#scrollarea {
	position: absolute;
    bottom: 0px;
    top: 0px;
    left: 0px;
    right: 0px;
    overflow-x: hidden;
    overflow-y: hidden;
}

#scrollcontent
{
	padding: 15px;
	position: relative;
	width: fit-content;
	height: fit-content;	
}

.scheme_div
{
	display: inline-block;
	position: relative;
}

[frame_inner='common_scheme'] #mainframe { display: inline-block; width: fit-content; }

.hor_center { position: absolute; transform: translateX(-50%); left: 50%; }
.ver_center { position: absolute; transform: translateY(-50%); top: 50%;  }
.ver_center.hor_center { transform: translateX(-50%) translateY(-50%); }

@media only screen and (min-width: 768px) { 
	.scheme_image
	{
		border: 1px solid #333; 
	}
	#mainframe[ps-view="common_scheme"] {
		padding: 15px; 
	}
}
	
.hor_center .scheme_image {	margin-left:0px; }

.scheme_menu 
{
	position: absolute;
    top: 25px;
    left: 25px;
	width: 200px;
	z-index: 1;
}

.scheme_menu button 
{
	/* float: left; */
	margin-bottom: 7px;
	display: inline-block;
	width: 110px;
	text-align: left;
	padding-left: 12px;
}

.scheme_menu button i
{
	margin-right: 5px;
}

.scheme_menu .btn-circle { width: 31px; margin-bottom: 9px; margin-right: 4px; }
.scheme_menu .btn-circle i { margin-left: -4px; margin-top: -1px;  font-size: 15px;}
.scheme_menu i.fa-arrows-alt { font-size: 14px;}
.scheme_menu i.fa-angle-double-up { font-size: 18px; vertical-align: middle; margin-top: -1px; }
.inscribed .scheme_menu [ps-but="zoominscribe"] { display:none;  }

.scheme_area
{
	position:absolute;	
	top:0;
	left:0;
}

[ps-mode="view"] button[ps-formode="edit"] { display: none !important; }
[ps-mode="edit"] button[ps-formode="view"] { display: none !important; }

/*@media (max-width: 768px) { .scheme_menu { display: none; } }*/
@media (max-width: 768px) { .scheme_menu [ps-but="edit"] { display: none; } }

.scheme_submenu {
    position: absolute;
	width: 200px;
    left: -250px;
    transition: left .4s, transform .6s;
}
.scheme_menu.open .scheme_submenu { left: 0; }
.scheme_menu.open .fa-bars:before { content: "\f053"; }
.scheme_menu.open .fa-bars { margin-top: 0; }
	
/* Расширили левую панель */
@media (min-width: 768px) {
	#page-wrapper { margin: 0 0 0 270px; }
	.navbar-static-side { width: 270px;}
}

.info-box {
	height:130px;
}

/*******  Подсветка тревог (новая) ******/

.alertscountblock { display: none; }
.no-alerts    .alertscountblock  { display: none !important; }
.has-alerts   .alertscountblock,
.has-warnings .alertscountblock  { display: inline; }

.has-warnings .devname, .has-warnings .groupname, .has-warnings .alertscountblock { color: #f99339; text-shadow: 1px 1px 5px #255850; font-weight: bold;}
.has-alerts   .devname, .has-alerts   .groupname, .has-alerts   .alertscountblock { color: #fb4e4e; text-shadow: 1px 1px 5px #255850; font-weight: bold;}

.devsuminfo .has-warnings .alertscountblock { text-shadow: 1px 1px 5px #bfad9d; }
.devsuminfo .has-alerts   .alertscountblock { text-shadow: 1px 1px 5px #d7b2b2; }
.devsuminfo .devname { text-shadow: none; }

.groupmenu .alertscountblock { padding-left:0px; }

.alertscountblock .fa-exclamation-circle {margin-right: 3px}

/* Верхний счетчик тревог */

.count-info .ps-block.no-alerts       { display: none !important; }
.count-info .ps-block.has-warnings  { background-color: #f8ac59; color:FFF}
.count-info .ps-block.has-alerts     { background-color: #ed5565; color:#FFF;}

/*************/
.guardmodes div
{
	display: inline-block;
	width:30%;
}

.super-info-box {
	margin-bottom: 20px;
}

.super-info-box .hr-line-dashed
{
	margin: 10px 0px;
}
.super-info-box .ps-vcicons
{
	height:inherit;
	padding:0;
	overflow: visible;
	width:inherit;
	float:right;
	border: none;
	margin-top:3px;
}
.super-info-box .data
{
	float:left;
}
.super-info-box .ps-vcicons div
{
	float:left;
	margin-left: 12px;
}
.super-info-box  .surerline
{
	padding:  0 15px;
	height: 15px;
	
}

/*******  ViewCell при тревогах  ******/

.stdview.now-has-warnings .info-box
{
	color: #928231;
	background-color: #fffabb;
	border: #928231 solid 1px;
}

.stdview.now-has-warnings .info-box span { color: #928231; }
.stdview.now-has-alerts   .info-box span { color: #a94442; }

.stdview.now-has-alerts .info-box{
	color: #a94442;
	background-color: #FBB;
	border: #a94442 solid 1px;
}

.stdview               .alertico { display: none;}
.stdview.has-alerts    .alertico,
.stdview.has-warnings  .alertico { display: block;}

.stdview.now-has-warnings .caption  { color: #928231; font-weight: bold; }
.stdview.now-has-alerts   .caption  { color: #a94442; font-weight: bold; }

.stdview.now-has-alerts   [ps-speccell="pic"],
.stdview.now-has-warnings [ps-speccell="pic"] { opacity: 0.7; }

.stdview.now-has-alerts   .sublabel  { color: #a94442 !important; }
.stdview.now-has-warnings .sublabel  { color: #928231 !important; }

.stdview.now-has-warnings i.fa,
.stdview.now-has-warnings i.ico { color: #928231;  text-shadow: none;}
.stdview.now-has-alerts   i.fa  { color: #a94442; text-shadow: none;}

.stdview.now-has-alerts   ul  i.fa,
.stdview.now-has-warnings ul  i.fa { color: rgb(103, 106, 108); }

.stdview.now-has-warnings .ps-vcicons  { border-left: 1px #CC8 dotted; }
.stdview.now-has-alerts   .ps-vcicons  { border-left: 1px #C88 dotted; }

.stdview.now-has-warnings .ps-vcicons > div.alertico div { color: #928231;  text-shadow: none;}
.stdview.now-has-alerts   .ps-vcicons > div.alertico div { color: #a94442;  text-shadow: none;}

.stdview.now-has-warnings .topright { border-color: #BB6; }
.stdview.now-has-warnings .subtitle { color: #928231; }

.stdview .alertico .fa, .stdview .alertico div  { text-shadow: none; } 

.stdview .sublabel.deltalabel { font-weight: 100; font-size: 14px; color: #888; }
.stdview .sublabel.deltalabel label { font-weight: 100; color: #CCC;  }
.stdview .sublabel.deltalabel .longpostfix { font-size: 12px; font-weight:100; opacity: 1; color: #CCC; }

.stdview.cnorm-warning .deltalabel, .stdview.cnorm-warning .deltalabel span, .stdview.cnorm-warning .deltalabel label { color: #ed7b27 !important; }
.stdview.cnorm-alert   .deltalabel, .stdview.cnorm-alert   .deltalabel span, .stdview.cnorm-alert   .deltalabel label { color: #ed2727 !important; }
.stdview.cnorm-warning .deltalabel, .stdview.cnorm-alert   .deltalabel { font-weight: 600; }

/* Diviations Cells  */

.diviations_top { display: none; }

#diviations { padding-top:15px; }

#diviations .diviation {     
	display: inline-block;
    vertical-align: top;
    width: calc(25% - 15px);
    margin: 15px 0 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	background-color: #ffffff;
    padding: 10px 15px;
    position: relative;
	border: #CCC solid 1px;		
}

#diviations .topright { 
	display: block; 
	text-align:center; 
	padding: 10px 10px 0 10px;     
	border-left: 1px dashed #CCC;
    border-bottom: 1px dashed #CCC;
}

#diviations .topright i { margin-bottom: 10px; text-shadow:none; }
#diviations .topright .alertico span { margin-bottom: 7px; margin-top: -10px; text-shadow:none; font-size: 11px; display:inline-block}

#diviations .treepath div { margin-bottom: 5px; float: left; padding-right:5px }
#diviations .treepath   { float: left; margin-bottom: 0px; }
#diviations .devicename { margin-bottom: 5px; font-weight:600; }
#diviations .sensorname { font-weight:600; float: left; margin: 7px 7px 7px 0; display: inline-block; width:100%; }
#diviations .about      { margin: 5px 0 3px 0; display: inline-block;}
#diviations .value { font-weight:800; color: rgb(169, 68, 66); display: inline-block; margin: 0 3px 5px 0;  }

#diviations .alerttext { display: inline-block; }
#diviations .since     { display: inline-block; }
#diviations .vcgraph   { cursor: pointer; }

#diviations .div_warning { color: #928231; background-color: #f9f7e1; border: #eada84 solid 1px; }
#diviations .div_alert   { color: #a94442; background-color: #f9e8e8; border: #e0afae solid 1px; }
#diviations .div_offline { color: #a94442; background-color: #e2d7d7; border: #ceb1b0 solid 1px; }

#diviations .div_warning .topright { border-color: #eada84 }
#diviations .div_alert   .topright { border-color: #e0afae }
#diviations .div_offline .topright { border-color: #e0afae }

#diviations [ps-type='alerttext'] { color: #888; font-weight: 600; margin-right:3px; }
#diviations .div_warning [ps-type='alerttext'] { color: #a29139; }
#diviations .div_alert   [ps-type='alerttext'] { color: #a94442; }
#diviations .div_offline [ps-type='alerttext'] { color: #805150; }
#diviations .alertscountblock { color: #a94442 !important; }
#diviations .div_warning .alertscountblock { color: #928231 !important; }

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px)
{
	#diviations .diviation {     
		width: 100%;	
	}
	
	.diviations_top { display: inline-block; width:100%; margin-bottom: 0;}
}
	

 /* Круговая диаграма */

.circlegram {
    display: inline-block;
	margin-bottom: -5px;
}
.circlegram circle {
  fill: rgba(0,0,0,0);
  stroke: #edd;
  stroke-width: 4;
  stroke-dasharray: 408px 408px;
}
.circlegram circle:nth-child(2n) {
  fill: rgba(0,0,0,0);
  stroke: #a94442;
  stroke-width: 4;
}

/* -----------------------*/
.super-info-box  .surerline.has-alerts,
.super-info-box  .surerline.has-alerts .caption ,
.super-info-box  .surerline.has-alerts  i.fa,
.super-info-box  .surerline.psalert,
.super-info-box  .surerline.psalert .caption ,
.super-info-box  .surerline.psalert  i.fa
{
	color: #ff284e;
	font-weight: bold;
}

.super-info-box  .surerline.has-alerts  i.fa-cog,
.super-info-box  .surerline.has-alerts  i.fa-line-chart,
.super-info-box  .surerline.psalert  i.fa-cog,
.super-info-box  .surerline.psalert  i.fa-line-chart
{
	color: inherit;
	font-weight: normal;
}


.super-info-box .ps-vcicons > div.alertico div
{
	color: #ff284e;
	margin: -3px 1px 0 0;
}

/*******  ViewCell for nodes  ******/

.stdview.node .info-box { height: 198px }
.stdview.node[ps-col="8"] .info-box,
.stdview.node[ps-col="7"] .info-box,
.stdview.node[ps-col="6"] .info-box, 
.stdview.node[ps-col="5"] .info-box { height: 230px }

.stdview.node h2 { margin-top: 3px; margin-bottom: 8px; font-size: 20px; }
.stdview.node h5 { font-weight:100;font-size: 12px; }
.stdview.node h5 div { display: inline-block; }
.stdview.node table { width: 100%; max-width: 220px; margin: 0 auto; height: 75px; }
.stdview.node td { text-align: left; padding: 4px 2px; font-size: 13px;}
.stdview.node td i { margin-right: 7px;  vertical-align: baseline; color: #888888; font-size: 14px; width: 17px;  text-align: right;}
.stdview.node td i.bat { font-size: 13px;}

.stdview.node td:nth-child(1) {  width: 35%; }
.stdview.node td:nth-child(2) {  width: 25%; }
.stdview.node td:nth-child(3) {  width: 40%; }

.stdview.node [ps-color="red"]    { color: #ff2f00; font-weight: 600;}
.stdview.node [ps-color="orange"] { color: #f57936; font-weight: 600;}
.stdview.node [ps-color="gray"]   { color: #888888; font-weight: 600;}
.stdview.node [ps-color="green"]  { color: #18a689; font-weight: 600;}

.stdview .topright,  .diviation .topright { 
	display: none;
	position: absolute;
	right:0;
	top: 0;
	padding: 7px;
	border-left: 1px dashed #DDD; 
	border-bottom: 1px dashed #DDD; 
	padding-bottom: 0px;
}

.stdview .topleft { 
	display: none;
	position: absolute;
	left:0;
	top: 0;
	padding: 7px;
	border-right: 1px dashed #DDD; 
	border-bottom: 1px dashed #DDD; 
}
[ps-scan="1"] .stdview.node .topleft { display: block; }

.stdview.node [ps-param="unlink"],
.stdview.node [ps-button="editopt"] { display: none; }
.stdview.node.ps-unlink .topright, .stdview.node.ps-edit .topright { display: block; }
.stdview.node.ps-unlink [ps-param="unlink"] { display: block; }
.stdview.node.ps-edit [ps-button] { display: block; cursor: pointer; } 

.stdview.node .trico { margin-bottom: 7px; color: #888; }

.stdview.node [ps-type="state"] { cursor: pointer; }

.stdview.node .inputcells { text-align: center;}

.stdview.node .inputcell { 
	display: inline-block;
	margin-right:10px;
	text-align: center;
	padding: 3px 3px;
	width: 70px; 
	background-color: #eaf7e5; 
	border: 1px dotted #888; 
	font-size:12px;
	margin-top:7px;
}
.stdview.node .inputcell:nth-last-child(2) {margin-right:0px; }
.stdview.node[ps-col="5"] .inputcell:nth-child(4), 
.stdview.node[ps-col="6"] .inputcell:nth-child(4), 
.stdview.node[ps-col="7"] .inputcell:nth-child(5), 
.stdview.node[ps-col="8"] .inputcell:nth-child(5) {margin-right:0px; }
.stdview.node .inputcell[ps-able="0"] { background-color: #f9e8e8; }

.stdview.node[ps-col="1"] .inputcell { width:calc(100% - 10px); }
.stdview.node[ps-col="2"] .inputcell { width:calc(50% - 10px); }
.stdview.node[ps-col="3"] .inputcell { width:calc(33% - 10px); }
.stdview.node[ps-col="4"] .inputcell { width:calc(25% - 10px); }
.stdview.node[ps-col="5"] .inputcell { width:calc(33% - 10px); }
.stdview.node[ps-col="6"] .inputcell { width:calc(33% - 10px); }

.stdview.node[ps-col="0"] .empty { display: inline-block !important; width: 100%; margin-right:0px; background-color: #F8F8F8; }

.loraline { padding-left: 10px; padding-right: 10px; margin-top: 5px; margin-bottom: 5px;}
.loraline .ibox-content { height: 55px; padding: 15px 18px; position: relative; }
.loraline .scantumbler { display: inline-block; padding-top:2px; }
.loraline .switchery { margin-right: 10px; margin-top:-2px; }
.loraline .editopt { display: inline-block; float:right; padding: 2px 2px 0 20px; cursor: pointer; }
.loraline .fa { font-size: 20px; color: #888; }

[ps-type='add_lora'] .info-box {height: 193px;}
[ps-type='add_lora'] .info-box > div { margin-top: 40px}

[ps-cell='lora_sf'] { font-size:14px; margin: 2px 10px 0px 2px; float:left; }
[ps-cell='lora_sf'] span { font-weight: 600; margin-left:5px}

/*******  ViewCell отключен  ******/

.stdview.ps-off .info-box{
	color: #888;
	background-color: #F2F2F2;
	border: #DDD 1px solid;
}

#small-chat { bottom:30px;}

#mainframe, #leftframe { margin:0; width:100%;}

.param { border: 1px solid #888; margin : 5px; width:200px; float:left; }
.paramcap {  margin:10px;}
.paramval {  float: right; margin:0px;}


.inmodal.modal-header {
	padding: 0px;
	
}

.minibut:hover {
	text-shadow: #333 0px 0px 4px;
}

.nav-third-level li a {
    padding-left: 71px;
	color: #677182;
}
.wrapper-content.rsidebar-open {
	width: calc(100% - 260px);
	/*padding-right: 260px !important;*/
}

.wrapper-content > .bscroll-vertical-scrollbar {
	margin-right: 258px !important;
	padding-top: 22px;
	display:none;
}

.wrapper-content.rsidebar-open .footer {
	/*padding-right: 270px !important;*/
}

.modal-dialog.modal-mysize {
	width: 500px;
}
.modal {
    overflow-y: auto;
}

.item {
	width: 100px;
	float: left;
}

.mygreen
{
	color: #18b970
}
/* -----------------------*/
.noalerts .noalertsblock
{
	color: #18b970;
}

.alerts .noalertsblock
{
	display:none !important;
}

.myred, .myred i
{
	color: #ff284e;
}
.caption.alertcolor {color: #ff284e;}

.alertcountblock
{
	color: #ff284e;
	margin-left:5px;
}
.alertcountblock i
{
	margin-right:3px !important;
}
.leftmenu  [ps-val='1'].conection
{
	color: #18b970;
}

.leftmenu [ps-val='0'].conection
{
	color:  #ff284e;
}

.leftmenu  .guard { display:none; }
.leftmenu  [ps-val].guard { display:inline-block; }

.leftmenu  .guard:before { content: "\f128"}
.leftmenu  [ps-val='1'].guard:before { content: "\f023"; }
.leftmenu  [ps-val='0'].guard:before { content: "\f09c"; }


.img-60 {
	width: 60px;
	height: 60px;
	opacity:0.1;
}

.stdview [ps-cell="pic"].active  { opacity: 0.7; }

.ct-chart.ct-perfect-fourth:before {
	float: left;
	padding-bottom: 0px;
}

.my-cyrcle {
	width: 40px;
	height: 40px;
	background: #EEE;
	border-radius: 20px;
	border: 1px solid #e7eaec;
	padding: 13px 13px;
}
.my-cyrcle.stateon {
	border: 1px solid #f8ac59;
	background-color: #f8ac59;
	color: #FFFFFF;
}
.my-cyrcle i {
	color: #FFF;
}

/* Use this selector to override the line style on a given series */
.ct-series-a .ct-line {
	/* Set the colour of this series line */
	stroke: red;
	/* Control the thikness of your lines */
	stroke-width: 1px;
	/* Create a dashed line with a pattern */
	/* stroke-dasharray: 10px 20px; */
}

/* This selector overrides the points style on line charts. Points on line charts are actually just very short strokes. This allows you to customize even the point size in CSS */
.ct-series-a .ct-point {
	/* Colour of your points */
	stroke: red;
	/* Size of your points */
	stroke-width: 4px;
	/* Make your points appear as squares */
	/* stroke-linecap: square; */
}

.lphomeico                               { display: none; }
.lphomefull                             { display: block; }


.lphomeico i     { font-size: 12px; margin-right: 0px !important; }
.lphomeico div { font-size: 12px; display: inline-block; }

.mini-navbar  .leftpanel > li > a {
    padding: 3px 10px 3px 10px;
	text-align:center;
}
.lpmap, .lpmap:hover {
	background-color: #384858;
}

/******************************/
/********* Alert Info *********/
/******************************/

.alertinfoheader
{
	background-color: #ffe4e9;
	padding:15px !important;
}
.alertinfoheader h5
{
	font-size: 20px !important;
	
}
.alertinfoheader img
{
	margin-top: -4px;
	
}

.alertinfobody .todolist
{
	padding:10px 0 0 20px;
}

.alertinfobody .vertical-timeline-content p 
{
	margin-top: 0;
	margin-bottom: 5px;
}

.alertinfobody .vertical-timeline-block 
{
	margin-top: 15px;
	margin-bottom: 15px;
}

.alertinfobody .vertical-timeline-content
{
    border: 1px solid #EEE;
}

.vertical-timeline-content::before
{
	border-right: 7px solid #EEE;
}

.vertical-timeline-content::after
{
	content: '';
    position: absolute;
    top: 18px;
    right: 100%;
    height: 0;
    width: 0;
    border: 5px solid transparent;
	border-right: 5px solid #FFF;
}

.alertinfobody .histtab
{
	margin:10px 0 0 0px;
}

.alertinfobody .histtab  .histnode
{
	border: 1px #d8dbde dashed;
	border-radius: 5px;
	padding: 10px 15px;
	margin-bottom:7px;
}

.alertinfobody .histtab .operator                     { background-color:#f2f5ff; }
.alertinfobody .histtab .owner                                { background-color:#faf5ff; }
.alertinfobody .histtab .operator.unreadaction  { background-color:#e3e7f9; }
.alertinfobody .histtab .owner.unreadaction       { background-color:#eee7f4; }

.alertinfobody .histtab .actiontime
{
	margin: 0 10px 0 0;
	display: inline-block;
}
.alertinfobody .histtab .actionusername
{
	font-weight: bold;
	display: inline-block;
}
.alertinfobody .histtab .actionstatus
{
	display: inline-block;
}
.alertinfobody .histtab .actioncomment
{
	display: inline-block;
	font-style: italic;
}

/******************************/
/********* Sweetalert *********/
/******************************/

.sweet-alert h2 {
	font-size: 22px;
    margin-bottom: 15px;
    line-height: 30px;
}

.sweet-alert button {
	margin-bottom:15px;
}

.sweet-alert.show-input input {
    display: inline-block !important;
}
.sweet-alert input {
	width:90%;
	margin: 15px 0 -5px 0;
	
}

/******************************/
/***** Фильтр для тревог ******/
/******************************/

.alertspage .filter { margin-bottom: 15px;}

.filter[ps-alerttype="hide"]   .elem-type   { display: none !important }
.filter[ps-alertclass="hide"]  .elem-class  { display: none !important }
.filter[ps-alertstatus="hide"] .elem-status { display: none !important }
.filter[ps-devid="hide"]       .elem-devid  { display: none !important }
.filter[ps-sensor="hide"]      .elem-sensor { display: none !important }

.filter label, .filter select,  .filter input {
	width: 170px;
	float: left;
    position: relative;
    min-height: 1px;    
    padding-left: 5px;
	padding-right: 0px;	
}

.filter .ibox-content > div { display:inline-block; margin-bottom:-20px; }

.filter label { width: 90px; padding-top:7px; text-align:right; padding-right: 15px;}

.filter select[name="alertclass"]  { width: 110px; }
.filter select[name="alertstatus"] { width: 100px; }
.filter select[name="sensor"]      { width: 150px; }

.filter button {margin-left: 25px}

/******************************/
/********** Waiter ************/
/******************************/

.globalwaiter, .onlinewaiter
{
	position: absolute;
	top:0;
	left:0;
	z-index: 9900;
	background-color: rgba(0, 0, 0, 0.4);
	width:100%;
	height:100%;
	
}

.onlinewaiter
{
	z-index: 9901;
}

.globalwaiter .handler, .onlinewaiter .handler
{
	position: absolute;
	top:50%;
	left:50%;
	transform: translateY(-50%)  translateX(-50%);
	padding: 25px;
	background-color: #FFF;
	border: 0px solid #BBB;
	border-radius: 10px;
}

.globalwaiter .pic, .onlinewaiter .pic
{
	margin:0 auto;
	text-align: center;
}

.globalwaiter .label, .onlinewaiter .label
{
	display: block;
	margin:0 auto;
	margin-bottom: -10px;
	margin-top: 10px;
	font-size: 12px;
	color: #999;
	text-align: center;
	background-color: rgba(0,0,0,0);
}

/*****************/

.localwaiter
{
	position: absolute;
	top:0;
	left:0;
	z-index: 900;
	background-color: rgba(120, 120, 120, 0.85);
	width:100%;
	height:100%;
}

.grapharea .localwaiter { background-color: rgba(250, 250, 250, 0.5); }
.grapharea .devname { cursor: pointer; }

.reportheder { display: none; }
.printarea .reportheder {
	display: inline-block; 
	width: 100%;
    padding: 20px 10px 10px 10px;	
}
.printarea .exportbutton { display: none }
.printarea .printbutton  { display: none }
.printarea .datepicker   { padding: 2px;}

.graph h3[ps-type="user_title"], h4[ps-type="set_title"], h4[ps-type="dev_title"] {text-align: center; }
/*.grapharea .ibox-title { padding-bottom: 15px; }*/

.localwaiter .handler
{
	position: absolute;
	top:50%;
	left:50%;
	transform: translateY(-50%)  translateX(-50%);
	background-color: none;
	height: 100%;
}

.localwaiter .pic
{
	margin:0 auto;
	text-align: center;
	height: 100%;
}

.localwaiter .pic img {
	max-height:80%;
	position: absolute;
	top:50%;
	left:50%;
	transform: translateY(-50%)  translateX(-50%);
}


/******************************/
/********** Pop-Up ************/
/******************************/

.popup-holder {
	position: absolute;
	display: block;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:10000;
	height:10000;
	background:rgba(255, 255, 255, 0.75);
	z-index:10000;
}

.popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 2px #324650;
	background-color: #808E98;
	color: #FFF;
	border-radius: 0px;
	box-shadow: 0.4em 0.4em 20px rgba(122,122,122,0.5);
}

.popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	cursor: default;
	padding: 2px 10px;
	margin: 0;
	border-bottom: 2px solid #3A4B54;
	background-color: #465159;
	color: #A0B4BE;
}

.popup_content {
	text-align: center;
	padding: 1em 1em;
	margin: 0em;
}

.popup_message {
	padding-left: 0px;
}

.popup_panel {
	text-align: center;
	margin: 1em 1em 0em 1em;
}

.popup_prompt {
	margin: .5em 0em;
}

.popup_button {
	display: inline-block;
	padding: 5px 20px;
	border: 2px solid #3A4B54;
	background-color: #3E5464;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	box-shadow: 0.3em 0.3em 5px rgba(122,122,122,0.5);
}

.popup_button:hover {
	border: 2px solid #425259;
	background-color: #4E6474;
	box-shadow: 0.3em 0.3em 5px rgba(122,122,122,0.9);
}


.conbottom {
	width:100px;
	height:100px;
	background-color: #555;
}

.guardmodes i
{
	color: #F3F3F4;
}

.guardmodes.editable i:hover
{
	color:#2F4050;
	cursor: pointer;
}

.guardmodes i.active
{
	color:#18A689;
	cursor: default;
}

.myinfopanel
{
	margin-left:10px;
	margin-right:10px;
}
.myinfopanel div
{
	padding:5px;
	padding-top:10px;
	border: 1px solid rgba(0, 0, 0, 0.12);
	color: #FFF;
}
.myinfopanel .panel {margin-bottom: 10px; margin-top: 10px;} 

.infopanel .checkingnums a { color: #FFF; text-decoration: underline; } 

.form-footer {
	padding-top: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
    /*    margin-bottom: -15px;*/
}
.form-footer button
{
	margin-left: 10px;
}
.stdview .sublabel b
{
	font-weight: 100;
}
.stdview .sublabel
{
	margin-top:8px;
	font-size:12px;
	color: #CCC;
}
.stdview.psalert .sublabel
{
	color: #a94442;
}
.stdview.psalert .dropdown-toggle i
{
	color: #a94442;
}
.ibox-tools .dropdown-menu > li > a {
    color:rgb(103, 106, 108);
}
.stdview  h1
{
	margin-top:3px;
	font-size: 35px;
}

.stdview.addline  h1
{
	margin-top:-2px;
	font-size: 31px;
}

.ibox-content .p-sm { padding-top: 12px;}

.tabrepfilter { margin-bottom: 10px; position: relative; }
.tabrepfilter [ps-field] { 	width: 280px; margin-bottom: 15px; height:35px; display: inline-block; }
.tabrepfilter .applybtn  { position: absolute; right:0px; top: 0px; }
.tabrepfilter .ibox-content { padding: 15px; }
.tabrepfilter label.control-label { width: 110px; }
.tabrepfilter .i-checks { margin-top: 7px; padding-left: 20px; float:left; }
.tabrepfilter .i-checks label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
	padding-top: 1px;
    font-weight: 700;
    width: 140px;
	text-align: left;
	padding-left: 13px;
	padding-right: 5px; 
	white-space: nowrap;
}

.tabrepfilter .i-checks .iradio_square-green { float:left; }

.radio.form-group { margin-bottom: 25px; }
.radio label { padding-left: 15px; }
.radio .control-label { font-weight: bold; padding-top: 2px; }
.radio .item { width: 80px }

.tabrepfilter .topapplybtn { display: block; float: right; }
.tabrepfilter select {margin-bottom: 15px;}

.repfilterpart {display: inline-block; width:100%}
.tabrepfilter .i-checks.set { width: 260px; }
.tabrep #report_area { width: 100%; }

@media only screen and (min-width: 768px) {
	
	.tabrepfilter [ps-field="types"] { width: 330px; }
	.tabrepfilter [ps-field="types"] select { width: 250px; }
	.tabrepfilter [ps-field="types"] label { width: 73px; }
	.tabrepfilter [ps-field="sensors"] { width: 450px; }
	.tabrepfilter [ps-field="sensors"] select { width: 340px; }
	.tabrepfilter [ps-field="sensors"] label { width: 110px; }
	.tabrepfilter [ps-field="hours"] { width: 360px; }
	.tabrepfilter [ps-field="hours"] label { width: 133px; }
	.tabrepfilter [ps-field="hours"] .chosen-container { width: 220px !important; }
	.tabrepfilter [ps-field="aver"] { width: 250px; }
	.tabrepfilter [ps-field="aver"] select { width: 140px; }
	.tabrepfilter [ps-field="ease"] { width: 270px; }
	.tabrepfilter [ps-field="ease"] label  { width: 160px; }
	.tabrepfilter [ps-field="ease"] select { width: 80px; }
	.tabrepfilter [ps-field="tz"] select { width: 130px; }
	.tabrepfilter .chosen-container {z-index: 100;}
}

@media only screen and (max-width: 768px) {
	.tabrepfilter .ibox-title  { height: 115px; }
	.tabrepfilter .ibox-content { padding-bottom: 70px;}
	.tabrepfilter .quickperiod { padding: 5px 0 8px 0 !important; }
	.tabrepfilter .datepicker  { text-align: left !important; margin-left: -4px !important; float: left !important; position: inherit !important; margin-bottom: 15px;}
	.tabrepfilter .collapse-link { position: absolute; top: 80px; right: 7px; } 
	.tabrepfilter .applybtn { bottom: -35px; top: inherit; right: inherit; left: 5px; width: 250px;}
	.tabrepfilter [ps-field] { height: inherit; margin-bottom:-3px;}
	.tabrepfilter .i-checks { padding-left: 111px; width: 275px !important;  margin: 0 0 10px 0; } 
}

.graph [ps-type="graph_nodata"]
{
	width: 270px;
	position: absolute; 
	top: 40%; 
	left: 50%;
	transform: translate(-50%, -50%); 
	text-align: center;
	padding: 10px 20px ;
	border: 1px #DDD solid;
	border-radius: 5px;
	background-color: #F8F8F8;
	z-index:1;
}

.graph .options, .tabrepfilter .options
{
	display: inline-block;
	width: 380px;
	/*margin: -10px 0 -3px 15px;*/
	margin: -10px -10px -3px 10px;
	float: right;
	text-align:right;
}

.tabrepfilter .options { width: 360px; }

.graph   .options .trange {  width: 270px; }
.tabrep  .options .trange {  width: 270px; }
.reppage .options .trange {  width: 270px; }

.graph .options input, .tabrepfilter .options input
{
	display: inline-block;
	width: 90px;
	float: none;
	margin-top: 1px;
	text-align: center;
}
.graph .options span, .tabrepfilter .options span
{
	display: inline-block;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	padding:0 5px 0 5px;
}
.graph .options button, .tabrepfilter .options button
{
	height: 30px;
	width: 30px;
	background: none;
	border: 0px solid #DDD;
	margin-left:5px;
}
.graph .options button i, .tabrepfilter .options button i
{
	font-size: 15px;
}
.graph .options button i:hover, .tabrepfilter .options button i:hover
{
	color: #56b19d;
}

.graph .quickperiod, .tabrepfilter .quickperiod {
	display: inline-block;
	padding: 0 0 0 30px;
	margin-top: -2px;	
}
.graph .options .printbutton,  .tabrepfilter .options .printbutton, 
.graph .options .exportbutton, .tabrepfilter .options .exportbutton  { margin-left: 0;}

@media only screen and (max-width: 768px) {
	
	.graph   .options .trange {  width: 225px; padding: 6px; }

	.graph .quickperiod, .tabrepfilter  .quickperiod{
		margin-bottom: 10px;	
	}
	.graph .options { 
		width: 100%;
		height: 55px;
		margin: 0 0 -5px 0;	
		text-align: center;		
	}
	.graph .trange, .tabrep .trange {
		font-size:12px;
		width: 235px;
		text-align: center;	
	}
}

.graph .quickperiod a, .tabrepfilter .quickperiod a {
	margin-right: 10px;
	color: #17a2b8;
}

.graph .quickperiod a:hover, .tabrepfilter .quickperiod a:hover {
	color: #77c9d6;
}

/* Легенда основного графика */
.dygraph-legend > span.highlight { border: 1px solid grey; }

.glegend { 
	text-align: center;
}

.glegend .seria {
	display: inline-block;
	margin: 2px;
	padding: 0px 3px 3px 10px ;
	min-width: 170px;
	border: 1px solid #FFF;	
	text-align: left; 
	border-radius:5px;
	cursor: pointer;
}
.glegend .seria.highligh {
	background-color: #f2fbf8;
	border: #a3e1d4 solid 1px;
	
}
/*.glegend .seria:before { content: "\25A0"; color:inherit; font-size:20px; margin-right: 5px; }*/
.glegend .seria div { display: inline-block; }

.glegend .timelabel { font-weight: bold; position:absolute; top: 15px; right:87px;  padding: 3px; background-color: #FFF; }

.glegend .val { font-weight: bold; }

.glegend .shide { text-decoration: line-through; }
.glegend .shold { font-weight: bold; }

.glegend .seria i { display: inline-block; font-size: 20px; margin-right: 5px; }

.graph [ps-type="waiterblock"] {position: relative; }

/* выбор цвета*/
.graph .palette-color-picker-button { 
	position: absolute; 
	width: 0; 
	height: 0; 
	margin-top: 12px; 
	margin-left: -9px; 
	box-shadow: none; 
	background:none; 
	border:none 
} 
.graph .palette-color-picker-button .clear { display: none; }
.graph .palette-color-picker-button .swatch { margin-bottom: 5px; }

*:focus { outline: none; }

.alertsfilter .caption b { color: #1ab394 }
.alertsfilter .caption { line-height: 20px }
.alertsfilter .filterelem { display: inline-block; float:left; }

.actionsfilter .caption b { color: #1ab394 }
.actionsfilter .caption { line-height: 20px }
.actionsfilter .filterelem { display: inline-block !important; margin-bottom: 15px; }

@media only screen and (max-width: 850px) {
	.actionsfilter .ibox-content  { padding: 10px 10px 10px 10px; }
	.actionsfilter .control-label { width: 110px;}
	.actionsfilter .datepicker    { padding: 0 !important; }
	.actionsfilter .datepicker input { padding: 5px; width: 77px !important; }
	.actionsfilter .datepicker span { padding: 0 3px 0 3px !important; }
	.actionsfilter .pariod_y { display:none; }
	.actionsfilter .quickperiod { margin-left: 92px !important; }	
}

.topfilter .ibox-content {
	position: relative;
    width: 100%;
    margin-bottom: -35px;
	padding-top:20px;
}

.topfilter .ibox-content > div {
	width: calc(100% - 120px); 
}
.topfilter button {
	position: absolute;
    right: 0;
	margin-right: 20px;
}

.topfilter .datepicker {
    padding: 0 25px 0 0;
}

.topfilter .datepicker input {
    display: inline-block;
    width: 90px;
	height: 34px;
    float: none;
}

.topfilter .datepicker span {
    display: inline-block;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    padding: 0 5px 0 5px;
}

.topfilter .quickperiod {
    display: inline-block;
    padding: 0 0 0 20px;
    margin-top: 7px;
}

.topfilter .quickperiod a {
    margin-right: 10px;
    color: #17a2b8;
}

.topfilter label {
    width: 120px;
    padding-top: 7px;
    text-align: right;
    padding-right: 15px;
}
.actionspage .loading { margin-top:70px}

.topfilter .hide { display: none !important; }

@media only screen and (max-width: 790px) {
	.topfilter .quickperiod {
		margin-left: 100px;
	}
	.topfilter .ibox-content > div {
	width: 100%; 
}
}

@media only screen and (max-width: 570px) {
	.topfilter button {
		display: inline-block;
		position: relative;
		margin: 25px 0 0 120px;
	}
}

.setelems > div {
	margin: 10px 0;
	padding: 5px 10px;
	border-radius: 3px;
	border: 1px dotted #ddd;
	background-color: #F8F8F8;
	max-width:436px;
	width:100%;
}


.navbar-static-side {
	top: 0;
	bottom: 0;
}
.navbar-static-side .sidebar-container {
	position: relative;
}
.navbar-static-side .sidebar-container .close-navbar-link {
	position: absolute;
	top: 5px;
	right: 13px;
	background: none;
	border: none;
	padding: 0;
	z-index: 4;
	display: none;
}
.close-navbar-link i {
	color: #a7b1c2;
	font-size: 30px;
}
.navbar-top-links>.dropdown>a {
	background: none !important;
}
.mini-navbar .lphomeico   { display: block; }
.mini-navbar .lphomefull { display: none; }
.mini-navbar  .lpmap {
	padding:0;
}
.mini-navbar  .lpmap i {
	margin: 10px 15px 10px 15px;
}
.navbar-active #page-wrapper {
	margin: 0;
}
.navbar-active .navbar-static-side {
	display: none;
	width: 0;
}
.navbar-static-side .nav-header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2;
}
.navbar-static-side .leftmenu:first-child {
	padding-top: 107px;
}
.navbar-right .dropdown-menu {
	right: 0;
	left: auto;
}
#page-wrapper {
	padding: 0;
	overflow: hidden;
}
.wrapper-content {
	padding:0px 0 0px;
	/*padding:71px 0 0px;*/
}

.notallalerts { background: none !important; border: 1px #BBB dashed; min-height: 100px;}
.notallalerts .media-body { text-align: center; }
.notallalerts h3, .notallalerts h4 { font-weight: 400; color: #888;}
.notallalerts h3 { font-size: 15px; margin-top: 5px }
.notallalerts h4 { font-size: 12px; width:180px; display: inline-block;  margin-top: 3px; margin-bottom: 20px;}
.inneralerts .notallalerts h4 { font-size: 14px;  margin-top: 10px; width: 100%; margin-bottom: 0px;}
.inneralerts .notallalerts h3 { font-size: 18px; margin-top: 8px }

.notallactions { padding-top: 0px !important; padding-bottom: 20px !important; }

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
	.navbar-static-side .sidebar-container .close-navbar-link {
	display: block;
	}	
	.navbar-static-side {
	/*display: none !important;*/
	width: 100% ; 
	background: #2f4050;
	top: 0;
	bottom: 0;
	}
	.navbar-top-links {
	float: none;
	padding: 0 0 0 75px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	max-width:66%;
	margin:0 auto;
	text-align: center;
	}
	.navbar-top-links>li>a {
	padding:14px 10px !important;
	}
	.navbar-top-links>li:last-child {
	float: right;
	}
	.navbar-top-links .count-info .label-warning {
	top: 14px !important;
	right: 4px !important;
	}
	.navbar-header {
	float: left;
	top: 0;
	}
	body.navbar-active .navbar-static-side {
	display: block !important;
	width: 270px !important;
	position: fixed !important;
	}
	.wrapper-content.rsidebar-open {
	padding-right: 10px !important;
	}
	body.mini-navbar #page-wrapper {
	margin: 0 !important;
	}
	body.mini-navbar .navbar-static-side {
	width:270px !important;
	display: block !important;
	}
	.minimalize-styl-2 {
	margin-right: 14px;
	}
	body.mini-navbar .minimalize-styl-2 {
	margin-right: 5px;
	}
	.footer {
	/*display: none;*/
	}
}

@media only screen and (max-width: 510px), only screen and (max-device-width: 510px) {

}

@media only screen and (max-width: 350px), only screen and (max-device-width: 350px) {
.nav.navbar-top-links li.dropdown {
display: inline-block !important;
}
}

@media only screen and (max-width: 1300px), only screen and (max-device-width: 1300px) {
h2 {font-size: 21px}
}



.innerblock h3 { margin-bottom: 20px;}
.popover[role="tooltip"] {width: 240px; }

.alertpage .infotab .object { display: none }
.alertpage .infotab .sensor { display: none }
.alertpage .panel-body {padding:7px 10px }

.commblock {display: inline-block; width:100%}

.alertpage .modal-body { padding:0; }
.alertpage .alertinfo  { padding:20px 20px 20px 35px; border-bottom: 1px solid #e7e7e7; background-color: #f3f5f6; } 
.alertpage .alerthyst  { padding:0px 50px 0px 10px; }
.alertpage .commblock  { padding:0px 35px 20px 35px; }

.alertpage .hist-time  { display: inline-block; }
.alertpage .hist-user  { display: inline-block; }

.alertpage span.alcom { display: inline-block; }

/* Планировщики для Ауры*/

.scheds { margin:5px; } 
.scheds table {width: 100%}
.scheds table td { padding: 0px 5px; }
.scheds  [ps-type='sched_num']   { width:30px; font-size:20px; text-align:center;}
.scheds  [ps-type='sched_about'] { padding-left:10px; border-left:#d7dadc 1px dotted; font-size:13px;}
.scheds  [ps-type='sched_edit']  { width:50px; text-align:right;}
.scheds .sched {margin-bottom:10px;}
.scheds button {padding: 9px 11px}
.scheds .disable {color: #ed8595; }
.scheds .info    {color: #1ab394; }	

/**/

@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) {
body[ps-in~="nomargin"] #page-wrapper { background-color: #FFF !important; }
body[ps-in~="grayback"] #page-wrapper { background-color: #fbfcfd !important; }
body[ps-in~="nomargin"] [ps-type="param_group"] { padding:5px; border-top: none; }
body[ps-in~="nomargin"] [ps-type="param_group"] .form-control { padding: 0 0 0 7px;}
body[ps-in~="nomargin"] [ps-type="param_group"] select.form-control { padding: 0 0 0 2px;}
body[ps-in~="nomargin"] [ps-type="param_group"] select.form-control[disabled] { padding: 0 0 0 7px;}

.form-control[disabled="disabled"] { padding-left: 9px !important; }

.myinfopanel div { padding-top:3px; padding-bottom:0px }
.myinfopanel div h3 { font-size: 13px;}
.myinfopanel .panel { margin-bottom: 15px;}

body[ps-in~="nomargin"]  .wrapper-content { /*padding-top: 54px*/}
body[ps-in~="nomargin"]  .myinfopanel  { margin: 0}
body[ps-in~="nomargin"]  .myinfopanel .panel { border: 1px solid transparent; border-radius: 0px; margin-bottom:0px}
body[ps-in~="nomargin"]  .innerblock { padding-left: 15px; padding-right: 15px; }

body[ps-in~="nomargin"] .form-group label { padding-top: 7px !important }
.form-group > div {padding-left:0;}

.innerblock h3 { margin-top: 20px;}

.alertpage { padding: 0; }

.alertinfoheader { margin:0; padding-bottom: 5px !important; border-bottom: #DDD solid 1px;}

.alertpage .infotab .objectsensor { display: none }
.alertpage .infotab .object { display: table-row }
.alertpage .infotab .sensor { display: table-row }

.alertpage {background-color: #f8fafb}

.alertpage { background-color: #f8fafb; }

.alertpage .alertinfo  { padding:20px 20px 20px 30px; background-color: #f5f7f8} 
.alertpage .alerthyst  { padding:0px 40px 0px 10px; }
.alertpage .commblock  { padding:0px 30px 20px 30px; }

.alertpage .alertinfoheader h3 { font-size: 14px; }

.alertpage form { margin-bottom: 0px }
.alertpage .modal-footer { padding: 20px 28px 10px 25px; background-color: #fbfcfd; }

.scheds {margin: 10px 0 0 0;}
}

.quickcomm { float:left; }
.quickcomm .dropdown-menu {  margin-left: 2px; margin-top: 1px; }
.quickcomm .dropdown-menu > li > a { line-height: 15px;} 

.quickcomm  .dropdown-toggle::after { 
display: inline-block;
width: 0;
height: 0;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent;
}

/******** FOR SLIDE OUT *******/

/* CUT OLD */
#page-wrapper {margin: 0 !important; } 
.navbar-static-top {padding: 0 !important; }
#leftmenu {overflow-y: hidden; }

#page-wrapper.leftmenuopened {width: calc(100% - 256px); }
@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
	#page-wrapper.leftmenuopened {width: 100%; }
}


body {
	width: 100%;
	height: 100%;
}

.slideout-menu {
	position: fixed;
	top: 0;
	bottom: 0;
	width: 256px;
	min-height: 100vh;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	z-index: 0;
	display: none;
}

.slideout-menu-left {
	left: 0;
}

.slideout-menu-right {
	right: 0;
}

.slideout-panel {
	position: relative;
	z-index: 1;
	will-change: transform;
	/*background-color: #FFF; /* A background-color is required */
	min-height: 100vh;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
	overflow: hidden;
}

.slideout-open .slideout-menu {
	display: block;
}

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px)
{
	.navbar-header {
		margin-left: 10% !important;
		width: 26%;
		text-align: center;
	}

	.navbar-header .btn-primary {
		margin-left: 0 !important;
		margin-right: 0 !important;
		/*margin-left: 10%px !important;
		width: 26%;*/
	}
	
	ul.navbar-top-links {
		position:relative !important;
		float: right;
		padding: 0;
		margin-right:10%;
		width: 53% !important;
	}
	
	ul.navbar-top-links li { width: 50% !important; padding: 0 !important; margin: 0 !important; }
	
	ul.navbar-top-links .dropdown-toggle {float: right; padding-right:0 !important; }
	ul.navbar-top-links .dropdown-toggle i {margin-right:0; }
	
	.topbell .label  { right: unset !important; top: 8px !important; }
	.topbell .labelblock  { left: calc(50%) }
}

/* Форма калибровки */

.calarea  {border: 1px dashed #CCC; background-color:#f5f8f9; padding: 15px 15px 0 15px; width: 100%; margin: 0 auto; margin-bottom: 5px; margin-top: 20px; text-align: center; border-radius: 10px;}
.calarea .aboutcal {margin: 5px 5px 20px 5px; }
.calarea .calbutton {text-align: left}
.calarea .control-label { text-align: right; }
.calarea .control-label	{ padding-right:0; }
.calarea [ps-type="param"] { width: 90px !important; }

.calval { font-size: 18px; font-weigth:bold; color: #17a2b8;  padding-top:2px;} 
.calval .minibut {margin-left: 10px; font-size: 15px; color: #777a7c; }
.calval .minibut:hover { text-shadow: #BBB 0px 0px 4px}

.sampleline .forinp { padding-left: 20px; padding-right: 5px; }
@media only screen and (max-width: 768px), only screen and (max-device-width: 768px)
{
	.sampleline .forinp { padding-left: 15px; padding-right: 0px; }
}
.sampleline .forinp input { width: 100% !important; }
.sampleline .fixok i {color: #1ab394; font-size: 20px; padding-top: 6px; }
.sampleline label.error  { margin-bottom: 5px; }
.calres {margin: 15px 20px 10px 20px; text-align: center;}
.calres [ps-type="cal_result"] {padding: 0 0 -7px 0}
.calres [ps-type="cal_result"] div:first-child {padding-bottom: 7px}
[ps-type="cal_caption"] div { padding-top: 6px; font-size: 14px} 

label.error {display: none !important; }
.error label.error {display: inline-block !important; }
label.error {text-align: center; width:90%; margin: 3px 0 0 0;}

.showmobile   {display: none; }
.shownomobile {display: inline; }

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
	.shownomobile {display: none ; }
	.showmobile {display: inline; }
}

	@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
	div[ps-view="common_graph"] {
		margin: 0 0 0 !important;
	}
}

/* Экспорт */
.export_types { margin: 20px 20px; }
.exptype { margin: 20px 0 25px 0; }
.exptype label { margin-left: 10px }

.expobjselect { display: inlin-block; margin: 0 20px 0 20px; }
.expobjselect .i-checks { margin: 10px 0 10px 0; display: inline-block; }
.expobjselect .i-checks label { margin-right: 25px;  margin-left: 10px; }

.exptype .chosen-container { margin: 10px 0 0px 33px; }
.chosen-choices   { padding-top:3px !important;}
.chosen-choices .search-field { margin-top: -3px !important; padding-left: 7px !important;}

.export_opts    { padding: 0px 30px 0px 30px; }
.export_opts .combo label,  .export_opts .datepicker label {text-align: left; }
.export_buttons {text-align: center; }

.expobj  { padding: 5px 30px 10px 20px; }

.export_opts .datepicker        { width: 100%; padding: 0;}
.export_opts .datepicker input  { height: 32px; font-size: 14px; text-align: left; padding-left: 12px}
.export_opts .datepicker > div  { display : block !important; }

.export_result .restext       { text-align: center; margin: 15px 20px 20px 20px; font-weight: bold;}
.export_result .restext.ok a  { border-bottom: 1px dashed #1ab394 !important; }
.export_result .restext.ok      { color: #1ab394; }
.export_result .restext.error   { color: #dc3545; }
.export_result .errstr  		{ color: #f8ac59; }
.export_result .restext.waiting { color: #f8ac59; }
.export_result .sk-spinner { display: inline-block; margin: 0 0 -7px 10px; }
.export_result .sk-spinner-fading-circle .sk-circle:before { background-color: #f8ac59; }

.export [ps-type="expdev"], .export [ps-type="expset"] {color: #888; margin-top:10px}
.export h3 { margin-bottom: 0px}

.export .chosen-container { width:88% !important; }
.export [ps-type="export_set"] .chosen-container { width:100% !important; }
[frame_modal="common_export"] #modalframe { box-shadow: none;  }

.import_result .restext       { text-align: center; margin: 15px 20px 20px 20px; font-weight: bold;}
.import_result .restext.ok      { color: #1ab394; }
.import_result .restext.error   { color: #dc3545; }
.import_result .errstr  		{ color: #f8ac59; }
.import_result .restext.waiting { color: #f8ac59; }
.import_result .sk-spinner { display: inline-block; margin: 0 0 -7px 10px; }
.import_result .sk-spinner-fading-circle .sk-circle:before { background-color: #f8ac59; }


/* Мобильная версия экспорта */
.exptype .chosen-select { 
	margin: 10px 0 0px 33px; 
	padding: 5px !important;
	font-size: 13px; 
	background-color: #fff;
	border: 1px solid #e5e6e7;
	border-radius: 4px;
	padding: 0;
	width: 80%; 
}

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
	.export_opts .datepicker input  { width: 112px; }
	.export_opts    { padding: 10px 20px 0px 20px; }
	.export_types { margin: 20px 15px; }
}

.vallog textarea {
	width: 100%; 
	height:500px; 
	margin-top:20px;
	font-family: courier;
	font-size: 12px;
}

/* spinner cell graph */ 
.spinner {
	width: 30px;
	height: 30px;
	margin: 10px auto;
	background-color: #1ab394;

	border-radius: 100%;  
	-webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
	animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
	0% { -webkit-transform: scale(0) }
	100% {
	-webkit-transform: scale(1.0);
	opacity: 0;
	}
}

@keyframes sk-scaleout {
	0% { 
	-webkit-transform: scale(0);
	transform: scale(0);
	} 100% {
	-webkit-transform: scale(1.0);
	transform: scale(1.0);
	opacity: 0;
	}
}

/*
@media print { 
	body{ visibility: hidden; }
	#mainarea, #page-wrapper { position: static !important; transform: none !important; width: 95% !important; }
	#wrapper { height: 600px; overflow-y: hidde; }
	#maingraph {			
		top:0;
		left:0;
		right:0;
		bottom: 0;
		border: none;
		width: 90%;
		visibility: visible;
		position: absolute;
		transform: scale(0.5, 0.5);
	}
	}*/
	
.printbody { 
	background-color: #FFF;
	height: 200px;
} 
.printarea {
	/*max-width: 900px;*/
	margin: 10px auto;
}
.printbody .footer, .printbody .modal-footer, .printarea .graph .quickperiod { display: none; }

.printarea { margin: 0 }
.printarea .grapharea { padding: 0; }
.printarea #mainframe { padding: 0; min-height: 300px;}
.printarea #maingraph { padding: 10px 0; }

.printbody .tabrep .trange, .printbody .graph .trange, .printbody .redrawbutton { display: none;  }

@media print { 
	.datepicker input { border: none; }
	.printarea button, .printbody  [ps-type="graph_y1opt"] { display: none; }
	.dygraph-legend { display: none; }
} 

/*** Table   ***/

[ps-view="common_edit_table_columns"] [ps-type="nocaptions"] {
	text-align: center;
	font-weight: bold;
	color: #99182f;
}

.simple_list .ibox-content { padding-top: 20px;}
.simple_list .table { margin-bottom: 0px;}
.simple_list thead i { font-size: 21px; margin: 3px } 

.simple_list thead td[ps-cell="AC"] { width: 70px; }
.simple_list thead td[ps-cell="T1"] { width: 70px; }

.simple_list td         { text-align: center;  }
.simple_list td.devname { text-align: left; font-weight: 400; padding: 10px; font-size:14px; }
.simple_list thead td.devname { font-weight: 600 }

.simple_list td { border-left: 1px dashed #E8E8E8;  }
.simple_list td.alertscol { vertical-align: middle; }

.simple_list td h4 { margin-bottom: 5px; }

.simple_list .alertscol { font-size: 12px; font-weight: bold;}
.simple_list .alertscol i { font-size: 12px; }

.simple_list table { border: 1px solid #DDD; }
.simple_list td    { border-bottom: 1px solid #DDD; }
.simple_list thead           { background-color: #F5F5F5; }
.simple_list tr.online       { background-color: #EEEEEE; }
.simple_list tr.online       { background-color: #F5FAF5; }
.simple_list tr.offline      { background-color: #FAF5F5; }
.simple_list tr.has-alerts   { background-color: #FFE8E8; }
.simple_list tr.has-warnings { background-color: #FFE8E8; }

.simple_list tr.offline .infocell[ps-cell="T1"]  { display: none; }
.simple_list tr.offline .infocell[ps-cell="AC"]  { display: none; }
.simple_list tr.offline .infocell[ps-cell="BAT"] { display: none; }
.simple_list tr.offline .infocell[ps-cell="BAL"] { display: none; }
.simple_list .infocell, .simple_list .alertscountblock { cursor: pointer; }

.viewtab .coltype { display: inline-block; font-weight: bold; margin: 3px 0; }

.viewtab thead td { vertical-align: middle !important; max-width: 100px;  } 

.viewtab .alertscountblock, .viewtab .devname { text-shadow: none !important;}
.viewtab .alertscountblock span { margin-left: 3px;}
.viewtab .devname {max-width: 300px}

.viewtab tr.offline { background-color: #eadada; }

.viewtab table.dataTable  thead td.sorting:after { display: none; }
.viewtab table.dataTable  thead td { padding-right: 8px !important; }

.viewtab table.dataTable  thead td.sorting_asc:after, .viewtab table.dataTable  thead td.sorting_desc:after { 
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 1px 3px;
	font-size: 16px;
	border-bottom: 1px dashed #aaa;
	border-left: 1px dashed #aaa;
	height: 24px;
	width: 25px;
	background-color: #F5F5F5;
}
.viewtab .row:after {clear: none; }

.viewtab .tabheader { margin-bottom: -15px; display: flex; align-items: center; }
.viewtab .tabcaption  { display: inline-block; font-size: 16px; margin: 0 auto; padding-left:30px; padding-right: 150px; margin-top: 7px; margin-bottom: -7px;}
.viewtab .tab_menu { display: inline-block; margin-left: 5px; }
.viewtab .tab_menu button { margin-right: 5px; }
.viewtab .tab_menu button i { margin-right: 3px; }
.viewtab .dataTables_filter label { margin-right: 2px;}

.viewtab .tabmenublock { position: absolute; }

.viewtab .tab_menu {
	position: absolute;
	width: 500px;
	left: -500px;
	transition: left .4s, transform .6s;
}
.viewtab  .tabmenublock.open .tab_menu { left: 35px; }
.viewtab  .tabmenublock.open .fa-bars:before { content: "\f053"; padding-right: 2px; }
.viewtab  .tabmenublock.open .fa-bars { margin-top: 0; }
.viewtab .col-sm-12 { width: calc(100% - 6px)}

@media only screen and (max-width: 900px), only screen and (max-device-width: 900px)
{
	.viewtab .table-responsive { border: none; margin-top: 35px; }
	.viewtab .dataTables_filter { display: none; }
	.viewtab .tabcaption { padding-right:0; }

	.viewtab .tab_menu button i { margin-right:0 }
	
	.viewtab .tab_menu [ps-but="access"] span,
	.viewtab .tab_menu [ps-but="unlink"] span,
	.viewtab .tab_menu [ps-but="remove"] span { display:none; }

	.viewtab .tab_menu [ps-but="access"],
	.viewtab .tab_menu [ps-but="unlink"],
	.viewtab .tab_menu [ps-but="remove"] { height: 30px;padding-left: 10px; }
	
	.viewtab tr td { display: none; }
	.viewtab tr td:nth-child(-n+5) { display: table-cell; width: 30px;  }
	.viewtab tr td.alertshead { width: 30px }
	.viewtab tr td. devname   { width: 80px }
	.viewtab tr td .caption span { font-size: 10px; max-width: 40px; display: inline-block; overflow-x: hidden; }
	
}

/******* For Senders *******/

[ps-type="email_confirm"] { margin-bottom: 0px }

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px)
{
	form[ps-object='sender'] .subtitle h3 { display:none; }
	form[ps-object='sender'] .subtitle { margin-top: -20px;}
	[ps-type="email_confirm"] { margin-bottom: -10px }
}

#period_comment { text-align: center; margin-bottom:10px; }

/******* Export Options *******/

.export_opts select[name="severity"] { width: 200px; float:right }

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px)
{
	.export_opts select[name="severity"] { width: 180px; float:right }
}

/* Route Reports */

.reppage .savebuts { 		     
	position: absolute; 
	right: 25px;
	top: 25px;
	font-size: 25px;
}

.reppage .savebuts .ask  { color: #999c9e; cursor: pointer; }
.reppage .savebuts .wait { color: #f18b1d; }
.reppage .savebuts .link { color: #1ab394; cursor: pointer; }

.reperr { padding: 30px 20px 40px 20px; }
.reperr h2 { font-size: 18px; }
.reperr h3 { color: #800; }

.reppage #report_container { position: relative; } 

/******* Сounter Ыtat *******/	

.counter_stat { text-align: center; }
.counter_stat_tab { padding: 10px 0 10px 0; display: inline-block; }
.counter_stat_header, .counter_stat_line { display: block; float: none;}
.counter_stat_header th { width: 150px; text-align: right; font-size: 12px; padding: 10px; font-weight: 100; color:#BBB;}
.counter_stat_line   td { width: 150px; text-align: right; font-size: 18px; padding: 10px; }
.counter_stat_line { border-top: #E8E8E8 solid 1px; }

.counter_stat .part, .counter_stat .kpi { width: 100px; }

.counter_stat .name { width: 150px; text-align: left; font-size: 12px; }
.counter_stat .name [ps-cell="codecap"] { font-weight:600; }
.counter_stat .name [ps-cell="devcap"]  { color:#BBB; }

.counter_stat h2   { line-height: 32px; margin: 15px 0 0 0; }
.counter_stat h2 b { font-size: 19px; font-weight: 400; }

.counter_stat .values { width: 300px; }
.counter_stat .values .fa { color:#DDD; font-size: 18px; margin:0 5px; }
.counter_stat .longpostfix { font-size: 15px; }

.counter_stat .cnorm-warning { color: #ed7b27 !important; }
.counter_stat .cnorm-alert   { color: #ed2727 !important; }

.counter_stat_sum .name { font-size: 14px;  font-weight: 600;} 

.counter_stat .counter_stat_header.mobile { display: none; }

@media only screen and (max-width: 900px), only screen and (max-device-width: 900px)
{
	.counter_stat_tab { padding: 0 0 5px 0; }
	
	.counter_stat .counter_stat_header		  { display: none; }
	.counter_stat .counter_stat_header.mobile { display: block; }
	
	.counter_stat h2   { font-size: 17px; line-height: 26px; }
	.counter_stat h2 b { font-size: 15px; } 
	
	.counter_stat .norm   { display: none; }
	.counter_stat .values { display: none; }
	
	.counter_stat th, .counter_stat td  { width: 60px !important; font-size: 14px }
	.counter_stat th { font-size: 12px } 
	
	.counter_stat .name   { width: 150px !important;}
	.counter_stat .delta  { width: 80px !important;}
	
	.counter_stat .longpostfix { display: none; }

}

/* Stat Table */
.tablestat { border: 1px #DCDCDC solid !important; margin-top: 5px; }
.tablestat td { text-align: left; font-weight: 400; padding: 8px 15px !important; font-size: 14px; color: #888; text-align: right; }
.tablestat thead td { font-weight: 600; background-color: #F0F0F0;  }
.groupstat td { font-weight: 600; }
.groupstat.lvl0 td { background-color:#F0F0F0; border-bottom: 1px #DCDCDC solid !important; }
.groupstat.lvl1 { background-color:#F6F6F6; }
.groupstat.lvl2 { background-color:#F9F9F9; }
.groupstat.lvl3 { background-color:#FCFCFC; }

.tablestat td.id      { width: 100px; text-align: center; }
.tablestat td.caption { text-align: left; }
.tablestat td.addtime { width: 120px; text-align: left; }
.tablestat td.devs    { width: 170px; text-align: left; }
.tablestat td.nodes   { width: 140px; }
.tablestat td.inputs  { width: 140px; }
.tablestat td.outputs { width: 140px; }
.tablestat td.group   { text-align: left; }
.tablestat td.online  span { color: #18a689; }
.tablestat td.offline span { color: #a94442; }
.tablestat td.status  { text-align: left; }