/* Minification failed. Returning unminified contents.
(10380,86): run-time error CSS1031: Expected selector, found ','
 */
/*! jQuery UI - v1.12.1 - 2017-08-09
* http://jqueryui.com
* Includes: core.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, menu.css, slider.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
/*!
 * Copyright (c) 2014 Tamble, Inc.
 * Licensed under MIT (https://github.com/tamble/jquery-ui-daterangepicker/raw/master/LICENSE.txt)
 */

.comiseo-daterangepicker-triggerbutton.ui-button {
	text-align: left;
	min-width: 18em;
}

.comiseo-daterangepicker {
	position: absolute;
	padding: 5px;
}

.comiseo-daterangepicker-mask {
	margin: 0;
	padding: 0;
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	/* required for IE */
	background-color: #fff;
	opacity: 0;
	filter: alpha(opacity = 0);
}

.comiseo-daterangepicker-presets,
.comiseo-daterangepicker-calendar {
	display: table-cell;
	vertical-align: top;
	height: 230px;
}

.comiseo-daterangepicker-right .comiseo-daterangepicker-presets {
	padding: 2px 7px 7px 2px;
}

.comiseo-daterangepicker-left .comiseo-daterangepicker-presets {
	padding: 2px 2px 7px 7px;
}

.ui-menu {
	white-space: nowrap;
}

.comiseo-daterangepicker .ui-widget-content,
.comiseo-daterangepicker .ui-datepicker .ui-state-highlight {
	border-width: 0;
}

.comiseo-daterangepicker > .comiseo-daterangepicker-main.ui-widget-content {
	border-bottom-width: 1px;
}

.comiseo-daterangepicker .ui-datepicker .ui-datepicker-today .ui-state-highlight {
	border-width: 1px;
}

.comiseo-daterangepicker-right .comiseo-daterangepicker-calendar {
	border-left-width: 1px;
	padding-left: 5px;
}

.comiseo-daterangepicker-left .comiseo-daterangepicker-calendar {
	border-right-width: 1px;
	padding-right: 5px;
}

.comiseo-daterangepicker-right .comiseo-daterangepicker-buttonpanel {
	float: left;
}

.comiseo-daterangepicker-left .comiseo-daterangepicker-buttonpanel {
	float: right;
}

.comiseo-daterangepicker-buttonpanel > button  {
	margin-top: 6px;
}

.comiseo-daterangepicker-right .comiseo-daterangepicker-buttonpanel > button {
	margin-right: 6px;
}

.comiseo-daterangepicker-left .comiseo-daterangepicker-buttonpanel > button {
	margin-left: 6px;
}

/* themeable styles */
.comiseo-daterangepicker-calendar .ui-state-highlight a.ui-state-default {
	background: #b0c4de;
	color: #fff;
}
.xdsoft_datetimepicker {
	box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
	background: #fff;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	color: #333;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 8px;
	padding-left: 0;
	padding-top: 2px;
	position: absolute;
	z-index: 9999;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
}
.xdsoft_datetimepicker.xdsoft_rtl {
	padding: 8px 0 8px 8px;
}

.xdsoft_datetimepicker iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 75px;
	height: 210px;
	background: transparent;
	border: none;
}

/*For IE8 or lower*/
.xdsoft_datetimepicker button {
	border: none !important;
}

.xdsoft_noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.xdsoft_noselect::selection { background: transparent }
.xdsoft_noselect::-moz-selection { background: transparent }

.xdsoft_datetimepicker.xdsoft_inline {
	display: inline-block;
	position: static;
	box-shadow: none;
}

.xdsoft_datetimepicker * {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
	display: none;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
	display: block;
}

.xdsoft_datetimepicker .xdsoft_datepicker {
	width: 224px;
	float: left;
	margin-left: 8px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
	float: right;
	margin-right: 8px;
	margin-left: 0;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
	width: 256px;
}

.xdsoft_datetimepicker .xdsoft_timepicker {
	width: 58px;
	float: left;
	text-align: center;
	margin-left: 8px;
	margin-top: 0;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
	float: right;
	margin-right: 8px;
	margin-left: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
	margin-top: 8px;
	margin-bottom: 3px
}

.xdsoft_datetimepicker .xdsoft_monthpicker {
	position: relative;
	text-align: center;
}

.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}

.xdsoft_datetimepicker .xdsoft_label i {
	opacity: 0.5;
	background-position: -92px -19px;
	display: inline-block;
	width: 9px;
	height: 20px;
	vertical-align: middle;
}

.xdsoft_datetimepicker .xdsoft_prev {
	float: left;
	background-position: -20px 0;
}
.xdsoft_datetimepicker .xdsoft_today_button {
	float: left;
	background-position: -70px 0;
	margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_next {
	float: right;
	background-position: 0 0;
}

.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev ,
.xdsoft_datetimepicker .xdsoft_today_button {
	background-color: transparent;
	background-repeat: no-repeat;
	border: 0 none;
	cursor: pointer;
	display: block;
	height: 30px;
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	outline: medium none;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	width: 20px;
	min-width: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
	float: none;
	background-position: -40px -15px;
	height: 15px;
	width: 30px;
	display: block;
	margin-left: 14px;
	margin-top: 7px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
	float: none;
	margin-left: 0;
	margin-right: 14px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
	background-position: -40px 0;
	margin-bottom: 7px;
	margin-top: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
	height: 151px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div {
	background: #f5f5f5;
	border-top: 1px solid #ddd;
	color: #666;
	font-size: 12px;
	text-align: center;
	border-collapse: collapse;
	cursor: pointer;
	border-bottom-width: 0;
	height: 25px;
	line-height: 25px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child {
	border-top-width: 0;
}

.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.xdsoft_datetimepicker .xdsoft_label {
	display: inline;
	position: relative;
	z-index: 9999;
	margin: 0;
	padding: 5px 3px;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	background-color: #fff;
	float: left;
	width: 182px;
	text-align: center;
	cursor: pointer;
}

.xdsoft_datetimepicker .xdsoft_label:hover>span {
	text-decoration: underline;
}

.xdsoft_datetimepicker .xdsoft_label:hover i {
	opacity: 1.0;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
	border: 1px solid #ccc;
	position: absolute;
	right: 0;
	top: 30px;
	z-index: 101;
	display: none;
	background: #fff;
	max-height: 160px;
	overflow-y: hidden;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{ right: -7px }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{ right: 2px }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
	color: #fff;
	background: #ff8000;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
	padding: 2px 10px 2px 5px;
	text-decoration: none !important;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
	background: #33aaff;
	box-shadow: #178fe5 0 1px 3px 0 inset;
	color: #fff;
	font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_month {
	width: 100px;
	text-align: right;
}

.xdsoft_datetimepicker .xdsoft_calendar {
	clear: both;
}

.xdsoft_datetimepicker .xdsoft_year{
	width: 48px;
	margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar table {
	border-collapse: collapse;
	width: 100%;

}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
	padding-right: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
	height: 25px;
}

.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th {
	width: 14.2857142%;
	background: #f5f5f5;
	border: 1px solid #ddd;
	color: #666;
	font-size: 12px;
	text-align: right;
	vertical-align: middle;
	padding: 0;
	border-collapse: collapse;
	cursor: pointer;
	height: 25px;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
	width: 12.5%;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
	background: #f1f1f1;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
	color: #33aaff;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
	background: #ffe9d2;
	box-shadow: #ffb871 0 1px 4px 0 inset;
	color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
	background: #c1ffc9;
	box-shadow: #00dd1c 0 1px 4px 0 inset;
	color: #000;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
	background: #33aaff;
	box-shadow: #178fe5 0 1px 3px 0 inset;
	color: #fff;
	font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled {
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	cursor: default;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
	opacity: 0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
	color: #fff !important;
	background: #ff8000 !important;
	box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
	background: #33aaff !important;
	box-shadow: #178fe5 0 1px 3px 0 inset !important;
	color: #fff !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover {
	color: inherit	!important;
	background: inherit !important;
	box-shadow: inherit !important;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
	font-weight: 700;
	text-align: center;
	color: #999;
	cursor: default;
}

.xdsoft_datetimepicker .xdsoft_copyright {
	color: #ccc !important;
	font-size: 10px;
	clear: both;
	float: none;
	margin-left: 8px;
}

.xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important }
.xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important }

.xdsoft_time_box {
	position: relative;
	border: 1px solid #ccc;
}
.xdsoft_scrollbar >.xdsoft_scroller {
	background: #ccc !important;
	height: 20px;
	border-radius: 3px;
}
.xdsoft_scrollbar {
	position: absolute;
	width: 7px;
	right: 0;
	top: 0;
	bottom: 0;
	cursor: pointer;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
	left: 0;
	right: auto;
}
.xdsoft_scroller_box {
	position: relative;
}

.xdsoft_datetimepicker.xdsoft_dark {
	box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
	background: #000;
	border-bottom: 1px solid #444;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-top: 1px solid #333;
	color: #ccc;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
	border-bottom: 1px solid #222;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div {
	background: #0a0a0a;
	border-top: 1px solid #222;
	color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
	background-color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
	border: 1px solid #333;
	background: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
	color: #000;
	background: #007fff;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
	background: #cc5500;
	box-shadow: #b03e00 0 1px 3px 0 inset;
	color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
	background: #0a0a0a;
	border: 1px solid #222;
	color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
	background: #0e0e0e;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
	color: #cc5500;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
	background: #ffe9d2;
	box-shadow: #ffb871 0 1px 4px 0 inset;
	color:#000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
	background: #c1ffc9;
	box-shadow: #00dd1c 0 1px 4px 0 inset;
	color:#000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
	background: #cc5500;
	box-shadow: #b03e00 0 1px 3px 0 inset;
	color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
	color: #000 !important;
	background: #007fff !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
	color: #666;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important }

.xdsoft_dark .xdsoft_time_box {
	border: 1px solid #333;
}

.xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller {
	background: #333 !important;
}
.xdsoft_datetimepicker .xdsoft_save_selected {
    display: block;
    border: 1px solid #dddddd !important;
    margin-top: 5px;
    width: 100%;
    color: #454551;
    font-size: 13px;
}
.xdsoft_datetimepicker .blue-gradient-button {
	font-family: "museo-sans", "Book Antiqua", sans-serif;
	font-size: 12px;
	font-weight: 300;
	color: #82878c;
	height: 28px;
	position: relative;
	padding: 4px 17px 4px 33px;
	border: 1px solid #d7d8da;
	background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	/* IE10+ */
	background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 );
/* IE6-9 */
}
.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
  color: #454551;
  background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 );
  /* IE6-9 */
}

@CHARSET "UTF-8";

html, body 
{
	height: 100%;
	margin: 0px;
	padding: 0px;
	width: 100%;
	min-width: 1000px;
}

html
{
	-webkit-text-size-adjust: 100%;
}

body 
{
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #333;
	overflow-x: hidden; /*???*/
	background: #FFF;
}

a, a:visited 
{
	text-decoration: none;
	outline: none;
	color: black;
}
a:not(.dsbl):hover 
{
	text-decoration: underline;
	/*color: #1e88e5;*/
}
a:active 
{
	text-decoration: none;
}

input::-ms-clear 
{
	display: none;
}
input[type=text], input[type=password], textarea
{
	font-family: Verdana, sans-serif;
	font-size: 14px;
	color: #333333;
	border: 1px solid #D8D8D8;
	margin: 0;
	outline: none;
	line-height: 18px;
	padding: 3px 6px;
	box-sizing: border-box;
}
textarea
{
	overflow: auto;
	resize: none;
}
input[disabled], textarea[disabled], select[disabled]
{
	color: #AAA;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus 
{
	border-color: black;
}
input.error, textarea.error, input.error:focus, textarea.error:focus 
{
	border-color: #F76B6B;
}

::-webkit-input-placeholder /* Chrome/Opera/Safari */
{
	opacity: 0.3;
}
::-moz-placeholder /* Firefox 19+ */
{
	opacity: 0.3;
}
:-ms-input-placeholder /* IE 10+ */
{
	opacity: 0.3;
}
:-moz-placeholder /* Firefox 18- */
{
	opacity: 0.3;
}

h1, h2, h3, h4, h5, p, ul, ol, li, img, table, form 
{
	margin: 0px;
	padding: 0px;
	border: none;
	font-weight: normal;
}
h1
{
	font-size: 26px;
}
table
{
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
	width: 100%;
	margin-bottom: 10px;
	font-size: 13px;
}
table:last-child
{
	margin-bottom: 0;
}
th
{
	text-align: left;
	white-space: nowrap;
}
th, td
{
	line-height: 20px;
	padding: 1px 7px;
}
th:last-child, td:last-child
{
	border-right: none;
}
tr
{
	vertical-align: top;
}
tr:first-child th:first-child
{
	border-radius: 2px 0 0 0;
}
tr:first-child th:last-child
{
	border-radius: 0 2px 0 0;
}

/* buttons */

.dsbl, .disabled
{
	opacity: 0.5 !important;
	cursor: default !important;
}
.dsbl.bright, .disabled.bright
{
	opacity: 1;
}
.sbutton::-moz-focus-inner, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel > button::-moz-focus-inner
{
	padding:0;
	border:0;
}
.sbutton:active, .sbutton:focus, 
.comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel > button:active, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel > button:focus
{
	outline: none;
}
.sbutton, .sbutton:visited, .sbutton:focus, 
.comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel > button, 
.comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel > button:focus
{
	box-sizing: border-box;
	position: relative;
	vertical-align: top;
	border-radius: 2px;
	padding: 0 25px;
	min-width: 100px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none;
	
	line-height: 25px;
	font-size: 14px;

	text-align: center;
}
input.sbutton
{
	font-family: 'Montserrat', sans-serif;
}
.sbutton, .sbutton:visited, .sbutton.dsbl:hover, .sbutton:focus, 
.comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel > button, 
.comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel > button:hover, 
.comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel > button:focus
{
	/*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);*/
	color: #FFFFFF;
	border: 1px solid #1e88e5;
	background: #1e88e5;
}
.sbutton:hover, 
.comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel > button:hover
{
	border-color: #2196f3;
	background: #2196f3;
	color: white;
	text-decoration: none;
}
.sbutton:active, 
.comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel > button:active
{
	border-color: #1976d2;
	background: #1976d2;
}
.sbutton.lgray, .sbutton.lgray:visited, .sbutton.lgray.dsbl:hover, .sbutton.lgray:focus, 
.comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel > button.ui-priority-secondary, 
.comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel > button.ui-priority-secondary:hover, 
.comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel > button.ui-priority-secondary:focus
{
	background: #FFF;
	color: #1e88e5;
	box-shadow: none;
	text-shadow: none;
}
.sbutton.lgray:hover, 
.comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel > button.ui-priority-secondary:hover
{
	background: #F5F5F5;
}
.sbutton:not(.dsbl):hover, 
.comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel > button.ui-priority-secondary:hover
{
	text-decoration: none;
}
.sbutton.lgray:active, 
.comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel > button.ui-priority-secondary:active
{
	background: #F0F0F0;
}

.buttons_row
{
	text-align: right;
}
.buttons_row .sbutton
{
	margin-left: 12px;
}

/* big checkbox */

.opt
{
	position: relative;
	box-sizing: border-box;
}
.opt input[type=checkbox], .opt input[type=radio]
{
	visibility: hidden;
	position: absolute;
}
.opt input[type=checkbox] + label, .opt input[type=radio] + label
{
	display: inline-block;
	line-height: 20px;
	font-weight: normal;
	vertical-align: top;
	max-width: 100%;
	padding-left: 28px;
}
.opt input[type=checkbox]:disabled + label, .opt input[type=radio]:disabled + label
{
	opacity: 0.5;
}
.opt:not(.dsbl) input[type=checkbox]:not(:disabled) + label:hover, .opt:not(.dsbl) input[type=radio]:not(:disabled) + label:hover
{
	cursor: pointer;
	color: #1e88e5;
}
.opt input[type=checkbox] + label > span:first-child, .opt input[type=radio] + label > span:first-child
{
	vertical-align: top;
	display: inline-block;
    margin-left: -28px;
    width: 20px;
    height: 20px;
    border: 1px solid #B0B0B0;
	border-radius: 2px;
    box-sizing: border-box;
    margin-right: 8px;
    background: white;
    position: relative;
}
.opt:not(.dsbl) input[type=checkbox]:not(:disabled) + label:hover > span:first-child, .opt:not(.dsbl) input[type=radio]:not(:disabled) + label:hover > span:first-child
{
	border-color: #333;
}
.opt input[type=checkbox]:checked + label > span:first-child:after, .opt input[type=radio]:checked + label > span:first-child:after
{
	content: "e";
	font-family: emcocommon;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	font-size: 12px;
	line-height: 18px;
	color: #333;
}
.opt input[type=checkbox]:disabled + label > span:first-child, .opt input[type=checkbox]:disabled + label > span:first-child:after,
.opt input[type=radio]:disabled + label > span:first-child, .opt input[type=radio]:disabled + label > span:first-child:after
{
	opacity: 0.5;
}
.opt input[type=checkbox] + label + a, .opt input[type=radio] + label + a
{
	display: inline-block;
	vertical-align: middle;
}
.opt input[type="checkbox"] + label > span:last-child:not(:first-child),
.opt input[type="radio"] + label > span:last-child:not(:first-child)
{
	opacity: 0.5;
	display: inline-block;
	vertical-align: top;
	margin-left: 6px;
}

.opt.radio input[type="checkbox"] + label > span:first-child,
.opt.radio input[type="radio"] + label > span:first-child
{
	border-radius: 10px;
	border-color: #888;
}
.opt.radio input[type="checkbox"]:checked + label > span:first-child::after,
.opt.radio input[type="radio"]:checked + label > span:first-child::after
{
	content: "";
	background: #777;
	top: 4px;
	left: 4px;
	right: 4px;
	bottom: 4px;
	border-radius: 8px;
}

/* toolbar buttons */

.modebar, .buttongroup
{
	white-space: nowrap;
	height: 30px;
	display: inline-block;
	vertical-align: top;
}
.buttongroup .tb-bttn:first-child
{
	margin-left: 0;
}
.buttongroup .tb-bttn + .tb-bttn
{
	margin-left: 6px;
}
.buttongroup:not(:first-child)
{
	margin-left: 12px;
}
.tb-bttn
{
	margin-left: 12px;
}
.tb-bttn, .modebar a
{
	position: relative;
	vertical-align: top;
	display: inline-block;
	padding-left: 28px;
	height: 30px;
	line-height: 28px;
	border: 1px solid #D8D8D8;
	border-radius: 2px;
	box-sizing: border-box;
}
.tb-bttn, .tb-bttn:visited, a.tb-bttn:hover, .tb-bttn span, .modebar a, .modebar a:visited, .modebar a:hover, .modebar a span
{
	color: #555;
	text-decoration: none;
}
.tb-bttn:after, .modebar a:after
{
	content: "";
	line-height: 28px;
	font-size: 18px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 28px;
	bottom: 0;
	border-radius: 3px;
}
.tb-bttn span, .modebar a span
{
	padding: 0 6px 0 0;
}
.tb-bttn:hover:not(.dsbl), .modebar a:hover:not(.dsbl)
{
	border-color: #CCC;
	background: #F1F1F1;
}
.modebar a:hover:not(.dsbl) + a
{
	border-left-color: #CCC;
}
.tb-bttn:active:not(.dsbl), .modebar a:active:not(.dsbl)
{
	background: #EEE;
}
.modebar a:not(:last-child)
{
	border-right: none;
}
.modebar a:not(:first-child)
{
	border-left-color: #EEE;
}
.modebar.radio a:first-child
{
	border-radius: 2px 0 0 2px;
}
.modebar.radio a:last-child
{
	border-radius: 0 2px 2px 0;
}
.modebar.radio a + a:not(:last-child)
{
	border-radius: 0;
}
.radio a.on:hover:not(.dsbl)
{
	background-color: #E1E1E1;
}
.modebar > a.on
{
	background-color: #E1E1E1;
	color: #333;
}
.modebar.radio > a.on
{
	cursor: default;
}
a.tb-bttn:not(.dsbl):hover, .modebar a:not(.dsbl):hover, .settings_menu:hover:after
{
	background-color: #F1F1F1;
	color: #555;
}
.tb-bttn.back:after
{
	content: "^";
	font-family: emcocommon;
	font-size: 14px;
	color: #555;
}
#header_right .back
{
	margin: 10px 12px 0 0;
}

/* dropdown */

.control_back
{
	display: none;
}
.control_back, .control_back.chooser, .screen_lock
{
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 100;
}
.control_back.block
{
	display: block;
}
.screen_lock, .item_selector.load .wait_screen
{
	display: block;
	background: rgba(255,255,255,0.8);
	z-index: 1000;
	cursor: progress;
}
.screen_lock.block:after, .wait_screen:after
{
	content: "";
	background: url(images/loading.svg) no-repeat center center;
	position: absolute;
	background-size: 96px 96px;
	width: 96px;
	height: 96px;
	top: calc(50% - 48px);
	left: calc(50% - 48px);
	-webkit-animation: rotation 2s steps(24) infinite;
	animation: rotation 2s steps(24) infinite;
}
@-webkit-keyframes rotation 
{
	from 
	{
		transform: rotate(0deg);
	}
	to
	{
		transform: rotate(360deg);
	}
}
@keyframes rotation 
{
	from 
	{
		transform: rotate(0deg);
	}
	to
	{
		transform: rotate(360deg);
	}
}
.chooser > span, .chooser > div:not(.control_back)
{
	display: inline-block;
	vertical-align: top;
}
.chooser .opt
{
	margin-right: -3px;
}
/*@media (max-width: 1290px)
{
	.chooser:not(.button) > span
	{
		display: none;
	}
	.chooser:not(.button) > .placeholder
	{
		margin-left: 0;
	}
}*/
.chooser
{
	position: relative;
	color: #696969;
	text-align: left;
	white-space: nowrap;
	display: inline-block;
	vertical-align: top;
	height: 30px;
	line-height: 30px;
	box-sizing: border-box;
}
.placeholder
{
	visibility: hidden;
	padding: 0 37px 0 9px;
	height: 28px;
	min-width: 25px;
	white-space: nowrap;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 200px;
	margin-left: 12px;
	box-sizing: border-box;
}
.button .placeholder
{
	padding-left: 0;
	padding-right: 28px;
}
.chooser ul, .chooser ul li
{
	list-style: none;
	margin: 0;
	padding: 0;
}
.chooser ul
{
	display: inline-block;
	height: auto;
	max-height: 150px;
	overflow-y: hidden;
	overflow-x: hidden;
	position: absolute;
	right: 0;
	top: 0;
}
.chooser ul.ddup
{
	top: auto;
	bottom: 0;
}
.chooser.button
{
	padding-left: 9px;
	line-height: 28px;
}
.chooser.button, .chooser.button ul.jshover:not(.disabled) li:first-child, .chooser.button ul.jshover:not(.disabled) li:first-child + li
{
	background-color: #F8F8F8;
}
.chooser.button:hover, .chooser.button:hover ul li, 
.chooser.button:hover ul.jshover:not(.disabled) li:first-child, .chooser.button:hover ul.jshover:not(.disabled) li:first-child + li
{
	background: #F1F1F1;
}
.chooser.button:active, .chooser.button:active ul li
{
	background: #EEE;
}
.chooser.button ul
{
	width: calc(100% + 2px);
	min-height: 28px;
	border-radius: 2px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	right: -1px;
}
.chooser:not(.button) ul, .chooser.button
{
	border: 1px solid #CCC;
	border-radius: 2px;
}
.chooser ul:not(.disabled)
{
	cursor: pointer;
}
.chooser ul:not(.disabled):hover
{
	border-color: #CCC;
}
.chooser ul.jshover:not(.disabled)
{
	box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	border-bottom: 1px solid #CCC;
	z-index: 190;
	overflow-y: auto;
	background: #FFF;
}
.chooser ul.jshover:not(.disabled):not(.ddup):before
{
	content: "";
	height: 30px;
	display: block;
}
.chooser ul.ddup.jshover:not(.disabled):after
{
	content: "";
	height: 30px;
	display: block;
}
.chooser ul.disabled
{
	color: #777;
	cursor: default;
	opacity: 0.7;
}
.chooser ul li
{
	display: none;
	line-height: 28px;
	padding: 0 37px 0 9px;
	min-width: 25px;
	white-space: nowrap;
	overflow: hidden;
	box-sizing: border-box;
}
.chooser ul.jshover:not(.disabled) li
{
	background-color: white;
}
.chooser.button ul li:not(:first-child):not(:nth-child(2))
{
	background-color: #FFF;
}
.chooser.button ul li
{
	padding-right: 28px;
}
.chooser.button ul li:nth-child(2)
{
	position: absolute;
	top: 0;
	right: 0;
	left: auto !important;
}
.chooser.button ul.ddup li:nth-child(2)
{
	top: auto;
	bottom: 0;
}
.chooser ul li:first-child, .chooser ul li:first-child + li
{
	height: 28px;
}
.chooser ul.jshover:not(.disabled) li:nth-child(n+3):hover
{
	background-color: #DEDEDE;
}
.chooser ul li:first-child
{
	min-width: 0;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 28px;
	padding: 0;
	margin: 0;
	z-index: 2;
	border-radius: 0 2px 2px 0;
	opacity: 0.8;
	overflow: visible;
}
.chooser ul.ddup li:first-child
{
	top: auto;
	bottom: 0;
}
.chooser ul li:first-child:after
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "v";
	text-align: center;
	font-family: emcocommon;
	font-size: 14px;
	line-height: 28px;
	color: #333;
}
.chooser.button ul li:first-child:after
{
	font-size: 10px;
}
.chooser ul.jshover li:first-child:after
{
	content: "^";
}
.chooser:not(.button) ul li:first-child:before
{
	content: "";
	display: block;
	position: absolute;
	left: -1px;
	top: 4px;
	bottom: 4px;
	width: 1px;
	background: #D8D8D8;
}
.chooser ul.jshover:not(.disabled) li:first-child
{
	border-radius: 0 2px 0 0;
	opacity: 1;
}
.chooser:not(.button) ul.jshover:not(.disabled) li:first-child,
.chooser:not(.button) ul.jshover:not(.disabled) li:first-child + li
{
	box-shadow: 0 1px 0 #E3E3E5;
}
.chooser:not(.button) ul.ddup.jshover:not(.disabled) li:first-child,
.chooser:not(.button) ul.ddup.jshover:not(.disabled) li:first-child + li
{
	border-bottom: none;
	box-shadow: 0 -1px 0 #E3E3E5;
}
.chooser ul li:first-child + li
{
	padding-right: 37px;
	overflow: hidden;
	text-overflow: ellipsis;
	z-index: 1;
}
.chooser.button ul li:first-child + li
{
	padding-right: 28px;
}
.chooser ul:not(.jshover) li:first-child + li
{
	max-width: 200px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) /*chrome 29+*/
{
	#tasks_page.chooser:not(.button) ul.jshover:not(.disabled) li:first-child, 
	#tasks_page.chooser:not(.button) ul.jshover:not(.disabled) li:first-child + li
	{
		margin-right: -1px;
	}
}
.chooser ul li:first-child + li, .chooser ul.jshover li
{
	display: block;
}
.chooser ul.jshover:not(.disabled) li:first-child, .chooser ul.jshover:not(.disabled) li:first-child + li
{
	position: fixed;
	min-width: 0;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
}
.chooser ul.ddup.jshover:not(.disabled) li:first-child + li
{
	top: auto;
	bottom: 0;
}
.chooser ul.jshover:not(.disabled) li:first-child, .chooser ul.jshover:not(.disabled) li:first-child + li
{
	border-radius: 2px 2px 0 0;
}
.chooser ul.jshover:not(.disabled) li:last-child
{
	border-radius: 0 0 2px 2px;
}

/* pager */

.pagination
{
	margin: 0;
	height: 30px;
	position: relative;
}
.pagesize
{
	position: absolute;
	top: 0;
	right: 0;
}
.pagesize.chooser ul.jshover:not(.disabled)
{
	max-height: none;
}
.pagesize, .page, .space
{
	display: inline-block;
	vertical-align: middle;
}
.page, .space
{
	text-align: center;
	
	border: 1px solid #C8C8C8;
	font-weight: bold;
	font-size: 15px;
	line-height: 28px;
	text-align: center;
	min-width: 30px;
	height: 30px;
	margin-right: 6px;
	padding: 0 5px;
	box-sizing: border-box;
}
.page, .page:visited
{
	background-color: #F0F0F0;
	color: #606060;
	/*text-shadow: 1px 0 0 rgba(255,255,255,0.9);*/
	text-decoration: none;
}
.page:not(.dsbl):not(.current):hover 
{
	background-color: #F8F8F8;
	border-color: #C9C9C9;
	color: #6A6A6A;
	text-decoration: none;
}
.page:active
{
	background-color: #E8E8E8;
}
.page.current 
{
	background-color: white;
	border-color: #C9C9C9;
	color: #6A6A6A;
	cursor: default;
}
.pager span.pager_bttn_text 
{
}
.pager .bttn_back 
{
	margin-left: 20px;
}
.pager .bttn_back, .pager .bttn_forth 
{
	padding-left: 10px;
	padding-right: 10px;
}
.pager .bttn_back 
{
}
.pager .bttn_forth 
{
}
.page.bttn_back:hover 
{
}
.page.bttn_forth:hover 
{
}
.pager span.bttn_forth, .pager span.bttn_back 
{
	opacity: 0.5;
}

/* dialogs */

#dialog_back, #dialog_back_error
{
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: none;
	z-index: 1000;
	background: #000;
	opacity: 0.3;
}

.dialog_window
{
	z-index: 1010;
	position: fixed;
	top: 50%;
	left: 50%;
	display: none;
	background-color: white;
	box-shadow: 0 1px 4px rgba(0,0,0,0.4);
}
body.empty .dialog_window
{
	box-shadow: none;
	border: 1px solid #c5c5c5;
}
.dialog_window .close:focus, .dialog_window .close:active, .free-bttn.close:focus, .free-bttn.close:active
{
	outline: none;
}
.dialog_window .close, .free-bttn.close
{
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	border: 1px solid #FFF;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	color: #777;
	position: relative;
}
.dialog_window .close
{
	position: absolute;
	top: 12px;
	right: 12px;
}
.dialog_window .close:after, .free-bttn.close:after
{
	content: "a";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	font-family: emcocommon;
	font-size: 20px;
}
.dialog_window .close:not(.dsbl):hover, .free-bttn.close:not(.dsbl):hover
{
	color: #333;
	text-decoration: none;
}
.dialog_window .title
{
	font-size: 20px;
	position: absolute;
	top: 20px;
	left: 20px;
	line-height: 20px;
}
#login.dialog_window .title, #error.dialog_window .title
{
	text-transform: none;
}
.dialog_window .body
{
	margin: 64px 20px 20px;
	padding: 0;
	position: relative;
}
.dialog_window .body_top
{
	margin: 62px 20px 0;
}
.dialog_window .body_top + .body
{
	margin: 10px 20px 20px;
}
.dialog_window .buttons_row
{
	margin-top: 20px;
}
.dialog_window .value > div
{
	position: relative;
	font-size: 13px;
	margin: 3px 0;
	padding: 3px 0;
	border-radius: 3px;
}
.dialog_window .value > div label.edit_label
{
	position: absolute;
	top: 7px;
	left: 8px;
	z-index: 4;
	margin: 0;
	font-weight: normal;
}
label.edit_label
{
	color: #999;
}
.dialog_window .chooser ul.jshover:not(.disabled)
{
	z-index: 1190;
}
.value input[type="text"], .value input[type="password"], .value textarea, .edit .value select
{
	margin: 0;
	width: 100%;
}

/* error box */

#error
{
	margin-left: -290px;
	margin-top: -150px;
	width: 580px;
	display: block;
}
#error-wrapper
{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255,255,255,0.7);
	z-index: 1009;
}
.procerr
{
	margin-bottom: 36px;
	max-height: 150px;
	overflow-y: auto;
	overflow-x: hidden;
}
.cap
{
	text-transform: capitalize;
}
.howto_license
{
	line-height: 27px;
	float: left;
}

/* login box */

#login
{
	margin-left: -163px;
	margin-top: -140px;
	width: 326px;
}
.nopriv
{
	color: red;
	margin-top: -10px;
	margin-bottom: 10px;
	font-size: 13px;
}

/* connection error dialog */
#communication_error_dlg
{
	width: 600px;
	margin-left: -300px;
	margin-top: -84px;
}
#communication_error_dlg.done .cancel:not(.submit), #communication_error_dlg:not(.done) .submit
{
	display: none;
}
.autoreconnect
{
	margin-top: 20px;
}

/* export dialog */

#export_dialog
{
	width: 600px;
	margin-left: -300px;
	margin-top: -200px;
}
.edit_form
{
	display: table;
	width: 100%;
}
.edit_row
{
	display: table-row;
	line-height: 30px;
}
.edit_row > div
{
	display: table-cell;
	vertical-align: top;
}
.edit_row:not(:first-child) > div
{
	padding-top: 6px;
}
.edit_row.group_end + .edit_row:not(:first-child) > div
{
	padding-top: 12px;
}
.edit_row input[type=text], .edit_row textarea, .edit_row select
{
	width: 100%;
	line-height: 22px;
}
.edit_row input[type=checkbox]
{
	margin-left: 0;
}
.edit_row .select.chooser
{
	width: 100%;
}
.edit_row .select.chooser .placeholder
{
	margin-left: 0;
	min-width: 100%;
}
.select.chooser ul
{
	min-width: calc(100% - 2px);
}
.edit_row .opt.radio
{
	margin-top: 5px;
	line-height: 20px;
}
.edit_row .period-wrapper
{
	width: 100%;
}
.edit_row .period.chooser
{
	margin-top: 6px;
}
/*.edit_row .opt input[type="radio"] + label
{
	line-height: 30px;
}
.edit_row .opt input[type="radio"] + label > span:first-child
{
	margin-top: 5px;
}*/
.edit_row .period-ranges
{
	display: none;
}
.edit_row .period.chooser
{
	margin-left: 28px;
	width: calc(100% - 28px);
}
.edit_row .period.chooser ul
{
	max-height: 150px;
}
.edit_row .period.chooser .placeholder
{
	width: 100%;
	margin: 0;
	max-width: none;
}
.edit_row .period.chooser > span
{
	display: none;
}
.edit_row .chooser ul:not(.jshover) li:first-child + li
{
	max-width: none;
	box-sizing: border-box;
	padding-left: 5px;
	width: 100%;
}

/* layout */

#container, #header_inner, #middle_box, #status_inner, #demonote_inner
{
	position: relative;
	margin: 0 auto;
	clear: both;
}
#compare_ext > div
{
	margin: 0 auto;
}

#container
{
	box-sizing: border-box;
	min-width: 1000px;
	margin-bottom: -30px;
}

#header_inner, #middle_box, #status_inner, #demonote_inner
{
	box-sizing: border-box;
	min-width: 1000px;
	max-width: 1600px;
	/*width: 1000px;*/
}

#container 
{
	height: 100%;
	min-height: 100%;
}

/* header */

#header
{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99;
	background: #FFF;
	box-shadow: 0 1px 0 #BBB, 0 1px 2px rgba(0,0,0,0.1);
}
body.empty #header, body.noheader #header
{
	box-shadow: none;
	border-bottom: 1px solid #c5c5c5;
	display: none;
}
#header_box, #demonote_box
{
	margin: 0 40px;
	position: relative;
}
#header_box
{
	height: 50px;
}
@media (max-width: 1290px)
{
	#header_box, #demonote_box
	{
		margin: 0 24px;
	}
}
#header_right
{
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
	box-sizing: border-box;
	white-space: nowrap;
	text-align: right;
	width: 100%;
	position: relative;
	z-index: 1;
}
#header_right #filter
{
	display: inline-block;
	vertical-align: top;
}
.tb-bttn.logout:after
{
	font-family: emcocommon;
	content: "j";
}

/* main body */

#middle_box 
{
	/*overflow: hidden;*/
	position: relative;
	padding-bottom: 54px;
	padding-top: 74px;
}
body.empty #middle_box 
{
	padding-top: 24px;
}

.sidebar 
{
	position: relative;
	width: 240px;
	margin: 0 0 0 40px;
}
.sidebar_right 
{
	position: relative;
	width: 240px;
	margin: 0 40px 0 0;
}
.content 
{
	position: relative;
	margin: 0 40px;
}
@media (max-width: 1290px)
{
	.sidebar 
	{
		margin: 0 0 0 24px;
	}
	.sidebar_right 
	{
		margin: 0 24px 0 0;
	}
	.content 
	{
		margin: 0 24px;
	}
}
@media (min-width: 1367px)
{
	.sidebar 
	{
		width: 290px;
	}
	.sidebar_right 
	{
		width: 290px;
	}
}
@media (min-width: 1560px)
{
	.sidebar 
	{
		width: 340px;
	}
	.sidebar_right 
	{
		width: 340px;
	}
}

#middle_box .sidebar 
{
	float: left;
}
#middle_box .sidebar_right 
{
	float: right;
}

#middle_box .content.part 
{
	width: 100%;
	margin: 0 40px 0 -350px;
	float: right;
}
#middle_box .content.part_r 
{
	width: 100%;
	margin: 0 -350px 0 40px;
	float: left;
}
#middle_box .content.part.part_r 
{
	margin: 0 -350px;
}
#middle_box .content.full 
{
	width: auto;
}

#middle_box .content.part .content_box
{
	padding-left: 344px;
}
#middle_box .content.part_r .content_box
{
	padding-left: 0;
	padding-right: 344px;
}
#middle_box .content.part.part_r .content_box
{
	padding: 0 344px;
}
#middle_box .content.full .content_box
{
}
@media (max-width: 1290px)
{
	#middle_box .content.part 
	{
		margin: 0 24px 0 -334px;
	}
	#middle_box .content.part_r 
	{
		margin: 0 -334px 0 24px;
	}
	#middle_box .content.part.part_r 
	{
		margin: 0 -334px;
	}
	#middle_box .content.part .content_box
	{
		padding-left: 312px;
	}
	#middle_box .content.part_r .content_box
	{
		padding-right: 312px;
	}
	#middle_box .content.part.part_r .content_box
	{
		padding: 0 312px;
	}
}
@media (min-width: 1367px)
{
	#middle_box .content.part 
	{
		margin: 0 40px 0 -400px;
	}
	#middle_box .content.part_r 
	{
		margin: 0 -400px 0 40px;
	}
	#middle_box .content.part.part_r 
	{
		margin: 0 -400px;
	}
	#middle_box .content.part .content_box
	{
		padding-left: 400px;
	}
	#middle_box .content.part_r .content_box
	{
		padding-right: 400px;
	}
	#middle_box .content.part.part_r .content_box
	{
		padding: 0 400px;
	}
}
@media (min-width: 1560px)
{
	#middle_box .content.part 
	{
		margin: 0 40px 0 -420px;
	}
	#middle_box .content.part_r 
	{
		margin: 0 -420px 0 40px;
	}
	#middle_box .content.part.part_r 
	{
		margin: 0 -420px;
	}
	#middle_box .content.part .content_box
	{
		padding-left: 444px;
	}
	#middle_box .content.part_r .content_box
	{
		padding-right: 444px;
	}
	#middle_box .content.part.part_r .content_box
	{
		padding: 0 444px;
	}
}

/* statusbar */

#status_box
{
	margin: 0 40px;
	position: relative;
}
#statusbar
{
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	height: 30px;
	background: #E0E0E0;
	box-shadow: 0 -1px 0 #BBB, 0 -1px 2px rgba(0,0,0,0.1);
	font-size: 10px;
	z-index: 2;
}
#statusleft, #statusright
{
	position: absolute;
	top: 0;
	height: 30px;
	line-height: 31px; /* chrome issue fix */
	white-space: nowrap;
}
#statusleft
{
	left: 0;
	text-align: left;
}
#statusright
{
	right: 0;
	text-align: right;
}
#statusleft > *, #statusright > *, #pageupdatestatus > *
{
	position: relative;
	display: inline-block;
	vertical-align: top;
}
#statusleft > * + *, #statusright > * + *
{
	margin-left: 12px;
}
#lastupdate
{
	margin-left: 48px;
}
#pageupdatestatus > #nextupdate
{
	margin-left: 3px;
	min-width: 90px;
	text-align: left;
}
#lastupdate span + span, #nextupdate span + span
{
	font-weight: bold;
}
#nextupdate .running span
{
	display: inline-block;
	vertical-align: top;
	min-width: 14px;
	text-align: center;
}
#lastupdate > span + span
{
	display: inline-block;
	vertical-align: top;
}
.spacer
{
	height: 0px;
	white-space: nowrap;
	visibility: hidden;
	font-weight: normal;
	display: block;
}
#updatepause:after
{
	font-family: emcocommon;
	content: "T";
}
#updateresume:after
{
	font-family: emcocommon;
	content: "S";
}
#pageupdatestatus.paused #updatepause, #pageupdatestatus:not(.paused) #updateresume,
#pageupdatestatus.paused .running, #pageupdatestatus:not(.paused) .paused, #pageupdatestatus.auto .running,
#pageupdatestatus:not(.auto) .auto, #pageupdatestatus.paused .auto
{
	display: none;
}
.sbbttn
{
	position: relative;
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: top;
	margin-top: 5px;
}
a.sbbttn, a.sbbttn:hover
{
	text-decoration: none;
}
.sbbttn:after
{
	font-size: 10px;
	display: block;
	line-height: 18px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	text-align: center;
	border-radius: 2px;
	background-color: #E1E1E1;
	box-sizing: border-box;
	border: 1px solid transparent;
}
.sbbttn:hover:after
{
	background-color: #EEE;
	border-color: #CCC;
}
#logo
{
	line-height: 30px;
	font-size: 10px;
	font-weight: bold;
}
#logo:before
{
	//content: "t";
	margin-right: 7px;
	font-weight: normal;
	display: inline-block;
	vertical-align: top;
	font-size: 20px;
}

@media (max-width: 1290px)
{
	#status_box
	{
		margin: 0 24px;
	}
}

/* overview content "footer" */

.ovr_footer
{
	margin-top: 12px;
	position: relative;
}
.fi_block
{
	background: #F8F8F8;
	padding: 20px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	box-sizing: border-box;
	font-size: 13px;
}
.fi_block:first-child
{
	width: calc(65% - 12px);
	margin-right: 12px;
}
.fi_block:last-child
{
	width: 35%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
}
.fi_block div
{
	line-height: 18px;
}
.fi_block div, .fi_block div a:not(.blue), .fi_block div a:not(.blue):visited
{
	color: #333;
}
.fi_block div a:not(.blue):hover
{
	color: #000;
}
.fi_block .title
{
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 8px;
	color: #222;
}
.fi_block div.warn
{
	color: orange;
}
.fi_block div.warn_red
{
	color: red;
}
.server + .license
{
	margin-top: 18px;
}
#pfurl
{
	margin: 12px 0;
}

#page_top
{
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 40px;
	height: 40px;
	z-index: 100;
	background: #999;
	border-radius: 3px;
	cursor: pointer;
	display: none;
	opacity: 0.5;
}
#page_top:hover
{
	opacity: 1;
}
#page_top:after
{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	line-height: 40px;
	text-align: center;
	display: block;
	content: "^";
	font-family: emcocommon;
	font-size: 24px;
	color: #FFF;
}

/* sidebar */

.box
{
	border: 1px solid #E1E1E1;
	border-radius: 2px;
	margin-bottom: 20px;
}
/*
.box.filter
{
    position: -webkit-sticky;
    position: sticky;
    top: 74px;
}
.box.filter:before, .box.filter:after 
{
    content: '';
    display: table;
}
*/
.box:last-child
{
	margin-bottom: 0;
}
.box > .title
{
	background: #F6F6F6;
	border-bottom: 1px solid #E1E1E1;
	line-height: 28px;
	font-size: 18px;
	padding: 0 10px 0 28px;
	color: #222;
	position: relative;
}
.box > .title > div.ftico
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 28px;
	color: #777;
	text-align: center;
}
.box > .title > div.ftico:after
{
	font-family: emcocommon;
	font-size: 18px;
	content: "m";
}
.box > .body
{
	padding: 0 10px 20px;
	overflow-y: auto;
	height: calc(100% - 50px);
}

/* filter */

.body > div > .group
{
	margin-bottom: 20px;
	position: relative;
}
.gscroll
{
	margin-left: -10px;
	margin-right: -10px;
}
.gscroll > .title
{
	padding: 0 10px;
}
.gscroll > .fbttn
{
	margin-right: 10px;
}
.gscroll .body_scroll
{
	padding: 0 10px;
}
.body > div > .group:last-child
{
	margin-bottom: 0;
}
.body > div > .group > .title
{
	line-height: 34px;
	border-top: 1px solid #E1E1E1;
	padding-top: 10px;
	font-weight: bold;
	font-size: 15px;
	color: #777;
}
.body > div > .group:first-child > .title
{
	border-top: none;
}

.fbttn, .fbttn:visited, .fbttn:hover, .fbttn:active
{
	display: block;
	position: absolute;
	height: 24px;
	width: 24px;
	border-radius: 12px;
	outline: none;
	text-decoration: none;
	cursor: pointer;
	right: -7px;
}
a.fbttn, a.fbttn:hover
{
	text-decoration: none;
}
.fbttn:after
{
	color: #B2B2B2;
	display: block;
	content: "";
	line-height: 24px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	font-family: emcocommon;
	font-size: 24px;
}
.fbttn:active
{
	background: #FFF;
	color: #AFAFAF;
}
.fbttn:hover
{
	background: #FFF;
	color: #CFCFCF;
}
.fclear:after, .fclear2:after
{
	content: "c";
}
.fclear:hover:after, .fclear2:hover:after
{
	content: "d";
}

.group > .body
{
	position: relative;
	padding-top: 10px;
}
.group > .body_scroll
{
	position: relative;
	/*overflow-x: hidden;
	overflow-y: auto;
	max-height: 220px;*/
}
.group > .body > div > .buttons_row .sbutton
{
	margin-left: 0;
}

.filter .opt
{
	margin-top: 6px;
	overflow: hidden;
}
.filter .opt:first-child, .fbttn + .opt
{
	margin-top: 0;
}

.rangeValue
{
	display: inline-block;
	width: 50%;
}
.rangeValue span
{
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	width: 40%;
	box-sizing: border-box;
	padding-right: 12px;
	text-align: right;
}
.rangeValue input
{
	vertical-align: middle;
	display: inline-block;
	width: 60%;
}
.rangeSubmit, .fadd
{
	position: absolute;
	bottom: 100%;
}
.rangeSubmit
{
	right: 0;
}
.body .rangeSubmit, .body .fadd
{
	margin-bottom: 5px;
}
.group > .rangeSubmit, .group > .fadd
{
	margin-bottom: -40px;
}
.rangeSubmit
{
	display: none;
}
.rangeSubmit:after
{
	content: "e";
	font-size: 12px;
}
.rangeSubmit:hover:after
{
	background: #B2B2B2;
	color: #FFF;
	border-radius: 12px;
}
.fadd:after
{
	content: "o";
	font-family: emcocommon;
	font-size: 24px;
	font-weight: normal;

	text-align: center;
	line-height: 24px;
}
.fadd:hover
{
	background: #FFF;
	color: #CFCFCF;
}
.fadd:hover:after
{
	content: "p";
}
.fclear
{
	right: -7px;
	bottom: 100%;
}
.body .fclear
{
	margin-bottom: 5px;
}
.group > .fclear
{
	margin-bottom: -40px;
}
.body > div > .group:first-child > .fbttn, .body > div > .group.missing.dh + .group > .fbttn
{
	margin-bottom: -39px;
}
.fclear + .rangeSubmit, .fclear + .fadd
{
	right: 20px;
}
.fclear.nosubmit
{
	display: none;
}
.slider_bg
{
	background: #E0E0E0;
	border: 1px solid #9D9D9D;
	border-radius: 4px;
	box-shadow: 0 1px 0 #C2C2C2 inset;
	height: 5px;
	position: relative;
	margin-bottom: 12px;
	margin-top: -7px;
}
.slider.ui-slider
{
	cursor: pointer;
	border: none;
	background: none;
	box-shadow: none;
	margin-top: -1px;
	margin-left: -1px;
}
.ui-slider-range.ui-widget-header
{
	height: 5px;
	border-radius: 4px;
	border: 1px solid #1976d2;
	background: #1e88e5;
	box-shadow: 0 -2px 0 rgba(0,0,0,0.2) inset;
}
.ui-slider .ui-slider-handle
{
	display: none;
}

.emptyset, .stat td.emptyset
{
	text-align: center;
}
.emptyset.large
{
	font-size: 18px;
	line-height: 24px;
}
.group.missing
{
	background: #FDFDFD;
	margin: 0 -10px;
	border-top: 1px solid #E1E1E1;
	border-bottom: 1px solid #E1E1E1;
	padding-bottom: 10px;
}
.group.missing .title
{
	padding: 0 10px;
}
.group.missing .body
{
	padding: 3px 10px 0;
}
.missing .body > div > .group
{
	margin-bottom: 0;
}
.body > div > .group.missing > .title
{
	padding-top: 0;
	background: #FAFAFA;
	border-top: none;
	border-bottom: 1px solid #F1F1F1;
}
.body > div > .group.missing:first-child > .fclear
{
    margin-bottom: -29px;
}
.missing .fpos + .emptyset
{
	margin-top: 6px;
	font-size: 12px;
}
.missing .fpos + .emptyset a, .missing .fpos + .emptyset a:visited, .missing .fpos + .emptyset a:hover
{
	color: #1e88e5;
}
.group.missing:not(.dh) + .group > .title
{
	border-top: none;
}
.group.missing > .fclear, .group.missing > .fclear:hover
{
	margin-bottom: -30px;
	right: 3px;
}

.fonotice
{
	position: relative;
	padding: 10px 34px 10px 35px;
	border: 1px solid #E1E1E1;
	border-radius: 2px;
	margin-bottom: 12px;
	background: #F8F8F8;
}
.fonotice .clear
{
	position: absolute;
	right: 10px;
	top: 10px;
}
.fonotice .fclear
{
    position: absolute;
    right: 7px;
    top: 7px;
}
.fonotice .clear, .fonotice .clear:hover
{
	text-decoration: underline;
}
.fonotice .close
{
    position: absolute;
    right: 6px;
    top: 6px;
    border: none;
    width: 24px;
    height: 24px;
	border: 1px solid transparent;
}
.fonotice .close:after
{
    line-height: 16px;
    font-size: 16px;
	left: 4px;
	top: 4px;
	right: 4px;
	bottom: 4px;
}
.fonotice:before
{
	content: "M";
	font-family: emcocommon;
	font-size: 18px;
	line-height: 18px;
	margin-right: 10px;
	vertical-align: top;
	color: #555;

    position: absolute;
    top: 10px;
    left: 10px;
}
.highlight 
{
	font-weight: bold;
}
a.blue, a.blue:visited
{
	color: #1e88e5;
}
a.blue:hover
{
	color: #186DB7;
}

/* hide filter section */
.filter .dsbl .dsbl_cover
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.filter > .title
{
	position: relative;
}
.pin
{
	display: block;
	position: absolute;
	top: 50%;
	right: 2px;
	margin-top: -12px;
	box-sizing: border-box;
	line-height: 22px;
	padding: 0 5px;
	border: 1px solid #CCC;
	border-radius: 2px;
	background: #D8D8D8;
}
.pin, .pin:hover
{
	text-decoration: none;
}
.hidefilter .pin
{
	background: #EEE;
	border-color: #E1E1E1;
}
.hidefilter:not(.fshowonce) .pin
{
	display: none;
}
.pin:after
{
	font-family: emcocommon;
	font-size: 14px;
	content: "U";
	display: block;
}
.hidefilter .pin:after
{
	content: "V";
}
.pin:not(.dsbl):hover, .hidefilter .pin:not(.dsbl):hover
{
	border-color: #AAA;
	background: #CCC;
	text-decoration: none;
}
.hidefilter:not(.fshowonce) .sidebar
{
	display: none;
	position: absolute;
	top: 54px;
	left: 0;
	right: 0;
	width: 100%;
	margin: 0;
	z-index: 1;
}
.hidefilter:not(.fshowonce) .sidebar form
{
	display: block;
	position: relative;
	margin: 0 auto;
}
.hidefilter:not(.fshowonce) .box > .title
{
	padding-right: 0;
	height: 28px;
}
.hidefilter:not(.fshowonce) .box > .title span
{
	display: none;
}
.hidefilter #middle_box .content.part
{
	float: none;
	width: auto;
}
.hidefilter #middle_box .content.part .content_box
{
	padding-left: 0;
}
.hidefilter:not(.fshowonce) .filter
{
	position: absolute;
	top: 0;
	left: 40px;
	border: none;
}
.hidefilter:not(.fshowonce) .filter > .title
{
	border: 1px solid #D8D8D8;
	display: inline-block;
	border-radius: 2px;
}
.hidefilter:not(.fshowonce) .sidebar:not(:hover) .filter > .title
{
	background: none;
}
.cfilter
{
	display: none;
}
.cfilter:first-child
{
	margin-left: 0;
}
.hidefilter:not(.fshowonce) .cfilter
{
	display: inline-block;
}
#title_zone .cfilter
{
	margin: 10px 12px 10px 0;
}
.cfilter:after
{
	font-family: emcocommon;
	content: "m";
}
.hidefilter:not(.fshowonce) .filter > .body
{
	display: none;
}
.hidefilter .filter > .title
{
	cursor: pointer;
}
.hidefilter .sidebar:hover .filter > .title
{
	border-color: #CCC;
}
.hidefilter .sidebar:hover .filter > .title
{
	background: #F1F1F1;
}
.hidefilter:not(.fshowonce) .filter > .title
{
	line-height: 28px;
}
.hidefilter #middle_box .content.part
{
	margin: 0 40px;
}
.hidefilter:not(.fshowonce) .sidebar form
{
	min-width: 960px;
}
.hidefilter.fshowonce #middle_box .sidebar
{
	position: fixed;
	top: 51px;
	left: 0;
	right: 0;
	bottom: 31px;
	background: rgba(255,255,255,0.8);
	margin: 0;
	float: none;
	width: auto;
	z-index: 100;
}
.hidefilter.fshowonce #middle_box .sidebar > div
{
	margin: 24px auto 0 auto;
	position: relative;
    height: calc(100% - 48px);
}
.hidefilter.fshowonce #filter
{
	height: 100%;
}
.hidefilter.fshowonce .box.filter
{
	width: 292px;
	background: #FFF;
	height: 100%;
}
.hidefilter.fshowonce #middle_box .content.part
{
	float: none;
	width: auto;
}
.hidefilter.fshowonce #middle_box .content.part .content_box
{
	padding-left: 0;
}
@media (max-width: 1290px)
{
	.hidefilter #middle_box .content.part
	{
		margin: 0 24px;
	}
	.hidefilter:not(.fshowonce) .filter
	{
		left: 24px;
	}
	#middle_box .content.part
	{
		margin: 0 24px 0 -308px;
	}
	#middle_box .content.part .content_box
	{
		padding-left: 308px;
	}
	body:not(.hidefilter) #middle_box .sidebar
	{
		margin-left: 24px;
	}
}
@media (max-width: 1469px)
{
	.hidefilter:not(.fshowonce) .sidebar form
	{
		max-width: 1000px;
	}
}
@media (min-width: 1147px)
{
	.hidefilter:not(.fshowonce) .sidebar form
	{
		max-width: 1112px;
	}
}
@media (min-width: 1470px)
{
	.hidefilter:not(.fshowonce) .sidebar form
	{
		max-width: 1470px;
	}
}

/* order */

.order_block
{
	margin-bottom: 12px;
}
.order_block .order.chooser
{
	white-space: normal;
	text-indent: -60px;
	padding-left: 60px;
	padding-right: 30px;
	height: auto;
	margin-top: -12px;
	box-sizing: border-box;
	width: 100%;
}
.order_block .order.chooser > *
{
	text-indent: 0;
}
.order_block .order.chooser > span, .order_block .order.chooser > div
{
	margin-top: 12px;
}
.chooser .up, .chooser .down
{
	position: relative;
}
.chooser .up:after, .chooser .down:after
{
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 30px;
	text-align: center;
	font-family: emcocommon;
	font-size: 14px;
}
.chooser .up:after
{
	content: "q";
}
.chooser .down:after
{
	content: "r";
}
.order.chooser .placeholder
{
	padding-right: 49px;
}
.order.chooser .wres, .order.chooser .wres .placeholder
{
	margin-left: 6px;
}
.order.chooser li:first-child + li, .order.chooser ul li:not(:first-child)
{
	padding-right: 49px;
}
.chooser li:first-child + li.up:after,
.chooser li:first-child + li.down:after
{
	right: 25px;
}
.order div.item
{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding-right: 25px;
}
.order .item.wres
{
	padding-left: 24px;
}
.order .item > div
{
	position: relative;
	height: 30px;
}
.order .item:after
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;

	font-family: emcocommon;
	font-size: 18px;

	content: ">";
	text-align: right;
}
.order .item:last-child
{
	padding-right: 0;
}
.order .item:last-child:after
{
	display: none;
}
.order .item .fclear
{
	margin: 0;
	right: auto;
	left: 0;
	bottom: 50%;
	margin-bottom: -12px;
	text-decoration: none;
}
.order_block .order.chooser .item.add
{
	padding: 0;
	width: 24px;
	height: 24px;
	cursor: pointer;
	border-radius: 12px;
	box-sizing: border-box;
	color: #B2B2B2;
	margin: 15px 0 3px 6px;
	position: absolute;
}
.order_block .order.chooser .item.add:hover:after
{
	content: "p";
	background-color: #FFF;
	color: #CFCFCF;
}
.order_block .order.chooser .item.add:active:after
{
	content: "p";
	background-color: #FFF;
	color: #AFAFAF;
}
.order .item.add:after
{
	content: "o";

	text-align: center;
	line-height: 24px;
	font-size: 24px;

	left: 0;
}
.order .item.add + .item
{
	display: none;
}
.order .item.add:last-child
{
	display: none;
}
.order .item.last
{
	padding-right: 0;
}
.order .item.last:after
{
	display: none;
}
@media (max-width: 1290px)
{
	.chooser.order > span, .chooser.order > div:not(.placeholder)
	{
		display: inline-block;
	}
}

#title_zone, #bar_zone
{
	line-height: 50px;
	display: inline-block;
	vertical-align: top;
}
#title_zone
{
	text-align: left;
	max-width: 75%;
	float: left;
}
#bar_zone
{
	line-height: 30px;
	height: 30px;
	margin-top: 10px;
}
@media (max-width: 1469px)
{
	#title_zone
	{
		max-width: 70%;
	}
}
#header_right h1
{
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	font-size: 18px;
	text-transform: uppercase;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
}
#header_right a + h1
{
}
#header_right h1 span
{
	color: #BBB;
	font-weight: bold;
	color: #000;
}
#header_right h1.error
{
	color: red;
}
.period.chooser
{
	margin-left: 0;
}
.period.chooser > span
{
	display: none;
}
.period.chooser .placeholder
{
	margin-left: 0;
}
.period-wrapper
{
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.period.chooser.single
{
	position: static;
}
.period.chooser.single .placeholder
{
	width: 30px;
	padding: 0;
}
.period.chooser.single ul
{
	left: 0;
}
.period.chooser.single ul li:first-child,
.period.chooser.single ul li:first-child + li
{
	display: none;
}
.period.chooser.single ul li:nth-child(3)
{
	display: block;
	font-size: 0;
	padding: 0;
	width: 100%;
	position: relative;
	color: transparent;
	height: 28px;
}
.period.chooser.single ul li:nth-child(3):after
{
	content: "v";
	font-family: emcocommon;
	font-size: 14px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 30px;
	line-height: 28px;
	text-align: center;
	color: #333;
	opacity: 0.8;
}
.period.chooser.single.open ul li:nth-child(3):after
{
	content: "^";
}
.period.chooser ul
{
	max-height: none;
}
#period.chooser ul:not(.jshover)
{
	border-radius: 0 2px 2px 0;
	border-left: none;
}
.period.chooser a
{
	display: block;
	text-decoration: none;
	color: #333;
}
.period.chooser .endgroup
{
	margin-bottom: 11px;
	position: relative;
	overflow: visible;
}
.period.chooser .endgroup:before
{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	background-color: #FFF;
	height: 12px;
}
.period.chooser .endgroup:after
{
	content: "";
	height: 1px;
	position: absolute;
	left: 5px;
	right: 5px;
	bottom: -5px;
	background: #E1E1E1;
}
.period.chooser li[data-value=custom]:after
{
	content: "...";
}
.period-ranges
{
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 0 9px;
	line-height: 28px;
	height: 30px;
	border-radius: 2px 0 0 2px;
	border: 1px solid #CCC;
	border-right: none;
	box-sizing: border-box;
	background: #F8F8F8;
}
.period-ranges:after
{
	content: "";
	width: 1px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	background: #FFF;
	border-left: 1px dotted #CCC;
	box-sizing: border-box;
}
.period-ranges > span, .lupdatedts > span
{
	position: relative;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}
.period-ranges > span
{
	letter-spacing: -0.5px;
}
.period-ranges > span:after, .lupdatedts > span:after
{
	content: "0";
	display: block;
	height: 0;
	visibility: hidden;
	overflow: hidden;
}

.nm
{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 30px;
	height: 30px;
	overflow: visible;
	text-align: left;
	box-sizing: border-box;
	background: #FFF;
}
.nav_menu.nm
{
	width: 44px;
}
.nav_menu:after
{
	content: "n";
	font-family: emcocommon;
	font-size: 10px;
	line-height: 28px;
	text-align: center;
	color: #999;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1px;
	width: 14px;
	box-sizing: border-box;
	border: 1px solid #D8D8D8;
	border-left-style: dotted;
	border-radius: 0 2px 2px 0;
	background: #FFF;
}
.nav_menu.jshover:after
{
	transform: scaleY(-1);
}
.nav_menu .separator
{
	height: 1px;
	background-color: #D8D8D8;
	margin: 0 6px;
}
.settings_menu
{
	margin-left: 12px;
	border: 1px solid #D8D8D8;
	border-radius: 2px;
	cursor: default;
}
.settings_menu:after
{
	content: "N";
	font-family: emcocommon;
	font-size: 18px;
	text-align: center;
	line-height: 28px;
	position: absolute;
	top: 0;
	right: 0;
	width: 28px;
	height: 28px;
	color: #777;
}
.settings_menu:hover
{
	border-color: #CCC;
	background: #F1F1F1;
}
#title_zone .nav_menu
{
	margin-top: 10px;
	margin-right: 12px;
}
.nm ul
{
	list-style: none;
}
.settings_menu ul
{
	position: absolute;
	top: 100%;
	right: -1px;

	border: 1px solid #CCC;
	background: #FFF;
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}
.settings_menu:not(.jshover) ul
{
	display: none;
}
.nav_menu > ul
{
	position: absolute;
	top: 0;
	left: 0;
	background: #FFF;
	border: 1px solid #D8D8D8;
	border-radius: 2px 0 0 2px;
	box-sizing: border-box;
}
.nav_menu:not(.jshover) > ul
{
	border-right: none;
}
.nav_menu > ul:hover
{
	border-radius: 2px;
}
/*.nav_menu li > span
{
	padding-left: 34px;
	color: #BBB;
	position: relative;
	line-height: 28px;
	display: block;
}
.nav_menu li > span:after
{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 28px;
	font-size: 18px;
	text-align: center;
	color: #777;
}
.nav_menu ul ul li a span
{
	padding-left: 34px;
}
.nav_menu ul ul li a:after
{
	left: 28px;
}*/
.nm .tb-bttn
{
	border: none;
	height: 28px;
	display: block;
	white-space: nowrap;
	margin-left: 0 !important;
	padding-left: 32px;
	padding-right: 6px;
}
.nm li
{
	position: relative;
}
.nav_menu.nm .tb-bttn
{
	font-size: 16px;
}
.nm li:hover > .tb-bttn span
{
	background: none;
}
.nm .tb-bttn span.info
{
	display: block;
	margin-top: -4px;
	padding-bottom: 7px;
	font-size: 12px;
	line-height: 14px;
	width: 250px;
	white-space: normal;
	color: #999;
}
.nm.context
{
	width: 30px;
	height: 20px;
	position: fixed;
	z-index: 1;
}
.nav_menu.context:after
{
	line-height: 18px;
	width: 10px;
	font-size: 8px;
}
.nm.context .tb-bttn
{
	height: 24px;
	line-height: 24px;
	padding-left: 26px;
	font-size: 13px;
}
.nm.context:not(.jshover) .tb-bttn
{
	height: 18px;
	line-height: 18px;
	padding-left: 20px;
	font-size: 12px;
}
.nm.context .tb-bttn:after
{
	line-height: 24px;
	font-size: 16px;
	width: 24px;
}
.nm.context:not(.jshover) .tb-bttn:after
{
	line-height: 18px;
	font-size: 12px;
	width: 18px;
}
/*.nm.context .tb-bttn
{
	height: 18px;
	line-height: 18px;
	padding-left: 20px;
	font-size: 12px;
}
.nm.context .tb-bttn:after
{
	line-height: 18px;
	font-size: 12px;
	width: 18px;
}
.nm.context:not(.jshover) .tb-bttn
{
	height: 18px;
}
.nm.context:not(.jshover) .tb-bttn:after
{
	line-height: 18px;
	font-size: 12px;
	width: 18px;
}*/
.nm.context.nodefault
{
	width: 20px;
}
.nm.context.nodefault:after
{
	display: none;
}
.nm.context.nodefault:before
{
	content: "W";
	font-family: emcocommon;
	font-size: 12px;
	border: 1px solid #D8D8D8;
	border-radius: 2px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 18px;
	line-height: 18px;
	color: #777;
}
.nm.context.nodefault:not(.jshover) ul
{
	display: none;
}
.nm.context.nodefault ul
{
	top: 19px;
	box-shadow: none;
}
.nm.context.nodefault.bottom ul
{
	top: auto;
	bottom: 19px;
}
.nm.context.nodefault.right ul
{
	right: 0;
	left: auto;
}
.nav_menu.jshover > ul
{
	z-index: 190;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
}
.nm.jshover .tb-bttn
{
	height: auto;
}
.nm:not(.dsbl) li:hover > .tb-bttn
{
	border-color: #CCC;
	background: #F1F1F1;
}
.nm.dsbl a.tb-bttn:hover
{
	background: inherit;
}
.nav_menu:not(.jshover) li:not(:first-child), 
.nav_menu:not(.jshover) .tb-bttn span
{
	display: none;
}
.tb-bttn.dd span
{
	cursor: default;
}
.tb-bttn.dd
{
	padding-right: 28px;
}
.tb-bttn.dd:after
{
	content: ">";
	font-family: emcocommon;
	font-size: 10px;
	left: auto;
	right: 0;
	bottom: auto;
	height: 28px;
	margin-top: -14px;
	top: 50%;
}
.tb-bttn.dd + ul a.on:after
{
	content: "e";
	font-family: emcocommon;
	font-size: 12px;
}
.settings_menu ul ul 
{
	display: none;
	position: absolute;
	top: -1px;
	right: calc(100% - 2px);
	z-index: 1;
}
.settings_menu ul ul li
{
	min-width: 100px;
}
.settings_menu ul li.jshover > ul
{
	display: block;
}

/* item selector */

.fpos
{
	padding: 7px 23px 7px 25px;
	position: relative;
	white-space: nowrap;
}
.slast .fpos:last-child
{
	padding-bottom: 0;
}
.chooser .fpos
{
	padding: 0 32px 0 0;
	max-width: 250px;
}
.chooser .fpos:after
{
	display: none;
	top: 0;
	margin-top: 0;
	line-height: 28px;
}
.chooser .fpos a
{
	top: 0;
	right: -3px;
	margin-top: 2px;
}
.chooser .fpos a:after
{
	content: "c";
	font-size: 20px;
}
.fpos > span
{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	box-sizing: border-box;
}
.fpos:after
{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
	height: 32px;
	text-align: left;
	font-size: 18px;
	line-height: 32px;
}
.fpos a
{
	right: -7px;
	top: 4px;
}

.scroll
{
	overflow-y: auto;
	overflow-x: hidden;
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid #D8D8D8;
}
.item_selector .toolbar
{
	line-height: 24px;
	margin-bottom: 6px;
	position: relative;
}
.item_selector .toolbar .full
{
	display: table;
	width: 100%;
}
.item_selector .toolbar .left
{
	display: table-cell;
	text-align: left;
	white-space: nowrap;
	vertical-align: top;
}
.item_selector .toolbar .right
{
	display: table-cell;
	text-align: right;
	padding-left: 12px;
	vertical-align: top;
}

.quickfilter
{
	display: inline-block;
	vertical-align: top;
	position: relative;
}
.quickfilter input
{
	line-height: 18px;
	width: 100%;
	max-width: 200px;
	display: inline-block;
	vertical-align: top;
	padding-right: 20px;
}
.quickfilter input + .clear
{
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 21px;
	cursor: pointer;
	opacity: 0.5;
}
.quickfilter input + .clear:hover
{
	opacity: 1;
}
.quickfilter input + .clear:after
{
	display: block;
	text-align: center;

	content: "a";
	font-family: emcocommon;
	font-size: 10px;

	text-align: center;
	line-height: 26px;

	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.quickfilter input.in_search + .clear
{
	display: block;
}

.in_search li, .in_search li > div:last-child
{
	display: none;
}
.in_search li.match, .in_search li.match > div:last-child
{
	display: block;
}
.qf_nothing
{
	text-align: center;
}

.item_selector .paging_wrap
{
	position: absolute;
	right: 0;
}
.item_selector .paging_wrap .pagesize
{
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 0;
}
.item_selector .paging_wrap .pagesize + .page
{
	margin-left: 0;
}

.scroll.layout .opt
{
	visibility: hidden;
}
.layout .item_list
{
	height: 100%;
}
.item_list
{
	column-fill: auto;
	column-gap: 0;
}
.item_list .opt
{
	margin: 0 0 7px 0;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	padding-left: 10px;
	box-sizing: border-box;
}
.item_list .opt:last-child
{
	margin-bottom: 0;
}
.item_list .opt input[type=checkbox] + label
{
	min-width: 28px;
}
.item_list .opt label span
{
	color: #777;
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
	overflow: hidden;
	text-overflow : ellipsis;
}
.item_list .opt label:hover span:last-child
{
	color: #1e88e5;
}
@media (min-width: 1300px)
{
	.item_list .opt
	{
		width: 50%;
	}
}

.item_selector .tmp_holder
{
	display: inline-block;
	vertical-align: middle;
	line-height: 29px;
}
.item_selector .tmp_holder > div
{
	margin: 0 10px;
	vertical-align: top;
}
.item_selector .tmp_holder .fpos
{
	line-height: 28px;
	font-size: 14px;
	min-width: 80px;
}
.item_selector .tmp_holder .fpos:after
{
	line-height: 30px;
}
ul.tholder
{
	min-width: 100%;
}
ul.tholder li:not(:first-child)
{
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}
ul.tholder li:first-child + li
{
	padding-right: 39px;
	padding-top: 0;
	padding-bottom: 0;
}
.many .one, .one .many
{
	display: none;
}
.tholder .fpos a:hover:after
{
	content: "d";
	color: #AFAFAF;
}
.tholder .fpos a:active:after
{
	content: "d";
	color: #8F8F8F;
}
.item_selector .tmp_holder .chooser ul li
{
	cursor: default;
}
.item_selector .tmp_holder .chooser ul:not(.disabled) li:first-child, .item_selector .tmp_holder .chooser ul:not(.disabled) li:first-child + li
{
	cursor: pointer;
}
.item_selector .tmp_holder .chooser ul.jshover:not(.disabled) li:hover
{
	background-color: #FFF;
}
.wait_screen
{
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 55px;
	bottom: 67px;
}
.item_selector .buttons_row
{
	position: relative;
}

.tbttn
{
	width: 26px;
	height: 26px;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	position: relative;
	border: 1px solid #CCC;
	border-radius: 2px;
	text-decoration: none;
	line-height: 24px;
}
a.tbttn, a.tbttn:hover
{
	text-decoration: none;
}
.tbttn + .tbttn
{
	margin-left: 6px;
}
.tbttn:hover
{
	background: #F8F8F8;
}
.tbttn:after
{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	color: #777;
	font-family: emcocommon;
	font-size: 16px;
	text-align: center;
}
.tbttn.unselect:after
{
	margin-left: 0;
}
.tbttn.select:after
{
	content: "K";
}
.tbttn.unselect:after
{
	content: "L";
}

/* content */

.stat
{
	border-collapse: separate;
}
.stat th
{
	text-align: center;
	background-color: #F6F6F6;
	padding: 3px 5px;
	border: 1px solid #E1E1E1;
	border-bottom: none;
	border-right: none;
	font-size: 13px;
}
.stat th:last-child
{
	border-right: 1px solid #E1E1E1;
}

.stat tbody td
{
	padding: 5px;
	border: 1px solid #EEE;
	border-right: none;
}
.stat tbody tr:not(.last) td, .stat tbody.on tr.last td
{
	border-bottom: none;
}
.stat thead + tbody tr:first-child td
{
	border-top: 1px solid #E1E1E1;
}
.stat tbody td:last-child
{
	border-right: 1px solid #EEE;
}
.compact
{
	width: 1px;
	table-layout: fixed;
}
tbody td.num, tbody td.date
{
	font-family: Verdana, sans-serif;
	color: #555;
}
tbody td.date
{
	text-align: left;
}
tbody td.num
{
	text-align: right;
}
.nowrap
{
	white-space: nowrap;
}
.stat .click:hover
{
	cursor: pointer;
}

.ocstate
{
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding-left: 26px;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	box-sizing: border-box;
	white-space: nowrap;
}
.ocstate:after
{
	position: absolute;
	top: 0;
	left: 0;
	height: 21px;
	width: 21px;
	box-sizing: border-box;
	color: #777;
	display: block;
	content: "v";
	font-family: emcocommon;
	font-size: 18px;
	text-align: center;
	line-height: 23px;
}
.ocstate:hover:after
{
	color: #333;
}
a.ocstate
{
	text-decoration: none;
}
.on .ocstate:after
{
	content: "^";
}

.stat tbody + .ndinfo
{
	display: none;
}
.ndinfo td.empty
{
	text-align: center;
	color: #999;
}
.stat tbody.ndinfo td.empty
{
	border-bottom: 1px solid #EEE;
}


.report_body
{
	position: relative;
}
.report_body h2
{
	margin-top: 36px;
	margin-bottom: 10px;
	display: block;
	position: relative;
}
.report_body h2:before
{
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	background: #D8D8D8;
}
.report_body h2 span
{
	position: relative;
	display: inline-block;
	background: #FFF;
	padding-right: 24px;
}
.report_body h2:first-child
{
	margin-top: 12px;
}

.tabfolder
{
	border-bottom: 1px solid rgba(0,0,0,0.2);
	margin-bottom: 12px;
}
.tabfolder > div, .tabfolder > a
{
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	padding: 0 25px;
	margin: 10px 0;
	border: 1px solid #FFF;
	border-left-color: rgba(0,0,0,0.2);

	font-size: 20px;
	line-height: 22px;
	color: #777;
	cursor: pointer;
}
.tabfolder > a, .tabfolder > a:hover
{
	text-decoration: none;
}
.tabfolder > div:not(.dsbl):hover, .tabfolder > a:not(.dsbl):hover
{
	color: #000;
}
.tabfolder > div.current + div, .tabfolder > div:first-child:not(.current), 
.tabfolder > a.current + a, .tabfolder > a:first-child:not(.current)
{
	border-left-color: #FFF;
}
.tabfolder > div.current, .tabfolder > a.current
{
	margin: 0;
	margin-bottom: -1px;
	padding-bottom: 4px;
	border: 1px solid rgba(0,0,0,0.2);
	border-bottom: none;
	height: 43px;
	line-height: 43px;
	color: #000;
	background: #FFF;
	cursor: default;
	border-radius: 2px 2px 0 0;
}
.tab_data_wrapper
{
}

.top-line
{
	margin-bottom: 12px;
	overflow: hidden;
	white-space: nowrap;
	background: #1E7896;
}
.top-line > div
{
	display: inline-block;
	vertical-align: top;
	position: relative;
	line-height: 40px;
}
.top-line > div > div
{
	position: relative;
	padding: 0 10px;
	color: #FFF;
}
.top-line > div:not(:last-child):before
{
	/*content: "";*/
	position: absolute;
	top: -1px;
	bottom: 0;
	right: -10px;
	width: 10px;
	z-index: 1;
	transform: skew(-15deg);
	background: #FFF;
}
.top-line .host div
{
	font-size: 22px;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.top-line .path > div span:last-child
{
	font-weight: normal;
	display: block;
	height: 24px;
	line-height: 12px;
	font-size: 12px;
	margin-top: -6px;
	text-overflow: ellipsis;
	overflow: hidden;
}
.top-line .path
{
	width: calc(100% - 70px);
}
.top-line .info
{
	width: 70px;
	height: 58px;
	text-align: right;
	font-size: 18px;
}
.top-line > div.description
{
	display: block;
	color: #FFF;
	padding: 0 10px 10px 10px;
}
.top-line > div.description > div
{
	padding: 0;
	white-space: normal;
	line-height: 16px;
	font-size: 12px;
	max-height: 48px;
	overflow: auto;
}
/* IE11 */
*::-ms-backdrop, .top-line > div.description > div
{ 
	padding-bottom: 4px;
} 


/* content icons */

.severity
{
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 8px;
	margin-top: 2px;
	position: relative;

	vertical-align: top;
	box-sizing: border-box;
}
.severity
{
	opacity: 0.8;
}
.severity:after
{
	line-height: 16px;
	font-size: 10px;
}
.severity.ok:after
{
	content: "G";
	display: block;
	text-align: center;
	background: #FFF;
	color: #3D8DD5;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	font-family: emcocommon;
	font-size: 16px;
	border-radius: 8px;
}
.severity.cancel:after
{
	content: "H";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;

	font-family: emcocommon;
	font-size: 16px;
	color: #FF673C;
	background: #FFF;
	border-radius: 8px;
}
.severity.warning
{
	border-radius: 0;
}
.severity.warning:before
{
	content: "";
	display: block;
	position: absolute;
	left: 6px;
	top: 4px;
	right: 6px;
	bottom: 1px;
	background: #000;
}
.severity.warning:after
{
	content: "F";
	display: block;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	font-family: emcocommon;
	font-size: 16px;
	color: #FFCC23;
}
.severity.error:after
{
	content: "E";
	font-family: emcocommon;
	font-size: 16px;
	display: block;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	color: #FF673C;
	background: #FFF;
	border-radius: 8px;
}

/* content:errors */

.h404
{
	margin-top: 7.5%;
	padding-left: 50%;
	margin-left: -170px;
}
.c404
{
	font-weight: bold;
	font-size: 178px;
	line-height: 158px;
	color: #D8D8D8;
	margin-left: 10px;
}
.c404 + p
{
	display: block;
	max-width: 380px;
	text-align: justify;
}
.d404, .d500
{
	font-style: italic;
	text-align: left;
}
p + .d404, p + .d500
{
	margin-top: 24px;
}
.d404
{
	max-width: 380px;
}
.h404 .buttons_row
{
	margin-top: 24px;
	max-width: 380px;
}
.hLic
{
	margin-top: 7.5%;
	padding-left: 50%;
	margin-left: -270px;
}
.cLic
{
	font-weight: bold;
	font-size: 148px;
	line-height: 128px;
	color: #D8D8D8;
}
.cLic + p
{
	margin-top: 10px;
	display: block;
	max-width: 560px;
	text-align: justify;
}
.hLic .buttons_row
{
	margin-top: 24px;
	max-width: 560px;
}

/* Modifiers */
.dh
{
	display: none !important;
}

/* Overwrite */
.ui-widget
{
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a.ui-button:link, a.ui-button:visited, .ui-button
{
	color: #696969;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active
{
	background: #FFF;
	border: 1px solid #E3E3E5;
	border-top-color: #ADACB1;
}
.ui-button.ui-priority-secondary, .ui-widget-content .ui-button.ui-priority-secondary, .ui-widget-header .ui-button.ui-priority-secondary
{
	opacity: 1;
}
.ui-button
{
	height: 30px;
	line-height: 28px;
	padding: 0 0 0 5px;
}
.ui-button:focus, .ui-button:active
{
	outline: none;
}
.ui-button .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon
{
	position: relative;
	background: none;
	display: inline-block;
	margin: 0;
	height: 28px;
	width: 28px;
	box-sizing: border-box;
	margin-left: 8px;
}
.ui-button .ui-icon:before
{
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	bottom: 4px;
	left: 0;
	width: 1px;
	background: #D8D8D8;
}
.ui-button .ui-icon:after, .ui-button:hover .ui-icon:after, .ui-button:focus .ui-icon:after
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "v";
	text-align: center;
	font-family: emcocommon;
	font-size: 18px;
	line-height: 28px;
	color: #333;
	text-indent: 0;
}
.xdsoft_datetimepicker
{
	font-family: 'Montserrat', sans-serif;
}
.comiseo-daterangepicker-active.ui-button .ui-icon:after
{
	content: "^";
}
.ui-button:hover, .ui-button:focus
{
	background: #FFF;
	color: #696969;
	opacity: 1;
}

.comiseo-daterangepicker-mask
{
	z-index: 199;
}
.comiseo-daterangepicker
{
	padding: 20px;
	z-index: 2000;
}
.comiseo-daterangepicker > .title
{
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 20px;
}
.comiseo-daterangepicker-active
{
	border-radius: 2px 2px 0 0;
}
.comiseo-daterangepicker.ui-corner-all
{
	border-radius: 2px 0 2px 2px;
}
.comiseo-daterangepicker > .comiseo-daterangepicker-main.ui-widget-content
{
	border: 1px solid #E5E5E5;
	border-radius: 2px;
	position: relative;
	min-height: 225px;
}
.comiseo-daterangepicker .comiseo-daterangepicker-calendar
{
	padding: 0;
	border-right: 1px solid #E5E5E5;
}
.ui-datepicker
{
	padding: 0;
}
.comiseo-daterangepicker .ui-datepicker-header
{
	border-radius: 0;
}
.comiseo-daterangepicker .ui-icon-circle-triangle-w, .comiseo-daterangepicker .ui-icon-circle-triangle-e
{
	background: none;
	display: block;
	cursor: pointer;
}
.comiseo-daterangepicker .ui-icon-circle-triangle-w:after
{
	content: "<";
}
.comiseo-daterangepicker .ui-icon-circle-triangle-e:after
{
	content: ">";
}
.comiseo-daterangepicker .ui-icon-circle-triangle-w:after, .comiseo-daterangepicker .ui-icon-circle-triangle-e:after
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	font-family: emcocommon;
	text-indent: 0;
}
.comiseo-daterangepicker .ui-state-disabled
{
	cursor: default;
}
.ui-datepicker td
{
	line-height: 15px;
}
.ui-datepicker td a:not(.dsbl)
{
	text-decoration: none;
}
.ui-datepicker td a.ui-state-default
{
	border-color: #D8D8D8;
	background: #F8F8F8;
	border-radius: 2px;
	color: #333;
}
.comiseo-daterangepicker .comiseo-daterangepicker-presets
{
	border: 1px solid #E5E5E5;
	padding: 0;
	position: absolute;
	top: -39px;
	right: 0;
	z-index: 1;
	background: #FFF;
	overflow: hidden;
	height: 24px;
	cursor: pointer;
}
.comiseo-daterangepicker .comiseo-daterangepicker-presets.open
{
	height: auto;
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}
.comiseo-daterangepicker .comiseo-daterangepicker-presets:before
{
	content: attr(data-predefined);
	line-height: 24px;
	border-bottom: 1px solid #E5E5E5;
	display: block;
	padding: 0 32px 0 .4em;
	width: 88px;
}
.comiseo-daterangepicker .comiseo-daterangepicker-presets.none:before
{
	color: #999;
}
.comiseo-daterangepicker .predefined_label
{
	position: absolute;
	right: 135px;
	top: -39px;
	line-height: 26px;
}
.comiseo-daterangepicker:not(.with-presets) .predefined_label
{
	display: none;
}
.comiseo-daterangepicker .comiseo-daterangepicker-presets:after
{
	content: "v";
	font-family: emcocommon;
	font-size: 14px;
	text-align: center;
	width: 26px;
	box-sizing: border-box;
	border-left: 1px dotted #E5E5E5;
	color: #333;
	opacity: 0.8;
	position: absolute;
	top: 0;
	right: 0;
	line-height: 24px;
}
.comiseo-daterangepicker .comiseo-daterangepicker-presets.open:after
{
	content: "^";
}
.comiseo-daterangepicker-presets .ui-menu .ui-menu-item-wrapper
{
	line-height: 20px;
}
.ui-menu .ui-menu-item
{
	margin-bottom: 0;
}
.ui-menu .ui-menu-item-wrapper
{
	color: #1e88e5;
	display: block;
	font-size: 13px;
	line-height: 15px;
}
.ui-menu .ui-menu-item-wrapper.ui-state-active
{
	color: #FFF;
	text-decoration: none;
	background: #2196f3;
	border: 1px solid #2196f3;
}
.comiseo-daterangepicker-buttonpanel
{
	margin-top: 20px;
}
.comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel > button
{
	margin: 0 0 0 15px;
	font-weight: normal;
}
.comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel > button:first-child + button
{
	display: none;
}
.ui-widget-header
{
	background: #E0E0E0;
}
.ui-datepicker-multi-3 .ui-datepicker-group
{
	width: 33.33333%;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight
{
	background: none;
}
.comiseo-daterangepicker-calendar .ui-state-highlight a.ui-state-default
{
	border-color: #2196f3;
	background: #2196f3;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover
{
	border-color: #adacb1 #e3e3e5 #e3e3e5;
}
.ui-widget-header
{
	color: #222;
}
.comiseo-daterangepicker-presets, .comiseo-daterangepicker-calendar
{
	height: initial;
}
.ui-datepicker-multi .ui-datepicker-group table,
.ui-datepicker-inline > table
{
	margin: 0 0 10px 0;
	width: 100%;
}
.ui-datepicker-group-first td:first-child, .ui-datepicker-group-last td:first-child, 
.ui-datepicker-inline > table td:first-child
{
	padding-left: 10px;
}
.ui-datepicker-group-first td:last-child, .ui-datepicker-group-last td:last-child, 
.ui-datepicker-inline > table td:last-child
{
	padding-right: 10px;
}
.ui-datepicker-group-first + .ui-datepicker-group-last td:first-child
{
	padding-left: 0;
}

.ui-datepicker-group-first td:first-child, .ui-datepicker-group-last td:first-child, .ui-datepicker-inline > table td:first-child
{
	padding-left: 0;
}
.ui-datepicker-group-first td:last-child, .ui-datepicker-group-last td:last-child, .ui-datepicker-inline > table td:last-child
{
	padding-right: 0;
}
.comiseo-daterangepicker .ui-datepicker-calendar td
{
	width: 14.2%;
}
.comiseo-daterangepicker div.comiseo-daterangepicker-calendar
{
	border-right: none;
}
.comiseo-daterangepicker:not(.with-presets) .comiseo-daterangepicker-presets
{
	display: none;
}
.comiseo-daterangepicker-presets
{
	border-right: 1px solid #E5E5E5;
}
.ui-datepicker-group
{
	box-sizing: border-box;
	padding-left: 10px;
}
.ui-datepicker-group .ui-datepicker-header
{
	margin-left: -10px;
}
.ui-datepicker-group.ui-datepicker-group-last
{
	padding-right: 10px;
}
.ui-datepicker-group.ui-datepicker-group-last .ui-datepicker-header
{
	margin-right: -10px;
}
.comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel
{
	float: right;
}
.comiseo-daterangepicker .close
{
	position: absolute;
	top: 12px;
	right: 12px;
}
.comiseo-daterangepicker-mask:not(.dd)
{
	background: #000;
	opacity: 0.3;
}
.details-snapshot #tracking_move .period-ranges
{
	background: #FFF;
}
.daterange-input
{
	margin-bottom: 12px;
	position: relative;
}
.comiseo-daterangepicker.single
{
	padding: 10px;
}
.comiseo-daterangepicker.single .comiseo-daterangepicker-buttonpanel
{
	margin-top: 10px;
}
.comiseo-daterangepicker.single .comiseo-daterangepicker-buttonpanel > button
{
	margin-left: 10px;
}
.comiseo-daterangepicker.with-note > .daterange-input:after
{
	content: attr(data-note);
	display: inline-block;
	vertical-align: top;
	line-height: 26px;
	margin-left: 12px;
	white-space: nowrap;
	color: #AAA;
}
.daterange-input > div
{
	display: inline-block;
	vertical-align: top;
	width: auto;
}
.daterange-input > div + div
{
	margin-left: 12px;
}
.daterange-input .rangeValue span
{
	width: auto;
	text-align: left;
	padding-right: 6px;
	font-size: 14px;
}
.daterange-input .title
{
	margin-right: 6px;
	line-height: 26px;
}
.daterange-input .range
{
	position: relative;
	white-space: nowrap;
}
.daterange-input .range:after
{
	content: "-";
	position: absolute;
	top: 0;
	left: calc(50% - 15px);
	width: 30px;
	line-height: 26px;
	text-align: center;
}
.daterange-input input
{
	width: 100px;
}
.daterange-input input + input
{
	margin-left: 30px;
}

/* IE specific section */

@media all and (-ms-high-contrast:none)
{
	/* IE10 */
	.fbttn:after {} 
	/* IE11 */ /* font rendering is very rough */
	*::-ms-backdrop, .fbttn:after 
	{ 
		line-height: 25px;
	} 
	*::-ms-backdrop, .chooser ul li:first-child::after, .ui-button .ui-icon::after, .ui-button:hover .ui-icon::after, .ui-button:focus .ui-icon::after
	{
		line-height: 29px;
	}
	*::-ms-backdrop, #page_top::after
	{
		bottom: 4px;
	}
}

/* Old IE versions warning */
body > #oldbrowserwarning
{
	display: none;
	text-align: center;
	width: 800px;
	margin: 0 auto;
	padding-top: 200px;
	font-size: 24px;
	line-height: 30px;
}
#oldbrowserwarning > div
{
	margin-top: 32px;
	white-space: nowrap;
}
#oldbrowserwarning > div > div
{
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	box-sizing: border-box;
	padding: 0 16px;
	padding-top: 80px;
	font-weight: bold;
}
#oldbrowserwarning > div > div > div
{
	font-size: 13px;
	line-height: 13px;
	font-weight: normal;
}
#oldbrowserwarning > div > div
{
	background-repeat: no-repeat;
	background-position: center top;
}
#chrome
{
	background-image: url(images/chrome-logo.png);
}
#firefox
{
	background-image: url(images/firefox-logo.png);
}
#safari
{
	background-image: url(images/safari-logo.png);
}
#msedge
{
	background-image: url(images/edge-logo.png);
}
#msie
{
	background-image: url(images/explorer-logo.png);
}

#login
{
	top: calc(50% + 64px);
}
body.login
{
	overflow: hidden;
}
body.login #header
{
	display: block;
}
body.login #header_box
{
	height: 70px;
}
#dlogo
{
	box-sizing: border-box;
	line-height: 71px;
	padding-left: 180px;
	background: url(images/emco-software.svg) no-repeat 0 10px;
	background-size: 137px 52px;
	text-align: right;
}
#dlogo a
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 145px;
}
#dlogo h1
{
	font-size: 24px;
}
.dlogo #title_zone
{
	text-align: right;
	max-width: none;
	width: auto;
	float: none;
}
.demo .demow
{
	position: relative;
	display: inline-block;
	filter: blur(2px);
}
.demo .nodemow .demow
{
	filter: none;
}

.vue:not(.done)
{
	display: none;
}

/* black scheme */
body.black, .black #header, .black #statusbar, 
.black .dialog_window, .black input:not(.sbutton), .black textarea, .black select,
.black .box > .title
{
	background: #000;
	color: #DDD;
}
.black .box > .title > div.ftico, .black a, .black a:visited, .black .period.chooser a
{
	color: #DDD;
}
.black.hidefilter .sidebar:hover .filter > .title,
.black .tb-bttn:not(.dsbl):hover, .black .modebar a:not(.dsbl):hover, .black .settings_menu:hover:after
{
	background: rgba(255,255,255,0.3);
}
.black .tb-bttn:not(.dsbl):hover, .black .modebar a:not(.dsbl):hover, .black .tbttn:after,
.black .tb-bttn.back:after, .black .ocstate:after, .black .ocstate:hover:after, .black .settings_menu:after
{
	color: #DDD;
}
.black input:invalid, .black textarea:invalid
{
	border: 1px solid #E7002E;
}
.black input:not(.sbutton):focus:not(:invalid), .black textarea:focus:not(:invalid)
{
	border-color: #DDD;
}
.black input:not(.sbutton):focus:invalid, .black textarea:focus:invalid
{
	border-color: #FF0000;
}
.black *:required + label.edit_label
{
	color: #EEE;
}
.black .tb-bttn, .black .modebar a, .black .modebar a:not(:first-child), .black .settings_menu
{
	border-color: #CCC;
}
.black .screen_lock, .black #error-wrapper
{
	background: rgba(0,0,0,0.3);
}
.black .item_selector.load .wait_screen
{
	background: rgba(0,0,0,0.1);
}
.black .sbutton.lgray, .black .sbutton.lgray:visited, .black .sbutton.lgray.dsbl:hover, .black .sbutton.lgray:focus, 
.black .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel > button.ui-priority-secondary, 
.black .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel > button.ui-priority-secondary:hover, 
.black .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel > button.ui-priority-secondary:focus
{
	background: #000;
	color: #DDD;
	border-color: #CCC;
}
.black .sbutton.lgray:hover, 
.black .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel > button.ui-priority-secondary:hover,
.black .chooser ul.jshover:not(.disabled) li:nth-child(n+3):hover
{
	background: rgba(255,255,255,0.3);
}
.black .page, .black .page:visited, .black .space
{
	background: #000;
	color: #DDD;
}
.black .page:not(.dsbl):not(.current):hover, .black .page.current
{
	color: #DDD;
	background: rgba(255,255,255,0.3);
}
.black :-moz-placeholder
{
	color: #CCC;
	opacity: 1;
}
.black ::-moz-placeholder
{
	color: #CCC;
	opacity: 1;
}
.black ::-webkit-input-placeholder
{
	color: #CCC;
	opacity: 1;
}
.black :-ms-input-placeholder
{
	color: #CCC;
	opacity: 1;
}
.black .dialog_window .close, .black .free-bttn.close,
.black .dialog_window .close:not(.dsbl):hover, .black .free-bttn.close:not(.dsbl):hover
{
	border-color: transparent;
	color: #DDD;
}
.black .dialog_window .close:not(.dsbl):hover, .black .free-bttn.close:not(.dsbl):hover
{
	border: 1px solid #CCC;
	background: rgba(255,255,255,0.3);
}
.black label.edit_label, .black .chooser ul.disabled
{
	color: #CCC;
}
.black .dsbl, .black .disabled
{
	opacity: 0.8 !important;
}
.black .chooser
{
	color: #DDD;
}
.black .fpos.group span::after, .black .item_list .opt label span
{
	color: #BBB;
}
.black .opt input[type="checkbox"] + label > span:last-child:not(:first-child), 
.black .opt input[type="radio"] + label > span:last-child:not(:first-child)
{
	opacity: 1;
}
.black .opt input[type="checkbox"] + label > span:first-child, .black .opt input[type="radio"] + label > span:first-child
{
	background: #000;
}
.black .opt:not(.dsbl) input[type="checkbox"]:not(:disabled) + label:hover > span:first-child, 
.black .opt:not(.dsbl) input[type="radio"]:not(:disabled) + label:hover > span:first-child
{
	border-color: #CCC;
}
.black .opt input[type="checkbox"]:checked + label > span:first-child::after, 
.black .opt input[type="radio"]:checked + label > span:first-child::after,
.black .item_list .opt label:hover span:last-child,
.black .opt:not(.dsbl) input[type="checkbox"]:not(:disabled) + label:hover, 
.black .opt:not(.dsbl) input[type="radio"]:not(:disabled) + label:hover
{
	color: #DDD;
}
.black .chooser ul.jshover:not(.disabled), .black .chooser ul.jshover:not(.disabled) li,
.black .item_selector .tmp_holder .chooser ul.jshover:not(.disabled) li:hover,
.black .tholder .fpos a:hover, .black .fbttn:hover, .black .order_block .order.chooser .item.add:hover,
.black .period-ranges, .black .stat th
{
	background: #000;
}
.black .chooser ul li:first-child::after
{
	color: #DDD;
}
.black .tb-bttn, .black .tb-bttn:visited, .black a.tb-bttn:hover, .black .tb-bttn span, 
.black .modebar a, .black .modebar a:visited, .black .modebar a:hover, .black .modebar a span,
.black .body > div > .group > .title, .black .fbttn::after, .black .tholder .fpos a:hover::after, 
.black .order_block .order.chooser .item.add:after, .black .order_block .order.chooser .item.add:hover:after,
.black .nm, .black .settings_menu ul
{
	color: #DDD;
	background: #000;
}
.black .tbttn:hover, .black .nm li:hover > .tb-bttn
{
	background: rgba(255,255,255,0.3);
}
.black .stat.nofirst .click:hover
{
	background: rgba(255,255,255,0.3);
}
.black .no_host_filter
{
	color: #DDD;
}
.black .dialog_window
{
	border: 1px solid #BBB;
}
.black .pin:not(.dsbl), .black.hidefilter .pin:not(.dsbl)
{
	background: #000;
	color: #DDD;
	border-color: #BBB;
}
.black .pin:not(.dsbl):hover, .black.hidefilter .pin:not(.dsbl):hover
{
	background: rgba(255,255,255,0.3);
}
.black .tree a, .black .tree a:visited
{
	color: #DDD;
}
.black .tree a:hover, .black a:hover .depth, .black a .depth:hover
{
	color: #AAA;
}
.black .period_note
{
	color: #DDD;
	opacity: 0.7;
}
.black .radio a.on:after
{
	color: #DDD;
}
.black .radio a.on, .black .radio a.on:hover:not(.dsbl)
{
	background: rgba(255,255,255,0.3);
}
.black tbody td.num, .black tbody td.date
{
	color: #DDD;
}
.black #dlogo
{
	background-image: url(images/emco-software-black.svg);
}
.black .sbbttn:after
{
	background: none;
}
.black .box, .black .body > div > .group > .title, .black .box > .title, .black .stat tbody td
{
	border-color: #BBB;
}

.black .ui-widget-content, .black .ui-widget-header, 
.black .ui-datepicker td:not(.ui-state-highlight) a.ui-state-default:not(.ui-state-active)
{
	background: #000;
	color: #DDD;
}
.black .ui-datepicker-header
{
	border-top: none;
}
.black .ui-corner-left
{
	border-left: none;
}
.black .ui-corner-right
{
	border-right: none;
}
.black .period-ranges:after
{
	border-color: #BBB;
	background: none;
}

.black .top-line
{
	background: rgba(30, 120, 150, 0.9);
}
.black .top-line > div > div
{
	color: #EEE;
}
.black .opt input[type="checkbox"]:disabled + label, .black .opt input[type="radio"]:disabled + label
{
	opacity: 0.8;
}

.black .group.missing, .black .fonotice
{
	background: none;
}
.black .missing .fpos + .emptyset a, .black .missing .fpos + .emptyset a:visited, .black .missing .fpos + .emptyset a:hover
{
	color: #FFF;
}
.black .fonotice:before
{
	color: #AAA;
}

/* highcontrast scheme */

body.highcontrast, .highcontrast #header, .highcontrast #statusbar, 
.highcontrast .dialog_window, .highcontrast input:not(.sbutton), .highcontrast textarea, .highcontrast select,
.highcontrast .box > .title
{
	background: #000;
	color: #FFF;
}
.highcontrast #header
{
	box-shadow: 0 1px 0 #FFF;
}
.highcontrast .severity
{
	opacity: 1;
}
.highcontrast .box > .title > div.ftico, .highcontrast a, .highcontrast a:visited, .highcontrast .period.chooser a
{
	color: #FFF;
}
.highcontrast.hidefilter .sidebar:hover .filter > .title,
.highcontrast .tb-bttn:not(.dsbl):hover, .highcontrast .modebar a:not(.dsbl):hover, .highcontrast .settings_menu:hover:after
{
	background: rgba(255,255,255,0.5);
}
.highcontrast .tb-bttn:not(.dsbl):hover, .highcontrast .modebar a:not(.dsbl):hover, .highcontrast .tbttn:after,
.highcontrast .tb-bttn.back:after, .highcontrast .ocstate:after, .highcontrast .ocstate:hover:after, .highcontrast .settings_menu:after
{
	color: #FFF;
}
.highcontrast input:invalid, .highcontrast textarea:invalid
{
	border: 1px solid #DDD;
}
.highcontrast input:not(.sbutton):focus:not(:invalid), .highcontrast textarea:focus:not(:invalid)
{
	border-color: #FFF;
}
.highcontrast input:not(.sbutton):focus:invalid, .highcontrast textarea:focus:invalid
{
	border-color: #FF0000;
}
.highcontrast *:required + label.edit_label
{
	color: #FFF;
}
.highcontrast .tb-bttn, .highcontrast .modebar a, .highcontrast .modebar a:not(:first-child), .highcontrast .settings_menu
{
	border-color: #FFF;
}
.highcontrast .screen_lock, .highcontrast #error-wrapper
{
	background: rgba(0,0,0,0.3);
}
.highcontrast .item_selector.load .wait_screen
{
	background: rgba(0,0,0,0.1);
}
.highcontrast .sbutton.lgray, .highcontrast .sbutton.lgray:visited, 
.highcontrast .sbutton.lgray.dsbl:hover, .highcontrast .sbutton.lgray:focus, 
.highcontrast .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel > button.ui-priority-secondary, 
.highcontrast .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel > button.ui-priority-secondary:hover, 
.highcontrast .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel > button.ui-priority-secondary:focus
{
	background: #000;
	color: #FFF;
	border-color: #FFF;
}
.highcontrast .sbutton.lgray:hover, 
.highcontrast .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel > button.ui-priority-secondary:hover,
.highcontrast .chooser ul.jshover:not(.disabled) li:nth-child(n+3):hover
{
	background: rgba(255,255,255,0.5);
}
.highcontrast .page, .highcontrast .page:visited, .highcontrast .space
{
	background: #000;
	color: #FFF;
}
.highcontrast .page:not(.dsbl):not(.current):hover, .highcontrast .page.current
{
	color: #FFF;
	background: rgba(255,255,255,0.5);
}
.highcontrast :-moz-placeholder
{
	color: #FFF;
	opacity: 1;
}
.highcontrast ::-moz-placeholder
{
	color: #FFF;
	opacity: 1;
}
.highcontrast ::-webkit-input-placeholder
{
	color: #FFF;
	opacity: 1;
}
.highcontrast :-ms-input-placeholder
{
	color: #FFF;
	opacity: 1;
}
.highcontrast .dialog_window .close, .highcontrast .free-bttn.close,
.highcontrast .dialog_window .close:not(.dsbl):hover, .highcontrast .free-bttn.close:not(.dsbl):hover
{
	border-color: transparent;
	color: #FFF;
}
.highcontrast .dialog_window .close:not(.dsbl):hover, .highcontrast .free-bttn.close:not(.dsbl):hover
{
	border: 1px solid #FFF;
	background: rgba(255,255,255,0.5);
}
.highcontrast label.edit_label, .highcontrast .chooser ul.disabled
{
	color: #FFF;
}
.highcontrast .dsbl, .highcontrast .disabled
{
	opacity: 0.8 !important;
}
.highcontrast .chooser
{
	color: #FFF;
}
.highcontrast .fpos.group span::after, .highcontrast .item_list .opt label span
{
	color: #CCC;
}
.highcontrast .opt input[type="checkbox"] + label > span:last-child:not(:first-child), 
.highcontrast .opt input[type="radio"] + label > span:last-child:not(:first-child)
{
	opacity: 1;
}
.highcontrast .opt input[type="checkbox"] + label > span:first-child, .highcontrast .opt input[type="radio"] + label > span:first-child
{
	background: #000;
}
.highcontrast .opt:not(.dsbl) input[type="checkbox"]:not(:disabled) + label:hover > span:first-child, 
.highcontrast .opt:not(.dsbl) input[type="radio"]:not(:disabled) + label:hover > span:first-child,
.highcontrast .chooser:not(.button) ul, .highcontrast .chooser.button, .highcontrast .period-ranges,
.highcontrast .ui-widget.ui-widget-content, .highcontrast .stat th, .highcontrast .stat thead + tbody tr:first-child td
{
	border-color: #FFF;
}
.highcontrast .opt input[type="checkbox"] + label > span:first-child, .highcontrast .opt input[type="radio"] + label > span:first-child
{
	border-color: #DDD;
}
.highcontrast .opt input[type="checkbox"]:disabled + label, .highcontrast .opt input[type="radio"]:disabled + label
{
	opacity: 0.8;
}
.highcontrast .chooser ul li:first-child
{
	opacity: 1;
}
.highcontrast .chooser:not(.button) ul li:first-child:before
{
	background-color: #FFF;
}
.highcontrast .opt input[type="checkbox"]:checked + label > span:first-child::after, 
.highcontrast .opt input[type="radio"]:checked + label > span:first-child::after,
.highcontrast .item_list .opt label:hover span:last-child,
.highcontrast .opt:not(.dsbl) input[type="checkbox"]:not(:disabled) + label:hover, 
.highcontrast .opt:not(.dsbl) input[type="radio"]:not(:disabled) + label:hover
{
	color: #FFF;
}
.highcontrast .chooser ul.jshover:not(.disabled), .highcontrast .chooser ul.jshover:not(.disabled) li,
.highcontrast .item_selector .tmp_holder .chooser ul.jshover:not(.disabled) li:hover,
.highcontrast .tholder .fpos a:hover, .highcontrast .fbttn:hover, .highcontrast .order_block .order.chooser .item.add:hover,
.highcontrast .period-ranges, .highcontrast .stat th
{
	background: #000;
}
.highcontrast .chooser ul li:first-child::after
{
	color: #FFF;
}
.highcontrast .tb-bttn, .highcontrast .tb-bttn:visited, .highcontrast a.tb-bttn:hover, .highcontrast .tb-bttn span, 
.highcontrast .modebar a, .highcontrast .modebar a:visited, .highcontrast .modebar a:hover, .highcontrast .modebar a span,
.highcontrast .body > div > .group > .title, .highcontrast .fbttn::after, .highcontrast .tholder .fpos a:hover::after, 
.highcontrast .order_block .order.chooser .item.add:after, .highcontrast .order_block .order.chooser .item.add:hover:after,
.highcontrast .nm, .highcontrast .settings_menu ul
{
	color: #FFF;
	background: #000;
}
.highcontrast .tbttn:hover, .highcontrast .nm li:hover > .tb-bttn
{
	background: rgba(255,255,255,0.5);
}
.highcontrast .stat.nofirst .click:hover
{
	background: rgba(255,255,255,0.3);
}
.highcontrast .no_host_filter
{
	color: #FFF;
}
.highcontrast .dialog_window
{
	border: 1px solid #FFF;
}
.highcontrast .pin:not(.dsbl), .highcontrast.hidefilter .pin:not(.dsbl)
{
	background: #000;
	color: #FFF;
	border-color: #FFF;
}
.highcontrast .pin:not(.dsbl):hover, .highcontrast.hidefilter .pin:not(.dsbl):hover
{
	background: rgba(255,255,255,0.5);
}
.highcontrast .tree a, .highcontrast .tree a:visited
{
	color: #FFF;
}
.highcontrast .tree a:hover, .highcontrast a:hover .depth, .highcontrast a .depth:hover
{
	color: #FFF;
}
.highcontrast .period_note
{
	color: #FFF;
	opacity: 0.7;
}
.highcontrast .radio a.on:after
{
	color: #FFF;
}
.highcontrast .radio a.on, .highcontrast .radio a.on:hover:not(.dsbl)
{
	background: rgba(255,255,255,0.5);
}
.highcontrast tbody td.num, .highcontrast tbody td.date
{
	color: #EEE;
}
.highcontrast #dlogo
{
	background-image: url(images/emco-software-black.svg);
}
.highcontrast .sbbttn:after
{
	background: none;
}
.highcontrast .box, .highcontrast .body > div > .group > .title, .highcontrast .box > .title, .highcontrast .stat tbody td
{
	border-color: #FFF;
}

.highcontrast .ui-widget-content, .highcontrast .ui-widget-header, 
.highcontrast .ui-datepicker td:not(.ui-state-highlight) a.ui-state-default:not(.ui-state-active)
{
	background: #000;
	color: #FFF;
}
.highcontrast .ui-datepicker-header
{
	border-top: none;
}
.highcontrast .ui-corner-left
{
	border-left: none;
}
.highcontrast .ui-corner-right
{
	border-right: none;
}

.highcontrast .group.missing, .highcontrast .fonotice
{
	background: none;
}
.highcontrast .missing .fpos + .emptyset a, .highcontrast .missing .fpos + .emptyset a:visited, .highcontrast .missing .fpos + .emptyset a:hover
{
	color: #FFF;
}
.highcontrast .fonotice:before
{
	color: #FFF;
}

/*
.black #boverview, .black #bevents
{
	border: 1px solid #CCC;
	background: none;
}
.black #bevents .modebar a span, .black #boverview .modebar a span
{
	color: #FFF;
}
*/
@CHARSET "UTF-8";
/*
:root
{
	--color-violet: #B064B0
	--color-brown: #F79646
	--color-darkblue: #1B64B3
    --color-blue: #409CFF;
    --color-green: #80C76B;
    --color-minimum: #008C00;
    --color-red: #F76B6B;
	--color-maximum: #DB2929;
    --color-yellow: #FFC500;
    --color-light-yellow: #FFCC00;
	--color-orange: #FF9D00;
    --color-gray: #BBB;
    --color-light-gray: #EEE;
    --color-dark-gray: #333;
}
*/
.opt.selectitem input[type="checkbox"] + label > span:last-child:not(:first-child)
{
	display: none;
}

.hosts_block + .buttons_row
{
	text-align: center;
	margin-top: 10px;
}

.sbbttn:after
{
	font-family: pingmonitor;
}
#logo:before
{
	font-family: pingmonitor;
}
.fpos:after
{
	font-family: pingmonitor;
}

.fpos.group:after
{
	content: "i";
	color: #FF9D00;
}
.fpos.host:after
{
	content: "h";
	color: #FF9D00;
}
.groups_block .fpos span span, .hosts_block .fpos span span
{
	display: block;
	font-size: 12px;
	color: #777;
	overflow: hidden;
	text-overflow: ellipsis;
}
.fpos.group span
{
	position: relative;
	display: block;
	padding-bottom: 18px;
}
.fpos.group span:after
{
	display: block;
	text-indent: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	content: "(" attr(data-all) ")";
	font-weight: normal;
	font-size: 12px;
	color: #999;
}
.fpos.group.i span
{
}
.fpos.group.i span:after
{
	content: "(" attr(data-immediate) ")";
}

.scroll.tree
{
	overflow: auto;
}
.tree ul, .tree li
{
	list-style: none;
	padding: 0;
	margin: 0;
}
.tree li > div:last-child:not(:first-child)
{
	margin-left: 30px;
}
/*.tree > ul > li > div:last-child:not(:first-child)
{
	margin-left: 0;
}*/

#hosts_selector
{
	width: 900px;
	margin-left: -450px;
	margin-top: -285px;
}
#hosts_selector .master, #hosts_selector .slave
{
	display: inline-block;
	vertical-align: top;
}
#hosts_selector .master
{
	width: 30%;
}

#hosts_selector .toolbar .master, #hosts_selector .toolbar .slave
{
	display: table;
}

#hosts_selector .tree
{
	height: 370px;
}
#hosts_selector .slave
{
	position: absolute;
}
#hosts_selector .toolbar .slave
{
	top: 0;
	left: 30%;
	margin-left: 12px; /* "left: 30%; margin-left:12px" - ms edge hack, since it fails with just "right:0" */
	width: calc(70% - 12px);
}
#hosts_selector .tree + .slave
{
	right: 0;
	top: 32px;
	height: 334px;
	width: calc(70% - 12px);
}
.slave.scroll
{
	/*border-left: none;*/
	overflow-y: hidden;
	overflow-x: visible;
	padding: 10px 0 24px 0;
}
.tree a, .tree a:visited, .tree a:hover
{
	display: inline-block;
	text-decoration: none;
	color: #333;
}
.tree a:hover
{
	color: #1e88e5;
}
.tree a.disabled, .tree a.disabled:hover, .tree a.disabled:visited
{
	color: #777;
	font-weight: normal;
	cursor: default;
}
.tree a
{
	padding-left: 22px;
	position: relative;
}
.tree a > span:first-child
{
	display: inline-block;
	vertical-align: top;
	padding: 1px 4px;
	border-radius: 2px;
}
.tree .current > span:first-child
{
	color: #FFF;
	background-color: #1e88e5;
}
a .depth
{
	box-sizing: border-box;
	border-radius: 2px;
	display: inline-block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 10px;
}
a:hover .depth, a .depth:hover
{
	color: #333;
}
a .depth:after
{
	content: "v";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	font-family: emcocommon;
	font-size: 13px;
	line-height: 20px;
}
a .depth:hover:after
{
	content: "D";
}
a .depth.immediate:after
{
	content: ">";
}
a .depth.immediate:hover:after
{
	content: "C";
}

.tree .opt
{
	margin-top: 6px;
	white-space: nowrap;
	overflow: visible;
}
.tree > ul
{
	padding-bottom: 10px;
}
.tree > ul > li > .opt
{
	margin-top: 0;
}
.tree .opt input[type="checkbox"] + label
{
	padding-left: 23px;
}
.tree .opt input[type="checkbox"] + label > span:first-child
{
	margin-left: -23px;
	margin-right: 0;
}
.thost .placeholder, .thost.chooser ul li:not(:first-child)
{
	min-width: 75px;
	margin: 0;
}
.tgroup .placeholder, .tgroup.chooser ul li:not(:first-child)
{
	min-width: 90px;
	margin: 0;
}
#hosts_selector .paging_wrap
{
	top: 372px;
	width: calc(70% - 12px);
}
.slave .quickfilter
{
	width: 500px;
}
.slave .quickfilter input
{
	max-width: 100%;
}
@media (min-width: 1300px)
{
	#hosts_selector
	{
		width: 1226px;
		margin-left: -613px;
	}
	.item_list .opt
	{
		width: 50%;
		box-sizing: border-box;
	}
	.item_list .opt:nth-child(2n + 1)
	{
		padding-right: 10px;
	}
}
@media (min-width: 1534px)
{
	#hosts_selector
	{
		width: 1440px;
		margin-left: -720px;
	}
}
@media (min-height: 1024px)
{
	#hosts_selector
	{
		margin-top: -385px;
	}
	#hosts_selector .tree
	{
		height: 600px;
	}
	#hosts_selector .tree + .slave
	{
		height: 564px;
	}
	#hosts_selector .paging_wrap
	{
		top: 602px;
	}
}
/*@supports (-ms-ime-align:auto)
{
	#hosts_selector .toolbar .slave
	{
		right: 20px;
	}
}*/

.no_host_filter
{
	text-align: center;
	color: #999;
	font-size: 13px;
}

.stat th.compact
{
	width: 1px;
}
.stat th.full
{
	width: 100%;
}
.card .stat tbody td
{
	text-align: right;
}
.mostd
{
	text-align: center;
}
span.units
{
	font-family: 'Montserrat', sans-serif;
}
span.units:not(.nosp)
{
	margin-left: 5px;
}
.na .units
{
	display: none;
}
.overflowx
{
	overflow-x: auto;
	margin-bottom: 10px;
}
.table .stat tbody td span.units
{
	display: none;
}
.stat tbody .hostrow td:first-child
{
	/*overflow: hidden;*/
	text-align: left;
	max-width: 325px;
}
.stat tbody .hostrow td:first-child > div,
.stat tbody .narrow td > div
{
	position: relative;
	text-align: left;
}
.stat .opt
{
	position: absolute;
	left: 0;
	top: 0;
}
.stat tbody tr.hostrow
{
	vertical-align: top;
}
.stat tbody:hover tr.hostrow td, .stat tbody:hover tr.narrow td
{
	border-color: #E1E1E1;
	background-color: #FAFAFA;
	color: #000;
}
.stat tbody:hover tr.hostrow + tr + tr td
{
	border-top-color: #E1E1E1;
}
.stat tbody tr.off td
{
	border-bottom: none;
}
.stat tbody.on tr.hostrow td, .stat tbody.on tr.narrow td
{
	border-color: #D8D8D8;
	background: #F7F7F7;
}
.stat tbody.on tr.hostrow + tr + tr td
{
	border-top: none;
}
.stat tbody tr.detailsrow td
{
	background: #F7F7F7;
	border: 1px solid #D8D8D8;
	padding: 0;
}
.stat tbody tr.detailsrow td > div
{
	padding: 4px;
	position: relative;
}
.stat .additional_info
{
	display: inline-block;
	vertical-align: top;
	width: 24.5%;
	box-sizing: border-box;
	padding-right: 40px;
}
.stat .additional_info > div
{
	overflow: hidden;
}
.stat .details_holder
{
	background: #FFF;
	border-radius: 2px;
	border: 1px solid #E8E8E8;
	padding: 7px 9px;
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
	text-align: left;
}

.stat .details_holder.empty
{
	position: relative;
}

.stat .details_holder.empty:after
{
	content: "No data found.";
	display: block;
	line-height: 70px;
	font-size: 48px;
	text-align: center;
	color: #999;
}

.report_body:not(.list) .onlist, .report_body:not(.card) .oncard, .report_body:not(.table) .ontable
{
	display: none !important;
}
.report_body.list .notonlist, .report_body.card .notoncard, .report_body.table .notontable
{
	display: none !important;
}
.ch_data_block
{
	display: inline-block;
	width: 50%;
	box-sizing: border-box;
}
.ch_data_block:first-child
{
	padding-right: 12px;
}
.ch_data_block:last-child
{
	padding-left: 12px;
	border-left: 1px dotted #BBB;
}
.ch_data_block .pair > div:first-child, .ch_data_block .pair > div:last-child
{
	width: 50%;
}
@media (max-width: 1200px)
{
	.pair:not(.hb) > div:first-child
	{
		position: relative;
	}
	.pair > div:first-child:before
	{
		content: attr(data-sname);
		display: inline;
	}
	.ch_data_block .pair > div:first-child
	{
		width: 40%;
	}
	.ch_data_block .pair > div:last-child
	{
		width: 60%;
	}
}
.list .right_chart .chart
{
	min-height: 173px;
	height: 173px;
}
.card .stat, .list .stat
{
	display: block;
	position: relative;
}
.card .stat
{
	margin-bottom: -2px;
}
.card .stat thead, .list .stat thead
{
	display: none;
}
.card .stat tbody
{
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin-bottom: 12px;
	box-sizing: border-box;
}
.list .stat tbody
{
	display: block;
	margin-bottom: 12px;
}
.list .stat tbody:last-child
{
	margin-bottom: 0;
}
.card .stat tbody tr.hostrow
{
	display: inline-block;
	text-align: left;
	border-bottom: 1px solid #E1E1E1;
	position: relative;
	width: calc(100% - 8px);
}
.card .stat tbody tr.last td, .list .stat tbody tr.last td
{
	border-bottom: none;
}
.card .stat tbody.on tr.hostrow
{
	margin-bottom: 12px;
}
.card .stat tbody.on tr.hostrow:after
{
	position: absolute;
	left: 0;
	right: 0;
	bottom: -15px;
	content: "";
	display: block;
	height: 14px;
	border-left: 1px solid #E1E1E1;
	border-right: 1px solid #E1E1E1;
	background: #F7F7F7;
	z-index: 1;
}
.card .stat tbody tr.detailsrow td > div, .list .stat tbody tr.detailsrow td > div
{
	box-shadow: none;
}
.list .stat tbody tr.detailsrow td
{
	border-top: none;
}
.list .stat tbody tr.detailsrow td > div
{
	padding-top: 0;
}
.card .stat tbody tr.detailsrow:not(.collapsed)
{
	display: block;
}
.card .stat tbody tr.detailsrow td
{
	display: block;
	width: 100%;
}
.list .stat tbody tr:not(.narrow), .list .stat tbody tr.detailsrow td, .statistics .report_body:not(.table) .ndinfo tr
{
	display: block;
}
.card .stat tbody.ndinfo
{
	width: 100%;
}
.statistics .report_body:not(.table) .ndinfo .empty, .hosts .report_body:not(.table) .ndinfo .empty {
	text-align: center;
	display: block;
	border: none;
}
.card .stat tbody td, .list .stat tbody .hostrow td:not(:first-child)
{
	display: inline-block;
	box-sizing: border-box;
	width: 50%;
	position: relative;
	border-color: #E1E1E1;
}
.card .stat tbody .hostrow td:not(:first-child)
{
	height: 31px;
	line-height: 18px;
}
.list .stat tbody .hostrow td:not(:first-child)
{
	width: 25%;
}
.list .stat tbody tr.hostrow td:nth-child(3), .list .stat tbody tr.hostrow td:nth-child(4)
{
	width: 50%;
}
.list .stat tbody tr.hostrow td:not(:first-child)
{
	background: #FFF;
	display: none;
}
.card .stat tbody .hostrow td:not(:first-child):after, .list .stat tbody .hostrow td:not(:first-child):after
{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	display: block;
	content: attr(data-name) ":";
	padding: 6px 5px 5px 5px;
	font-family: 'Montserrat', sans-serif;
	line-height: 16px;
}
.card .stat tbody td:nth-child(2), .card .stat tbody td:nth-child(5)
{
	width: 100%;
}
.card .stat tbody td:nth-child(2), .card .stat:not(.hosts) tbody td:nth-child(4), .card .stat tbody td:nth-child(5), .card .stat tbody td:nth-child(7), 
.list .stat tbody .hostrow td:nth-child(4), .card .stat.hosts tbody td:nth-child(4)
{
	border-right: 1px solid #E1E1E1;
}
.card .stat tbody td:first-child, .list .stat tbody .hostrow td:first-child
{
	display: block;
	max-width: none;
	box-sizing: border-box;
}
.card .stat tbody .hostrow td:first-child
{
	padding-top: 14px;
}
.card .stat tbody .hostrow td:first-child > div
{
	padding-right: 30px;
}
.card .stat tbody td:first-child, .list .stat tbody .hostrow td:first-child
{
	width: 100%;
	overflow: visible;
	border-right: 1px solid #E1E1E1;
}
.card .stat tbody td:first-child + td:after, .list .stat tbody .hostrow td:first-child + td:after
{
	display : none;
}
.card .stat tbody .hostrow td:first-child > div
{
	white-space: nowrap;
}
.stat tbody .hostrow td:first-child > div > a, .stat tbody span.hostname
{
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
}
.stat tbody span.hostname
{
	white-space: nowrap;
}
.card .show_all
{
	float: none;
	position: absolute;
	right: 0;
	top: 0;
}
.card .stat tbody td:first-child + td > div
{
	position: relative;
}
.list .stat .ocstate
{
	padding-left: 0;
}
.list .stat .ocstate:after
{
	display: none;
}
.list .stat tbody tr.hostrow td 
{
	border-color: #D8D8D8;
	background-color: #F7F7F7;
	color: #000;
}
.healthbar
{
	position: relative;
	background-color: #F76B6B;
	box-sizing: border-box;
	border-radius: 2px;
	height: 7px;
	text-align: left;
}
.healthbar.right
{
	text-align: right;
}
.hostrow .healthbar, .narrow .healthbar
{
	display: none;
	position: absolute;
	left: -6px;
	right: -6px;
	top: -15px;
}
.healthbar.nd
{
	background: #E1E1E1;
}
.healthbar > div
{
	height: 7px;
	background: #80C76B;
	display: inline-block;
	vertical-align: top;
}
.healthbar.gray > div
{
	background: #E1E1E1;
}
.hbfull .healthbar.gray:not(.nd) > div
{
	background: #A1A1A1;
}
.healthbar.nd > div
{
	background: none;
}
.statistics-details .healthbar, .statistics-details .healthbar > div
{
	height: 11px;
}
.on .hostrow .healthbar
{
	background: #888;
}
.on .hostrow .healthbar > div
{
	display: none;
}
.card .hostrow .healthbar
{
	display: block;
}

/* override defaults */
@media (max-width: 1146px)
{
	.card .stat tbody .hostrow td:not(:first-child):after
	{
		content: attr(data-sname) ":";
	}
}
@media (min-width: 1291px)
{
	#header_box, #status_box, #demonote_box, .hidefilter.fshowonce .box.filter
	{
		margin: 0 40px;
	}
}
@media (max-width: 1290px)
{
	.hidefilter.fshowonce .box.filter
	{
		margin: 0 24px;
	}
	body:not(.hidefilter) #middle_box .content.part
	{
		margin: 0 24px 0 -396px;
	}
}
@media (max-width: 1469px)
{
	#header_inner, #middle_box, #status_inner, #demonote_inner, .hidefilter.fshowonce #middle_box .sidebar > div
	{
		max-width: 1000px;
	}
	#header_box, #status_box, #demonote_box, #middle_box .content.full, .hidefilter #middle_box .content.part, .hidefilter.fshowonce .box.filter
	{
		margin: 0 24px;
	}

	.sidebar 
	{
		width: 292px;
		margin-left: 24px;
	}
	body:not(.hidefilter) #middle_box .content.part 
	{
		margin: 0 24px 0 -340px;
	}
	body:not(.hidefilter) #middle_box .content.part .content_box
	{
		padding-left: 364px;
	}

	.card .stat tbody
	{
		width: 50%;
	}
	.card .stat tbody.l2 tr.detailsrow:not(.collapsed)
	{
		margin-right: -100%;
	}
	.card .stat tbody.r2 tr.detailsrow:not(.collapsed)
	{
		margin-left: -100%;
	}
	.card .stat tbody.l2
	{
		text-align: left;
	}
	.card .stat tbody.r2
	{
		text-align: right;
	}
}
@media (min-width: 1147px)
{
	#header_inner, #middle_box, #status_inner, #demonote_inner, .hidefilter.fshowonce #middle_box .sidebar > div
	{
		max-width: 1112px;
	}
}
@media (min-width: 1470px)
{
	#header_inner, #middle_box, #status_inner, #demonote_inner, .hidefilter.fshowonce #middle_box .sidebar > div
	{
		max-width: 1470px;
	}
	.hidefilter.fshowonce .box.filter
	{
		margin: 0 40px;
	}

	.sidebar 
	{
		width: 292px;
		margin-left: 40px;
	}
	body:not(.hidefilter) #middle_box .content.part 
	{
		margin: 0 40px 0 -396px;
	}
	body:not(.hidefilter) #middle_box .content.part .content_box
	{
		padding-left: 392px;
	}

	.card .stat tbody
	{
		width: 33.3333%;
	}
	.card .stat tbody.l3 tr.detailsrow:not(.collapsed)
	{
		margin-right: -200%;
	}
	.card .stat tbody.r3 tr.detailsrow:not(.collapsed)
	{
		margin-left: -200%;
	}
	.card .stat tbody.m3 tr.detailsrow:not(.collapsed)
	{
		margin-left: -100%;
		margin-right: -100%;
	}
	.card .stat tbody.l3
	{
		text-align: left;
	}
	.card .stat tbody.r3
	{
		text-align: right;
	}
}

.topbar
{
	position: relative;
	margin-bottom: 14px;
	min-height: 30px;
}
#statistics .topbar
{
	padding-right: 101px;
}
.fleft
{
	float: left;
}
.topbar .order_block
{
	margin-bottom: 0;
}
.topbar .mode
{
	margin-left: 12px;
}
#statistics .topbar .mode
{
	position: absolute;
	top: 0;
	right: 1px;
	margin: 0;
}
.fullscreen .tb_wrap .tb-bttn.fsm-bttn:not(.ovrvw)
{
	margin-left: 12px;
}
body:not(.fullscreen) .modebar + .fullscreen-bttn, body:not(.fullscreen) .tb_wrap .tb-bttn.fsm-bttn,
body:not(.fullscreen) .tb_wrap h1, body:not(.fullscreen) .tb_wrap .nav_menu, body:not(.fullscreen) .tb_wrap .cfilter
{
	display: none;
}
.nav_menu .state:after
{
	font-family: pingmonitor;
	content: "d";
}
.nav_menu .quality:after
{
	font-family: pingmonitor;
	content: "e";
}
.nav_menu .hosts:after
{
	font-family: pingmonitor;
	content: "s";
}
.nav_menu .groups:after
{
	font-family: pingmonitor;
	content: "i";
}
.nav_menu .stats:after
{
	content: "k";
	font-family: pingmonitor;
}
.nav_menu .alerts:after
{
	content: "m";
	font-family: pingmonitor;
}
.tb_wrap h1
{
	display: inline-block;
	vertical-align: top;
	line-height: 30px;
	margin: 0 12px;
	text-transform: uppercase;
	font-size: 18px;
}
body:not(.fullscreen) .tb_wrap .settings_menu
{
	display: none;
}
.modebar + .fullscreen-bttn:after, .tb_wrap .tb-bttn.fsm-bttn:after
{
	top: 0;
	bottom: 0;
}
.fullscreen .topbar
{
	padding-right: 0;
}
.fullscreen .topbar .mode
{
	position: relative;
	right: auto;
	bottom: auto;
	display: inline-block;
	vertical-align: middle;
	margin-left: 12px;
}
#list:after
{
	font-family: emcocommon;
	font-size: 18px;
	content: "s";
}
#card:after
{
	font-family: emcocommon;
	font-size: 18px;
	content: "t";
}
#table:after
{
	font-family: emcocommon;
	font-size: 18px;
	content: "u";
}
.list #list, .card #card, .table #table
{
	background-color: #EEE;
	color: #333;
	cursor: default;
}

/* hide filter section */
@media (max-width: 1469px)
{
	.hidefilter .card .stat tbody
	{
		width: 33.33333%;
		text-align: center;
	}
	.hidefilter .card .stat tbody.l3
	{
		text-align: left;
	}
	.hidefilter .card .stat tbody.r3
	{
		text-align: right;
	}
	.hidefilter .card .stat tbody tr.detailsrow:not(.collapsed)
	{
		margin-left: 0;
		margin-right: 0;
	}
	.hidefilter .card .stat tbody.m3 tr.detailsrow:not(.collapsed)
	{
		margin-left: -100%;
		margin-right: -100%;
	}
	.hidefilter .card .stat tbody.l3 tr.detailsrow:not(.collapsed)
	{
		margin-right: -200%;
	}
	.hidefilter .card .stat tbody.r3 tr.detailsrow:not(.collapsed)
	{
		margin-left: -200%;
	}
}
@media (min-width: 1470px)
{
	.hidefilter .card .stat tbody
	{
		width: 25%;
		text-align: center;
	}
	.hidefilter .card .stat tbody.m4 .hostrow
	{
		margin-right: 3px;
		margin-left: 0;
	}
	.hidefilter .card .stat tbody.m4 + .m4 .hostrow
	{
		margin-left: 3px;
		margin-right: 0;
	}
	.hidefilter .card .stat tbody.l4
	{
		text-align: left;
	}
	.hidefilter .card .stat tbody.r4
	{
		text-align: right;
	}
	.hidefilter .card .stat tbody tr.detailsrow:not(.collapsed)
	{
		margin-left: 0;
		margin-right: 0;
	}
	.hidefilter .card .stat tbody.l4 tr.detailsrow:not(.collapsed)
	{
		margin-right: -300%;
	}
	.hidefilter .card .stat tbody.l4 + .m4 tr.detailsrow:not(.collapsed)
	{
		margin-left: -100%;
		margin-right: -200%;
	}
	.hidefilter .card .stat tbody.l4 + .m4 + .m4 tr.detailsrow:not(.collapsed)
	{
		margin-left: -200%;
		margin-right: -100%;
	}
	.hidefilter .card .stat tbody.r4 tr.detailsrow:not(.collapsed)
	{
		margin-left: -300%;
	}
}

.missing .fpos.group span
{
	padding: 0;
}
.missing .fpos.group span:after
{
    display: none;
}
.missing .fpos.group::after, .missing .fpos.host::after
{
	top: 0;
}
.fpos.group span.missingcnt, .fpos.group span.missingcnt + span, .fpos.group span.missingcnt + span + span
{
	display: inline;
}

.stat .collapsed
{
	display: none;
}
.pair > div
{
	display: inline-block;
	box-sizing: border-box;
	vertical-align: bottom;
}
.pair > div:first-child
{
	width: 55%;
	padding-right: 7px;
	text-align: left;
}
.pair > div:last-child
{
	text-align: right;
	font-weight: bold;
	width: 45%;
}
.pair:not(.mainfont) > div:last-child
{
	font-family: Verdana, sans-serif;
}
.pair.empty
{
	text-align: center;
	font-size: 16px;
}
.pair.empty > div
{
	text-align: center;
	padding: 0;
	width: auto;
}
@media (max-width: 1470px)
{
	.high:first-child > div:last-child
	{
		margin-bottom: 16px;
	}
	.high:last-child > div:last-child
	{
		margin-bottom: 0;
	}
}

.high > div:first-child
{
	font-size: 16px;
	font-weight: normal;
	padding: 0;
	display: block;
	text-align: center;
	width: 100%;
}
.high > div:last-child
{
	display: block;
	text-align: center;
	width: 100%;
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
	padding: 0;
	margin-bottom: 10px;
}
.medium
{
	font-size: 15px;
}
.medium > div:last-child
{
	font-size: 14px;
}
.medium + .low, .empty + .low
{
	margin-top: 10px;
}
.low 
{
	font-size: 13px;
}
.low > div:last-child
{
}

.left_chart, .right_chart
{
	display: inline-block;
	width: 37.75%;
	vertical-align: top;
	box-sizing: border-box;
	padding-left: 30px;
	position: relative;
}
@media (max-width: 1470px)
{
	body:not(.hidefilter) .details_holder > .additional_info
	{
		display: block;
		width: auto;
		margin-bottom: 12px;
		padding-bottom: 12px;
		border-bottom: 1px dotted #BBB;
	}
	body:not(.hidefilter) .left_chart, body:not(.hidefilter) .right_chart
	{
		width: 50%;
	}
	body:not(.hidefilter) .details_holder > .additional_info > div > div
	{
		display: inline-block;
		vertical-align: top;
		width: 50%;
	}
}
.left_chart .chart, .right_chart .chart
{
	min-height: 215px;
}
.left_chart .chart div[dir=ltr], .right_chart .chart div[dir=ltr]
{
	width: 100% !important;
}
.left_chart .title, .right_chart .title
{
	text-align: left;
	font-weight: bold;
	font-size: 14px;
}
.stat .additional_info
{
	padding-top: 0;
	min-height: 0;
}
.left_chart .empty, .right_chart .empty
{
	position: absolute;
	left: 30px;
	right: 0;
	top: 45%;
	font-size: 14px;
	text-align: center;
}
.show_all
{
	display: inline-block;
	float: right;
}
.show_all_row
{
	margin-top: 18px;
	text-align: right;
	font-size: 12px;
}

.nodata
{
	text-align: center;
}
.stat .nodata
{
	font-size: 14px;
}
.stat .grp, .stat .subtext, .report_body.table .hstate span.group, .report_body.limited .hstate span.group
{
	font-size: 10px;
	line-height: 10px;
	display: block;
	color: #999;
	margin-top: 2px;
	margin-bottom: 2px;
}
.stat .grp.empty
{
	display: none;
}
.card .stat .grp.empty
{
	display: block;
	visibility: hidden;
}
.additional_info, .statwrap
{
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}
.additional_info
{
	width: 19.5%;
	padding-right: 10px;
	padding-top: 16px;
}
.report_body .additional_info
{
	padding-right: 0;
}
.statwrap
{
	width: 80.5%;
	padding-right: 24px;
	margin-bottom: 10px;
}
.statwrap + .additional_info
{
	padding: 0;
}
#uptime_history > div, #response_history > div, #response_history .chart_div, #utd
{
	min-height: 250px;
}
#response_history
{
	min-height: 274px;
}

.legend_div
{
	line-height: 20px;
}
#response_history .legend_div
{
	top: auto;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
}
#response_history .legend-marker
{
	display: inline-block;
	margin-left: 24px;
}
#response_history .legend-marker:first-child
{
	margin-left: 0;
}
#response_history .legend-marker:nth-child(5), #response_history .legend-marker:nth-child(6)
{
	display: none;
}

a.pair
{
	display: block;
}
a.pair:hover
{
	text-decoration: none;
}
.full .pair.high + .medium
{
	margin-top: 14px;
}
.full .pair.high
{
	border: 1px solid #D8D8D8;
	border-radius: 2px;
	margin-bottom: 10px;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1);
	position: relative;
}
.full .pair.high.nd
{
	background: #F8F8F8;
	color: #777;
}
.full .pair.high.nd > div:last-child
{
	font-weight: normal;
}
.full .high > div:first-child
{
	margin-top: 10px;
}
.full .high > div:last-child
{
	margin-bottom: 0;
	line-height: 45px;
}
.full .pair.high.ut, .full .pair.high.good
{
	color: #80C76B;
	border-color: rgba(128, 199, 110, 0.5);
	background: #FFF;
}
.full .pair.high.dt, .full .pair.high.out, .full .pair.high.bad
{
	color: #F76B6B;
	border-color: rgba(247, 107, 107, 0.5);
	background: #FFF;
}
.full .pair.high.avg
{
	color: #FF9D00;
	border-color: rgba(255, 157, 0, 0.5);
	background: #FFF;
}
.full .pair.high.dev
{
	color: #FFCC00;
	border-color: rgba(255, 197, 0, 0.5);
	background: #FFF;
}
.full .pair.high.warning
{
	color: #FFC500;
	border-color: rgba(255, 189, 0, 0.5);
	background: #FFF;
}
.full .pair.high.min
{
    color: #008C00;
    border-color: rgba(0, 141, 0, 0.5);
    background: #FFF;
}
.full .pair.high.curr
{
    color: #409CFF;
    border-color: rgba(64, 157, 255, 0.5);
    background: #FFF;
}
.full .pair.high.max, .full .pair.high.critical
{
	color: #DB2929;
	border-color: rgba(219, 41, 41, 0.5);
	background: #FFF;
}
.statwrap .page:first-child
{
	margin-left: 0;
}

.chart_holder
{
	position: relative;
	height: 100%;
	box-sizing: border-box;
}

.chart_div
{
	height: 100%;
	box-sizing: border-box;
}

.legend_div
{
	text-align: left;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
}

.legend-marker
{
	font-size: 12px;
}
.clickable
{
	cursor: pointer;
}
#compare .legend-marker
{
	white-space: nowrap;
}
#compare .legend-marker:not(:last-child)
{
	margin-bottom: 5px;
}
#compare .legend-marker span
{
	display: inline-block;
	vertical-align: top;
}
#compare .legend-marker span.grp
{
	display: block;
	color: #999;
	font-size: 10px;
	line-height: 10px;
}
body.compare #middle_box 
{
	padding-bottom: 250px !important;
}

.legend-marker-color
{
	position: relative;
	display: inline-block;
	vertical-align: top;
	height: 18px;
	width: 18px;
	border: 1px solid;
	border-radius: 2px;
	margin-right: 7px;
	color: #777;
}

.legend-marker-color:after
{
	content: "e";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	line-height: 18px;
	background: #FFF;
	text-align: center;

	font-family: emcocommon;
	font-size: 12px;
}
#compare .legend-marker-color:after
{
	font-size: 18px;
}
.legend-marker:not(.on) .legend-marker-color:after
{
	content: "";
}
.legend-marker-color:hover
{
	color: #333;
}

@media (max-width: 1258px)
{
	#response_history .legend-marker:not(:first-child)
	{
		margin-left: 12px;
	}
}

.stat .opt
{
	display: inline-block;
	vertical-align: top;
}
.stat .opt input[type="checkbox"] + label
{
	min-width: initial;
}
.stat .opt span:last-child
{
	display: none;
}

/* monitor section */
#small:after
{
	content: "w";
	font-family: emcocommon;
	font-size: 18px;
}
#mid:after
{
	content: "y";
	font-family: emcocommon;
	font-size: 18px;
}
#large:after
{
	content: "z";
	font-family: emcocommon;
	font-size: 18px;
}
.small #small, .mid #mid, .large #large
{
	background-color: #EEE;
	color: #333;
	cursor: default;
}
.monitor #header_right h1 span
{
	color: #333;
}
.monitor.fullscreen #header
{
	display: none;
}
body.fullscreen #header_inner
{
	max-width: none;
}
body.fullscreen #header_box
{
	margin: 0 10px;
}
body.fullscreen #middle_box
{
	max-width: none;
	padding-top: 62px;
	padding-bottom: 42px;
}
.monitor.fullscreen.hidefilter:not(.fshowonce) .sidebar
{
	position: fixed;
	z-index: 11;
}
.fullscreen #status_inner
{
	max-width: none;
}
.fullscreen #status_box
{
	margin: 0 10px;
}
.monitor.fullscreen .tb_wrap
{
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	right: 0;
	height: 50px;
	background: #FFF;
	box-shadow: 0 1px 0 #BBB, 0 1px 2px rgba(0,0,0,0.1);
}
.monitor.fullscreen .tb_wrap > div
{
	margin: 10px auto 0 auto;
	position: relative;
	z-index: 1;
}
.monitor.fullscreen .topbar
{
	margin: 0 10px;
}
.fullscreen .sidebar
{
	margin-left: 10px;
}
.fullscreen .content
{
	margin: 0 10px;
}
.fullscreen #middle_box .content.part 
{
	margin: 0 10px 0 -348px;
}
.fullscreen:not(.hidefilter) #middle_box .sidebar
{
	margin-left: 10px;
}
.fullscreen:not(.hidefilter) #middle_box .content.part .content_box
{
	padding-left: 328px;
}
.fullscreen.hidefilter:not(.fshowonce) .sidebar
{
	top: 5px;
	margin-left: 0;
}
.fullscreen.hidefilter #middle_box .content.part
{
	margin: 0 10px;
}
.monitor.fullscreen.hidefilter:not(.fshowonce) .filter
{
	left: 52px;
}
#himbar
{
	margin-left: 12px;
}
.monitor .report_body
{
	text-align: left;
}
.rb_outer
{
	clear: both;
}
.monitor .report_body:not(.limited):not(.table) .rb_inner
{
	margin-left: -10px;
	margin-top: -10px;
}
.monitor .report_body.mid:not(.limited) .rb_inner
{
	margin-left: -8px;
	margin-top: -8px;
}
.monitor .report_body.small:not(.limited) .rb_inner
{
	margin-left: -6px;
	margin-top: -6px;
}
.monitor .topbar
{
	text-align: right;
}
#header .totalswrap
{
	float: left;
	height: 50px;
	margin-left: 12px;
	padding-top: 10px;
}
body.fullscreen #header .totalswrap
{
	display: none;
}
body:not(.fullscreen) .topbar .totalswrap
{
	display: none;
}
.monitor .totalswrap
{
	display: inline-block;
	text-align: left;
}
.monitor .totalswrap > div
{
	position: relative;
}
body:not(.fullscreen) .totals
{
}
@media (max-width: 1290px)
{
	body:not(.fullscreen) .totals
	{
		left: 24px;
	}
}
.monitor .totals
{
	text-align: left;
}
.totals
{
	margin-top: -5px;
}
.totals, .totals > div
{
	display: inline-block;
	vertical-align: top;
}
.totals > div
{
	position: relative;
	line-height: 28px;
	font-size: 14px;
	letter-spacing: -1px;
	padding: 0 10px;
	text-align: center;
	box-sizing: border-box;
	min-width: 87px;
	background-color: #FFF;
	border: 1px solid #E1E1E1;
	margin: 5px 0;
	border-radius: 2px;
}
.totals > div:not(:last-child)
{
	margin-right: 6px;
}
.totals > div:after
{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	opacity: 0.4;
}
@media (max-width: 1050px)
{
	.fullscreen .report_body:not(.quality) .modebar.radio a span
	{
		display: none;
	}
}
@media (max-width: 1280px)
{
	.fullscreen .quality .modebar.radio a span
	{
		display: none;
	}
	.totals > div
	{
		font-size: 12px;
		min-width: 77px;
	}
}
@media (max-width: 1140px)
{
	.fullscreen .quality .tb_wrap h1
	{
		margin-right: 0;
	}
	.fullscreen .quality .tb_wrap .totals
	{
		display: none;
	}
	.fullscreen .quality .modebar.radio a span
	{
		display: inline-block;
	}
}
.totals > div span
{
	color: #000;
}
.totals > div span + span
{
	position: relative;
}
.totals > div span + span:before
{
	content: " / ";
}
.totals > div.all span + span
{
	display: none;
}
.totals > div.iddown, .totals > div.idbad
{
	/*#F76B6B*/
	border-color: rgba(247, 107, 107, 0.45);
}
.totals > div.idcritical
{
	/*#DB2929*/
	border-color: rgba(219, 41, 41, 0.45);
}
.totals > div.idup, .totals > div.idgood
{
	/*#80C76B*/
	border-color: rgba(128, 215, 110, 0.5);
}
.totals > div#warning
{
	/*#FFC500*/
	border-color: rgba(255, 197, 0, 0.5);
}
.totals > div.idunknown
{
	/*#BBB*/
	border-color: rgba(187, 187, 187, 0.5);
}
.totals > div.idpending
{
	/*#EEE*/
	border-color: rgba(238, 238, 238, 0.7);
}
.iddown:after, .idbad:after
{
	background-color: #F76B6B;
	border-color: #F76B6B;
}
.idcritical:after
{
	background-color: #DB2929;
	border-color: #DB2929;
}
.idup:after, .idgood:after
{
	background-color: #80C76B;
	border-color: #80C76B;
}
.idwarning:after
{
	background-color: #FFC500;
	border-color: #FFC500;
}
.idunknown:after
{
	background-color: #BBB;
	border-color: #BBB;
}
.idpending:after
{
	background-color: #EEE;
	border-color: #EEE;
	color: #333;
}
.idunknown.gray, .idup.gray, .iddown.gray, .idcritical.gray, .idbad.gray, .idgood.gray, .idwarning.gray, .idpending.gray
{
}
#break_off, #break_pending, #break_on, #break_unknown, #break_critical, #break_good, #break_bad, #break_warn
{
	display: none;
}
#updmode + div
{
	margin-left: 6px;
	height: 30px;
}
#grpmode + #updmode
{
	margin-left: 6px;
}
#updmode + div > a.on
{
	background-color: #E1E1E1;
	color: #333;
}
#updmode + div > a.on
{
	cursor: default;
}
#updmode > a.on:not(.dsbl), #updmode + div > a.on:not(.dsbl)
{
	cursor: pointer;
}
a#scrolltop.on:not(.dsbl)
{
	cursor: pointer;
}
a#scrolltop:after
{
	content: "I";
	font-family: emcocommon;
	font-size: 18px;
}
a#ordbyname:after
{
	content: "k";
	font-family: emcocommon;
	font-size: 18px;
}
a#changetop:after
{
	content: "J";
	font-family: emcocommon;
	font-size: 18px;
}
a#groupbysev:after
{
	content: "l";
	font-family: emcocommon;
	font-size: 18px;
}
#tmode
{
	margin-left: 12px;
}
#dmode + #grpmode, #tmode + #dmode
{
	margin-left: 12px;
}
#dmode a:first-child:after
{
	content: "h";
	font-family: pingmonitor;
	font-size: 18px;
}
#dmode a:last-child:after
{
	content: "i";
	font-family: pingmonitor;
	font-size: 18px;
}
#tmode a
{
	width: auto;
	padding-left: 28px;
	line-height: 28px;
}
#tmode a:after
{
	right: auto;
	width: 28px;
}
#tmode a:first-child:after
{
	content: "d";
	font-family: pingmonitor;
	font-size: 18px;
}
#tmode a:last-child:after
{
	content: "e";
	font-family: pingmonitor;
	font-size: 18px;
}
@media (max-width: 1280px)
{
	.fullscreen #tmode a span
	{
		display: none;
	}
}
/* monitor:common */
.vh a.hstate
{
	visibility: hidden;
}
a.hstate, a.hstate:hover
{
	text-decoration: none;
}
.hstate
{
	color: #333;
}
/* monitor:table */
.report_body.limited .topbar
{
	padding-right: 0;
}
.report_body.limited .topbar .mode
{
	display: none;
}
.report_body.table .rb_outer, 
.report_body.limited .rb_outer
{
	margin: 0 !important;
	overflow-x: auto;
}
.report_body.table .rb_outer.empty, 
.report_body.limited .rb_outer.empty
{
	overflow: hidden;
}
.report_body.table .rb_inner, 
.report_body.limited .rb_inner
{
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
	display: table;
	font-size: 13px;
	min-width: calc(100% - 1px);
}
.report_body.table .hstate, 
.report_body.limited .hstate
{
	display: table-row;
}
.report_body.table .hstate > span, 
.report_body.limited .hstate > span
{
	display: table-cell !important;
	padding: 5px;
	border: 1px solid #EEE;
}
.report_body.table .hstate:hover > span, 
.report_body.limited .hstate:hover > span
{
	background-color: #FAFAFA;
	color: #000;
	border-color: #E1E1E1;
}
.report_body.table .hstate .units, 
.report_body.limited .hstate .units
{
	display: none;
}
.report_body.table .hstate .title:hover, 
.report_body.limited .hstate .title:hover
{
	text-decoration: underline;
}
.report_body.table .hstate > span.group, 
.report_body.limited .hstate > span.group
{
	display: table-cell !important;
}
.report_body.table .hstate .title .address:before, 
.report_body.limited .hstate .title .address:before
{
	content: " (";
	display: inline;
}
.report_body.table .hstate .title .address:after, 
.report_body.limited .hstate .title .address:after
{
	content: ")";
	display: inline;
}
.report_body.table .hstate .qualityp, 
.report_body.table .hstate .time,
.report_body.limited .hstate .qualityp, 
.report_body.limited .hstate .time
{
	text-align: right;
	width: 1px;
}
.report_body.table .hstate .status,
.report_body.limited .hstate .status
{
	width: 1px;
}
.report_body.table .hstate .time,
.report_body.limited .hstate .time
{
	font-family: Verdana;
}
.report_body.table .hstate .title,
.report_body.limited .hstate .title
{
	width: 100%;
	white-space: nowrap;
}
.report_body.table #hstate-header > span,
.report_body.limited #hstate-header > span
{
	text-align: center;
	font-weight: bold;
	background-color: #F6F6F6;
	padding: 3px 5px;
	border: 1px solid #E1E1E1;
	border-bottom: none;
	border-left: none;
	white-space: nowrap
}
.report_body.table #hstate-header > span:first-child,
.report_body.limited #hstate-header > span:first-child
{
	border-left: 1px solid #E1E1E1;
}
.report_body.table .hstate .stotal span:last-child,
.report_body.limited .hstate .stotal span:last-child
{
	display: none;
}
.report_body.table .hstate .stotal,
.report_body.limited .hstate .stotal
{
	text-align: right;
}
/* monitor:cards */
.report_body:not(.table):not(.limited) #hstate-header
{
	display: none;
}
.report_body:not(.table):not(.limited) a.hstate:hover
{
	opacity: 0.9;
}
.report_body:not(.table):not(.limited) .hstate
{
	position: relative;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	border: 1px solid #EAEAEA;
	border-radius: 3px;
}
.large.report_body:not(.table):not(.limited) .hstate
{
	margin-left: 10px;
	margin-top: 10px;
	width: 280px;
	padding: 6px 10px;
	height: 158px;
}
.mid.report_body:not(.table):not(.limited) .hstate
{
	margin-left: 8px;
	margin-top: 8px;
	height: 94px;
	width: 160px;
	padding: 5px 8px;
}
.small.report_body:not(.table):not(.limited) .hstate
{
	margin-left: 6px;
	margin-top: 6px;
	height: 32px;
	width: 32px;
}
/* monitor:cards:structure */
.report_body:not(.table):not(.limited) .hstate .title
{
	display: block;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
}
.report_body:not(.table):not(.limited) .hstate .title .label, 
.report_body:not(.table):not(.limited) .hstate .title .address
{
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}
.large.report_body:not(.table):not(.limited) .hstate .title
{
	height: 55px;
	line-height: 25px;
	font-size: 17px;
	margin-bottom: 12px;
}
.large.report_body:not(.table):not(.limited) .hstate .title .address
{
	font-size: 13px;
	font-weight: normal;
	margin: -4px 0 4px;
}
.mid.report_body:not(.table):not(.limited) .hstate .title .address
{
	font-weight: normal;
	display: block;
	margin-top: -2px;
}
.large.report_body:not(.table):not(.limited) .hstate.gstate .title
{
	height: 28px;
}
.mid.report_body:not(.table):not(.limited) .hstate.gstate .title
{
	bottom: auto;
	top: 5px;
	height: auto;
}
.mid.report_body:not(.table):not(.limited) .hstate.gstate .title .address
{
	display: none;
}
.report_body:not(.table):not(.limited) .hstate .status, 
.report_body:not(.table):not(.limited) .hstate .prop
{
	display: none;
}
.large.report_body:not(.table):not(.limited) .hstate .prop
{
	display: block;
}
.mid.quality.report_body:not(.table):not(.limited) .hstate:not(.gstate) .prop:not(.group)
{
	font-size: 12px;
	line-height: 14px;
	width: 100%;
}
.mid.report_body:not(.table):not(.limited) .hstate .prop.group, .mid.quality.report_body:not(.table):not(.limited) .hstate .prop.qualityp:not(.statefirst)
{
	display: none;
}
.report_body:not(.table):not(.limited) .hstate .time
{
	font-family: verdana;
	font-size: 13px;
	position: absolute;
	text-align: right;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: bottom;
}
.large.report_body:not(.table):not(.limited) .hstate .time
{
	display: block;
	left: 60%;
	right: 10px;
	bottom: 8px;
}
.mid.report_body:not(.table):not(.limited) .hstate .time
{
	font-size: 11px;
	right: 8px;
	bottom: 5px;
}
.large.report_body:not(.table):not(.limited) .hstate .status
{
	display: block;
	position: absolute;
	left: 10px;
	right: 40%;
	bottom: 8px;
	text-align: left;
	font-weight: bold;
	vertical-align: bottom;
}
.large.report_body:not(.table):not(.limited) .hstate .status span span
{
	font-size: 12px;
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
}
.hstate .status span span:last-child
{
	display: inline;
}
.hstate:not(.unstable):not(.unreachable) .status span span:last-child
{
	display: none;
}
.report_body .hstate .status span span:before
{
	content: " (";
}
.report_body .hstate .status span span:after
{
	content: ")";
}
.small.report_body:not(.table):not(.limited) a.hstate > span
{
	display: none !important;
}
.quality.report_body:not(.table):not(.limited) .hstate:not(.gstate) .prop:not(.group)
{
	display: inline-block;
	vertical-align: top;
	width: 50%;
	box-sizing: border-box;
}
.quality.report_body:not(.table):not(.limited) .prop .latency, 
.quality.report_body:not(.table):not(.limited) .prop .jitter, 
.quality.report_body:not(.table):not(.limited) .prop .ploss
{
	display: inline-block;
}
.large.report_body:not(.table):not(.limited) .hstate:not(.gstate) .prop.group.dh
{
	display: block !important;
	visibility: hidden;
}
.large.report_body:not(.table):not(.limited) .hstate .group, 
.report_body:not(.table):not(.limited) .hstate .title .address, 
.large.report_body:not(.table):not(.limited) .hstate .ip, .large.report_body:not(.table):not(.limited) .hstate .reverse, 
.large.report_body:not(.table):not(.limited) .hstate .latency, .large.report_body:not(.table):not(.limited) .hstate .jitter, .large.report_body:not(.table):not(.limited) .hstate .ploss, .large.report_body:not(.table):not(.limited) .hstate .mos
{
	position: relative;
	display: block;
	line-height: 15px;
	font-size: 12px;
	font-weight: normal;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.report_body:not(.table):not(.limited) .hstate.none .ip, 
.report_body:not(.table):not(.limited) .hstate.none .reverse
{
	display: none;
}
.large.report_body:not(.table):not(.limited) .hstate .group:before, .large.report_body:not(.table):not(.limited) .hstate .ip:before, .large.report_body:not(.table):not(.limited) .hstate .reverse:before, 
.report_body:not(.table):not(.limited) .prop.qualityp > span:before
{
	content: attr(data-lbl) ": ";
	font-weight: normal;
	text-transform: none;
	display: inline-block;
	margin-right: 5px;
	font-family: 'Montserrat', sans-serif;
}
.report_body:not(.table):not(.limited) .qualityp > span > span
{
	display: inline-block;
}
/* monitor:cards:colors */
.report_body:not(.table):not(.limited) .hstate.none, 
.quality.report_body:not(.table):not(.limited) .hstate
{
	background: #EEE;
	color: #333;
	border-color: #CCC;
}
.report_body:not(.table):not(.limited) a.hstate.none:hover
{
	opacity: 0.8;
}
.mid.report_body:not(.table):not(.limited) .hstate.none
{
	color: #333;
}
.large:not(.quality):not(.limited) .hstate:not(.none)
{
	color: white;
}
.report_body:not(.table):not(.limited) .hstate.on
{
	background: #80C76B;
	border-color: #80C76B;
}
.report_body:not(.table):not(.limited) .rb_outer:not(.mquality) .hstate.off,
.report_body:not(.table):not(.limited) .rb_outer.mquality .hstate.off:not(.gstate)
{
	background: #F76B6B;
	border-color: #F76B6B;
}
.report_body:not(.table):not(.limited) .hstate.unstable:before, 
.report_body:not(.table):not(.limited) .hstate.unreachable:before
{
	border-radius: 3px;
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}
.report_body:not(.table):not(.limited) .hstate.unreachable:before
{
	background: url(mask-white.svg) repeat 0 0;
	opacity: 0.75;
}
.quality.report_body:not(.table):not(.limited) .hstate.unreachable:not(.critical):before
{
	background: url(mask-black.svg) repeat 0 0;
	opacity: 0.2;
}
.report_body:not(.table):not(.limited) .hstate.unreachable, 
.report_body:not(.table):not(.limited) .hstate.unreachable .prop, 
.report_body:not(.table):not(.limited) .hstate.unreachable .title
{
	color: #333 !important;
	text-shadow: 0 0 1px #FFF;
}
.report_body:not(.table):not(.limited) .hstate.unknown, 
.report_body:not(.table):not(.limited) .hstate.pending
{
	background: #BBB;
	border-color: #B1B1B1;
}
.report_body:not(.table):not(.limited) .hstate.critical
{
	background: #DB2929;
	border-color: #DB2929;
	color: #FFF;
}
.report_body:not(.table):not(.limited) .hstate.on, 
.report_body:not(.table):not(.limited) .hstate.off, 
.report_body:not(.table):not(.limited) .hstate.unknown
.report_body:not(.table):not(.limited) .hstate.on .title, 
.report_body:not(.table):not(.limited) .hstate.off .title, 
.report_body:not(.table):not(.limited) .hstate.unknown .title, 
.report_body:not(.table):not(.limited) .hstate.critical .title, 
.report_body:not(.table):not(.limited) .hstate.critical .prop
{
	color: #FFF;
	color: rgba(255,255,255,0.9);
}
#hs-null.hstate .title .label:after, .totals > div.ind:before, .ex:after
{
	content: "M";
	font-family: emcocommon;
	font-size: 14px;
	font-weight: normal;
	vertical-align: top;
	position: relative;
	top: -3px;
	margin-left: 6px;
}
.quality #hs-null.hstate .title .label:after, #hs-null.hstate.none .title .label:after
{
	color: rgba(0,0,0,0.6);
}
.mid #hs-null.hstate .title .label:after
{
	font-size: 12px;
}

/* svg charts patterned fills start */
#svgpatterns
{
	position: absolute;
}
/* real svg patterns are placed in html, since Safari requires absolute URLs */
/* svg charts patterned fills end */
.lunknown:after
{
	background: url(mask-white-2.svg) repeat -2px -2px #000;
	border: 1px solid #000;
	opacity: 0.2;
}
.ex
{
	cursor: default;
}
.ex:after
{
	opacity: 0.5;
}
.ex:hover:after
{
	opacity: 1;
}
.stat td.ex:after
{
	opacity: 1;
}
.stat:not(.hosts) .ex:after
{
	content: "*";
	margin-left: 2px;
}
.qualityp .ex:after
{
	margin-left: 2px;
}
#cvq.qualityp .ex:after
{
	margin-left: 4px;
}
#hs-null.hstate .title .label:after, .totals > div.ind:before
{
	color: rgba(255,255,255,0.8);
}
.ex:after
{
	font-size: 11px;
}
.totals > div.ind:before
{
	position: absolute;
	top: 4px;
	right: 4px;
	line-height: 8px;
	font-size: 8px;
	color: #000;
	z-index: 1;
}

/* monitor:cards:groups */
.report_body:not(.table):not(.limited) .stotal
{
	position: absolute;
	bottom: -1px;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	color: #333;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background: #FFF;

	height: 68px;
	width: calc(25% + 1px);
	text-align: center;
	padding: 0 3px;
	line-height: 54px;
}
.report_body:not(.table):not(.limited) .stotal:hover
{
	background: #F0F0F0;
}
.report_body:not(.table):not(.limited) .stotal.good
{
	left: -1px;
}
.report_body:not(.table):not(.limited) .stotal.warn
{
	left: calc(25% - 1px);
}
.report_body:not(.table):not(.limited) .stotal.bad
{
	left: calc(50% - 1px);
}
.report_body:not(.table):not(.limited) .stotal.critical
{
	left: calc(75% - 1px);
}
.report_body:not(.table):not(.limited) .stotal.on
{
	width: calc(50% + 1px);
	left: -1px;
}
.report_body:not(.table):not(.limited) .stotal.off
{
	width: calc(50% + 1px);
	left: calc(50% - 1px);
}
.report_body:not(.table):not(.limited) .stotal:first-child
{
	border-radius : 0 0 0 3px;
}
.report_body:not(.table):not(.limited):not(.quality) .stotal:nth-child(2), 
.quality.report_body:not(.table):not(.limited) .stotal:nth-child(4), 
.report_body:not(.table):not(.limited) .stotal:nth-child(4)
{
	border-radius : 0 0 3px 0;
	border-right: 1px solid #CCC;
}
.report_body:not(.table):not(.limited) .stotal.unknown span, 
.report_body:not(.table):not(.limited) .stotal.pending span
{
	display: inline-block;
	vertical-align: top;
	position: absolute;
	top: 0;
	box-sizing: border-box;
}
.report_body:not(.table):not(.limited) .stotal.unknown > span:first-child, 
.report_body:not(.table):not(.limited) .stotal.pending > span:first-child
{
	font-family: Verdana;
	right: 8px;
	width: calc(100% - 85px);
	text-align: right;
}
.report_body:not(.table):not(.limited) .stotal.unknown > span:last-child, 
.report_body:not(.table):not(.limited) .stotal.pending > span:last-child
{
	left: 8px;
	width: 85px;
	text-align: left;
}
.large.report_body:not(.table):not(.limited) .stotal:not(.unknown):not(.pending)
{
	font-size: 24px;
}
.report_body:not(.table):not(.limited) .stotal > span:last-child
{
	font-size: 13px;
}
.large.report_body:not(.table):not(.limited) .stotal:not(.unknown):not(.pending) > span:last-child
{
	display: block;
	line-height: 12px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 9px 5px;
	white-space: normal;
}
.mid.report_body:not(.table):not(.limited) .gstate .stotal:not(.unknown):not(.pending)
{
	height: 38px;
	line-height: 40px;
}
.report_body:not(.table):not(.limited) .stotal.unknown, 
.report_body:not(.table):not(.limited) .stotal.pending
{
	box-sizing: border-box;
	position: absolute;
	width: 100%;
	border: none;
	border-top: 1px solid #CCC;
	height: 24px;
	line-height: 22px;
}
.large.report_body:not(.table):not(.limited) .stotal.unknown, .large.report_body:not(.table):not(.limited) .stotal.pending
{
	bottom: 67px;
}
.mid.report_body:not(.table):not(.limited) .stotal.pending
{
	bottom: 37px;
}
.report_body:not(.table):not(.limited) .stotal.unknown:not(:hover), 
.report_body:not(.table):not(.limited) .stotal.pending:not(:hover)
{
	background: #F8F8F8;
}
.mid.report_body:not(.table):not(.limited) .gstate .stotal.unknown, .mid.report_body:not(.table):not(.limited) .gstate .stotal.pending
{
	height: 22px;
	line-height: 20px;
}
.mid.report_body:not(.table):not(.limited) .gstate .stotal.unknown > span:first-child, .mid.report_body:not(.table):not(.limited) .gstate .stotal.pending > span:first-child
{
	width: calc(100% - 55px);
	text-align: right;
	font-size: 12px;
	right: 4px;
}
.mid.report_body:not(.table):not(.limited) .gstate .stotal.unknown > span:last-child, .mid.report_body:not(.table):not(.limited) .gstate .stotal.pending > span:last-child
{
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 55px;
	font-size: 10px;
	left: 4px;
}
.report_body:not(.table):not(.limited) .stotal.unknown:after, 
.report_body:not(.table):not(.limited) .stotal.pending:after
{
	display: none;
}
.report_body:not(.table):not(.limited) .stotal.unknown > span, 
.report_body:not(.table):not(.limited) .stotal.pending > span
{
	font-size: 12px;
	z-index: 1;
}
.report_body:not(.table):not(.limited) .stotal.unknown
{
	left: 1px;
}
.report_body:not(.table):not(.limited) .stotal.pending
{
	right: 1px;
	border-left: 1px solid #CCC;
}
.report_body:not(.table):not(.limited) .stotal:after
{
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	top: 0;
	height: 7px;
	content: "";
}
.report_body:not(.table):not(.limited) .stotal.nd:after
{
	opacity: 0.7;
}
.report_body:not(.table):not(.limited) .stotal:first-child:after, 
.report_body:not(.table):not(.limited):not(.quality) .stotal:first-child + .stotal:after, 
.quality.report_body:not(.table):not(.limited) .stotal.bad:after
{
	left: -1px;
	right: -1px;
}
.report_body:not(.table):not(.limited) .stotal:first-child + .stotal:after, 
.quality.report_body:not(.table):not(.limited) .stotal:first-child:after, 
.quality.report_body:not(.table):not(.limited) .stotal.bad:after
{
	right: -1px;
}
.mid.report_body:not(.table):not(.limited) .stotal
{
	height: 25px;
}
.mid.report_body:not(.table):not(.limited) .stotal:after
{
	height: 5px;
}
.mid.report_body:not(.table):not(.limited) .stotal span:first-child
{
	font-size: 14px;
	text-align: center;
}
.mid.report_body:not(.table):not(.limited) .stotal > span:last-child
{
	display: none;
}
.report_body:not(.table):not(.limited) .stotal.off:after, 
.report_body:not(.table):not(.limited) .stotal.bad:after
{
	background: #F76B6B;
	left: -1px;
	right: -1px;
}
.report_body:not(.table):not(.limited) .stotal.critical:after
{
	background: #DB2929;
	left: -1px;
	right: -1px;
}
.report_body:not(.table):not(.limited) .stotal.pending:after
{
	background: #EEE;
	border-bottom: 1px solid #E1E1E1;
	box-sizing: border-box;
}
.report_body:not(.table):not(.limited) .stotal.offline, 
.report_body:not(.table):not(.limited) .stotal.offline.nd
{
	color: #FFF;
	background: #F76B6B;
	border-left: 1px solid #F76B6B;
	border-right: 1px solid #F76B6B;
	border-bottom: 1px solid #F76B6B;
}
.report_body:not(.table):not(.limited) .hstate:not(.off) .stotal.offline.nd
{
	background: #BBB;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
.report_body:not(.table):not(.limited) .stotal.on:after, 
.report_body:not(.table):not(.limited) .stotal.good:after
{
	background: #80C76B;
}
.report_body:not(.table):not(.limited) .stotal.warn:after
{
	background: #FFC500;
}
.report_body:not(.table):not(.limited) .stotal.unknown:after
{
	background: #BBB;
}
.report_body:not(.table):not(.limited) .stotal.none:after
{
	background: #EEE;
	border-bottom: 1px solid #CCC;
	box-sizing: border-box;
	display: none;
}
.off .stotal.off, .on .stotal.on, .unknown .stotal.unknown, .none .stotal.none
{
	opacity: 1;
	color: #000;
	border-right: 1px solid #CCC;
}
.off .stotal.offline
{
	opacity: 1;
}
.off .stotal.off + .stotal, .on .stotal.on + .stotal, .unknown .stotal.unknown + .stotal
{
	border-left: none;
}
.off .stotal.off:after
{
	right: -1px;
	left: -1px;
}
.unknown .stotal.unknown:after
{
	left: -1px;
	right: -1px;
}
.off .stotal.off + .stotal::after
{
	left: 0;
}
.report_body:not(.table):not(.limited) .stotal.nd
{
	color: #000;
}
.report_body:not(.table):not(.limited) .stotal.nd:not(.none):not(.unknown):not(.pending):not(:hover)
{
	background: #FFF;
}
.quality.report_body:not(.table):not(.limited) .stotal:not(.nd)
{
	opacity: 1;
}
.report_body:not(.table):not(.limited) .stotal.nd:not(.offline) span
{
	opacity: 0.4;
}
.quality.report_body:not(.table):not(.limited) .hstate .stotal.offline.nd
{
	border-color: #999;
	opacity: 0.5;
}

.quality.report_body:not(.table):not(.limited)  .hstate:after, 
.report_body:not(.table):not(.limited) .hstate.unstable:after
{
	content: "";
	display: block;
	position: absolute;
	top: -1px;
	right: -1px;
}
.quality.report_body:not(.table):not(.limited) .hstate:after
{
	width: 6px;
	bottom: calc(75% - 1px);
	border-radius: 0 2px 0 0;
}
.report_body:not(.table):not(.limited) .hstate.unstable:after
{
	left: -1px;
	height: 4px;
	border-radius: 2px 2px 0 0;
}
.quality.large.report_body:not(.table):not(.limited) .hstate:after
{
	width: 8px;
}
.large.report_body:not(.table):not(.limited) .hstate.unstable:after
{
	height: 6px;
}
.quality.mid.report_body:not(.table):not(.limited) .hstate:after
{
	bottom: 67%;
}
.quality.small.report_body:not(.table):not(.limited) .hstate:after
{
	bottom: 0;
	border-radius: 0 2px 2px 0;
}
.quality.report_body:not(.table):not(.limited) .bad:after
{
	background: #F76B6B;
}
.quality.report_body:not(.table):not(.limited) .critical:after
{
	background: #DB2929;
}
.quality.report_body:not(.table):not(.limited) .unknown:after
{
	background: #BBB;
}
.quality.report_body:not(.table):not(.limited) .pending:after
{
	background: #BBB;
	border-left: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	box-sizing: border-box;
}
.quality.report_body:not(.table):not(.limited) .good:after
{
	background: #80C76B;
}
.quality.report_body:not(.table):not(.limited) .warn:after, 
.report_body:not(.table):not(.limited) .unstable:after
{
	background: #FFC500;
}
.quality.report_body:not(.table):not(.limited) .hstate.none:not(.inact) .ip, 
.quality.report_body:not(.table):not(.limited) .hstate.none:not(.inact) .reverse
{
	display: block;
}
.mid.report_body:not(.table):not(.limited) .hstate .title
{
	height: 36px;
	margin-bottom: 3px;
}
.quality.report_body:not(.table):not(.limited) .hstate:not(.critical) .prop .latency, 
.quality.report_body:not(.table):not(.limited) .hstate:not(.critical) .prop .jitter, 
.quality.report_body:not(.table):not(.limited) .hstate:not(.critical) .prop .ploss
{
	color: #000;
}
.qualityp > span > span:last-child, .pq > span:last-child, .report_body.table .hstate .status > span
{
	border-bottom: 2px solid rgba(0,0,0,0);
}
.qualityp > span > span:last-child, .pq:not(.mainfont) > span:last-child
{
	font-family: Verdana;
}
.hstate:not(.critical) .qualityp > span > span:last-child, .pq > span:last-child, .report_body.table .hstate .status > span
{
	color: #222;
}
.qualityp > span.hbad > span:last-child, .pq.hbad > span:last-child, .report_body.table .hstate .status.hbad > span
{
	border-color: #F76B6B;
}
.hstate.critical:not(.unreachable) .qualityp > span.hbad > span:last-child
{
	border-color: #FFF;
}
.qualityp > span.hwarn > span:last-child, .pq.hwarn > span:last-child, .report_body.table .hstate .status.hwarn > span
{
	border-color: #FFC500;
}
.rating
{
	display: inline-block;
	vertical-align: top;
	background: url(stars.svg) repeat-x 0 0;
	background-size: 16px 32px;
	width: 80px;
	height: 16px;
	margin-top: 2px;
}
.rating > div
{
	background: url(stars.svg) repeat-x 0 -16px;
	background-size: 16px 32px;
	height: 16px;
	width: 0;
}
.statistics-details .rating
{
	width: 100px;
}
.statistics-details .rating, .statistics-details .rating > div
{
	background-size: 20px 40px;
	height: 20px;
}
.statistics-details .rating > div
{
	background-position: 0 -20px;
}
.statistics-details .legend-marker span.grp
{
	display: none;
}
.normal
{
	font-weight: normal;
}
.bold
{
	font-weight: bold;
}
.mid .gprops
{
	display: none;
}
.quality .off .latency, .quality .off .jitter, .quality .off .ploss
{
	display: none;
} 

.fonotice
{
	padding-right: 185px;
}
#loadchartsfailure.fonotice, #missing_note.fonotice, #period_note.fonotice
{
	padding-right: 34px;
}
#loadchartsfailure.fonotice:before
{
	content: "E";
	color: #F76B6B;
}
#loadchartsfailure.fonotice a:not(.close)
{
	color: #F76B6B;
}

.statistics .stat .ocstate
{
	padding-left: 0;
}
.statistics .stat .ocstate:after
{
	display: none;
}

.service_info, .service_info .additional_info
{
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width: 50%;
	margin-bottom: 10px;
}
.service_info.nomargin, .service_info .additional_info.nomargin
{
	margin-bottom: 0;
}
.service_info.full, .qualitybox + .additional_info
{
	width: 100%;
}
.stat.hosts div.type
{
	line-height: 20px;
	font-size: 20px;
	margin-bottom: 12px;
	position: relative;
}
.stat.hosts .details_holder .qualitybox
{
	margin-bottom: 6px;
	position: relative;
}
.stat.hosts .qualitybox .head + div
{
	margin: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 56px;
}
.stat.hosts .qualitybox .qualityp
{
	line-height: 20px;
}
.qualitybox + .additional_info .pair
{
	display: table;
	width: 100%;
}
.qualitybox + .additional_info .pair div
{
	display: table-cell;
	width: auto;
	vertical-align: top;
}
.qualitybox + .additional_info .pair div:first-child
{
	white-space: nowrap;
}
.service_info > div + div
{
	margin-top: 20px;
}
.nomargin
{
	margin-bottom: 0;
}
.service_info.first, .additional_info.first
{
	padding-top: 0;
	padding-left: 0;
	padding-right: 6px;
}
.service_info.first + .service_info, .additional_info.first + .additional_info
{
	padding-top: 0;
	padding-left: 6px;
	padding-right: 0;
}
.details_holder > .service_info.first.withcolumn
{
	width: 100%;
	margin-right: -412px;
	padding-right: 424px;
}
.details_holder > .service_info.withcolumn + .service_info
{
	width: 412px;
}
.details_holder > .service_info.withcolumn + .service_info .additional_info
{
	max-width: 200px;
}
.details_holder .service_info .pair.high div:last-child span
{
	display: block;
	font-size: 16px;
}
.details_holder .service_info .pair div:last-child span.low
{
	font-weight: normal;
	line-height: 18px;
	font-size: inherit;
}
.service_info.full .pair
{
	display: inline-block;
	vertical-align: top;
}
.service_info.full .pair.right
{
	float: right;
}
.service_info.full .pair > div
{
	width: auto;
}
.service_info .pair.tbl
{
	display: table;
	width: 100%;
}
.service_info .pair.tbl div
{
	display: table-cell;
	width: auto;
}
.service_info .pair.tbl div:last-child
{
	width: 100%;
}
.hbfull
{
	padding: 5px 0;
}
.hbfull .healthbar, .hbfull .healthbar > div
{
	height: 32px;
}
.hbfull .healthbar > div > div
{
	line-height: 32px;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 14px;
	padding: 0 12px;
}
.hbfull .healthbar > div > div
{
	color: #FFF;
}
.hbfull .healthbar > div > div:first-child:after
{
	display: block;
	content: attr(data-name) ":";
	font-family: 'Montserrat', sans-serif;
}
.hbfull .healthbar > div > div:last-child
{
	right: 0;
	text-align: center;
}
@media (max-width: 1146px)
{
	.hbfull .healthbar > div > div
	{
		padding: 0 6px;
	}
	.hbfull .healthbar > div > div:first-child:after
	{
		content: attr(data-sname) ":";
	}
}
@media (max-width: 1366px)
{
	body:not(.hidefilter) .hbfull .healthbar > div > div:last-child
	{
		text-align: right;
	}
}
.details_holder .healthbar + .additional_info, .details_holder .healthbar + .additional_info + .additional_info
{
	margin-bottom: 0;
}
.statistics .full .pair.high + .medium
{
	margin-top: 0;
}
.statistics .pair.high
{
	margin-bottom: 0;
}
@media (max-width: 1300px)
{
	body:not(.hidefilter) .service_info .additional_info .high div:first-child
	{
		font-size: 15px;
	}
	body:not(.hidefilter) .service_info .additional_info .high div:last-child
	{
		font-size: 18px;
	}
}

.delay ul
{
	max-height: none;
}
.delay > div.opt label
{
	margin-top: 5px;
}
@media (max-width: 1469px)
{
	.delay > span
	{
		display: inline-block;
	}
	.delay > span span
	{
		display: none;
	}
}
.onstateint .stat td:nth-child(2), .onqualityint .stat td:nth-child(2)
{
	border-left: none;
	padding-left: 0;
	white-space: nowrap;
}
.notracking-available
{
	position: fixed;
	top: 50%;
	margin-top: -10px;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 20px;
	color: #555;
}
.dd
{
	cursor: pointer;
}
.data:hover .intmain td, .data.open .intmain td, .data.open .intcomment td
{
	background-color: #F8F8F8;
}
.stat tbody tr.intmain.last.open td:not(:last-child)
{
	border-bottom: none;
}
.stat tbody .intcomment td
{
	padding: 5px 5px 5px 45px;
	color: #999;
}
tbody:not(.open) .intcomment td > div, tbody:not(.open) .intcomment td > div > div
{
	position: relative;
	height: 20px;
	overflow: hidden;
}
tbody:not(.open) .intcomment td > div > div
{
	white-space: nowrap;
	text-overflow: ellipsis;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
tbody:not(.open) .intcomment br
{
	display: none;
}
.stat tbody .last + .intcomment td
{
	border-top: none;
}
.stat tbody:not(.open) .last + .intcomment td
{
	border-bottom: 1px solid #EEE;
}
.stat tbody:not(.open):hover .last + .intcomment td
{
	border-color: #E1E1E1;
}
.stat tbody:hover .intmain td, .stat tbody:hover .intcomment td, 
.stat tbody.open .intmain td, .stat tbody.open .intcomment td
{
	border-color: #E1E1E1;
	background: #F8F8F8;
}
.stat .data:not(.open):hover + .data:not(.open) .intmain td
{
	border-top-color: #E1E1E1;
}
.stat tbody .intdetails:last-child td
{
	border-bottom: 1px solid #BBB;
}
.stat tbody.open .intmain td:last-child, .stat tbody.open .intcomment td, .stat tbody .intdetails td:last-child
{
	border-right-color: #BBB;
}
.stat tbody.open .intmain td:first-child, .stat tbody .intdetails td:first-child, .stat tbody.open .intcomment td
{
	border-left-color: #BBB;
}
.stat tbody.open.single .intcomment td
{
	border-bottom: 1px solid #BBB;
}
.stat tbody.open .intmain td
{
	border-top-color: #BBB;
}
.stat .data.open + .data .intmain td
{
	border-top: none;
}
.stat tbody .intmain + .intdetails td, .stat tbody .intcomment + .intdetails td
{
	box-shadow: 0 -1px 0 #E1E1E1;
}
.hasunrmark
{
	position: relative;
	display: inline-block;
}
.hasunrmark:after
{
	content: "M";
	position: absolute;
	top: -3px;
	left: calc(100% + 3px);
	font-family: emcocommon;
	font-size: 12px;
	color: #999;
}
.hasunrmark:hover:after
{
	color: #000;
}
.intfilter
{
	margin-bottom: 12px;
}
.intfilter .left, .intfilter .right
{
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	position: relative;
	line-height: 30px;
}
.intfilter .left
{
	width: calc(100% - 200px);
}
.intfilter .right
{
	text-align: right;
	width: 200px;
}
.intfilter .left:before, .intfilter .right:before
{
	display: none;
	content: attr(data-title) ":";
	margin-right: 12px;
}
.intfilter .opt
{
	display: inline-block;
	vertical-align: top;
}
.intfilter .opt + .opt
{
	margin-left: 6px;
}
.intfilter .opt input[type="checkbox"] + label
{
	text-align: center;
	line-height: 30px;
	padding: 0 10px;
	border: 1px solid;
	border-radius: 2px;
	box-sizing: border-box;
	min-width: 114px;
	opacity: 0.4;
}
.intfilter .opt input[type="checkbox"] + label, .intfilter .opt:not(.dsbl) input[type="checkbox"] + label:hover
{
	color: #FFF;
}
.intfilter .opt input[type="checkbox"] + label:hover, .intfilter .opt input[type="checkbox"]:checked + label:hover
{
	opacity: 0.8;
}
.intfilter .opt input[type="checkbox"]:checked + label
{
	opacity: 1;
}
.intfilter .opt input[type="checkbox"]:checked + label:before
{
	content: "e";
	line-height: 28px;
	font-size: 12px;
	font-family: emcocommon;
	margin-right: 6px;
}
.intfilter .opt input[type="checkbox"] + label > span:first-child
{
	display: none;
}
.intfilter .opt.good input[type="checkbox"] + label, .intfilter .opt.up input[type="checkbox"] + label
{
	border-color: #80C76B;
	background: #80C76B;
}
.intfilter .opt.warn input[type="checkbox"] + label
{
	border-color: #FFC500;
	background: #FFC500;
}
.intfilter .opt.bad input[type="checkbox"] + label, .intfilter .opt.down input[type="checkbox"] + label
{
	border-color: #F76B6B;
	background: #F76B6B;
}
.intfilter .opt.critical input[type="checkbox"] + label
{
	border-color: #DB2929;
	background: #DB2929;
}
.intfilter .opt.pending input[type="checkbox"] + label
{
	border-color: #BBB;
	background: #BBB;
}
.intfilter .opt.paused input[type="checkbox"] + label
{
	border-color: #F79646;
	background: #F79646;
}
.intfilter .opt.unreachable:not(.dsbl) input[type="checkbox"] + label
{
	border-color: #CCC;
	background: none;
	position: relative;
	color: #333;
	min-width: 144px;
}
.intfilter .opt.unreachable:not(.dsbl) input[type="checkbox"] + label:before
{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(mask-black.svg) repeat;
	opacity: 0.245;
	margin: 0;
}

#doverview
{
	position: relative;
}
#dinfo
{
	width: 352px;
}
#dcharts
{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 376px;
}
.qualitybox .head
{
	font-size: 18px;
	line-height: 50px;
	padding-left: 10px;
	position: relative;
}
.statistics-details .qualitybox .head
{
	line-height: 48px;
}
.qualitybox .head > div
{
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 0 10px;
	color: #FFF;
	font-weight: bold;
	border-radius: 0 2px 0 2px;
	box-sizing: border-box;
	min-width: 130px;
	text-align: center;
}
.qualitybox.empty .head > div
{
	color: #333;
	border-left: 1px solid #E1E1E1;
	border-bottom: 1px solid #E1E1E1;
}
.qualitybox.unreachable .head > div
{
	color: #333;
}
.qualitybox .head + div
{
	margin: 10px 10px 6px 10px;
}
.monitor-hquality .qualitybox .head + div.lh.ph.jh
{
	display: none;
}
.lh #lq, .ph #plq, .jh #jq
{
	display: none;
}
.qualitybox .qualityp
{
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
	width: 50%;
	font-size: 13px;
	line-height: 20px;
	box-sizing: border-box;
}
.qualitybox .qualityp > span > span > span:first-child
{
	margin-right: 6px;
}
.qualitybox .qualityp:nth-child(2n)
{
	padding-left: 6px;
}
.qualitybox .qualityp:nth-child(2n+1)
{
	padding-right: 6px;
}
#qmaininfo
{
    position: relative;
}
.top-line .info div:after
{
	font-size: 34px;
	line-height: 38px;
	position: absolute;
	top: 10px;
	right: 12px;
	bottom: 10px;
}
.top-line .info div:after
{
	content: "h";
	font-family: pingmonitor;
}
.chart-ovr .top-line > div.description
{
	display: none;
}
.statistics-timeline .period-ranges
{
	background: #FFF;
}
.statistics-timeline.fullscreen .top-line > div.description
{
	display: none;
}
.statistics-timeline:not(.fullscreen) .top-line .host div .ex
{
	display: none;
}
.statistics-timeline.fullscreen .top-line .host div .ex:after
{
	font-size: 14px;
	opacity: 1;
}
.monitor-hstate #dinfo .additional_info, .monitor-hquality .additional_info
{
	width: 100%;
	padding: 0;
	overflow: hidden;
}
.monitor-hquality .wstat, .monitor-hstate .wstat
{
	margin-top: 24px;
}
.monitor-hquality #dinfo, .monitor-hstate #dinfo
{
	width: 408px;
}
.qualitybox.mstate .head > div
{
	width: 100%;
	text-align: left;
}
.qualitybox.mstate .head > div > div
{
	position: absolute;
	bottom: 0;
	height: 50%;
	text-align: right;
	font-size: 12px;
	font-weight: normal;
	line-height: 26px;
	box-sizing: border-box;
	font-family: Verdana;
}
.qualitybox.mstate .head > div > div:before
{
	content: attr(data-title) " ";
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
}
@media (max-width: 1366px)
{
	body:not(.hidefilter) .stat.hosts .qualitybox .qualityp
	{
		font-size: 12px;
	}
	body:not(.hidefilter) .stat.hosts .qualitybox.mstate .head > div > div
	{
		font-size: 12px;
		letter-spacing: -0.5px;
	}
	body:not(.hidefilter) .stat.hosts .qualitybox.mstate .head > div > div:before, body:not(.hidefilter) .stat.hosts .qualitybox.mstate .head > div > div:after
	{
		font-family: 'Montserrat', sans-serif;
		font-size: 14px;
	}
	body:not(.hidefilter) .stat.hosts .qualitybox.mstate .head > div > div.timepassed:before, body:not(.hidefilter) .stat.hosts .qualitybox.mstate .head > div > div.timepassed:after
	{
		content: "(";
	}
	body:not(.hidefilter) .stat.hosts .qualitybox.mstate .head > div > div.timepassed:after
	{
		content: ")";
	}
}
.qualitybox.mstate.none .head > div > div
{
	display: none;
}
.qualitybox.mstate .head > div > div:nth-child(2)
{
	left: 10px;
}
.qualitybox.mstate .head > div > div:last-child
{
	right: 10px;
}
.monitor-hquality #dcharts, .monitor-hstate #dcharts
{
	left: 432px;
}
#packetloss
{
	height: 166px;
	/*width: 150px;
	display: inline-block;
	vertical-align: middle;*/
}
/*#packetloss + .legend
{
	display: inline-block;
	vertical-align: middle;
}
#packetloss + .legend > div
{
	display: block;
	margin-left: 20px;
	text-align: left;
}*/
.monitor-hquality .qualitybox .qualityp
{
}
#pdistr
{
	border: 1px solid #EEE;
	padding: 0 10px 10px;
	text-align: center;
	margin: 24px 0;
}
#pdistr > div:first-child, #dcharts .chart-wrap > div:first-child
{
	line-height: 40px;
	font-size: 18px;
	text-align: center;
}
#pdistr > div#responsehystogramm
{
	height: 150px;
}
#pdistr > .dbar
{
	width: 100%;
	position: relative;
	height: 20px;
	box-sizing: border-box;
}
#pdistr > .dbar > div
{
	display: inline-block;
	vertical-align: top;
	height: 100%;
}
.monitor-hquality #dcharts, .monitor-hstate #dcharts
{
	text-align: center;
}
.legendwrap
{
	text-align: left;
	display: inline-block;
	vertical-align: top;
	margin: 0 10px;
}
.legend
{
	text-align: center;
	position: relative;
	padding-left: 60px;
	box-sizing: border-box;
	max-width: 550px;
}
.legendwrap > .legend
{
	text-align: left;
}
.legend:before
{
	content: attr(data-title) ":";
	display: inline-block;
	vertical-align: top;
	line-height: 14px;
	min-width: 50px;
	text-align: right;
	position: absolute;
	right: calc(100% - 50px);
	top: 6px;
	font-size: 12px;
	font-weight: bold;
}
.legend > *
{
	display: inline-block;
	vertical-align: top;
	position: relative;
	box-sizing: border-box;
	padding-left: 21px;
	line-height: 14px;
	font-size: 12px;
	margin-top: 6px;
	min-width: 80px;
	text-align: left;
}
.legend > div.lunknown
{
	min-width: 90px;
}
.legend > *:not(:last-child)
{
	margin-right: 12px;
}
.legend > *:after
{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 14px;
	box-sizing: border-box;
}
#pdistr > .dbar
{
	background: #BBB;
}
#pdistr > .dbar > .good, .lgood:after
{
	background: #80C76B;
}
#pdistr > .dbar > .warn, .lwarn:after
{
	background: #FFC500;
}
#pdistr > .dbar > .bad, .lbad:after
{
	background: #F76B6B;
}
.lminimum:after
{
	background: #008C00;
}
.lcritical:after, .lmaximum:after
{
	background: #DB2929;
}
.laverage:after
{
	background: #FF9D00;
}
.ldeviation:after
{
	background: #FFCC00;
}
.lunreachablepacket:after
{
	border: 1px solid #BBB;
	background: #FFF;
}
.llost:after
{
	border: 1px solid #F76B6B;
	background: #FFF;
}
.lpending:after
{
	background: #BBB;
	/*background: #EEE;
	border: 1px solid #E1E1E1;*/
}
.lpaused:after
{
	background: #F79646;
}
.linactive:after
{
	background: #EEE;
}
.lcurr:after
{
	background: #409CFF;
}
.lpctl:after
{
	background: #FF9D00;
}
#plq + div, #lq + div
{
	display: inline-block;
	width: 60%;
	position: relative;
	background: #BBB;
	height: 18px;
	vertical-align: top;
	box-sizing: border-box;
}
#plq + div
{
	background: none;
	border: 1px dotted #F76B6B;
}
#plq + div > div, #lq + div > div
{
	display: inline-block;
	vertical-align: top;
	height: 100%;
}
#plq + div > div
{
	background: #F76B6B;
	height: calc(100% + 2px);
	margin-top: -1px;
	margin-left: -1px;
}
#lq + div > .good
{
	background: #80C76B;
}
#lq + div > .warn
{
	background: #FFC500;
}
#lq + div > .bad
{
	background: #F76B6B;
}
.monitor-hquality .chart-response, .monitor-hstate .chart-response, #responsehystogramm
{
	height: 100%;
	box-sizing: border-box;
}
.monitor-hquality #analysischart
{
	height: calc(100% - 169px);
	position: relative;
}
.monitor-hstate #analysischart
{
	position: relative;
	height: calc(100% - 149px);
}
.monitor-hquality .legend > *
{
	min-width: 100px;
}
@media (min-width: 1240px) and (max-width: 1365px)
{
	.fullscreen .legend
	{
		max-width: 680px;
	}
}
@media (min-width: 1366px) and (max-width: 1469px)
{
	.monitor-hquality #analysischart, .monitor-hstate #analysischart
	{
		height: calc(100% - 149px);
	}
	.monitor-hquality:not(.fullscreen) #analysischart
	{
		height: calc(100% - 169px);
	}
	.fullscreen .legend
	{
		max-width: none;
	}
}
@media (min-width: 1470px)
{
	.monitor-hquality #analysischart, .monitor-hstate #analysischart
	{
		height: calc(100% - 149px);
	}
	.legend
	{
		max-width: none;
	}
}
.monitor-hquality #statechart, .monitor-hstate #statechart
{
	height: 59px;
	position: relative;
}
.monitor-hquality .chart#statechart::after
{
	margin-top: 10px;
}
.monitor-hstate .chart#statechart::after
{
	margin-top: 5px;
}
#responsehystogramm
{
	position: relative;
	height: 100%;
}
.percentile
{
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 1;
	width: 1px;
}
.percentile:after
{
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 6px;
	height: 20px;
	line-height: 20px;
	content: "";
	content: attr(data-name);
	width: 20px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	font-size: 12px;
	color: white;
	text-shadow: 0 0 1px rgba(0,0,0,0.1);
}
.percentile:hover
{
	z-index: 10;
}
.percentile:hover:after
{
	content: attr(data-name);
	width: auto;
}
.percentile.yellow, .percentile.yellow:after
{
	background: #FF9D00;
}
.percentile.red, .percentile.red:after
{
	background: #F76B6B;
}
#plcwrap, #lcwrap
{
	display: inline-block;
	position: relative;
	height: 100%;
}
#plc
{
	height: 100%;
}
#hystwrap, #hystwrap1
{
	height: 150px;
	position: relative;
}
#rhgood, #rhwarn, #rhbad
{
	display: inline-block;
	height: 100%;
}
.qualitybox
{
    box-sizing: border-box;
    border: 1px solid #E1E1E1;
    border-radius: 2px;
    margin-bottom: 12px;
}
.qualitybox.pending
{
	border-color: #BBB;
}
.qualitybox .head > div
{
}
.qualitybox:not(.none) .head > div .state
{
	position: absolute;
	display: block;
	line-height: 18px;
	top: 9px;
}
.qualitybox:not(.unstable):not(.unreachable) .head > div .state span:not(.type):not(.ex)
{
	display: none;
}
.qualitybox .head > div .state span.type
{
	font-weight: normal;
}
.qualitybox.unreachable .head > div .state span, 
.qualitybox.unstable .head > div .state span
{
	display: inline;
	font-weight: normal;
}
.qualitybox .head > div .state span:not(.type):not(.ex):before
{
	content: " (";
}
.qualitybox .head > div .state span:not(.type):not(.ex):after
{
	content: ")";
}
.qualitybox .head .ex:after
{
	font-size: 13px;
}
.qualitybox .ex:not(:hover):after
{
	opacity: 0.8;
}
.qualitybox .head > div > div
{
	position: relative;
}
.qualitybox .head > div > div > .ex
{
	position: absolute;
}
.qualitybox.unreachable .head > div:before
{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url(mask-white.svg) repeat;
	opacity: 0.75;
}
.monitor-hquality .qualitybox.unreachable .head > div:before
{
	bottom: 1px;
}
.qualitybox.unstable .head > div:after
{
	content: "";
	position: absolute;
	top: -1px;
	right: -1px;
	left: -1px;
	height: 6px;
	background-color: #FFC500;
}
.qualitybox.pending .head > div
{
	background: #BBB;
}
.qualitybox.unknown .head > div
{
	background: #BBB;
}
.qualitybox.good, .qualitybox.on
{
	border-color: #80C76B;
}
.qualitybox.good .head > div, .qualitybox.on .head > div
{
	background: #80C76B;
}
.qualitybox.warn
{
	border-color: #FFC500;
}
.qualitybox.warn .head > div
{
	background: #FFC500;
}
.qualitybox.bad, .qualitybox.off
{
	border-color: #F76B6B;
}
.qualitybox.critical
{
	border-color: #DB2929;
}
.qualitybox.bad .head > div, .qualitybox.off .head > div
{
	background: #F76B6B;
}
.qualitybox.critical .head > div
{
	background: #DB2929;
}
.qualitybox.active .head > div
{
	background: #B064B0;
}
.qualitybox.inactive .head > div
{
	background: #4BACC6;
}
.qualitybox.paused .head > div
{
	background: #F79646;
}
.qualitybox.none .head > div, .qualitybox.pending.unreachable .head > div
{
	color: #333;
}
.stat .hostrow .qualitybox
{
	position: absolute;
	top: -6px;
	right: -6px;
	border: none;
	margin: 0;
}
.stat .hostrow .qualitybox .head
{
	line-height: 38px;
	font-size: 16px;
	padding-left: 0;
}
.stat .hostrow .qualitybox .head > div
{
	position: inherit;
	font-weight: normal;
	width: 96px;
}
.list .stat tbody .hostrow td:first-child > div
{
	height: 31px;
	padding-right: 106px;
}
.dgroup
{
	position: relative;
	margin-bottom: 10px;
	text-align: left;
}
.monitor-hquality .dgroup:before, .monitor-hstate .dgroup:before
{
	display: none;
}
.dgroup > div
{
	display: inline-block;
	background: #FFF;
	position: relative;
	padding-right: 10px;
	font-size: 18px;
}
#dinfo .mos
{
	margin-bottom: 18px;
}
#dinfo > .service_info
{
	display: block;
	width: auto;
	margin-bottom: 12px;
}
#dinfo > #stchblock, #dinfo > #outstatblock, #dinfo > #statblock1, #dinfo > #qblock1
{
	margin-bottom: 24px;
}
#outstatblock .pair.high.nd
{
	cursor: default;
}
#dinfo .full .pair.high
{
	margin-bottom: 0;
}
#dinfo .full .pair.high + .pair
{
	margin-top: 6px;
}
#dinfo .statvals
{
	margin-top: 12px;
}
#dinfo .statvals.full .pair.high
{
	width: calc(100% / 3 - 10px);
	display: inline-block;
	vertical-align: top;
	margin: 0;
}
#dinfo .statvals.full .pair.high:nth-child(2)
{
	margin: 0 12px;
}
.hb
{
	position: relative;
	padding-top: 11px;
}
#dinfo .healthbar
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0;
}

.justify_tbl
{
	display: table;
	width: 100%;
}
.justify_tbl > div
{
	display: table-cell;
	text-align: center;
	vertical-align: top;
}
.justify_tbl > div:first-child
{
	text-align: left;
}
.justify_tbl > div:last-child
{
	text-align: right;
}
.justify_tbl > div > div
{
	width: 70%;
	display: inline-block;
}
.justify_tbl.three > div
{
	width: 33.3333%;
}
#responsesummarychart
{
	height: 150px;
}
.chart-ovr .chart
{
	position: absolute;
	top: 9px;
	left: 0;
	right: 9px;
	bottom: 0;
}
.chart-wrap
{
	border: 1px solid #EEE;
}
#dtracking .chart-wrap
{
	text-align: center;
}
#dtracking .legend
{
	max-width: 720px;
}
#dtracking .legendwrap
{
	margin-bottom: 9px;
}
#dtracking:not(.limited) #limited, .dtracking:not(.limited) #limited
{
	display: none;
}
#limited
{
	position: absolute;
	left: 0;
	right: 0;
	top: 36px;
}
.service_info .nodata.full
{
	line-height: 36px;
}
.service_info .vm2
{
	margin-top: 18px;
}
.stat .service_info .vm2
{
	margin-top: 21px;
}
.service_info .vm2 + .vm2
{
	margin-top: 0;
}

.wstatoff .data, .wstaton .data + .ndinfo, .summ tbody + .ndinfo
{
	display: none;
}
.wstaton .data, .wstatoff .data + .ndinfo
{
	display: table-row-group;
}
.onoutages .stat .date
{
	padding-right: 20px;
}

#responsechartsnapshotcontrol2 .google-visualization-controls-label/*, 
#responsechartsnapshotcontrol2 .google-visualization-controls-rangefilter-thumblabel*/
{
	display: none;
}
#responsechartsnapshotcontrol2 .goog-inline-block,
#responsechartsnapshotcontrol2 .google-visualization-controls-slider-horizontal
{
	width: 100%;
}

#fschart_move
{
	display: inline-block;
	vertical-align: top;
}
.statistics-timeline #fschart_move
{
	padding-right: 12px;
	border-right: 1px dotted #E1E1E1;
}
.statistics-timeline .close:after
{
	content: "a";
	font-family: emcocommon;
}
.chart-ovr #fschart_move
{
	position: absolute;
	top: 10px;
	right: 94px;
	padding-right: 12px;
	border-right: 1px dotted #E1E1E1;
}
#fschart_move #filter
{
	display: inline-block;
	vertical-align: top;
}
#snapshot:after
{
	content: "a";
	font-family: pingmonitor;
	font-size: 18px;
}
.buttongroup:not(:first-child)
{
	margin-left: 12px;
}
.buttongroup .nav_menu:not(:first-child), .buttongroup .tb-bttn:not(:first-child)
{
	margin-left: 6px;
}
.tb-bttn.start:after, .tb-bttn.pause:after, .tb-bttn.stop:after, .tb-bttn.resume:after
{
	font-family: emcocommon;
	font-size: 18px;
}
.tb-bttn.start:after
{
	content: "O";
}
.tb-bttn.pause:after
{
	content: "P";
}
.tb-bttn.stop:after
{
	content: "Q";
}
.tb-bttn.resume:after
{
	content: "R";
}
.chart-ovr
{
	position: relative;
	box-sizing: border-box;
	padding-top: 32px;
	padding-bottom: 24px;
}
.chart-ovr
{
	height: 50%;
}
.hastracking .chart-ovr
{
	height: 34%;
}
#fsize0.chart-ovr
{
	height: 32%;
}
.resizeable .period-ranges
{
	line-height: 30px;
}
.resizeable .chart_holder
{
	z-index: 1;
}
.statistics-details.analysis .back, .statistics-details.sqaggr .back, .statistics-details.tracking .back,
.statistics-details.analysis #header_right h1:not(.analysis), .statistics-details.sqaggr #header_right h1:not(.sqaggr), .statistics-details.tracking #header_right h1:not(.tracking),
.statistics-details:not(.analysis) #header_right h1.analysis, .statistics-details:not(.sqaggr) #header_right h1.sqaggr, .statistics-details:not(.tracking) #header_right h1.tracking,
.statistics-details.analysis .top-line .description, .statistics-details.sqaggr .top-line .description, .statistics-details.tracking .top-line .description,
.statistics-details:not(.analysis) #header_right .size[data-id="analysis"], .statistics-details:not(.sqaggr) #header_right .size[data-id="sqaggr"], .statistics-details:not(.tracking) #header_right .size[data-id="tracking"]
{
	display: none;
}
.statistics-details.analysis #header_box, .statistics-details.sqaggr #header_box, .statistics-details.tracking #header_box,
.statistics-details.analysis .content, .statistics-details.sqaggr .content, .statistics-details.tracking .content
{
	margin: 0 10px;
}
.statistics-details.analysis #header_inner, .statistics-details.sqaggr #header_inner,, .statistics-details.tracking #header_inner,
.statistics-details.analysis #middle_box, .statistics-details.sqaggr #middle_box, .statistics-details.tracking #middle_box
{
	max-width: none;
}
.statistics-details.analysis #middle_box, .statistics-details.sqaggr #middle_box, .statistics-details.tracking #middle_box
{
	padding-top: 62px;
	padding-top: 100%;
}
.statistics-details.analysis .top-line, .statistics-details.sqaggr .top-line, .statistics-details.tracking .top-line
{
	position: fixed;
	top: 62px;
	left: 10px;
	right: 10px;
	z-index: 3;
}
.statistics-details.analysis #fschart_move, .statistics-details.sqaggr #fschart_move, .statistics-details.tracking #fschart_move
{
	padding-right: 12px;
	border-right: 1px dotted #E1E1E1;
}
.sqaggr #fsize, .analysis #fsize1, .tracking #fsize0
{
	position: fixed;
	top: 130px;
	left: 0;
	right: 0;
	bottom: 0;
	background: #FFF;
	z-index: 3;
	height: auto;
	padding-bottom: 0;
	padding-top: 0;
}
.chart-ovr .title_wrap
{
	max-width: 36%;
	display: inline-block;
	position: absolute;
	left: 10px;
	top: 10px;
}
.full.chart-ovr .title_wrap, .full.chart-ovr .size
{
	display: none;
}
.wrapper 
{
	position: relative;
}
.qi .stateint, .si .qualityint
{
	display: none;
}
h2.title
{
	line-height: 30px;
	font-size: 18px;
}
.chart-ovr h2.title
{
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	text-transform: uppercase;
	box-sizing: border-box;
	display: inline-block;
}
.analysis .nav_menu, .sqaggr .nav_menu
{
	z-index: 112; /*??*/
}
.report_body:not(.sqaggr) #fsize .title_wrap, .report_body:not(.analysis) #fsize1 .title_wrap, .report_body:not(.tracking) #fsize0 .title_wrap
{
	left: 0;
	top: 0;
}
.chart-ovr h2.title > span
{
	display: inline;
	text-transform: none;
	padding-right: 0;
	z-index: auto;
}
.chart-ovr h2.title > span > span
{
	display: inline;
	color: #BBB;
	padding-right: 0;
}
.chart-ovr:not(.full) h2.title > span
{
	display: none;
}
.chart-ovr:not(.full) h2.title
{
	text-transform: none;
}
.chart-ovr .title:before
{
	display: none;
}
.chart-ovr .size
{
	z-index: 1;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 18px;
}
.sqaggr #fsize .size, .analysis #fsize1 .size
{
	top: 10px;
	right: 52px;
}
.chart-ovr.full .settings_menu
{
	position: absolute;
	top: 10px;
	right: 10px;
	margin-left: 0;
	z-index: 5;
}
.chart-ovr .size:hover
{
	border-color: #CCC;
	color: #333;
}
.chart-ovr .size:after
{
	font-family: emcocommon;
}
.chart-ovr .size:after
{
	content: "h";
}
/*.chart-ovr .size:hover:after
{
	content: "i";
}*/
.sqaggr #fsize .size:after, .analysis #fsize1 .size:after,
.sqaggr .size[data-id=sqaggr]:after, .analysis .size[data-id=analysis]:after
{
	content: "f";
}
/*.sqaggr #fsize .size:hover:after, .analysis #fsize1 .size:hover:after
{
	content: "g";
}*/
.analysis #header_inner, .sqaggr #header_inner, .tracking #header_inner
{
	max-width: none;
}
.resizeable .chart-response
{
	position: absolute;
	left: 0;
	right: 0;
	top: 36px;
}
.limited.resizeable .chart-response
{
	top: 88px;
}
#fsize1 .chart-response
{
	bottom: 24px;
}
#fsize .chart-response
{
	bottom: 0;
}
.resizeable svg, #responsecharttr svg
{
	overflow: visible !important;
}
#statechart:hover, #qualitychart:hover
{
	z-index: 1;
}
#statechart
{
	overflow: visible;
}
#fsize #statechart
{
	bottom: calc(50% + 50px);
}
#fsize #qualitychart
{
	top: calc(50% - 31px);
	bottom: 72px;
	overflow: visible;
}
#fsize.full #statechart
{
	bottom: calc(50% + 39px);
}
#fsize.full #qualitychart
{
	top: calc(50% - 20px);
	bottom: 50px;
}
.chart-ovr .legendwrap
{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding-bottom: 9px;
}
.chart-ovr .legend
{
	max-width: 750px;
	margin: 0 auto;
}
.chart-ovr:not(.full) .legend
{
	max-width: 550px;
	font-size: 12px;
	padding-left: 60px;
	margin-top: 3px;
}
#fsize1.chart-ovr .legend
{
	max-width: 430px;
}
@media (min-width: 1470px)
{
	#fsize #statechart
	{
		bottom: calc(50% + 38px);
	}
	#fsize #qualitychart
	{
		top: calc(50% - 23px);
		bottom: 56px;
	}
	#fsize.full #statechart
	{
		bottom: calc(50% + 43px);
	}
	#fsize.full #qualitychart
	{
		top: calc(50% - 28px);
		bottom: 66px;
	}
	.chart-ovr .legend, #fsize.chart-ovr:not(.full) .legend
	{
		max-width: 720px;
	}
}
.chart-ovr:not(.full) .legend:before
{
	min-width: 50px;
	right: calc(100% - 50px);
}
.chart-ovr .top-line
{
	display: none;
	margin-left: 10px;
	margin-right: 10px;
}
.full.chart-ovr .top-line
{
	display: block;
}
.report_body.analysis #period_note:not(.dh),
.report_body.sqaggr #period_note:not(.dh),
.report_body.tracking #period_note:not(.dh)
{
	position: fixed;
	top: 62px;
	left: 10px;
	right: 10px;
	z-index: 111;
	height: 58px;
	line-height: 36px;
	box-sizing: border-box;
}
.report_body.analysis #period_note:not(.dh):before,
.report_body.sqaggr #period_note:not(.dh):before,
.report_body.tracking #period_note:not(.dh):before,
.report_body.analysis #period_note:not(.dh) .close,
.report_body.sqaggr #period_note:not(.dh) .close,
.report_body.tracking #period_note:not(.dh) .close
{
	top: 19px;
}
.report_body.analysis #period_note:not(.dh) + .top-line + #data_block .top-line,
.report_body.sqaggr #period_note:not(.dh) + .top-line + #data_block .top-line,
.report_body.tracking #period_note:not(.dh) + .top-line + #data_block .top-line
{
	margin-top: 70px;
}
.report_body.analysis #period_note:not(.dh) + .top-line + #data_block .chart-response,
.report_body.sqaggr #period_note:not(.dh) + .top-line + #data_block .chart-response,
.report_body.tracking #period_note:not(.dh) + .top-line + #data_block .chart-response
{
	top: 202px;
}
.sqaggr #fsize .chart-response, .analysis #fsize1 .chart-response, .tracking #fsize0 .chart-response
{
	top: 0;
	left: 10px;
	right: 10px;
	bottom: 10px;
	height: auto;
}
.sqaggr #fsize .chart-response
{
}
.chart-ovr .chart#analysischart
{
	bottom: 109px;
	overflow: visible;
}
.chart-ovr .chart#uptimechart
{
	height: 75px;
	bottom: 33px;
	top: auto;
}
.chart-ovr.full .chart#analysischart
{
	bottom: 135px;
}
.chart-ovr.full .chart#uptimechart
{
	height: 105px;
}
.chart-ovr-1 .chart
{
	position: relative;
}
.chart-ovr .chart:after, .chart-ovr-1 .chart:after, .chart-wrap .chart:after
{
	content: attr(data-ytitle);
	position: absolute;
	top: 50%;
	left: 0;
	line-height: 22px;
	font-size: 11px;
	transform: rotate(-90deg);
	transform-origin: top left;
	margin-top: 40px;
}
.chart-ovr.full .chart:after
{
	font-size: 13px;
}
.chart-ovr .chart#uptimechart:after
{
	margin-top: 24px;
}
#qualitychart:after, #statechart:after, .monitor-hstate #analysischart:after, .monitor-hquality #analysischart:after
{
	margin-top: 20px;
}
/*
.chart-state
{
	margin-top: 12px;
}
.resizeable .chart-state
{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 24px;
	height: 35px;
}
#fsize1 .chart-state
{
	height: 125px;
}
#fsize .chart-state
{
	bottom: 0;
}
.sqaggr #fsize .chart-state, .analysis #fsize1 .chart-state
{
	left: 10px;
	right: 10px;
	bottom: 0;
	margin: 0;
	height: 200px;
	box-sizing: border-box;
}
.sqaggr #fsize .chart-state
{
	height: 160px;
}
.analysis #fsize1 .chart-state .chart, .sqaggr #fsize .chart-state .chart
{
	top: 12px;
	bottom: 40px;
}
.report_body:not(.analysis) #uptimechart
{
	border: 1px solid #EEE;
}
.analysis #uptimechart
{
	border-top: 1px solid #EEE;
}
*/
.report_body:not(.analysis) #analysischart .legend_div,
.report_body:not(.sqaggr) #responsechart .legend_div
{
	display: none;
}
.chart-ovr .legend_div
{
	position: fixed;
	top: auto;
	bottom: 20px;
	left: 0;
	right: 0;
	text-align: left;
	z-index: 1;
	padding-left: 70px;
	max-width: 540px;
	margin: 0 auto;
	box-sizing: border-box;
}
.chart-ovr .legend-marker
{
	display: inline-block;
	vertical-align: top;
	min-width: 106px;
	box-sizing: border-box;
	text-align: left;
}
.chart-ovr .legend-marker span:last-child
{
	visibility: hidden;
}
.chart-ovr .legend-marker:not(:last-child)
{
	margin-right: 14px;
}
/*.tracking #period li.dsbl
{
	background: #EEE;
	opacity: 1;
}
.tracking #period li.dsbl a
{
	cursor: default;
}
.tracking #period .endgroup:before
{
	box-shadow: 0 4px 0 #FFF inset, 0 12px 0 #EEE inset;
}
.statistics-details #header_box
{
	height: 96px;
}*/
.statistics-details #header_right h1
{
	padding-left: 42px;
	margin-left: -42px;
	//text-transform: none;
}
.statistics-timeline #header_right h1 span
{
	position: relative;
	text-transform: none;
	color: #333;
}
.statistics-timeline #header_right h1 span:before
{
	content: ": ";
	font-weight: normal;
}
.statistics-details #header_right .back, .monitor-hquality #header_right .back, .monitor-hstate #header_right .back
{
	margin: 10px 12px 0 0;
}
.statistics-details #header_right .back + h1
{
	padding-left: 84px;
	margin-left: -84px;
}
/*.statistics-details #middle_box
{
	padding-top: 120px;
}*/
.hs-ico
{
	position: absolute;
	width: 48px;
	height: 48px;
	top: 47px;
	left: 42px;
}
.hs-ico:before, .hs-ico:after
{
	content: "h";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-family: pingmonitor;
	font-size: 38px;
	line-height: 48px;
	text-transform: none;
	text-align: left;
}
.hs-ico:before
{
	z-index: 2;
}
.hs-ico:after
{
	z-index: 1;
	content: "n";
	font-family: pingmonitor;
}
.hs-ico.paused:after
{
	content: "o";
}
.hs-ico.unknown:after
{
	content: "p";
}
.hs-ico.on:after
{
	color: #80C76B;
}
.hs-ico.off:after
{
	color: #F76B6B;
}
.hs-ico.on.unstable:after, .hs-ico.off.unstable:after
{
	color: #FFC500;
}
.hs-ico.none:after
{
	color: #EEE;
}
.hs-ico.unknown:after
{
	color: #BBB;
}
.hs-ico span
{
	position: absolute;
	top: 8px;
	left: 10px;
	right: 14px;
	height: 20px;
	line-height: 20px;
	text-align: center;
}
.hs-ico span:after
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.hs-ico.paused span
{
	background: #FF7E08;
}
/*.hs-ico.unknown span
{
	z-index: 3;
}
.hs-ico.unknown span:after
{
	content: "?";
	color: #FFF;
	font-weight: bold;
	font-size: 20px;
}*/
.stat .hs-ico
{
	width: 21px;
	height: 21px;
	left: 26px;
	top: 0;
}
.stat .hs-ico:before, .stat .hs-ico:after
{
	width: 21px;
	height: 21px;
	font-size: 16px;
	line-height: 21px;
}
.stat .hs-ico span
{
	top: 4px;
	left: 4px;
	right: 7px;
	height: 8px;
	line-height: 8px;
}
.stat .hs-ico.unknown span:after
{
	font-size: 8px;
}
.generic
{
	box-sizing: border-box;
	margin-left: 94px;
	margin-top: 2px;
}
.generic .additional_info
{
	width: 45%;
	white-space: nowrap;
	padding-top: 0;
}
.generic .additional_info.first
{
	width: 55%;
}
.generic .pair div:first-child
{
	width: 110px;
	text-align: right;
}
.generic .pair div:last-child
{
	width: calc(100% - 110px);
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
}
.generic .first .pair div:first-child
{
	width: 50px;
}
.generic .first .pair div:last-child
{
	width: calc(100% - 50px);
}
.generic .pair div.fullwidth:last-child
{
	display: block;
	padding-left: 20px;
}
.generic .additional_info.first .pair div:first-child
{
	min-width: 50px;
}
.generic .pair div:last-child .low
{
	font-weight: normal;
}

.tb-bttn.back, .tb-bttn.ovrvw, .tb-bttn.stmode
{
	margin-left: 0;
}
.tb-bttn.back + .tb-bttn.ovrvw
{
	margin-left: 24px;
}
.buttongroup .nav_menu.nm .tb-bttn
{
	font-size: inherit;
}
.tb-bttn.setcritical:after, .tb-bttn.setmajor:after, .tb-bttn.setminor:after, .tb-bttn.setonhold:after, .tb-bttn.reactivate:after
{
	font-family: pingmonitor;
	font-size: 18px;
}
.tb-bttn.setcritical:after
{
	content: "B";
	color: #777;
}
.tb-bttn.setmajor:after
{
	content: "C";
	color: #777;
}
.tb-bttn.setminor:after
{
	content: "D";
	color: #777;
}
.tb-bttn.setonhold:after
{
	content: "E";
}
.tb-bttn.reactivate:after
{
	content: "F";
}
.tb-bttn.edit:after
{
	content: "X";
	font-family: emcocommon;
	font-size: 18px;
}
.tb-bttn.ovrvw:after
{
	content: "j";
	font-family: pingmonitor;
	font-size: 18px;
}
.tb-bttn.stmode
{
	margin-left: 24px;
}
.tb-bttn.stmode.statempty:after
{
	content: "b";
	font-family: pingmonitor;
	font-size: 18px;
}
.tb-bttn.stmode.hi:after
{
	content: "c";
	font-family: pingmonitor;
	font-size: 18px;
}
#stmbar
{
	position: absolute;
	bottom: 0;
	right: 103px;
}
#himbar .tb-bttn
{
	margin-left: 0;
}
.export-bttn:after
{
	content: "B";
	font-family: emcocommon;
	font-size: 18px;
}
.export-raw-bttn:after
{
	content: "q";
	font-family: pingmonitor;
	font-size: 18px;
}
#snapshot-refresh:after
{
	content: "A";
	font-family: emcocommon;
	font-size: 18px;
	-ms-content: "a";
	-ms-text-transform: uppercase;
}
@supports (-ms-ime-align:auto) 
{
	#snapshot-refresh:after
	{
		content: "a";
		text-transform: uppercase;
	}
}
.fullscreen-bttn:after
{
	content: "h";
	font-family: emcocommon;
	font-size: 18px;
}
.fullscreen .fullscreen-bttn:after
{
	content: "f";
	font-family: emcocommon;
	font-size: 18px;
}
#fi-snapshot
{
	vertical-align: middle;
	margin-left: 24px;
}
#fi-snapshot.chooser > span
{
	display: inline-block;
}

#snapshot-window
{
	padding: 0;
	height: auto;
	min-height: 568px;
	border: 1px solid #EEE;
}
.fullscreen.snapshot .top-line
{
	position: fixed;
	top: 62px;
	left: 10px;
	right: 10px;
}
.fullscreen #snapshot-window
{
	position: fixed;
	top: 132px;
	left: 10px;
	right: 10px;
	bottom: 40px;
	min-height: 0;
}
.fullscreen.snapshot #period_note:not(.dh) + .top-line
{
	top: 132px;
}
.fullscreen.snapshot #period_note:not(.dh) + .top-line + #snapshot-window
{
	top: 202px;
}
#tlwindow
{
	position: absolute;
	top: 0;
	left: 0;
	right: 5px;
	bottom: 166px;
	border: none;
}
#tlwindow svg
{
	overflow: visible !important;
}
.nosteprange #tlwindow
{
	bottom: 140px;
}
#fsize0.resizeable .chart-response
{
	bottom: 24px;
}
#responsecharttr
{
	height: calc(100% - 18px);
	overflow: visible;
}
#responsechartsnapshot
{
	top: 5px;
	left: 0;
	right: 0;
	bottom: 172px;
	overflow: visible;
}
#responsechartsnapshot:after, #responsecharttr:after
{
	margin-top: 37px;
}
#statecharttr, #qualitycharttr
{
	margin-top: 5px;
	margin-right: 5px;
}
#statecharttr, #statechartsnapshot
{
	height: 65px;
	overflow: visible;
}
#statechartsnapshot
{
	bottom: 101px;
	top: auto;
	left: 0;
	right: 0;
}
#statechartsnapshot:after, #statecharttr:after
{
	margin-top: 15px;
}
#qualitycharttr, #qualitychartsnapshot
{
	height: 95px;
	overflow: visible;
}
#qualitychartsnapshot
{
	bottom: 0;
	top: auto;
	left: 0;
	right: 0;
}
#qualitychartsnapshot:after, #qualitycharttr:after
{
	margin-top: 8px;
}
#responsechartsnapshotcontrol
{
	bottom: 86px;
	left: 0;
	right: 5px;
	top: auto;
	height: 70px;
	overflow: visible;
	border: none;
}
.nosteprange #responsechartsnapshotcontrol
{
	bottom: 60px;
}
#responsechartsnapshotcontrol2
{
	bottom: 60px;
	left: 70px;
	right: 5px;
	top: auto;
	overflow: visible;
}
.statistics-timeline.fullscreen #header_inner
{
	max-width: none;
}
.statistics-timeline.fullscreen #header_box
{
	margin: 0 10px;
}
#snapshot-window .nodata
{
	position: absolute;
	top: 35%;
	left: 0;
	right: 0;
	text-align: center;
}
#snapshot-window .nodata > div
{
	display: inline-block;
	background: #FFF;
	padding: 2px 5px;
}

/* functionality group overview blocks */

.start.hidefilter:not(.fshowonce) .sidebar
{
	position: fixed;
	top: 5px;
	z-index: 100;
}
.start.hidefilter #header_right h1
{
}
.start.hidefilter #middle_box
{
}

.fgrp
{
	border-radius: 2px;
	padding: 12px;
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	box-sizing: border-box;

	max-height: 150px;
	overflow: hidden;
}
.fgrp:before
{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 48px;
	border-top: 1px solid #E1E1E1;
	background:-moz-linear-gradient(top, #E1E1E1, #FFF);
	background:-o-linear-gradient(top, #E1E1E1, #FFF);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #E1E1E1), color-stop(100%, #FFF));
	background:-webkit-linear-gradient(top, #E1E1E1, #FFF);
	background:linear-gradient(top, #E1E1E1, #FFF);
}
.fgrp:nth-child(2n+1)
{
	padding-left: 0;
}
.fgrp:nth-child(2n)
{
	padding-right: 0;
}
.fgrp:nth-child(2n):before
{
	left: 12px;
}
.fgrp:not(:last-child)
{
	margin-bottom: 24px;
}
.fgrp .descr
{
	display: block;
	padding-left: 56px;
	position: relative;
	font-size: 20px;
}
.fgrp .descr > span
{
	font-size: 12px;
	display: inline-block;
	margin-top: 12px;
}
.fgrp .descr > span, .fgrp .descr:hover > span
{
	text-decoration: none;
	color: #777;
}
.fgrp .descr:after
{
	content: "ICO";
	position: absolute;
	top: -6px;
	left: 6px;
	height: 42px;
	width: 42px;
	line-height: 32px;
	text-align: center;
	background: #FFF;
}
.fgrp .rng
{
	position: absolute;
	top: 6px;
	right: 12px;
}
.fgrp .rng > #period
{
	margin-top: 0;
}
body:not(.hidefilter) .fgrp .rng > #period > span
{
	display: none;
}
.fgrp .ovr
{
	margin-top: 12px;
	text-align: right;
	position: relative;
	white-space: nowrap;
}
.fgrp:nth-child(2n+1) .ovr
{
	margin-left: 12px;
}
.fgrp:nth-child(2n) .ovr
{
	margin-right: 12px;
}
.fgrp .ovr .totals
{
	float: left;
	display: inline-block;
	vertical-align: top;
}
.ovr > a + .sep
{
	width: 1px;
	margin-left: 12px;
	background: rgba(0,0,0,0.1);
	height: 82px;
	display: inline-block;
	vertical-align: top;
}
.ovr > a.pair
{
	white-space: normal;
	clear: both;
	display: inline-block;
	vertical-align: top;
	min-width: 86px;
	text-align: center;
	border-radius: 2px;
	border: 1px solid;
	margin-bottom: 0;
	text-decoration: none;
}
.ovr > a:not(:first-child)
{
	margin-left: 12px;
}
.ovr > a > span:first-child
{
	display: block;
	line-height: 22px;
	color: white;
	font-weight: bold;
	padding: 0 3px;
}
.ovr > a > span:last-child
{
	display: block;
	font-size: 20px;
	line-height: 58px;
	box-shadow: 0 -1px 0 rgba(255,255,255,0.8);
}
body:not(.hidefilter) .ovr > a.pair
{
	min-width: 46px;
}
body:not(.hidefilter) .ovr > a:not(:first-child)
{
	margin-left: 6px;
}
body:not(.hidefilter) .ovr > a > span:first-child
{
	line-height: 18px;
	font-size: 10px;
}
body:not(.hidefilter) .ovr > a > span:last-child
{
	font-size: 16px;
	line-height: 36px;
}
body:not(.hidefilter) .ovr > a + .sep
{
	margin-left: 6px;
	height: 50px;
}
.ovr > a.good > span:first-child
{
	background: #80C76B;
}
.ovr > a.warn > span:first-child
{
	background: #FFC500;
}
.ovr > a.bad > span:first-child
{
	background: #F76B6B;
}
.ovr > a.off > span:first-child
{
	background: #F76B6B;
}
.ovr > a.off > span:last-child
{
	/*#F76B6B*/
	background: rgba(247, 107, 107, 0.8);
	color: white;
}
.ovr > a.nd
{
	border-color: #E1E1E1;
}
.ovr > a.nd > span:first-child
{
	background: #E1E1E1;
	color: #777;
}
.ovr > a.nd > span:last-child
{
	color: #777;
}
.fgrp .ovr .half
{
	display: inline-block;
	vertical-align: top;
	width: 50%;
	box-sizing: border-box;
}
.fgrp .ovr .half:nth-child(2n+1)
{
	padding-right: 6px;
}
.fgrp .ovr .half:nth-child(2n)
{
	padding-left: 6px;
}

.ovr-card-4-4, .ovr-card-4-1, .ovr-card-4-3
{
	position: relative;
}

.ovr-card-2-1
{
	height: 160px;
	width: 100%;
}
.narrow .ovr-card-2-1
{
	width: calc(25% - 9px);
	margin-right: 12px;
}
.wide .ovr-card-2-1
{
	margin-bottom: 12px;
}
.ovr-card-2-1:last-child
{
	margin: 0;
}
.ovr-card-2-2:not(:last-child)
{
	margin-bottom: 12px;
}
.ovr-card-3-1
{
	height: 133px;
}
.ovr-card-3-1:nth-child(2)
{
	margin: 12px 0;
}
.ovr-card-4-4
{
	height: 412px;
}
.ovr-card-3-3
{
	height: 423px;
}
.ovr-card-2-2
{
	height: 472px;
}
.ovr-card-4-2
{
	height: 200px;
}
.ovr-card-4-2 + .ovr-card-4-2
{
	margin-top: 12px;
}
.ovr-card-4-3
{
	height: 300px;
}
.ovr-card-4-1
{
	height: 100px;
	margin-bottom: 12px;
}
.ovr-col
{
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
}
.ovr-col:nth-child(2n+1)
{
	width: 100%;
	margin-right: -326px;
	padding-right: 332px;
}
.ovr-col:nth-child(2n)
{
	width: 326px;
	padding-left: 6px;
}
.ovr-row:not(:last-child)
{
	margin-bottom: 12px;
}

a.bstate, a.bquality, a.bsummary, a.beventsall, a.bhosts
{
	display: inline-block;
	vertical-align: top;
	position: relative;
	text-align: center;
	text-decoration: none;
	font-size: 20px;
	color: #FFF;
}
a.bstate:hover, a.bquality:hover, a.bsummary:hover, a.beventsall:hover, a.bhosts:hover
{
	text-decoration: none;
	color: #FFF;
}
.bstate span:last-child, .bquality span:last-child, .bsummary span:last-child, .beventsall span:last-child, .bhosts span:last-child
{
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin-top: 35px;
}
#boverview
{
	background-color: #F8F8F8;
	position: relative;
}
.bstate
{
	background-color: #652E94;
}
.bquality
{
	background-color: #E0A951;
}
.bsummary
{
	background-color: #57A60D;
}
.beventsall
{
	background-color: rgb(231, 96, 33);
}
.bhosts
{
	background-color: #4185C4;
}
.bstate:hover, .bquality:hover, .bsummary:hover, .beventsall:hover, .bhosts:hover
{
	opacity: 0.8;
}
.ovr-col h1
{
	line-height: 60px;
	margin-left: 20px;
	margin-bottom: 20px;
}
.bsummary .ico, .bstate .ico, .bquality .ico, .beventsall .ico, .bhosts .ico
{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -55px;
	width: 80px;
	height: 70px;
}
.bsummary .ico:after
{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}
.bsummary .ico:after
{
	content: "k";
	font-family: pingmonitor;
	font-size: 70px;
	line-height: 70px;
	text-align: center;
}
.bstate .ico:after
{
	content: "d";
	font-family: pingmonitor;
	font-size: 70px;
	line-height: 70px;
	text-align: center;
}
.bquality .ico:after
{
	content: "e";
	font-family: pingmonitor;
	font-size: 70px;
	line-height: 70px;
	text-align: center;
}
.beventsall .ico:after
{
	content: "m";
	font-family: pingmonitor;
	font-size: 70px;
	line-height: 70px;
	text-align: center;
}
.bhosts .ico:after
{
	content: "s";
	font-family: pingmonitor;
	font-size: 70px;
	line-height: 70px;
	text-align: center;
}

.ovr-col:nth-child(3), .ovr-col:nth-child(4)
{
	margin-top: 12px;
}
#bstat, #balerts
{
	background-color: #F8F8F8;
	position: relative;
	display: inline-block;
	width: calc(50% - 6px);
	vertical-align: top;
}
.zzone
{
	background-color: #F8F8F8;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 60px;
	z-index: 1;
	text-align: center;
	display: none;
}
.empty .zzone
{
	display: block;
}
.zzone::before
{
	font-family: pingmonitor;
	font-size: 64px;
	line-height: 64px;
	content: "G";
	display: block;
	margin-top: 10%;
	color: #b8cfe6;
}
.zzone span
{
	display: block;
}
.zzone span:first-child
{
	font-size: 20px;
	line-height: 24px;
	margin: 18px 0 6px 0;
}
#bstat
{
	margin-right: 12px;
}
#balerts h1, #bstat h1, #boverview h1, .wstat .dgroup > div
{
	position: relative;
	padding-right: 32px;
	display: inline-block;
}
#bstat h1
{
	margin-bottom: 0;
}
#boverview h1
{
	margin-bottom: 40px;
}
.wstat .dgroup > div
{
	padding-right: 26px;
}
.period_note
{
	display: block;
	cursor: default;
	position: absolute;
	top: 15px;
	right: 0;
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	padding: 0;
	line-height: 20px;
	color: #999;
	opacity: 0.5;
	z-index: 1;
}
.period_note:after
{
	font-family: emcocommon;
	font-size: 18px;
	content: "M";
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#bstat .period-wrapper
{
	position: absolute;
	top: 15px;
	right: 20px;
}
#bstat .period-ranges
{
	display: none;
}
#bstat #period.chooser ul:not(.jshover)
{
	border-left: 1px solid #CCC;
}
.wstat .dgroup .period_note
{
	top: -5px;
}
.period_note > span
{
	display: none;
	position: absolute;
	bottom: 100%;
	right: -12px;
	margin-bottom: 13px;
	padding: 10px;
	background: #FFF;
	border: 1px solid #E1E1E1;
	border-radius: 2px;
	font-size: 12px;
	color: #333;
	line-height: 14px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	width: 380px;
}
.period_note > span:after
{
	content: "";
	position: absolute;
	right: 15px;
	bottom: -7px;
	border: 1px solid #E1E1E1;
	border-bottom: none;
	border-right: none;
	background: #FFF;
	width: 10px;
	height: 10px;
	transform: rotate(225deg) skew(15deg,15deg);
}
.period_note:hover
{
	opacity: 1;
}
.period_note:hover > span
{
	display: block;
}
#balerts h1
{
	margin-bottom: 40px;
}
.spacer.withico
{
	padding-left: 27px;
}
.spacer.withico.dropdown
{
	padding-left: 45px;
}
.stat.hosts .data + .ndinfo
{
	display: none;
}
#intervals
{
	position: relative;
}
#intervals h2.title:before, #events h2.title:before
{
	display: none;
}
#balerts .modebar, #boverview .modebar
{
	position: absolute;
	top: 15px;
	right: 20px;
}
#intervals .modebar
{
	position: absolute;
	top: 0;
	right: 0;
}
#balerts .modebar a span, #boverview .modebar a span, #intervals .modebar a span
{
	color: #000;
}
.modebar a#si:after
{
	content: "r";
	font-family: pingmonitor;
	font-size: 16px;
}
.modebar a#qi:after
{
	content: "y";
	font-family: pingmonitor;
	font-size: 16px;
}
.modebar a#all:after, .modebar a#aall:after
{
	content: "z";
	font-family: pingmonitor;
	font-size: 16px;
}
.modebar a#active:after, .modebar a#aactive:after
{
	content: "A";
	font-family: pingmonitor;
	font-size: 16px;
}
.csico
{
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width: 16px;
	height: 16px;
	position: relative;
	margin-top: 2px;
	margin-right: 1px;
}
.csico + span
{
	margin-left: 5px;
}
.csico.dropdown
{
	width: 34px;
}
.csico:after
{
	content: "";
	font-family: pingmonitor;
	font-size: 16px;
	text-align: center;
	line-height: 16px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.csico.dropdown:after
{
	left: auto;
	width: 16px;
}
.csico.dropdown:before
{
	content: "v";
	font-size: 12px;
	font-family: emcocommon;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 18px;
	text-align: left;
	line-height: 16px;
	color: #BBB;
}
.csico.dropdown.hide:before
{
	visibility: hidden;
}
.dd:hover .csico.dropdown:before
{
	color: #333;
}
.open .csico.dropdown:before
{
	content: "^";
}
.csico.state:after
{
	content: "r";
}
.csico.quality:after
{
	content: "y";
}
.csico.quality.critical:after
{
	content: "v";
}
.csico.quality.bad:after
{
	content: "w";
}
.csico.quality.warn:after
{
	content: "x";
}
.csico.critical
{
	color: #DB2929;
}
.csico.warn
{
	color: #FFC500;
}
.csico.none
{
	color: #EEE;
}
.csico.pending
{
	color: #BBB;
}
.csico.off, .csico.bad
{
	color: #F76B6B;
}
.csico.on, .csico.good
{
	color: #80C76B;
}
.csico.paused
{
	color: #F79646;
}
.csico.paused:after
{
	content: "T";
	font-family: emcocommon;
}
.stat.hosts tbody .hostrow td:first-child > div,
.stat.hosts tbody .narrow td > div
{
	padding-right: 25px;
}
.list .stat.hosts tbody .hostrow td:first-child > div,
.list .stat.hosts tbody .narrow td > div
{
	padding-left: 28px;
	padding-right: 96px;
}
.table .stat.alerts td
{
	white-space: nowrap;
}
.table .stat.alerts tbody .hostrow td:first-child > div,
.table .stat.hosts tbody .hostrow td:first-child > div,
.table .stat.hosts tbody .narrow td > div
{
	padding-left: 54px;
}
.link_buttons
{
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
}
.link_buttons.ontable
{
	display: none;
}
table.hosts tbody:hover .link_buttons.ontable
{
	display: block;
}
.lb
{
	display: inline-block;
	vertical-align: top;
	width: 20px;
	height: 20px;
	line-height: 18px;
	box-sizing: border-box;
	border-radius: 2px;
	border: 1px solid #E1E1E1;
	position: relative;
}
.lb + .lb
{
	margin-left: 6px;
}
.lb:not(.dsbl):hover
{
	background: #FFF;
}
.type .lb:not(.dsbl):hover
{
	background: #F8F8F8;
}
.lb:after
{
	font-family: pingmonitor;
	font-size: 12px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	text-align: center;
	color: #000;
}
.lb.state:after
{
	content: "d";
}
.lb.quality:after
{
	content: "e";
}
.type .link_buttons
{
	top: -2px;
}
.type .lb
{
	width: 24px;
	height: 24px;
	line-height: 22px;
}
.type .lb:after
{
	font-size: 16px;
}
.list .stat.hosts tbody .hostrow td:first-child > div:before,
.list .stat.hosts tbody .narrow td > div:before,
.list .stat.hosts tbody .hostrow td:first-child > div:after,
.list .stat.hosts tbody .narrow td > div:after
{
	display: none;
}
.stat.hosts .hostrow .qualitybox .head > div span
{
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-right: 5px;
	margin-top: -2px;
}
.stat.alerts tbody .hostrow td:first-child > div:before,
.stat.hosts tbody .hostrow td:first-child > div:before,
.stat.hosts tbody .narrow td > div:before,
.stat.alerts tbody .hostrow td:first-child > div:after,
.stat.hosts tbody .hostrow td:first-child > div:after,
.stat.hosts tbody .narrow td > div:after,
.stat.hosts .hostrow .qualitybox .head > div span:after,
.stat.hosts .hostrow .qualitybox .head > div span:before
{
	content: "";
	font-family: pingmonitor;
	font-size: 18px;
	line-height: 21px;
	position: absolute;
	left: 28px;
	top: 0;
	width: 21px;
	height: 21px;
}
.stat.hosts .hostrow .qualitybox .head > div span:after,
.stat.hosts .hostrow .qualitybox .head > div span:before
{
	left: 0;
	color: #FFF;
	width: 20px;
	height: 20px;
}
.stat.hosts tbody .hostrow td:first-child > div.active:before,
.stat.hosts tbody .narrow td > div.active:before,
.stat.hosts tbody .hostrow td:first-child > div.active:after,
.stat.hosts tbody .narrow td > div.active:after
{
	color: #B064B0;
}
.stat.hosts tbody .hostrow td:first-child > div.inactive:before,
.stat.hosts tbody .narrow td > div.inactive:before,
.stat.hosts tbody .hostrow td:first-child > div.inactive:after,
.stat.hosts tbody .narrow td > div.inactive:after
{
	color: #4BACC6;
}
.stat.hosts tbody .hostrow td:first-child > div.paused:before,
.stat.hosts tbody .narrow td > div.paused:before,
.stat.hosts tbody .hostrow td:first-child > div.paused:after,
.stat.hosts tbody .narrow td > div.paused:after
{
	color: #F79646;
}
.stat.alerts tbody .hostrow td:first-child > div.critical:before
{
	content: "B";
	color: #DB2929;
}
.stat.alerts tbody .hostrow td:first-child > div.major:before
{
	content: "C";
	color: #F76B6B;
}
.stat.alerts th:first-child .spacer
{
	padding-left: 54px;
}
.stat.alerts tbody .hostrow td:first-child > div.paused:after
{
	font-family: emcocommon;
	font-size: 12px;
	content: "P";
	left: 26px;
	width: auto;
	height: auto;
	line-height: 14px;
	vertical-align: middle;
	background: #FFF;
	color: #F79646;
}
.stat.alerts tbody .hostrow td:first-child > div.minor:before
{
	content: "D";
	color: #FFC500;
}
.stat.alerts tbody .hostrow td:first-child > div.onhold:before
{
	color: #BBB;
}
.stat.hosts tbody .hostrow td:first-child > div:before,
.stat.hosts tbody .narrow td > div:before,
.stat.hosts .hostrow .qualitybox .head > div span:before
{
	content: "h";
}
.stat.hosts tbody .hostrow td:first-child > div.active:after,
.stat.hosts tbody .narrow td > div.active:after,
.stat.hosts .hostrow .qualitybox.active .head > div span:after
{
	content: "p";
}
.stat.hosts tbody .hostrow td:first-child > div.paused:after,
.stat.hosts tbody .narrow td > div.paused:after,
.stat.hosts .hostrow .qualitybox.paused .head > div span:after
{
	content: "o";
}
.stat.hosts tbody.locked .hostrow .qualitybox .head > div
{
	background: #DDD;
	color: #777;
}
.stat.hosts tbody.locked .hostrow td:first-child > div:after,
.stat.hosts tbody.locked .narrow td > div:after,
.stat.hosts tbody.locked .hostrow .qualitybox .head > div span:after
{
	content: "";
}
.stat.hosts tbody.locked .hostrow td:first-child > div:before,
.stat.hosts tbody.locked .narrow td > div:before,
.stat.hosts tbody.locked .hostrow .qualitybox .head > div span:before
{
	content: "";
	background: url(../Content/images/loading.svg) no-repeat center center;
	background-size: 17px 17px;
	animation: rotation 2s steps(24) infinite;
}
.stat.nocheck .opt
{
	display: none;
}
.table .stat.nocheck tbody .hostrow td:first-child > div, .table .stat.nocheck tbody .narrow td > div
{
	padding-left: 28px;
}
.list .stat.nocheck tbody .hostrow td:first-child > div, .list .stat.nocheck tbody .narrow td > div
{
	padding-left: 0;
}
.stat.nocheck tbody .hostrow td:first-child > div:before, .stat.nocheck tbody .narrow td > div:before,
.stat.nocheck tbody .hostrow td:first-child > div:after, .stat.nocheck tbody .narrow td > div:after
{
	left: 0;
}

.chwrap
{
	position: relative;
	padding-left: 400px;
}
.chwrap1
{
	position: relative;
	padding-bottom: 50px;
	padding-left: 290px;
}
body:not(.hidefilter) .chwrap1
{
	padding-left: 180px;
}
.chwrap2
{
	position: relative;
	padding: 0 20px 15px 20px;
	height: 256px;
	box-sizing: border-box;
}
#bstat .chart-wrap
{
	height: 100%;
	box-sizing: border-box;
	background-color: #FFF;
	position: relative;
}
#performancechart
{
	height: calc(100% - 49px);
}
#performancechart::after
{
	margin-top: 0;
}
#bstat .legendwrap
{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 9px;
}
#bstat .legend
{
	padding-left: 100px;
}
#bstat .legend::before
{
	right: calc(100% - 85px);
}
.lhigh::after
{
	background: #80C76B;
}
.lmedium::after
{
	background: #FF9D00;
}
.llow::after
{
	background: #F76B6B;
}
.lfaulty::after
{
	background: #DB2929;
}
#alertschzone
{
	position: absolute;
	width: 200px;
	height: 200px;
	left: 45px;
	top: -20px;
}
body:not(.hidefilter) #alertschzone
{
	left: 20px;
	height: 140px;
	width: 140px;
	top: 15px;
}
#achart
{
	height: 100%;
}
@media (max-width: 1147px)
{
	body:not(.hidefilter) #bstat, body:not(.hidefilter) #balerts
	{
		width: 100%;
		margin-right: 0;
	}
	body:not(.hidefilter) #bstat
	{
		margin-bottom: 12px;
	}
	body:not(.hidefilter) .chwrap2
	{
		height: 206px;
	}
	body:not(.hidefilter) .chwrap1
	{
		padding-bottom: 15px;
		margin-top: -15px;
		padding-left: 52%;
	}
	body:not(.hidefilter) #alertschzone
	{
		left: 80px;
		width: 165px;
		height: 165px;
		top: 0;
	}
	body:not(.hidefilter) #bstat .legendwrap
	{
		margin: 0 auto;
		max-width: 460px;
	}
}
#hostschzone
{
	position: absolute;
	width: 250px;
	height: 250px;
	left: 20px;
	top: -20px;
}
#outchart
{
	width: 100%;
	height: 100%;
}
#inchart
{
	width: 224px;
	height: 224px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -112px;
	margin-left: -112px;
}
#inchart2
{
	width: 178px;
	height: 178px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -89px;
	margin-left: -89px;
}
.active #inchart2
{
	display: none;
}
.total, .total1
{
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	box-sizing: border-box;
	display: none;
}
.total
{
	line-height: 94px;
	width: 94px;
	height: 94px;
	margin-top: -47px;
	margin-left: -47px;
}
.total1
{
	line-height: 94px;
	width: 94px;
	height: 94px;
	margin-top: -47px;
	margin-left: -47px;
}
.all .total.all, .active .total.active, .aall .total1.all, .aactive .total1.active
{
	display: block;
}
.total div:last-child
{
	font-size: 24px;
}
.dlegend
{
	/*max-width: 480px;*/
	padding-right: 20px;
}
.dlegend > div
{
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
	width: calc(100% / 3);
}
.dlegend.col1 > div
{
	width: 100%;
}
.dlegend > div .title
{
	margin-bottom: 20px;
	font-size: 20px;
}
.dlegend > div .title a
{
	text-decoration: none;
}
.dlegend > div .title a:hover
{
	text-decoration: underline;
}
.dlegend > div > .item
{
	display: block;
	position: relative;
	padding-left: 70px;
	line-height: 40px;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
}
#balerts .dlegend > div > .item
{
	line-height: 34px;
}
.dlegend > div > .item, .dlegend > div > .item:hover
{
	text-decoration: none;
}
.dlegend > div > .item:not(:last-child)
{
	margin-bottom: 10px;
}
.dlegend > div > a.item
{
}
.dlegend > div > a.item:not(.dsbl):hover
{
	text-decoration: underline;
}
.dlegend > div > .item > span
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	padding: 0 10px;
	border-radius: 2px;
	text-align: center;
	width: 40px;
	font-weight: bold;
}
.dlegend > div > a.item:not(.dsbl):hover span
{
	opacity: 0.9;
}
.dlegend > div > .on > span
{
	background-color: #80C76B;
	color: #FFF;
}
.dlegend > div > .good > span
{
	background-color: #AFDAA4;
	color: #FFF;
}
.dlegend > div > .started > span
{
	background-color: #B064B0;
	color: #FFF;
}
.active .dlegend > div > .started > span
{
	background: none;
	border: 1px solid #000;
	color: #000;
}
.dlegend > div > .off > span, .dlegend > div > .major > span
{
	background-color: #F76B6B;
	color: #FFF;
}
.dlegend > div > .bad > span
{
	background-color: #F7A3A3;
	color: #FFF;
}
.dlegend > div > .critical > span
{
	background-color: #E67B7B; /* TODO #DB2929 */
	color: #FFF;
}
#balerts .dlegend > div > .critical > span
{
	background-color: #DB2929;
}
.dlegend > div > .unknown.quality > span
{
	background-color: #D3D3D3; /* TODO #BBB*/
	color: #FFF;
}
.dlegend > div > .stopped > span
{
	background-color: #4BACC6;
	color: #FFF;
}
.active .dlegend > div > .stopped > span
{
	background: none;
	border: 1px solid #000;
	color: #000;
}
.dlegend > div > .unknown > span
{
	background-color: #BBB;
	color: #FFF;
}
.dlegend > div > .pending > span, .dlegend > div > .onhold > span
{
	background-color: #BBB;/*#EEE*/;
	color: #FFF;
}
.dlegend > div > .pending.quality > span
{
	background-color: #D3D3D3;
}
.dlegend > div > .minor > span
{
	background-color: #FFC500;
	color: #FFF;
}
.dlegend > div > .warn > span
{
	background-color: #FCC163;
	color: #FFF;
}
.dlegend > div > .paused > span
{
	background-color: #F79646;
	color: #FFF;
}
.active .dlegend > div > .paused > span,
.aactive .dlegend > div > .onhold > span
{
	background: none;
	border: 1px solid #000;
	color: #000;
}
@media (max-width: 1146px)
{
	.ovr-col.wide
	{
		display: none;
	}

	body:not(.hidefilter) .ovr-card-2-2
	{
		height: 398px;
	}
	body:not(.hidefilter) .chwrap
	{
		height: auto;
		padding: 0 20px 0 80px;
	}
	body:not(.hidefilter) #hostschzone
	{
		display: none;
	}
	body:not(.hidefilter) .ovr-card-2-1
	{
		height: 75px;
	}
	body:not(.hidefilter) .bsummary .ico, body:not(.hidefilter) .bstate .ico, body:not(.hidefilter) .bquality .ico, body:not(.hidefilter) .beventsall .ico, body:not(.hidefilter) .bhosts .ico
	{
		margin-top: -23px;
		height: 30px;
	}
	body:not(.hidefilter) .bsummary .ico:after, body:not(.hidefilter) .bstate .ico:after, body:not(.hidefilter) .bquality .ico:after, body:not(.hidefilter) .beventsall .ico:after, body:not(.hidefilter) .bhosts .ico:after
	{
		font-size: 30px;
		line-height: 30px;
	}
	body:not(.hidefilter) .bstate span:last-child, body:not(.hidefilter) .bquality span:last-child, body:not(.hidefilter) .bsummary span:last-child, body:not(.hidefilter) .beventsall span:last-child, body:not(.hidefilter) .bhosts span:last-child
	{
		margin-top: 12px;
	}
	body:not(.hidefilter) .ovr-col h1
	{
		font-size: 24px;
	}
	body:not(.hidefilter) .dlegend > div .title
	{
		font-size: 18px;
	}
	body:not(.hidefilter) a.bstate, body:not(.hidefilter) a.bquality, body:not(.hidefilter) a.bsummary, body:not(.hidefilter) a.beventsall, body:not(.hidefilter) a.bhosts
	{
		font-size: 13px;
	}
}
@media (min-width: 1147px)
{
	.ovr-row.narrow
	{
		display: none;
	}
}
@media (max-width: 1469px)
{
	.chwrap
	{
		padding-left: 350px;
	}
	.chwrap1
	{
		padding-left: 270px;
	}
	#alertschzone
	{
		left: 35px;
	}
	.ovr-col:nth-child(2n+1)
	{
		margin-right: 0;
		padding-right: 0;
	}
	.ovr-card-2-1
	{
		height: 114px;
	}
	.narrow .ovr-card-2-1
	{
		margin: 0;
	}
	.ovr-card-2-1:not(:last-child)
	{
		margin-right: 12px;
	}
	.bsummary .ico, .bstate .ico, .bquality .ico, .beventsall .ico, .bhosts .ico
	{
		margin-top: -40px;
		height: 50px;
	}
	.bsummary .ico:after, .bstate .ico:after, .bquality .ico:after, .beventsall .ico:after, .bhosts .ico:after
	{
		font-size: 50px;
		line-height: 50px;
	}
	.bstate span:last-child, .bquality span:last-child, .bsummary span:last-child, .beventsall span:last-child, .bhosts span:last-child
	{
		margin-top: 25px;
	}
	.ovr-card-2-2
	{
		height: 396px;
	}
}
@media (min-width: 1147px) and (max-width: 1469px)
{
	.chwrap
	{
		padding-left: 275px;
		margin-top: -10px;
	}
	.chwrap1
	{
		padding-bottom: 20px;
		padding-left: 170px;
		margin-top: -20px;
	}
	.chwrap2
	{
		height: 206px;
	}
	.ovr-col:nth-child(2n+1)
	{
		margin-right: 0;
		padding-right: 0;
	}
	.ovr-card-2-1
	{
		height: 89px;
	}
	.ovr-card-2-2
	{
		height: 386px;
	}
	#hostschzone
	{
		top: -10px;
		height: 202px;
		width: 202px;
	}
	#alertschzone
	{
		left: 20px;
		height: 130px;
		width: 130px;
		top: 15px;
	}
	#inchart
	{
		width: 182px;
		height: 182px;
		margin-top: -91px;
		margin-left: -91px;
	}
	#inchart2
	{
		width: 146px;
		height: 146px;
		margin-top: -73px;
		margin-left: -73px;
	}
	.total
	{
		width: 76px;
		height: 76px;
		margin-top: -38px;
		margin-left: -38px;
		line-height: 76px;
	}
	body:not(.hidefilter) .chwrap
	{
		padding-left: 265px;
	}
	body:not(.hidefilter) .ovr-card-2-2
	{
		height: 358px;
	}
	body:not(.hidefilter) .dlegend > div > .item
	{
		padding-left: 56px;
		line-height: 34px;
	}
	body:not(.hidefilter) .dlegend > div > .item:not(:last-child)
	{
		font-size: 14px;
		margin-bottom: 10px;
	}
	body:not(.hidefilter) .dlegend > div > .item > span
	{
		padding: 0 5px;
	}
	body:not(.hidefilter) .bsummary .ico, body:not(.hidefilter) .bstate .ico, body:not(.hidefilter) .bquality .ico, body:not(.hidefilter) .beventsall .ico, body:not(.hidefilter) .bhosts .ico
	{
		margin-top: -30px;
		height: 35px;
	}
	body:not(.hidefilter) .bsummary .ico:after, body:not(.hidefilter) .bstate .ico:after, body:not(.hidefilter) .bquality .ico:after, body:not(.hidefilter) .beventsall .ico:after, body:not(.hidefilter) .bhosts .ico:after
	{
		font-size: 35px;
		line-height: 35px;
	}
	body:not(.hidefilter) .bstate span:last-child, body:not(.hidefilter) .bquality span:last-child, body:not(.hidefilter) .bsummary span:last-child, body:not(.hidefilter) .beventsall span:last-child, body:not(.hidefilter) .bhosts span:last-child
	{
		margin-top: 13px;
	}
	body:not(.hidefilter) a.bstate, body:not(.hidefilter) a.bquality, body:not(.hidefilter) a.bsummary, body:not(.hidefilter) a.beventsall, body:not(.hidefilter) a.bhosts
	{
		font-size: 14px;
	}
	body:not(.hidefilter) .ovr-col h1
	{
		font-size: 24px;
	}
	body:not(.hidefilter) .dlegend > div .title
	{
		font-size: 18px;
	}
	.bsummary .ico, .bstate .ico, .bquality .ico, .beventsall .ico, .bhosts .ico
	{
		margin-top: -45px;
		height: 50px;
	}
	.bsummary .ico:after, .bquality .ico:after, .bstate .ico:after, .beventsall .ico:after, .bhosts .ico:after
	{
		font-size: 50px;
		line-height: 50px;
	}
	.bstate span:last-child, .bquality span:last-child, .bsummary span:last-child, .beventsall span:last-child, .bhosts span:last-child
	{
		margin-top: 25px;
	}

	body:not(.hidefilter) .ovr-col.wide
	{
		display: none;
	}
	body:not(.hidefilter) .ovr-row.narrow
	{
		display: block;
	}

	.hidefilter .ovr-col:not(:last-child)
	{
		margin-bottom: 0;
	}
	.hidefilter .ovr-col:nth-child(2n)
	{
		width: 266px;
		padding-left: 6px;
	}
	.hidefilter .ovr-col:nth-child(2n+1)
	{
		margin-right: -266px;
		padding-right: 272px;
	}
	.hidefilter .ovr-card-2-1
	{
		height: 130px;
	}
	.hidefilter .ovr-card-2-1:nth-child(2)
	{
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 12px;
	}
}
@media (min-width: 1290px)
{
	.ovr-card-2-1
	{
		height: 85px;
	}
}
@media (min-width: 1470px)
{
	.chwrap
	{
		padding-left: 290px;
	}
	.ovr-col:not(:last-child)
	{
		margin-bottom: 0;
	}
	.ovr-col:nth-child(2n)
	{
		width: 266px;
		padding-left: 6px;
	}
	.ovr-col:nth-child(2n+1)
	{
		margin-right: -266px;
		padding-right: 272px;
	}
	.ovr-card-2-1
	{
		height: 130px;
	}
	.ovr-card-2-1:nth-child(2)
	{
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 12px;
	}
	.ovr-card-2-2
	{
		height: 398px;
	}

	body:not(.hidefilter) .chwrap
	{
		padding-left: 300px;
	}
	body:not(.hidefilter) .bsummary .ico, body:not(.hidefilter) .bstate .ico, body:not(.hidefilter) .bquality .ico, body:not(.hidefilter) .beventsall .ico, body:not(.hidefilter) .bhosts .ico
	{
		margin-top: -37px;
		height: 50px;
	}
	body:not(.hidefilter) .bsummary .ico:after, body:not(.hidefilter) .bstate .ico:after, body:not(.hidefilter) .bquality .ico:after, body:not(.hidefilter) .beventsall .ico:after, body:not(.hidefilter) .bhosts .ico:after
	{
		font-size: 50px;
		line-height: 50px;
	}
	body:not(.hidefilter) .bstate span:last-child, body:not(.hidefilter) .bquality span:last-child, body:not(.hidefilter) .bsummary span:last-child, body:not(.hidefilter) .beventsall span:last-child, body:not(.hidefilter) .bhosts span:last-child
	{
		margin-top: 23px;
	}

	.hidefilter .ovr-col:nth-child(2n+1)
	{
		margin-right: -326px;
		padding-right: 332px;
	}
	.hidefilter .ovr-col:nth-child(2n)
	{
		width: 326px;
	}
	.hidefilter .ovr-card-2-1
	{
		height: 160px;
	}
	.hidefilter .ovr-card-2-2
	{
		height: 456px;
	}

	.hidefilter .chwrap
	{
		padding-top: 50px;
		padding-left: 450px;
	}
	.hidefilter #hostschzone
	{
		height: 356px;
		width: 356px;
	}
	.hidefilter #inchart
	{
		width: 320px;
		height: 320px;
		margin-top: -160px;
		margin-left: -160px;
	}
	.hidefilter #inchart2
	{
		width: 256px;
		height: 256px;
		margin-top: -128px;
		margin-left: -128px;
	}
	.hidefilter .total, .hidefilter .total1
	{
		font-size: 38px;
	}
	.hidefilter .total
	{
		width: 130px;
		height: 130px;
		margin-top: -65px;
		margin-left: -65px;
		line-height: 130px;
	}
}

/* IE specific section */

@media all and (-ms-high-contrast:none)
{
	/* IE10 */
	.fpos a:after {} 
	/* IE11 */ /* font rendering is very rough */
	*::-ms-backdrop, .fpos a:after
	{ 
		line-height: 25px;
	} 

	#snapshot-window
	{
		overflow: hidden; /* IE fix for chart range slider */
	}
}
@supports (-ms-ime-align:auto) 
{
	#snapshot-window
	{
		overflow: hidden; /* IE fix for chart range slider */
	}
}

/* google chart tooltips flickering */

#responsesummarychart svg > g:last-child > g:last-child,
#statechart svg > g:last-child > g:last-child,
#uptimechart svg > g:last-child > g:last-child
{
	pointer-events: none;
}

div.google-visualization-tooltip
{
	width: auto !important;
	height: auto !important;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	pointer-events: none;
	z-index: 100;
}
div.google-visualization-tooltip > *:not(.tooltip-wrapper)
{
	display: none;
}
.tooltip-wrapper
{
	background: #FFF;
	padding: 6px;
	border: 1px solid #EEE;
	text-align: left;
}
.tooltip-wrapper .title
{
	white-space: nowrap;
	font-weight: bold;
	line-height: 14px;
	font-size: 14px;
}
.tooltip-wrapper .title:not(:last-child)
{
	margin-bottom: 12px;
}
.tooltip-wrapper .group
{
	font-size: 12px;
	line-height: 14px;
}
.tooltip-wrapper .group > .group
{
	margin-left: 19px;
}
.tooltip-wrapper .series
{
	position: relative;
	padding-left: 19px;
	white-space: nowrap;
}
.tooltip-wrapper .group:not(:last-child) .series
{
	margin-bottom: 6px;
}
.tooltip-wrapper .series .value
{
	font-family: Verdana;
	font-weight: bold;
	color: #333;
}
.tooltip-wrapper .series .value .details
{
	font-weight: normal;
	color: #333;
}
.tooltip-wrapper .series:before, .tooltip-wrapper .series:after
{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 14px;
	height: 14px;
	box-sizing: border-box;
}
.tooltip-wrapper .series:after
{
	top: 1px;
	left: 1px;
	width: 12px;
	height: 12px;
}
.tooltip-wrapper .series.unreachable:after,
.tooltip-wrapper .series.both:after
{
    background: url(mask-white-2.svg) repeat -2px -2px;
	opacity: 0.75;
}
.tooltip-wrapper .series.both:after
{
	background-position: -4px -4px;
    border-top: 6px solid;
    border-left: 6px solid;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
}
/* Chrome issue fix: it does not render transparent borders */
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm)
{
	.tooltip-wrapper .series.both:after
	{
		border-top: none;
		border-left: none;
		border-right: none;
		border-bottom: none;
		clip-path: polygon(100% 0, 0 100%, 100% 100%); /* does not work in IE and EDGE */
	}
}
.tooltip-wrapper .series.inactive:before
{
	border: 1px solid #4BACC6;
}
.tooltip-wrapper .series.paused:before
{
	background: #F79646;
}
.tooltip-wrapper .series.active:before
{
	border: 1px solid #B064B0;
}
.tooltip-wrapper .series.up:before, .tooltip-wrapper .series.good:before,
.tooltip-wrapper .series.high:not(.note):before
{
	background: #80C76B;
}
.tooltip-wrapper .series.up.both:after, .tooltip-wrapper .series.good.both:after
{
	border-top-color: #80C76B;
	border-left-color: #80C76B;
}
.tooltip-wrapper .series.down:before, .tooltip-wrapper .series.bad:before,
.tooltip-wrapper .series.low:not(.note):before
{
	background: #F76B6B;
}
.tooltip-wrapper .series.down.both:after, .tooltip-wrapper .series.bad.both:after
{
	border-top-color: #F76B6B;
	border-left-color: #F76B6B;
}
.tooltip-wrapper .series.pending:before
{
	background: #BBB;
}
.tooltip-wrapper .series.pending.both:after
{
	border-top-color: #BBB;
	border-left-color: #BBB;
}
.tooltip-wrapper .series.warning:before,
.tooltip-wrapper .series.medium:not(.note):before
{
	background: #FFC500;
}
.tooltip-wrapper .series.warning.both:after
{
	border-top-color: #FFC500;
	border-left-color: #FFC500;
}
.tooltip-wrapper .series.critical:before,
.tooltip-wrapper .series.faulty:not(.note):before
{
	background: #DB2929;
}
.tooltip-wrapper .series.min:before
{
	background: #008C00;
}
.tooltip-wrapper .series.max:before
{
	background: #DB2929;
}
.tooltip-wrapper .series.avg:before
{
	background: #FF9D00;
}
.tooltip-wrapper .series.dev:before
{
	background: #FFCC00;
}
.tooltip-wrapper .series.lat:before, .tooltip-wrapper .series.delivered:before
{
	background: #409CFF;
}
.tooltip-wrapper .series.distribution:before
{
	background: #1B64B3;
}
.tooltip-wrapper .series.paused:before
{
	background: #F79646;
}
.tooltip-wrapper .series.lost:before
{
	background: #FFF;
	border: 1px solid #F76B6B;
}
.tooltip-wrapper .series.punreachable:before
{
	background: #FFF;
	border: 1px solid #BBB;
}
.tooltip-wrapper .series.critical.both:after
{
	border-top-color: #DB2929;
	border-left-color: #DB2929;
}
.tooltip-wrapper .series.determined:before
{
	border: 1px solid;
	border-top-color: #80C76B;
	border-left-color: #80C76B;
	border-right-color: #F76B6B;
	border-bottom-color: #F76B6B;
}
.tooltip-wrapper .series.note
{
	margin-top: 9px;
}
.tooltip-wrapper .series.low, .tooltip-wrapper .series.medium, .tooltip-wrapper .series.high
{
	font-size: 12px;
}

#edit_dialog, #acknowledge_dialog
{
	width: 500px;
	margin-left: -250px;
	margin-top: -200px;
}
.dialog_window .severity
{
	opacity: 1;
}