/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* 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-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.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-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-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top: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-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.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:.003;filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
/*! normalize.css modified for PXtoEM.com at 16px
    normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary,
object {
    display: block;
}

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying 'audio' without controls
 * Remove excess height in iOS5 devices
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */

[hidden] {
    display: none;
}


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html {
    font-size: 1em; /* 1 */
    -webkit-text-size-adjust: 1em; /* 2 */
    -ms-text-size-adjust: 1em; /* 2 */
    /* height:100%; */
    min-height:100%;
}

/*
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */

html,
button,
input,
select,
textarea {
    /* font-family: sans-serif; */
    font-family: 'Bosch Sans';
}

/*
 * Addresses margins handled incorrectly in IE6/7
 */

body {
    margin: 0;
    /* height:100%; */
    min-height:100%;
}


/* =============================================================================
   Links
   ========================================================================== */

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */

a:hover,
a:active {
    outline: 0;
}


/* =============================================================================
   Typography
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in S5, Chrome
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Addresses margins set differently in IE6/7
 */

p,
pre {
    margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */

pre,
code,
kbd,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */

/* 1 */

q {
    quotes: none;
}

/* 2 */

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 75%;
}

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* =============================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE6/7
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE6/7
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/*
 * Corrects list images handled incorrectly in IE7
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE9
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */

figure {
    margin: 0;
}


/* =============================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE6/7
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3
 * 3. Corrects alignment displayed oddly in IE6/7
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */

button,
input {
    line-height: normal; /* 1 */
}

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer; /* 1 */
    -webkit-appearance: button; /* 2 */
    *overflow: visible;  /* 3 */
}

/*
 * Re-set default cursor for disabled elements
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}


/* =============================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}
@charset "UTF-8";

@font-face {
  font-family: 'icons';
  src: url("../font/bosch-icons-regular.eot");
  src: url("../font/bosch-icons-regular.eot?#iefix") format('embedded-opentype'), url("../font/bosch-icons-regular.woff") format('woff'), url("../font/bosch-icons-regular.ttf") format('truetype'), url("../font/bosch-icons-regular.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="iconfont"],
[class*="iconfont"],
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'icons';
  font-style: normal;
  font-weight: 300;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 24px;
  height: 24px;
  font-size: 24px;
  margin-right: 0.2em;
  text-align: center;
  opacity: 0.8;
  /* fix buttons height, for twitter bootstrap */

  line-height: 24px;
  /* Animation center compensation - magrins should be symmetric */

  /* remove if not needed */

  margin-left: 0;
  /* you can be more comfortable with increased icons size */

  /* font-size: 120%; */

  /* Uncomment for 3D effect */

  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}

.iconfont {
  font-family: 'icons';
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 1em;
}


.icon2-breadcrumb:before { 
  font-family:'Bosch-Icon-TEST';
  content: "\e181";
  color: #c3c3c4; 
}

.icon-Attention:before { content: "\E705"; }
.icon-AttentionAttribute:before { content: "\E706"; }
.icon-Brush:before { content: "\E707"; }
.icon-Basket:before { content: "\E744"; }
.icon-Calander:before { content: "\E708"; }
.icon-Camera:before { content: "\E709" !important ;}
.icon-CameraDome:before { content: "\E70a" !important; }
.icon-CameraSetup:before { content: "\E70b"; }
.icon-Check:before { content: "\E70c"; }
.icon-CheckBold:before { content: "\E70d"; }
.icon-CheckBoxChecked:before { content: "\E70e"; }
.icon-Close:before { content: "\E70f"; }
.icon-Cockpit:before { content: "\E710"; }
.dashIcon .icon-Cockpit:before { content: none; }
.icon-DateAndTime:before { content: "\E711"; }
.icon-Drag:before { content: "\E712"; }
.icon-Edit:before { content: "\E713"; }
.icon-Encoder:before { content: "\E714"; }
.icon-Error:before { content: "\E715"; }
.icon-ErrorBold:before { content: "\E716"; }
.icon-Finish:before { content: "\E717"; }
.icon-Help:before { content: "\e89b"; font-family: "Bosch-Icon-TEST"; }
.icon-HelpSingle:before { content: "\E719"; }
.icon-Information:before { content: "\E71a"; }
.icon-Password:before { content: "\E1cc"; font-family: "Bosch-Icon-TEST"; }
.icon-QualityHigh:before { content: "\E71c"; }
.icon-QualityLow:before { content: "\E71d"; }
.icon-RecordingDetails:before { content: "\E71e"; }
.icon-RecordingQuality:before { content: "\E71f"; }
.icon-RecordingScheduler:before { content: "\E720"; }
.icon-RemoteAccess:before { content: "\E721"; }
.icon-Storage:before { content: "\E722"; }
.icon-Welcome:before { content: "\E723"; }
.icon-Wizard:before { content: "\E724"; }
.icon-Refresh:before { content: "\E21e"; font-family: "Bosch-Icon-TEST"; }
.icon-Print:before { content: "\E213"; font-family: "Bosch-Icon-TEST"; }
.icon-Monitoring:before { content: "\E74D"; }
.icon-WateringCan:before { content: "\E738" !important ;}
.icon-ZoomIn:before { content: "\E746"; }
.icon-ZoomOut:before { content: "\E747"; }
.icon-Drag:before { content: "\E736"; }
.icon-Reload:before { content: "\E741"; }
.icon-Deny:before { content: "\E734"; }

/*
DeviceType enum
0 = other / unknown
1 = Encoder
2 = Camera
3 = Transcoder
4 = VRM
5 = Decoder
6 = Camera RTSP
10 = Dome
*/
.icon-dev_0:before { content: "\E714"; }
.icon-dev_1:before { content: "\E714"; }
.icon-dev_2:before, .icon-dev_6:before { content: "\E70a"; }
.icon-dev_4:before { content: "\E735"; }
.icon-dev_10:before { content: "\E709"; }

.cameraOffline:before {
	color: red !important;
	content: "\E74F" !important;
}

.cameraOnline:before {
	
}


.icon.icon-Minus:before {
  content: "\E728";
}
.icon.icon-Plus:before {
  content: "\E729";
  line-height:21px;
}

.box-info H3 span.videoDevices:before,
.box-info H3 span.VRM:before,
.box-info H3 span.Dome:before,
.box-info H3 span.Encoder:before {
    content: none;
}
.box-info H3 span.videoDevices:after,
.box-info H3 span.VRM:after,
.box-info H3 span.Dome:after,
.box-info H3 span.Encoder:after {
  font-size: 24px;
  font-family: 'icons';
}
.icon-ArrowRight:before {
  content: "\E72A";
}

/*style for configurationsite start*/
.icon-Save:before { content: "\E742"; }
.icon-Export:before { content: "\E737"; }
.icon-Configuration:before { content: "\e74b"; }
.icon-Live:before { content: "\e70a"; }
.icon-Playback:before { content: "\e73d"; }
.icon.videoDevices:after { content: "\e70a"; }
.icon.Encoder:after { content: "\E714"; }
.icon.VRM:after { content: "\E735"; }
.icon.Dome:after { content: "\E709"; }
.icon.logbook:after { content: "\e74e"; }
.icon.systemInformation:after { content: "\e74c"; }
.icon.recording:after { content: "\e71e"; }
.icon.alarms:after { content: "\e72e"; }
.icon.remoteAccess:after { content: "\e721"; }
.icon.system:after { content: "\e743"; }
.icon.videoLR:after { content: "\e2a8";font-family:"Bosch-Icon-TEST"!important; }
.icon.peripherals:after { content: "\e73c"; }
.icon.storage:after { content: "\e722"; }
.icon.no_record:after { content: " "; border:1px solid #003B6A;border-radius: 4px 4px 4px 4px; height: 23px;width: 23px;text-align: center; font-size:20px;}
.icon.day:after { content: " "; background:#f9cb6d;border-radius: 4px 4px 4px 4px; height: 25px;width: 25px;text-align: center; font-size:20px;}
.icon.night:after { content: " "; background:#24477f;border-radius: 4px 4px 4px 4px; height: 25px;width: 25px;text-align: center; font-size:20px;}
.icon.weekend:after { content: " "; background:#3daf3d;border-radius: 4px 4px 4px 4px; height: 25px;width: 25px;text-align: center; font-size:20px;}

.icon.recording_profile_1:after { content: " "; background:#f9cb6d;border-radius: 4px 4px 4px 4px; height: 25px;width: 25px;text-align: center; font-size:20px;}
.icon.recording_profile_2:after { content: " "; background:#24477f;border-radius: 4px 4px 4px 4px; height: 25px;width: 25px;text-align: center; font-size:20px;}
.icon.recording_profile_3:after { content: " "; background:#3daf3d;border-radius: 4px 4px 4px 4px; height: 25px;width: 25px;text-align: center; font-size:20px;}
.icon.recording_profile_4:after { content: " "; background:#de71da;border-radius: 4px 4px 4px 4px; height: 25px;width: 25px;text-align: center; font-size:20px;}
.icon.recording_profile_5:after { content: " "; background:#68e0de;border-radius: 4px 4px 4px 4px; height: 25px;width: 25px;text-align: center; font-size:20px;}
.icon.recording_profile_6:after { content: " "; background:#d36c5b;border-radius: 4px 4px 4px 4px; height: 25px;width: 25px;text-align: center; font-size:20px;}
.icon.recording_profile_7:after { content: " "; background:#7f67bb;border-radius: 4px 4px 4px 4px; height: 25px;width: 25px;text-align: center; font-size:20px;}
.icon.recording_profile_8:after { content: " "; background:#c2f10f;border-radius: 4px 4px 4px 4px; height: 25px;width: 25px;text-align: center; font-size:20px;}
.icon.recording_profile_9:after { content: " "; background:#2e89e6;border-radius: 4px 4px 4px 4px; height: 25px;width: 25px;text-align: center; font-size:20px;}
.icon.recording_profile_10:after { content: " "; background:#bccfbc;border-radius: 4px 4px 4px 4px; height: 25px;width: 25px;text-align: center; font-size:20px;}

.bull .bull.active .icon.no_record:after,
#scheduler-menu .bull.active .icon:after { content: "\e707"; line-height: 21px;}
#scheduler-menu .bull.active .addAction:after{content: "\e729"; line-height:21px;}

.icon.addAction:after { content: "\e729"; border:1px solid #003B6A;border-radius: 4px 4px 4px 4px; height: 22px;width: 22px;text-align: center; font-size:20px; line-height:21px; margin-top: 4px;}
.icon.delAction:after { content: "\e728"; border:1px solid #003B6A;border-radius: 4px 4px 4px 4px; height: 22px;width: 22px;text-align: center; font-size:20px; line-height:21px; margin-top: 4px;}
.icon.addAlarm:after { content: "\e72f";}
.icon.delAllarm:after { content: "\e730";}
.bull .addAlarm:after,
.bull .delAllarm:after {
  font-size:24px;
}
.icon.addScenario:after { content: "\e72f";}
.icon.deleteScenario:after { content: "\e730";}
.bull .addScenario:after,
.bull .deleteScenario:after {
	font-size:24px;
}

.icon-right:before {
  float:right;
  width: auto;
  height: auto;
  margin-right: 0;
  line-height: 20px;
  margin-left: 5px;
}

.icon-right {
  line-height: 24px;
}
/*style for configurationsite end*/
#header.with-logo {
	background: #ffffff;
}
#header.with-logo h1 {
  display: block;
}
#header H1 {
  line-height: 58px;
  margin: 0;
  padding: 0 30px;
  display: none;
}
/*menu*/
#menu,
#menu UL {
  height: 44px;
  overflow: hidden;
}
#menu UL {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 40px;
}
#menu UL LI {
  margin: 0;
  padding: 0;
  float: left;
  position:relative;
}

#menu UL LI A#helpVrmCockpit,
#menu UL LI A#printVrmCockpit,
#menu UL LI A#refreshVrmCockpit 
 {
  padding: 0 0 0 15px;
}

#menu UL LI,
#menu UL LI A {
  display: block;
}
#menu UL LI A {
	font-size: 16px;
	overflow: hidden;
	padding: 0 20px 0 15px;
	white-space: nowrap;
	text-decoration: none;
}
#menu UL LI A:hover {
  background-color: white;
  border-bottom: 2px solid rgb(51, 51, 161);
  color: #c3c3c4; 
}
DIV#menu UL LI A:active,
DIV#menu UL LI A.active {
  background-color: white;
  border-bottom: 2px solid rgb(51, 51, 161);
  color:rgb(51, 51, 161);
  cursor: default;
}
#menu UL LI A:before {
  margin-right: 16px;
  line-height: 36px;
}
#menu UL LI.right {
  float: right;
}
/* #menu UL LI A#cockpit {
  font-size: 16px !important;
}
#menu UL LI A#cockpit:before {
  line-height: 32px;
} */
#menu li > a > span {
    width: 80%;
}

#menu ul li.help-container {
    width: auto!important;
}
#menu ul li.help-container a {
    padding: 0 5px 0 20px;
}
#menu .attentionmarker {
  position: absolute;
  top: 15px;
  left: 30px;
  background-color: #FF0000;
  color: #FFFFFF;
  width: 20px;
  height: 20px;
  padding: 0px;
  margin: 0px;
  line-height: 21px;
  text-align: center;
  font-weight: 800;
  opacity: 0.8;
  border-radius: 100%;
}



.hide_while_loading {
	visibility:hidden;
}

.loginBox {
	margin-left: auto !important;
	margin-right: auto !important;
	width: 450px;
}

div.loginBox  > label {
	font-size: 20px;
	line-height: 23px;
}

div.loginBox p#description{
	margin-bottom: 0px;
}

div.loginBox p#submitButton{
	float: right;
	margin-top: 0px;
}

div.loginBox p#submitButton > button{
	min-width: 100px;
	text-align: center;
}

.loginBoxLabel {
	color: #c3c3c4;
	font: 10px;
	margin-top: 3em;
}

body{
	background-color: white;
}

input:-webkit-autofill {
	background-color: white !important;
	-webkit-box-shadow: 0 0 0px 1000px white inset;
}

.boxLogin {
	position: relative;
	/* border-radius: 5px; */
	color: #808285;
	background: #eaeaeb;
	margin: 0 0 1em 0;
	overflow: hidden;
	padding: 12px;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

BODY .icon-AttentionAttribute:before {
	position: absolute;
	color: #fdeb4d !important;
	z-index: 3;
	text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000;
}

* {
	/*font-weight:;*/
	text-rendering: geometricPrecision;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	font-smooth: antialiased;
}
	/* firefox only */
	*:before,
	*:after {
		font-weight: 300 !important;
	}
/*HTML*/
BODY {
	font-weight: 500;
	font-size: 12px;
	line-height: 16px;
	font-family: "Bosch Sans", "Helvetica Neue", Arial, "Lucida Grande", sans-serif;
	color: #404245;
	width: auto;
	background: #efefef;
}


FIELDSET {
	border: 0;
}


H1 {
	font-size: 1.667em;
	font-weight: bold;
	color: black;
}

.big,
H2 {
	font-size: 1.667em;
	margin: 0.83em 0;
	/* color: #c3c3c4; */
	/* color: #525F6B; */
	color:black;
	line-height: 64px;
}

H3 {
	font-size: 1.17em;
	color: #404245;
}

H4 {
	font-size: 1em;
	color: #404245;
}

H5 {
	font-size: 0.83em;
	color: #404245;
}

H6 {
	font-size: 0.75em;
	color: #404245;
}

A,
A:link {
	/* color: #003b6a; */
	color: black;
	text-decoration: none;
}

	A:hover {
		text-decoration: underline;
	}

P {
	line-height: 1.667em;
}
/*wrapper*/
#wrapper {
	background: #fff;
}

.progress {
	margin: 16px 16px 8px 16px;
}

.progress-password {
	border: 1px solid #c3c3c4;
	background-color: #e1e1e2;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c3c3c4), color-stop(100% #e1e1e2));
	background-image: -webkit-linear-gradient(top, #c3c3c4 0%, #e1e1e2 100%);
	background-image: -moz-linear-gradient(top, #c3c3c4 0%, #e1e1e2 100%);
	background-image: -ms-linear-gradient(top, #c3c3c4 0%, #e1e1e2 100%);
	background-image: -o-linear-gradient(top, #c3c3c4 0%, #e1e1e2 100%);
	background-image: linear-gradient(top, #c3c3c4 0%, #e1e1e2 100%);
	/*-pie-background: url(bg-image.png) no-repeat, linear-gradient(#c3c3c4, #e1e1e2);*/
	position: relative;
	/*behavior: url('../shared/css/css_pie/PIE.htc');*/
}

	.progress-password DIV {
		position: relative;
		margin: 7px;
		height: 14px;
		padding: 1px 5px;
		background: #c3c3c4;
		width: 10%;
		color: #ffffff;
		font-weight: 600;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		-webkit-background-clip: padding-box;
		-moz-background-clip: padding;
		background-clip: padding-box;
		-webkit-transition: background 500ms, width 200ms;
		-moz-transition: background 500ms, width 200ms;
		-o-transition: background 500ms, width 200ms;
		transition: background 500ms, width 200ms;
		/*behavior: url('../shared/css/css_pie/PIE.htc');*/
	}

		.progress-password DIV.poor,
		.progress-password DIV:hover {
			background: #e20015;
			width: 25%;
		}

		.progress-password DIV.medium {
			background: #fdeb4d;
			width: 50%;
		}

		.progress-password DIV.medium,
		.progress-password DIV:active {
			background: #008040;
			width: auto;
		}

BODY .info {
	cursor: pointer;
	display: block;
	color: #ffffff;
	width: 24px;
	height: 24px;
	overflow: hidden;
	background-color: #c3c3c4;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e2), color-stop(100% #c3c3c4));
	background-image: -webkit-linear-gradient(top, #e1e1e2 0%, #c3c3c4 100%);
	background-image: -moz-linear-gradient(top, #e1e1e2 0%, #c3c3c4 100%);
	background-image: -ms-linear-gradient(top, #e1e1e2 0%, #c3c3c4 100%);
	background-image: -o-linear-gradient(top, #e1e1e2 0%, #c3c3c4 100%);
	background-image: linear-gradient(top, #e1e1e2 0%, #c3c3c4 100%);
	/*-pie-background: url(bg-image.png) no-repeat, linear-gradient(#e1e1e2, #c3c3c4);*/
	position: relative;
	/*behavior: url('../shared/css/css_pie/PIE.htc');*/
	text-decoration: none;
	color: #ffffff;
}

	BODY .info:before {
		float: left;
		display: block;
		width: 24px;
		height: 24px;
		font-family: 'icons';
		font-weight: normal !important;
		font-size: 24px;
		content: "\E719";
	}
	
	BODY .syncwarning:before {
		float: left;
		display: block;
		width: 24px;
		height: 24px;
		font-family: 'icons';
		font-weight: normal !important;
		font-size: 24px;
		content: "\E705";		
	}

.floating {
	background: #ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .6);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .6);
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .6);
	/**/
	padding: 16px;
	margin: 8px;
}

	.floating:before {
		display: block;
		font-family: 'icons';
		font-weight: normal !important;
		font-size: 32px;
		content: "\E704";
		color: #fff;
		text-align: center;
		margin-top: -30px;
		margin-bottom: 16px;
	}
/*icons generally*/
.icon:before {
	content: "";
	font-family: 'icons' !important;
	display: block;
	float: right;
	font-size: 24px;
	line-height: 24px;
	width: 24px;
	margin: 0;
}

BUTTON SPAN.icon {
	text-align: left !important;
	display: block;
	line-height: 26px;
	height: 26px;
}
/*icons single controls*/
BUTTON.dropdown SPAN.icon:before {
	content: "\E700";
	margin: 0;
	line-height: 20px;
}

.contentHidden.box-info H3 {
	border-bottom: 0px solid #c3c3c4;
}

.contentHidden BUTTON.dropdown SPAN.icon:before {
	content: "\E704";
}

BODY BUTTON.calender {
	width: 32px !important;
	min-width: 0;
	padding: 0;
	float: right;
	text-align: center;
	overflow: hidden;
}

	BODY BUTTON.calender SPAN {
		text-align: center;
	}

	BODY BUTTON.calender *:before {
		height: 32px;
		width: 32px;
		text-align: center;
		line-height: 24px;
		position: relative;
		top: 0px;
		left: 1px;
		padding: 0;
		margin: 0;
	}

BUTTON.calender SPAN.icon:before {
	/* content: "\E708"; */
	content: "\E0c8";
	font-family:'Bosch-Icon-TEST' !important;
}
/*SLIDERS*/
/*data display*/
.diskspace {
	width: 220px;
}

	.diskspace HR {
		clear: both;
		height: 0;
		margin: 0;
		border: 0;
	}

.bar {
	background: #222;
	width: 214px;
	padding: 4px 6px;
	clear: both;
	margin: 0 auto;
	width: 95%;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	position: relative;
	/*behavior: url('../shared/css/css_pie/PIE.htc');*/
}

.data,
.safety {
	height: 8px;
	float: left;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}

.data {
	width: 75%;
	background: #6eb0d5;
}

.safety {
	width: 25%;
	background: #7ac943;
}

.diskspace .label {
	background: transparent;
}

.diskspace .right {
	float: right;
}

.label {
	line-height: 1em;
}

.safety-label {
	color: #7ac943;
}

.data-label {
	color: #6eb0d5;
}

.value {
	font-size: 1.3em;
	color: #c3c3c4;
}
/*dragable*/
.slider {
	line-height: 16px;
	overflow: hidden;
	padding: 16px 0;
}

	.slider .scale {
		border: 1px solid #c3c3c4;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-background-clip: padding-box;
		-moz-background-clip: padding;
		background-clip: padding-box;
		overflow: visible;
		font-family: "icons";
		font-size: 24px;
		position: relative;
		margin: 0;
		padding: 0;
		float: left;
		min-width: 100px;
		background-color: #e1e1e2;
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e2), color-stop(100% #ffffff));
		background-image: -webkit-linear-gradient(top, #e1e1e2 0%, #ffffff 100%);
		background-image: -moz-linear-gradient(top, #e1e1e2 0%, #ffffff 100%);
		background-image: -ms-linear-gradient(top, #e1e1e2 0%, #ffffff 100%);
		background-image: -o-linear-gradient(top, #e1e1e2 0%, #ffffff 100%);
		background-image: linear-gradient(top, #e1e1e2 0%, #ffffff 100%);
		/*-pie-background: url(bg-image.png) no-repeat, linear-gradient(#e1e1e2, #ffffff);*/
		position: relative;
		/*behavior: url('../shared/css/css_pie/PIE.htc');*/
		color: #c3c3c4;
	}

    .slider .scale .ui-widget-content {
        /* hide default jquery-ui slider style */
        border: none;
        background: none;
    }

	.slider .icons {
		font-family: "icons";
		font-size: 24px;
		float: left;
		color: #628cb2;
	}

	.slider .unit {
		float: left;
		min-width: 85px;
		clear: none;
		font-size: 1em;
	}

	.slider .value {
		height: 10px !important;
		background: #008040;
		width: 50%;
		position: relative;
		display: block;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
		border-radius: 1px;
		-webkit-background-clip: padding-box;
		-moz-background-clip: padding;
		background-clip: padding-box;
		margin: 5px;
	}

		.slider .value .handle {
			min-width: 30px;
			width: 32px;
			height: 32px;
			color: #000;
			border: 1px solid;
			text-align: center;
			line-height: 26px;
			font-size: 24px;
			position: absolute;
			top: -12px;
			font-family: 'icons';
			cursor: move;
		}

	.slider .txt-value {
		font-size: 20px;
		line-height: 20px;
		float: left;
		margin: 0px;
		color: #008040;
		text-align: right;
		width: 45px;
		position: relative;
	}

		.slider .txt-value SPAN {
			font-size: 12px;
			color: #aaa;
			width: 10px;
			display: block;
			float: right;
			position: absolute;
			left: 100%;
			top: 0.35em;
		}
/* slider double */
DIV.double {
	min-width: 400px;
	overflow: visible;
}

	DIV.double .scale {
		display: block;
		width: 99.5%;
	}

		DIV.double .scale .value {
			margin-left: 30px;
			background: #66b38c;
		}

			DIV.double .scale .value .left {
				left: 20px;
			}

	DIV.double .unit,
	DIV.double .icons {
		float: none;
		clear: both;
		width: 100%;
		margin: 0 8px;
		position: relative;
		padding: 0px 5px;
	}

	DIV.double .unit {
		margin-top: 32px;
	}

	DIV.double .icons {
		padding: 10px 5px;
		text-align: center;
		color: #e20015;
	}

	DIV.double .unit SPAN {
		color: #808285;
		position: absolute;
		bottom: 2px;
	}

	DIV.double .unit > SPAN.before {
		left: -10px;
	}

	DIV.double .unit > SPAN.after {
		width: 95%;
		left: 0px;
		text-align: right;
	}

	DIV.double .icons SPAN:before {
		content: "";
		display: block;
		width: 1px;
		height: 30px;
		border-left: 2px solid #e20015;
		position: absolute;
		left: 50%;
		top: -26px;
	}

.value .handle SPAN {
	position: absolute;
	top: -30px;
	white-space: nowrap;
	font-weight: normal;
	font-size: 0.7em;
	font-family: Arial !important;
	height: 32px;
	padding: 0 5px;
	width: 100px;
}

BODY .value .handle SPAN.before {
	text-align: right;
	border-right: 1px solid #008040;
	display: block;
	right: -1px;
}

BODY .value .handle SPAN.after {
	text-align: left;
	border-left: 1px solid #008040;
	display: block;
	left: 0px;
}
/* image dependend controls */
#dla {
	width: 400px;
	height: 300px;
	position: relative;
	background: url('../img/dla1100.png') left top no-repeat;
}

	#dla UL {
		padding-left: 105px;
		padding-top: 30px;
		margin: 0;
	}

.hdd,
.hdd-empty {
	width: 207px;
	height: 32px;
	list-style: none;
	display: block;
	margin: 0px 0px 8px;
	position: relative;
}

.overlay {
	width: 207px;
	height: 32px;
	position: absolute;
	left: 0;
	top: 0;
    pointer-events: none; /*enable tooltip on element below*/
}

.data-hdd {
	background: url('../img/overlay-data.png') left top no-repeat;
}

.safety-hdd {
	background: url('../img/overlay-safety.png') left top no-repeat;
}

.error-hdd {
	background: url('../img/overlay-error.png') left top no-repeat;
}

.wrongsector-hdd {
    background: url('../img/overlay-sectors.png') left top no-repeat !important;
}

li.error p {
	color: red;
}

.warn-hdd {
	background: url('../img/overlay-new.png') left top no-repeat;
}

li.warn p {
	color: yellow;
}

.raid5 {
	background: url('../img/overlay-raid5.png') left top no-repeat;
}

.hdd {
	background: url('../img/hdd.png') left top no-repeat;
}

.hdd-empty {
	background: url('../img/hdd-empty.png') left top no-repeat;
}

	.hdd P,
	.hdd-empty P {
		font-size: 12px;
		color: #fff;
		padding: 8px;
		line-height: 16px;
		margin: 0px;
	}

		.hdd P SPAN,
		.hdd-empty P SPAN {
			float: right;
		}
/* remote access */
#remote_access-graphic {
	position: relative;
	width: 135px;
	height: 540px;
	background: transparent url('../img/remoteaccess/remoteAccess-layer1.png') left top no-repeat;
}

	#remote_access-graphic .layer2,
	#remote_access-graphic .layer3,
	#remote_access-graphic .layer4 {
		position: absolute;
		left: 0;
		top: 0;
		width: 135px;
		height: 540px;
	}

	#remote_access-graphic .layer2 {
		background: transparent url('../img/remoteaccess/remoteAccess-layer2-success.png') left top no-repeat;
	}

	#remote_access-graphic .layer3 {
		background: transparent url('../img/remoteaccess/remoteAccess-layer3-error.png') left top no-repeat;
	}

	#remote_access-graphic .layer4 {
		background: transparent url('../img/remoteaccess/remoteAccess-layer4.png') left top no-repeat;
	}
/* datepicker */
#ui-datepicker-div {
	z-index: 9990 !important;
	/* top: 180px !important;  */
	left: 37px;
}


	#ui-datepicker-div .pie-helper {
		background: #ffffff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-background-clip: padding-box;
		-moz-background-clip: padding;
		background-clip: padding-box;
		-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .6);
		-moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .6);
		box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .6);
		/*overflow:;*/
		padding-bottom: 8px;
		position: relative;
		height: 290px;
		/*behavior: url('../shared/css/css_pie/PIE.htc');*/
	}

.ui-datepicker-header {
	height: 48px;
	line-height: 48px;
	border: 1px solid #003b6a;
	background-color: #628cb2;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #628cb2), color-stop(100% #003b6a));
	background-image: -webkit-linear-gradient(top, #628cb2 0%, #003b6a 100%);
	background-image: -moz-linear-gradient(top, #628cb2 0%, #003b6a 100%);
	background-image: -ms-linear-gradient(top, #628cb2 0%, #003b6a 100%);
	background-image: -o-linear-gradient(top, #628cb2 0%, #003b6a 100%);
	background-image: linear-gradient(top, #628cb2 0%, #003b6a 100%);
	/*-pie-background: url(bg-image.png) no-repeat, linear-gradient(#628cb2, #003b6a);*/
	position: relative;
	/*behavior: url('../shared/css/css_pie/PIE.htc');*/
	color: #ffffff;
}

	.ui-datepicker-header .ui-datepicker-next:hover,
	.ui-datepicker-header .ui-datepicker-prev:hover {
		border: 0px solid #003b6a;
		background-color: #003b6a;
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #003b6a), color-stop(100% #00142a));
		background-image: -webkit-linear-gradient(top, #003b6a 0%, #00142a 100%);
		background-image: -moz-linear-gradient(top, #003b6a 0%, #00142a 100%);
		background-image: -ms-linear-gradient(top, #003b6a 0%, #00142a 100%);
		background-image: -o-linear-gradient(top, #003b6a 0%, #00142a 100%);
		background-image: linear-gradient(top, #003b6a 0%, #00142a 100%);
		/*-pie-background: url(bg-image.png) no-repeat, linear-gradient(#003b6a, #00142a);*/
		position: relative;
		/*behavior: url('../shared/css/css_pie/PIE.htc');*/
		color: #c3c3c4;
	}

	.ui-datepicker-header .ui-datepicker-next:active,
	.ui-datepicker-header .ui-datepicker-prev:active {
		border: 0px solid #003b6a;
		background-color: #00142a;
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00142a), color-stop(100% #003b6a));
		background-image: -webkit-linear-gradient(top, #00142a 0%, #003b6a 100%);
		background-image: -moz-linear-gradient(top, #00142a 0%, #003b6a 100%);
		background-image: -ms-linear-gradient(top, #00142a 0%, #003b6a 100%);
		background-image: -o-linear-gradient(top, #00142a 0%, #003b6a 100%);
		background-image: linear-gradient(top, #00142a 0%, #003b6a 100%);
		/*-pie-background: url(bg-image.png) no-repeat, linear-gradient(#00142a, #003b6a);*/
		position: relative;
		/*behavior: url('../shared/css/css_pie/PIE.htc');*/
		color: #ffffff;
	}


	.ui-datepicker-header .ui-datepicker-next,
	.ui-datepicker-header .ui-datepicker-prev {
		width: 32px;
		text-align: center;
		color: #fff;
		overflow: hidden;
		text-indent: 64px;
		cursor: pointer;
		height: 48px;
		text-decoration: none;
	}

	.ui-datepicker-header .ui-datepicker-title {
		text-align: center;
	}

	.ui-datepicker-header .ui-datepicker-next {
		float: right;
	}

		.ui-datepicker-header .ui-datepicker-prev:before,
		.ui-datepicker-header .ui-datepicker-next:before {
			float: left;
			display: block;
			width: 32px;
			height: 48px;
			font-family: 'icons' !important;
			font-weight: normal !important;
			font-size: 24px;
			text-indent: 14px !important;
			text-align: center;
			line-height: 46px;
		}

		.ui-datepicker-header .ui-datepicker-next:before {
			content: "\E72A";
		}

	.ui-datepicker-header .ui-datepicker-prev:before {
		content: "\E72B";
		text-indent: -20px !important;
	}


	.ui-datepicker-header .ui-datepicker-prev {
		float: left;
	}

.ui-datepicker-calendar {
	margin: 0 16px 16px 16px;
}

	.ui-datepicker-calendar:after {
		z-index: 9999 !important;
		display: block;
		font-family: 'icons';
		font-weight: normal !important;
		font-size: 32px;
		content: " ";
		color: #fff;
		text-align: center;
		margin-top: 0px;
		margin-bottom: 0px;
		width: 1px;
		height: 1px;
		border: 10px solid;
		border-width: 9px 20px;
		border-color: #fff transparent transparent transparent;
		position: absolute;
		top: 100%;
		left: 42%;
	}


#ui-datepicker-div TH,
#ui-datepicker-div TD {
	width: 31px;
	height: 31px;
	border: 1px solid #fff;
	text-align: center;
	padding: 0;
	text-indent: -1px !important;
}


	#ui-datepicker-div TD A {
		text-align: center;
		display: block;
		width: 31px;
		height: 31px;
		line-height: 31px;
		color: #404245;
	}

	#ui-datepicker-div TD.ui-datepicker-other-month {
		background: #efefef;
	}

		#ui-datepicker-div TD.ui-datepicker-other-month A {
			color: #628cb2;
		}

			#ui-datepicker-div TD.ui-datepicker-other-month A:hover,
			#ui-datepicker-div TD A:hover {
				text-align: center;
				display: block;
				width: 31px;
				height: 31px;
				line-height: 31px;
				color: #ffffff;
				background: #628cb2;
				text-decoration: none;
			}

#ui-datepicker-div TD {
	background: #e1e1e2;
}
/* dialog */
.ui-dialog-buttonpane .ui-state-default,
.ui-dialog-buttonpane .ui-button {
    border: 1px solid #003b6a !important;
    background-color: #628cb2 !important;
    background-image: -webkit-linear-gradient(#628cb2 0%, #003b6a 100%) !important;
    background-image: -moz-linear-gradient(#628cb2 0%, #003b6a 100%) !important;
    background-image: -ms-linear-gradient(#628cb2 0%, #003b6a 100%) !important;
    background-image: -o-linear-gradient(#628cb2 0%, #003b6a 100%) !important;
    background-image: linear-gradient(#628cb2 0%, #003b6a 100%) !important;
    color: #ffffff !important;
    height: 32px;
    font-weight: 600;
}
.ui-dialog-buttonpane .ui-state-disabled.ui-button {
    opacity: 1;
    color: #003b6a !important;
}
.ui-dialog-buttonpane .ui-state-hover,
.ui-dialog-buttonpane .ui-button:hover {
    background-image: -webkit-linear-gradient(#003b6a 0%, #00142a 100%) !important;
    background-image: -moz-linear-gradient(#003b6a 0%, #00142a 100%) !important;
    background-image: -ms-linear-gradient(#003b6a 0%, #00142a 100%) !important;
    background-image: -o-linear-gradient(#003b6a 0%, #00142a 100%) !important;
    background-image: linear-gradient(#003b6a 0%, #00142a 100%) !important;
    color: #c3c3c4 !important;
}
.ui-corner-all { border-radius: 4px; }
.ui-dialog { padding: 0.2em; border: 1px solid #dddddd; background-color: #eeeeee; overflow: visible; }
.ui-dialog .ui-dialog-titlebar { background-color: transparent; background: none; border: none; }
.ui-dialog .ui-dialog-title {
    color: #c3c3c4;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 26px;
}
.ui-dialog .ui-dialog-titlebar-close { display: none; }
.ui-dialog .ui-dialog-content { background-color: transparent; }
.ui-dialog .ui-dialog-buttonpane { background-color: transparent; }
.ui-dialog-buttonpane .ui-state-default, .ui-dialog-buttonpane .ui-button { min-width:100px !important; }
.ui-dialog { font-family: Arial, Helvetica, sans-serif; }
.ui-widget-overlay { background: url(images/ui-bg_dia20.png); }
.ui-widget-content { background-image: none; }
.ui-widget-header .ui-state-default { background-image: none; }

/* window overlay*/
.modal {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999;
	overflow: auto;
	background: rgba(0, 0, 0, 0.6);
	display: flex;
	justify-content: center;
}
	.modal .floating {
		margin: 1rem;

		width: 500px;
		height: auto;
		background-color: #ffffff;

		/* border: 1px solid #bbb; */
		position: relative;
		overflow: auto;
		z-index: 2001;
		padding: 1rem;
		
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;

	}

		.modal .floating.wizard {
			width: 900px;
		}
		
		.modal.about .floating {
			width: 700px;
		}

	.modal .floating2 {
		margin: 1rem;
		width: 700px;
		height: auto;
		background-color: #ffffff;
		position: relative;
		overflow: auto;
		z-index: 2001;
		padding: 1rem;

		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}

		.modal .floating2.wizard {
			width: 900px;
		}
		
		.modal.about .floating2 {
			width: 700px;
		}

	.modal H2 {
		line-height: 24px;
	}


	.modal A.close {
		font-family: 'icons';
		width: 24px;
		height: 24px;
		font-size: 24px;
		float: right;
		display: block;
		margin: 0px 0;
		text-decoration: none;
	}

	
	.modal A.close2 {
		width: 24px;
		height: 24px;
		/* font-size: 24px; */
		float: right;
		display: block;
		margin: 0px 0;
		text-decoration: none;
		/* c:\devel\vrm\web\shared\img\ */
		display: block;
  text-indent: -9999px;
  background: url(../img/close16x16.png) no-repeat;
	}

	
	.modal .ftr-menu {
		position: absolute;
		bottom: 0px;
		left: -16px;
		padding: 16px 16px 16px 0px;
		text-align: right;
		background: #ffffff;
		display: block;
		width: 100%;
	}

		.modal .ftr-menu .save_ajusted_preset {
			padding: 0 14px 0 24px;
		}

		.modal.dialog .btn-default.btn-blue,
		.modal .ftr-menu .btn-blue.set_pass_template,
		.modal .ftr-menu .btn-grey.set_pass_template {
			padding: 0 24px 0 24px;
		}

	.modal .content {
		padding-bottom: 48px;
	}

	/* window overlay Wizard*/
.modalWizard {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	bottom: 0;
	left: 0;
	right: 0;
}


.modalWizard {
	z-index: 900;
}

	.modalWizard .pie-helper {
		width: 500px;
		height: auto;
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -150px 0px 0px -250px;
		overflow: visible;
		z-index: 2000;
	}

		.modalWizard .pie-helper.wizard {
			width: 900px;
			margin: 0 0 0 -450px;
			top: 100px;
		}

	.modalWizard .floating {
		width: 500px;
		height: auto;
		background-color: #ffffff;
		border: 1px solid #bbb;
		padding: 20px;
		position: relative;
		overflow: auto;
		z-index: 2001;
		padding: 16px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
		/*behavior: url('../shared/css/css_pie/PIE.htc');*/
	}

		.modalWizard .floating.wizard {
			width: 900px;
		}

	.modalWizard H2 {
		line-height: 24px;
	}


	.modalWizard A.close {
		font-family: 'icons';
		width: 24px;
		height: 24px;
		font-size: 24px;
		float: right;
		display: block;
		margin: 0px 0;
		text-decoration: none;
	}

	.modalWizard .ftr-menu {
		position: absolute;
		bottom: 0px;
		left: -16px;
		padding: 16px 16px 16px 0px;
		text-align: right;
		background: #efefef;
		display: block;
		width: 100%;
	}

		.modalWizard .ftr-menu .save_ajusted_preset {
			padding: 0 14px 0 24px;
		}

		.modalWizard.dialog .btn-default.btn-blue,
		.modalWizard .ftr-menu .btn-blue.set_pass_template,
		.modalWizard .ftr-menu .btn-grey.set_pass_template {
			padding: 0 24px 0 24px;
		}

	.modalWizard .content {
		padding-bottom: 48px;
	}



/*generic*/
BODY *.fr {
	float: right;
	margin-right: 0px;
}

BODY *.fl {
	float: left;
	margin-left: 0px;
}

BODY *.cb {
	clear: both;
	display: block;
}

.offset-8 {
	margin-top: 8px;
}
/* ie10 - javascript dependend */
.ie10 #scrollbar1 thead {
	position: absolute !important;
	top: 0px !important;
}

.ie10 #scrollbar1 {
	overflow: hidden !important;
	height: 352px !important;
	position: relative !important;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.ellipsis {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	word-wrap: normal;
	vertical-align: bottom;
	width: 100%;
}


/* css for timepicker */
#ui-datepicker-div .pie-helper {
	height: auto;
}

.ui-datepicker-buttonpane {
	overflow: auto;
}

.ui-timepicker-div, .ui-datepicker-buttonpane {
	margin: 0 16px;
}

	.ui-timepicker-div .ui-widget-header {
		margin-bottom: 8px;
	}

	.ui-timepicker-div dl {
		text-align: left;
	}

		.ui-timepicker-div dl dt {
			height: 25px;
			margin-bottom: -25px;
		}

		.ui-timepicker-div dl dd {
			margin: 0 10px 10px 65px;
		}

	.ui-timepicker-div td {
		font-size: 90%;
	}

	.ui-timepicker-div .ui-slider {
		height: 20px;
		border: 1px solid #AAAAAA;
		margin: 0;
		border-radius: 4px;
		background-color: #E1E1E2;
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E1E1E2), color-stop(100% #FFFFFF));
		background-image: -webkit-linear-gradient(top, #E1E1E2 0%, #FFFFFF 100%);
		background-image: -moz-linear-gradient(top, #E1E1E2 0%, #FFFFFF 100%);
		background-image: -ms-linear-gradient(top, #E1E1E2 0%, #FFFFFF 100%);
		background-image: -o-linear-gradient(top, #E1E1E2 0%, #FFFFFF 100%);
		background-image: linear-gradient(top, #E1E1E2 0%, #FFFFFF 100%);
		-pie-background: linear-gradient(#E1E1E2 0%, #FFFFFF 100%);
		/*behavior: url('../shared/css/css_pie/PIE.htc');*/
	}

		.ui-timepicker-div .ui-slider a.ui-slider-handle {
			top: -6px;
		}

.ui-tpicker-grid-label {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

.ui-datepicker .ui-datepicker-buttonpane .ui-state-default {
	padding: 0 20px;
	height: 26px;
	white-space: nowrap;
	border-radius: 5px 5px 5px 5px;
	font-weight: 600;
	color: #404245;
	border: 1px solid #808285;
	background-color: #C3C3C4;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E1E1E2), color-stop(100% #C3C3C4));
	background-image: -webkit-linear-gradient(top, #E1E1E2 0%, #C3C3C4 100%);
	background-image: -moz-linear-gradient(top, #E1E1E2 0%, #C3C3C4 100%);
	background-image: -ms-linear-gradient(top, #E1E1E2 0%, #C3C3C4 100%);
	background-image: -o-linear-gradient(top, #E1E1E2 0%, #C3C3C4 100%);
	background-image: linear-gradient(top, #E1E1E2 0%, #C3C3C4 100%);
	-pie-background: linear-gradient(#E1E1E2 0%, #C3C3C4 100%);
	/*behavior: url('../shared/css/css_pie/PIE.htc');*/
}

	.ui-datepicker .ui-datepicker-buttonpane .ui-state-default.ui-datepicker-close {
		float: right;
	}

.ui-timepicker-rtl {
	direction: rtl;
}

	.ui-timepicker-rtl dl {
		text-align: right;
	}

		.ui-timepicker-rtl dl dd {
			margin: 0 65px 10px 10px;
		}

.ui-datepicker .ui_tpicker_time_label,
.ui-datepicker .ui_tpicker_time {
	display: none;
}

.invisible {
	display: none !important;
}
.visible {
	display: block !important;
}
.noborder {
	border: none !important;
}

.errorcenterbold {
	text-align: center;
	/* color: red; */
	/* color: #e20015 !important; */
	color: #950606 !important;
	font-weight: bold;
}

.vrm.configurationsite .modal.dialog.small.about div.pie-helper div.floating,
.dlacockpit .modal.dialog.small.about div.pie-helper div.floating {
	display: block;
	width: 700px;
}

.monitoringsite .modal.dialog.small.about .bg,
.vrm.configurationsite .modal.dialog.small.about .bg,
.dlacockpit .modal.dialog.small.about .bg {
	display: block;
	position: fixed;
}

.vrm.configurationsite .modal.dialog.small.about div.pie-helper,
.dlacockpit .modal.dialog.small.about div.pie-helper {
	display: block;
	width: 150%;
}

.vrm.configurationsite .pie-helper div.floating H2,
.dlacockpit .pie-helper div.floating H2 {
    font-size: 1.667em;
    margin: 0.83em 0;
    color: black;
    line-height: 64px;
}

body.monitoringsite tr:not(.active) span{
	font-weight: 500 !important;
}

.presets .visually-hidden {
    border: 0;
    padding: 0;
    margin: 0;
    position: absolute !important;
    height: 1px; 
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    white-space: nowrap;
}

.page_export_logbook .visually-hidden {
    color:white;
}

/* fixed contrasts */

/* Default pagination button styling */
.dataTables_wrapper .dataTables_paginate .paginate_button {
  color: #000000!important; /* Black text for high contrast */
  background-color: #ffffff; /* White background */
  border: 1px solid #dddddd; /* Light border */
}

/* Hover and focus states */
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:focus {
  background-color: #444444; /* Darker background on hover */
  color: #ffffff; /* White text on hover */
  outline: 2px solid #ffcc00; /* High-contrast focus outline */
}

/* Active page button */
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background-color: #007bff; /* Active page: blue background */
  color: #ffffff; /* White text on active page */
}

/* Disabled buttons */
.cockpit .dataTables_wrapper .dataTables_paginate .paginate_button.disabled ,
.monitoringsite .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  /* color: #aaaaaa!important; /* Reduced contrast for disabled buttons */
  color: black!important; /* Reduced contrast for disabled buttons */
  background-color: #f9f9f9!important; /* Subtle background for disabled state */
  opacity: 0.8!important;
}

.disabled {
    opacity: 0.5;
}



.monitoringsite fieldset.group legend {
	color:black;
}

.monitoringsite  h2,
.monitoringsite  h3,
.box-info .monitoringsite  h3{
	color:black!important;	
}

.charts .charts-holder li span {
	color:black;
	    opacity: 1.0!important;
}

.box-info P {
    color:black!important;	
}
#showSelectedCams ,.selectCams{
    color:black!important;	
}
/* #jobtype_table_export > thead > tr > th.visually-hidden.sorting_disabled { */
/* color:white; */
/* } */

body {
  width: 100%;
  padding: 0;
  margin: 0;
  *zoom: 1;
}
body:before,
body:after {
  content: "";
  display: table;
}
body:after {
  clear: both;
}
/*boxes*/
BODY .box {
  margin: 0 0 1em 0;
  overflow: hidden;
}
.box,
.progress {
	position: relative;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.box H3 {
  margin: 0;
  padding: 4px 8px 4px 16px;
  line-height: 24px;
}
.box P {
  margin: 0.5em 0;
  padding: 0 16px 4px 16px;
}
.box H3 SPAN {
  float: right;
  height: 24px;
  width: 24px;
  text-align: center;
}
.box H3 SPAN:before {
  line-height: 0.75em;
  font-size: 24px;
  font-family: 'icons';
  font-weight: normal !important;
}
.box-info {
  /* color: #808285; */
  color: #525F6B;
  background: #eaeaeb;
}
.box-info H3 {
  border-bottom: 1px solid #c3c3c4;
  color: #808285;
  /*word-break: break-all;*/
}
.box-info H3 SPAN:before {
  content: "\E71a";
}
.box-info P {
  color: #808285;
}
.box-info ul {
	list-style:none;
	padding: 0 0 0 20px;
}
.box-info #vrm-info ul span:nth-child(2),
.box-info #video-device-info ul span:nth-child(2) {
    width: 150px;
}
.box-info #vrm-info ul span:nth-child(1) {
    float: left;
    overflow: hidden;
    width: 140px;
}
.box-info #video-device-info ul span:nth-child(1) {
	  float: left;
    overflow: hidden;
    width: 70px;
}
/**/
.box-none {
  display: none;
}
.box-success {
  color: #008040;
  background: #e5f2ec;
}
.box-success H3 {
  border-bottom: 1px solid;
  color: #008040;
}
.box-success H3 SPAN:before {
  content: "\E70c";
}
.box-success P {
  color: #404245;
}
/**/
.box-warning {
  color: #404245;
  background: #fdeb4d;
}
.box-warning H3 {
  border-bottom: 1px solid;
  color: #404245;
}
.box-warning H3 SPAN:before {
  content: "\E705";
}
.box-warning P {
  color: #404245;
}
/**/
.box-error {
  color: #e20015;
  background: #fad6da;
}
.box-error H3 {
  border-bottom: 1px solid;
  color: #e20015;
}
.box-error H3 SPAN:before {
  content: "\E715";
}
.box-error P, .box-error .notred {
  color: #404245;
}
.box-error .padded {
  padding: 20px 15px;
}


.btn-default {
  position: relative;
  height: 32px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-weight: 600;
}
.btn-clear {
  background: transparent;
  border-color: transparent;
  line-height: 32px;
  text-align: center;
  padding: 0 40px;
}
.btn-grey {
  position: relative;
  border: 1px solid #808285;
  background-color: #c3c3c4;
  position:relative;
  color: #404245;
}
.btn-grey:hover {
  border: 1px solid #c3c3c4;
  background-color: #a5a6a7;
  position:relative;
  color: #404245;
}
.btn-grey:active,
.btn-grey.active {
  border: 1px solid #c3c3c4;
  background-color: #a5a6a7;
  position:relative;
  color: #404245;
}
.btn-grey.disabled {
  border: 1px solid #e1e1e2;
  background-color: #e1e1e2;
  position:relative;
  color: #c3c3c4;
  overflow:visible;
}
#footer-menu .btn-grey.disabled {
   color: #404245;
}
/*blue*/
.btn-blue {
  background-color: #007bc0;
  position:relative;
  color: #ffffff;
  border: 0;
}
.btn-blue:hover {
  background-color: #008ecf;
  position:relative;
  color: white;
  border: 0;
}
.btn-blue:active,
.btn-blue.active {
  background-color: #00142a;
  position:relative;
  color: #ffffff;
  border: 0;
}
.btn-blue.disabled {
  background-color: #628cb2;
  position:relative;
  color: #003b6a;
  border: 0;
}
/*VARIOUS FORMS*/

.txt-field {
  border: 1px solid #c3c3c4;
  color: #404245;
  padding: 0 16px;
  background-color: #efefef;
  position:relative;
}
.txt-field.active,
.txt-field:focus {
  border: 1px solid #6eb0d5;
  outline: none;
}
.txt-field.error {
  border: 1px solid #e20015;
  color: #e20015;
  outline: none;
}
.txt-field.error:focus {
  border: 1px dotted #e20015;
}
.txt-field.success {
  border: 1px solid #008040;
  color: #404245;
  outline: none;
}

BODY .radios LABEL,
BODY .radios INPUT.radio,
BODY INPUT.checkbox{
display:block;
line-height:32px !important;
float:left;
padding:0;
margin:0;
height:34px;
}

BODY INPUT[type="checkbox"]+LABEL,
BODY .radios LABEL{
padding:0 0 0 30px;
font-weight:normal;
line-height:32px;

}

BODY .box INPUT[type="checkbox"]+LABEL,
BODY .box[type="radio"] LABEL{
padding:0 0 0 16px;
font-weight:normal;
line-height:34px;

}



BODY .radio,
BODY .checkbox {
  text-decoration: none;
  color: #000;
  /*padding: 0 32px; inputs is too wide !!!*/
  display: block;
  line-height: 18px;
  margin: 8px 0;
  font-weight: 400;

}

BODY .box > .checkbox {
	margin-left: 16px;
}


BODY .box LABEL {
	padding-left: 16px;
}

.radio:before {
  float: left;
  content: " ";
  display: block;
  width: 16px;
  height: 16px;
  background: #ccc;
  position: relative;
  left: -4px;
  top:6px;
  border: 1px solid #808285;
  background-color: #c3c3c4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e1e1e2, endColorstr=#c3c3c4);
  /* the easy way out con: no rounded corners pro: no css3pie need for IE 8 */

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e2), color-stop(100% #c3c3c4));
  background-image: -webkit-linear-gradient(top, #e1e1e2 0%, #c3c3c4 100%);
  background-image: -moz-linear-gradient(top, #e1e1e2 0%, #c3c3c4 100%);
  background-image: -ms-linear-gradient(top, #e1e1e2 0%, #c3c3c4 100%);
  background-image: -o-linear-gradient(top, #e1e1e2 0%, #c3c3c4 100%);
  background-image: linear-gradient(top, #e1e1e2 0%, #c3c3c4 100%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.radio.checked {
  font-weight: bold;
}
INPUT[type="radio"]:checked:before{
  content: "\2022";
  font-size: 20px;
  text-align: center;
  line-height: 16px;
  color: #003b6a;
}
INPUT[type="radio"]:checked+LABEL,
INPUT[type="checkbox"]:checked+LABEL{
	font-weight: bold;
}


BODY .checkbox:before {
  /* float: left;
  content: " ";
  display: block;
  width: 16px;
  height: 16px;
  border: 1px solid #808285;
  background-color: #c3c3c4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e1e1e2, endColorstr=#c3c3c4);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  position: relative;
  left: -1px;
  top: 7px */
}
INPUT[type="checkbox"]:checked:before {
  /* content: "\E70e";
  text-indent: -4px;
  line-height: 8px; */
}
body .miniHelper {
	display: inline-block;
  overflow: visible;
	margin: 0 0 0 20px;
	position: relative;
  vertical-align: middle;
  /*top: 7px;*/
}


.ie1 body .miniHelper,
.ie11 body .miniHelper {
  top: -4px;
}

#radio-replace  .miniHelper {
	top: 2px;
}
#radio-replace .infoPopUp {
	width:340px;
	left:-158px;
}
#set-time-container {
	top:4px;
}
button.refresh_video_devices {
    min-width: 100px;
}
/* .batch-operations button.refresh_video_devices {
	margin-right: 0px;
} */
button.refresh_video_devices.disabled:after {
	background: url("../img/blue_anim.gif") repeat scroll 0 0 transparent;
    content: "";
    height: 24px;
    left: -28px;
    position: absolute;
    top: 3px;
    width: 24px;
}
.step_recordingquality #video-container,
.page_recordingquality #video-container {
	height:361px;
}
.step_camerasetup #video-container {
	position: relative;
	z-index: 0;
}
.batchConfIP  {
	margin-left:20px;
}
.batch-operations button {
	margin-left: 20px;
}
.row-block {
    margin-bottom: 10px;
    overflow: hidden;
    line-height: 32px;
}
[class^="column-"] .full-width {
    width: 85%;
}
.footerNavigation  {
	line-height:33px;
	min-width:100px;
	text-align:center;
	text-decoration:none;
}
.box.box-info.device-preview.last #vrm-info > ul > li > span,
.video-device-info > ul > li > span{
    display: inline-block;    
    overflow: hidden;
    white-space: nowrap;
    width: 49%;
    line-height: 18px;
}
html.touch .controls .btn-default.btn-grey.Drag {
    display:none;
}

div.progressbar.back,
div.progressbar.front {
	border-radius: 5px;
	border: 1px solid white;
	height: 16px;
	color: #404245;
	text-align: center;
}

div.progressbar.back {
    background-color:lightgray;
	position: relative;
	margin: 2px;
	padding: 0px;
}

div.progressbar.front {
	background-image:url("../img/progressbar_bg.png");
	border-radius: 4px;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	height: 14px;
	line-height: 14px;
	padding: 0px;
}
/* The container */
/* .container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: green;
} */

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: red;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
body {
  width: 100%;
  padding: 0;
  margin: 0;
  *zoom: 1;
}
body:before,
body:after {
  content: "";
  display: table;
}
body:after {
  clear: both;
}
.row {
  display: block;
  width: auto;
  margin: 0 16px;
  *zoom: 1;
}
.row:before,
.row:after {
  content: "";
  display: table;
}
.row:after {
  clear: both;
}
/* basic grid */
.column-1 {
  display: inline;
  float: left;
  width: 8.333333333333334%;
}
.column-1 > * {
  margin: 0 24%;
}
.column-2 {
  display: inline;
  float: left;
  width: 16.666666666666668%;
}
.column-2 > * {
  margin: 0 12%;
}
.column-3 {
  display: inline;
  float: left;
  width: 25%;
}
.column-3 > * {
  margin: 0 8%;
}
.column-4 {
  display: inline;
  float: left;
  width: 33.333333333333336%;
}
.column-4 > * {
  margin: 0 6%;
}
.column-5 {
  display: inline;
  float: left;
  width: 41.66666666666667%;
}
.column-5 > * {
  margin: 0 4.8%;
}
.column-6 {
  display: inline;
  float: left;
  width: 50%;
}
.column-6 > * {
  margin: 0 4%;
}
.column-8 {
  display: inline;
  float: left;
  width: 66.66666666666667%;
}
.column-8 > * {
  margin: 0 3%;
}
.column-9 {
  display: inline;
  float: left;
  width: 75%;
}
.column-9 > * {
  margin: 0 2.6666666666666665%;
}
.column-12 {
  display: inline;
  float: left;
  width: 100%;
}
.column-12 > * {
  margin: 0 2%;
}
/* general */
#content H2 {
  padding: 8px 0 24px 0;
  word-wrap: break-word;
}
.cl {
  clear: both;
  height: 0;
  border: 0;
}
.rel {
  position: relative;
}
/*page welcome*/
.left-column {
  display: inline;
  float: left;
  width: 66.66666666666667%;
}
.left-column > * {
  margin: 0 3%;
}
.right-column {
  display: inline;
  float: left;
  width: 33.333333333333336%;
  position:relative;
}
.right-column > * {
  margin: 0 6%;
}
.right-column {
  margin-top: 24px;
}
#language-select {
  margin-top: 64px;
}
#language-select BUTTON,
#language-select SELECT{
  width: 248px;
}
.file-upload {
  overflow: hidden;
  padding: 0 16px 8px;
}
.file-upload INPUT,
.file-upload BUTTON {
  height: 24px;
  min-width: 0;
  display: block;
  float: left;
  margin: 0 8px 0 0;
}
.file-upload INPUT {
  padding: 0 4px;
  width: 182px;
}
/*page password*/
.password LABEL {
  float: left;
  line-height: 32px;
  margin-top: 16px;
}
#adminPw,
#retypePw,
#userPw,
#retypeUserPw,
.userPermissions  input[type="password"]{
  float: right;
  width: 110px !important;
  min-width: 50px !important;
  /* margin-top: 16px; */
}
.password .info {
  margin-top: 23px;
  position: relative;
  left: -24px;
}
.page-password .description {
  padding-bottom: 24px;
}
.page-password .box {
  margin-top: 16px;
}
/*page: time and date*/
.set-timezone {
  margin-top: 24px;
}
.set-timezone LABEL {
  font-weight: bold;
  margin-bottom: 8px;
  display: block;
}
#timezone {
  width: 100%;
}

#radio-replace{
margin-top:32px;
}

.disabled LABEL,
.disabled INPUT {
  opacity: 0.5 !important;
}
#set-date-manually-container {
  position: relative;
  margin: 0;
}
#set-date-manually-container .calender {
  height: 34px;
}
#set-date-manually-container LABEL {
  display: block;
}
#set-date-manually {
  min-width: 80px;
  float: left !important;
  width: 115px;
  padding: 0 8px;
}
BODY #set-time-container LABEL {
  display: block;
}
BODY #set-time-container INPUT {
  min-width: 0;
  padding: 0 5px;
  display: inline !important;
  width: 24px;
  text-align: center;
}
BODY #set-time-container BUTTON {
  height: 34px;
  position: relative;
  margin-left: 12px;
  max-width: 150px;
}
/* page: storage */
.no-border {
  border: 0 !important;
}
.diskspace {
	margin: 25px auto 15px;
    width: 90%;
}
.page-storage .storage-mode-select {
  margin-top: 48px;
}
.page-storage .storage-mode-select STRONG {
  float: left;
  line-height: 24px;
  margin: 0 8px 0 0;
}
.page-storage .storage-mode-select STRONG .info {
  float: left;
}
#dla {
  /* position: absolute; */
  /* top: 10px; */
  /* right: -50px; */
  z-index: 0;
  margin: auto;
  padding: 0;
}
.pageStorage #dla {
    right: 20px;
}
/*
html.ie #dla {
  margin-top: -168px;
}
*/

.storage-mode-select {
    max-width: 250px;
}
.step_storage .storage-mode-select {
    max-width: 300px;
}

.storage-mode-select,
.storage-sidebar {
  position: relative;
  z-index: 2;
}
/*page Video Devices*/
.page-video_devices .box BUTTON {
  margin: 0 16px 8px 16px;
  width: 224px;
}
.page-video_devices .box UL {
  list-style: none;
  margin: 0;
  padding: 8px 16px;
}
.page-video_devices .box UL LI SPAN {
  width: 40%;
  display: block;
  float: left;
}
/*recording quality*/
.page-recording_quality .slider {
  margin-right: 20%;
}
.page-recording_quality .slider .scale {
  width: 190px;
}
.page-recording_quality .control-group BUTTON {
  margin-top: 12px;
}
/*page scheduler*/
#scheduler THEAD TH,
#scheduler TBODY TD {
  padding-left: 2px;
  font-weight: 400;
  text-align: left;
  border: 1px solid #666666;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-width: 0px 1px 1px 0px;
}
.box HR {
  margin: 0 16px;
  border-top: 1px solid #ccc;
  border-width: 1px 0 0 0;
  border-color: rgba(0, 0, 0, 0.15);
  height: 0px;
}
#scheduler THEAD TH {
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  border-width: 0px 1px 1px 0px;
}

#scheduler .removable .label:hover {
  background: black;
}
.clr-weekend {
  background: #3daf3d;
}
.clr-night {
  background-color: #24477f;
}
.clr-day {
  background: #f9cb6d;
}

.clr-recording_profile_1 {
  background: #f9cb6d;
}
.clr-recording_profile_2 {
  background: #24477f;
}
.clr-recording_profile_3 {
  background: #3daf3d;
}
.clr-recording_profile_4 {
  background:#de71da;
}
.clr-recording_profile_5 {
  background:#68e0de;
}
.clr-recording_profile_6 {
  background:#d36c5b;
}
.clr-recording_profile_7 {
  background:#7f67bb;
}
.clr-recording_profile_8 {
  background:#c2f10f;
}
.clr-recording_profile_9 {
  background:#2e89e6;
}
.clr-recording_profile_10 {
  background:#bccfbc;
}


#scheduler TBODY TD.label {
  border-width: 1px 1px 0 0;
  height: 15px;
  overflow: hidden;
}
.delete-settings {
  margin: 0 16px;
  font-weight: 300;
}
.delete-settings P {
  line-height: 32px;
  font-weight: 700;
}
.delete-settings INPUT.txt-field,
.delete-settings BUTTON {
  width: 32px;
  text-align: center;
  padding: 0;
  height: 32px;
  margin: 0 4px 0 0;
}
.delete-settings BUTTON SPAN {
  display: block;
  margin: 0;
  padding: 0px;
  line-height: 19px;
  width: 30px;
}
.delete-settings INPUT.txt-field {
  position: relative;
  top: -1px;
}
.delete-settings .checkbox {
  padding: 0 8px;
}
#colorpicker {
  margin-left: 80px;
  margin-top: 24px;
}
#colorpicker .sub-group {
position:relative;
  border: 1px solid transparent;
  float: left;
  overflow: hidden;
  margin-left: 1%;
  width: 31.91%;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  behavior: url('../shared/css/css_pie/PIE.htc');
}
#colorpicker .sub-group .dropdown {
  width: 100%;
}
.dropdown.dropdown-activated span.icon > q{
	width:80%;
}
#colorpicker .sub-group .label,
#colorpicker .square-24 {
  float: left;
  line-height: 32px;
  display: block;
  color: #003b6a;
}
#colorpicker .square-24 {
  width: 16px;
  height: 16px;
  margin: 8px;
}
#colorpicker DIV.sub-group:hover {
  border: 1px solid #d3e7f2;
  position:relative;
   behavior: url('../shared/css/css_pie/PIE.htc');
}
#colorpicker DIV.active {
  background: #d3e7f2;
  cursor: default;
}

#time-definition h3{
	margin-top:64px;

}

/*page: remote access*/
.expander-group {
  padding-top: 32px !important;
}
DIV.expander-group .box {
  margin: 0;
}
.expander-group .box H3:before {
  color: #000;
  content: '\E700';
  font-family: 'icons';
  font-size: 24px;
  line-height: 0.5em;
  display: block;
  float: left;
  position: relative;
  width: 12px;
  text-align: left;
  border: 1px;
  text-indent: -6px;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  top: 6px;
  left: -11px;
}
.expander-group .box H3:hover:before,
.expander-group .expander-opened H3:before {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);

  top: 3px;
  left: -8px;
}
DIV.expander-group .disabled,
DIV.expander-group .disabled * {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.page-remote_access #remote_access-graphic {
  left: 5em !important;
  top: 1em;
}
/* page finish */
BODY.page-finish .big H3 {
  font-weight: 500 !important;
  font-size: 24px;
  text-align: center;
  line-height: 32px;
  padding-left: 112px;
  padding-top: 32px;
  padding-bottom: 32px;
  position: relative;
}
BODY.page-finish .big h3 span {
  float: left !important;
  position: absolute;
  left: 16px;
  top: 16px;
}
BODY.page-finish .big h3 span:before {
  font-size: 96px;
  content: "\E70d";
}

/*temp*/


DIV.slider DIV.value .handle{
left:70%;
}

.notifications p#url_missing, .notifications p#url_error, .notifications p#url_path_error, .notifications p#else_error {
  color:red;
  display:none;
  height: 29px;
} 
.progress {
    margin: 16px 16px 8px 16px;
    padding:7px;
}

.progressPW DIV {
    text-indent: 5px;
    height: 14px;
    padding: 1px 0px;
    margin: 0;
    background: #e20015;
    width: 0%;
    color: #ffffff;
    font-weight: 600;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-transition: background 500ms, width 200ms;
    -moz-transition: background 500ms, width 200ms;
    -o-transition: background 500ms, width 200ms;
    transition: background 500ms, width 200ms;
}
.progressPW DIV.poor{
    background: #e20015;
}
.progressPW DIV.medium {
    background: #fdeb4d;
}

	.progressPW DIV.strong,
	.progressPW DIV.active {
		background: #008040;
}

a.info:hover {
    text-decoration: none;
}
.info:hover .infoPopUp{
    opacity:1;
    z-index: 30;
    visibility:visible;
    top:30px;
}
.infoPopUp {
    color: #9FA0A2;
    opacity:0;
    min-height: 130px;
    width:200px;
    padding: 8px 0;
    background: #ffffff;
    position: absolute;
    left: -88px;
    top:60px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .6);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .6);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .6);
    z-index: 3;
    visibility:hidden;
    -webkit-transition-property: opacity, top;
    -webkit-transition-duration: 500ms, 500ms;
    -webkit-transition-delay: 0s, 0s;
    -moz-transition-property: opacity, top;
    -moz-transition-duration: 500ms, 500ms;
    -moz-transition-delay: 0s, 0s;
    -o-transition-property: opacity, top;
    -o-transition-duration: 500ms, 500ms;
    -o-transition-delay: 0s, 0s;
    transition-property: opacity, top;
    transition-duration: 500ms, 500ms;
    transition-delay: 0s, 0s;
}

.infoPopUp ul {
    font-weight: bold;
    line-height: 1.667em;
    list-style-type: disc;
    margin: 2px;
}
.infoPopUp p {
    margin: 0 20px;
}
.ui-tooltip:before,
.infoPopUp:before {
    border-top: 0px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
    border-left: 5px solid transparent;

    content: " ";
    font: 0px/0 "Helvetica Neue",​Arial,​"Lucida Grande",​sans-serif;
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    top: -5px;
    width: 0;
    z-index: 33;
    display:block;
}
.corner_at_bottom.ui-tooltip:before{
    border-top: 5px solid #fff;
    border-right: 5px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 5px solid transparent;

    bottom:-5px;
    top:auto;
}
.max200 { max-width: 200px; }
.adminPw,
.retypePw,
.userPw,
.retypeUserPw{
    display: none;
}

.progressPW DIV.Poor {
    background: #e20015;

}
.progressPW DIV.Average {
    background: #fdeb4d;

}
.progressPW DIV.Good {
    background: #008040;
}
.progressPW DIV.poor {
    background: #e20015;

}
.progressPW DIV.average {
    background: #fdeb4d;

}
.progressPW DIV.good {
    background: #008040;
}

.pageDate .dropdown-button,
.contentdateAndTime button.dropdown {/*on page date and time of configurationsite*/
    width: 100%;
    overflow: hidden;
}
.pageDate .dropdown {
    display: block;
}

.dropdown {
    position: relative;
    overflow: visible;
    display: inline-block;
}
.dropdown-items {
    display: none;
    position: absolute;
    list-style-type: none;
    background: none repeat scroll 0 0 #FFFFFF;
    top: 40px !important;
    left: 0 !important;
    width: 250px;
    height:200px;
    z-index: 999;
}
.logtype-filter .dropdown-items {
    height: 8em;
}
.dropdown-items ul{
    list-style-type: none;
    margin: 0 0 0 0;
    padding: 0px;
}
.dropdown-items:before {
    border: 0 solid transparent;
    color: #FFFFFF;
    content: "";
    display: block;
    font: 24px 'icons';
    left: 10%;
    margin-left: -15px;
    position: absolute;
    text-align: center;
    top: -19px;
    width: 32px;
    z-index: 33;
}
.dropdown-items li a:hover {
    text-decoration: none;
}
.dropdown-items li a {
    display: inline-block;
    margin:0;
    padding: 0;
    /*float: left;*/
    width: 100%;
}
.dropdown-items li {
    cursor: pointer;
    line-height: 30px;
    /*background: none repeat scroll 0 0 #FFFFFF;*/
}
.dropdown-items li span{
    display: block;
    margin-left:10px;
    white-space: nowrap;
}
.dropdown-items li span.current:before {
    content: "\E70c";
    margin-right: 5px;
    font-size: 20px;
}

/*.dropdown-items li:nth-child(2n) {
    background: none repeat scroll 0 0 #EFEFEF;
}*/
.dropdown-items li:hover {
    background: none repeat scroll 0 0 #D3E7F2;
}
.dropdown-items .viewport{
    height:100%;
}
.dropdown-items .overview{
    width:100%;
}

.scrollbar {
    background: transparent no-repeat 0 0;
    position: relative;
    background-position: 0 0;
    float: right;
    width: 12px;
    line-height: 16px;
    position: absolute;
    z-index: 4;
    right: -3px;
    display: block;
    top: 15px !important;
    opacity:0;
    -webkit-transition: opacity 500ms, width 200ms;
    -moz-transition: opacity 500ms, width 200ms;
    -o-transition: opacity 500ms, width 200ms;
    transition: opacity 500ms, width 200ms;
}
.scrollbar.disable{
    visibility:hidden;
}
.tinyscrollbar:hover > .scrollbar {
    opacity: 1;
}




.tinyscrollbarhorizontal > .scrollbar {
    background: transparent no-repeat 0 0;
    position: relative;
    background-position: 0 0;
    float: right;
    width: 12px;
    line-height: 16px;
    position: absolute;
    z-index: 4;
    right: -3px;
    display: block;
    top: 15px !important;
    opacity:0;
    -webkit-transition: opacity 500ms, width 200ms;
    -moz-transition: opacity 500ms, width 200ms;
    -o-transition: opacity 500ms, width 200ms;
    transition: opacity 500ms, width 200ms;
}
.tinyscrollbarhorizontal > .scrollbar.disable{
    visibility:hidden;
}
.tinyscrollbarhorizontal:hover > .scrollbar {
    opacity: 1;
}











.hidden {
    display: none !important;
}

#navigation LI A {
    line-height: 40px;
    text-decoration: none;
    display: block;
    color: #215f8b;
    white-space: nowrap;
}

.pageWelcome #footer .btn2,
#footer .btn1,
.pageFinish #footer .btn3,
#footer .btn3,
.pageFinish #footer .btn2{
    display:none;
}
.pageWelcome #footer .btn1,
.pageFinish #footer .btn3{
    display:block;
}

.tinyscrollbarDateTime {
    height: 300px;
    width: 420px;
    z-index: 200;
}

.radio:checked:before {
    line-height: 17px;
    letter-spacing: 1px;
}

.page_replace_device .radio:checked:before {
    line-height: 15px;
    letter-spacing: 1px;
}

BUTTON.dropdown-button SPAN.icon:before {
    content: "\E700";
    margin: 0 0 0 0;
    line-height: 20px;
}

BUTTON.dropdown-button span {
    width: 100%;
}

#navigation LI:before {
    counter-increment: section;
    content: "" counter(section) "";
    display: block;
    float: left;
    line-height: 24px;
    width: 24px;
    margin: 8px 12px 8px 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    behavior: url('../shared/css/css_pie/PIE.htc');
    background: #fff;
    text-align: center;
    letter-spacing: 1.2px;
}
.gecko.ff2.win #navigation LI:before {
    text-indent: 1px;
}
#navigation li:hover:before {
    background: transparent;
    color: #003b6a;
}

.setTimeZone .dropdown {
    width: 100%;
}

INPUT::-ms-clear {
    display: none;
}

.table DIV INPUT.inPlaceEdit {
     display: block;
     padding: 0 0 0 8px;
     width: 99%;
     height: 30px;
 }

.page_device_info .table DIV INPUT.inPlaceEdit2 {
    display: block;
    padding: 0 0 0 8px;
    width: 80%;
    height: 30px;
    margin-left: 15%;
 }

.page_device_info .table DIV SPAN.inPlaceEdit2 {
    padding: 0 0 0 8px;
    width: 100%;
    height: 30px;
    margin-left: 5%;
    min-width: 40px;
}

.page_device_info .table DIV BUTTON.btnSubmitField {
    position: absolute;
    right: 8px;
    left: auto;
    width:32px;
}

.tableDevices {
    display:block;
}


.box_editable_1 {
    display:block;
}

.box_editable_1a {
    display:block;
}
.box_editable_2 {
    display:none;
}

.camerasList  UL {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.camerasList  UL.vertical LI {
    display: block;
    height: 32px;
    line-height: 32px;
    padding-left: 0;
}
.camerasList  UL.vertical > LI:nth-child(even) {
    background: #efefef;
}
.camerasList  UL.horizontal {
    overflow: hidden;
}
.camerasList  UL.horizontal:hover {
    background: #d3e7f2;
}
.camerasList  UL.horizontal LI {
    float: left;
    background:none;
}
.cameraName {
    padding: 0 16px 0 8px;
}
.camerasList  UL.horizontal LI.index {
    width: 32px;
    text-align: center;
}
.camerasList  .dragHandle {
    margin: 0 16px 0 8px;
    padding: 0 4px;
}
.camerasList  .dragHandle:hover {
    cursor: move;
}
/*scrollbar related*/
.camerasList  .viewport {
    width: 285px;
}

#OverlayList .listWrapper {
    height: 304px;
    padding: 8px 0;
    background: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .6);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .6);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .6);
    /**/

}

#OverlayList UL {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.ui-datepicker {
    display: none;
}

#ui-datepicker-div {
    width: auto;
    padding: 0;
}

.ui-datepicker .ui-datepicker-header {
    padding: 0;
}

.pageStorage .storage-mode-select STRONG ,
.page_disk_management .storage-mode-select STRONG {
    float: left;
    line-height: 24px;
    margin: 0 8px 0 0;
}

.pageVideoDevices .box button, button.start-update {
    margin: 0 16px 8px 16px;
    width: 310px;
}

.step_videodevices div.video-device-info button{
    margin: 0 16px 8px 16px;
    width: 310px;
}

.step_camerasetup div.stamping-content .element button{
    width: 100%;
    margin: 30px 10px 0 0;
    padding: 0 9px;
}

.step_camerasetup div.stamping-content button.fr{
    margin: 10px 10px 0 0;    padding: 0 9px;
    width: 50%;
}

.pageRecordingQuality .slider .scale {
    width: 190px;
}

.pageRemoteAccess #remote_access-graphic {
    left: 5em !important;
    top: 1em;
}

UL#navigation LI A#lnk-password:before {
    content: "\E71b";
}

BODY.pageFinish .big H3 {
    font-weight: 500 !important;
    font-size: 24px;
    text-align: center;
    line-height: 32px;
    padding-left: 112px;
    padding-top: 32px;
    padding-bottom: 32px;
    position: relative;
}

BODY.pageFinish .big h3 span {
    float: left !important;
    position: absolute;
    left: 16px;
    top: 16px;
}

BODY.pageFinish .big h3 span:before {
    font-size: 96px;
}
BODY.pageFinish .big.box-warning ul {
    margin-left: 40px;
}
BODY.pageFinish .big.box-success h3 span:before {
    content: "\E70d";
}

BODY.pageFinish .big H3 {
    font-weight: 500 !important;
    font-size: 24px;
    text-align: center;
    line-height: 32px;
    min-height:64px;
}


#slider_fps,
#slider_qua{
    height: 20px;
    margin: 0 15px;
}
#slider_fps .ui-slider-range,
#slider_qua .ui-slider-range {
    height: 50%;
    top: 5px;
    left:-10px;
}
#slider_fps .ui-slider-handle,
#slider_qua .ui-slider-handle {
    top: -6px;
}
#slider_sch {
    height:10px;
}
#slider_sch {
	margin: 5px;
}

.ui-slider-range {
    background: none repeat scroll 0 0 padding-box #008040;
    border-radius: 1px 1px 1px 1px;
}
.ui-slider-handle:after {
    content:"\E701";
    display: inline-block;
    font-family: 'icons' !important;
    font-size: 24px;
    line-height: 24px;
}
html.safari .ui-slider-handle:after {
    vertical-align:1px;
}
.ui-slider-horizontal a.ui-slider-handle {
    margin:0 0 0 -15px;
    text-decoration: none;
    outline: medium none;
    text-align: center;
    top: -11px;
}
.ui-slider-handle,
.ui-slider .ui-slider-handle {
    border: 1px solid #000000;
    color: #000000;
    cursor: move !important;
    font-family: 'icons';
    font-size: 24px;
    height: 32px;
    line-height: 26px;
    position: absolute;
    text-align: center;
    width: 32px;
    border-radius: 5px 5px 5px 5px;
    /*background-image: -moz-linear-gradient(center top , #E1E1E2 0%, #C3C3C4 100%);*/
    background: #c3c3c4;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e2), color-stop(100% #c3c3c4));
    background-image: -webkit-linear-gradient(top, #e1e1e2 0%, #c3c3c4 100%);
    background-image: -moz-linear-gradient(top, #e1e1e2 0%, #c3c3c4 100%);
    background-image: -ms-linear-gradient(top, #e1e1e2 0%, #c3c3c4 100%);
    background-image: -o-linear-gradient(top, #e1e1e2 0%, #c3c3c4 100%);
    background-image: linear-gradient(top, #e1e1e2 0%, #c3c3c4 100%);
    -pie-background: linear-gradient(#e1e1e2, #c3c3c4);
    behavior: url('../shared/css/css_pie/PIE.htc');
}
.ui-slider-handle:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c3c3c4), color-stop(100% #e1e1e2));
    background-image: -webkit-linear-gradient(top, #c3c3c4 0%, #e1e1e2 100%);
    background-image: -moz-linear-gradient(top, #c3c3c4 0%, #e1e1e2 100%);
    background-image: -ms-linear-gradient(top, #c3c3c4 0%, #e1e1e2 100%);
    background-image: -o-linear-gradient(top, #c3c3c4 0%, #e1e1e2 100%);
    background-image: linear-gradient(top, #c3c3c4 0%, #e1e1e2 100%);
    -pie-background: linear-gradient(#c3c3c4, #e1e1e2);
    behavior: url('../shared/css/css_pie/PIE.htc');
}

DIV.double .unit > SPAN.after {
    width: 102%;
}
.slider .scale {
    padding: 0;
}
.lab {
    color: #008040;
    display: block;
    font: 0.7em arial;
    height: 45px;
    position: absolute;
    text-align: left;
    top: -40px;
    white-space: nowrap;
    width: 100px;
}
.motion_2 {
    left: -1px;
    border-left: 1px solid #008040;
    padding-left: 10px;
}
.motion_1 {
    border-right: 1px solid #008040;
    right: -1px;
    text-align: right;
}
DIV.double .icons {
    color: #E20015;
    margin: 0 0 0 40px;
    padding: 10px 0;
    text-align: center;
}
.slider.double .icons  span:before {
    z-index:1;
    margin-left: -2px;
}
#slider_sch .right_h{
    margin-left: 0;
}
#slider_sch .left_h{
    margin-left: -31px;
}


#colorpicker .sub-group {
    width: 31%;
}

.ui-selectable-helper {
    border: 1px dotted black;
    position: absolute;
    z-index: 100;
}
.ui-selecting{
    background-color:#D3E7F2;
}

.noBorder {
    position:relative;
}
.spinnerGrey,
.spinnerBlue{
    position: absolute;
    width: 24px;
    height: 25px;
    right:8px;
    top:5px;
    display:block;
}
.spinnerGrey{
    background: transparent url(../img/spinnerGrey.png) 0 0 no-repeat;
}
.spinnerBlue{
    background: transparent url(../img/blue_anim.gif) 0 0 no-repeat;
    /*background: transparent url(../img/spinner_blue.png) 0 0 no-repeat;*/
}
.spinnerGrey:before,
.spinnerBlue:before{
    content:none !important;
}

#remote_access-graphic.conf_bg_1{
    background-position:-135px 0;
}
#remote_access-graphic.conf_bg_1 .layer2,
#remote_access-graphic.conf_bg_1 .layer3,
#remote_access-graphic .layer2,
#remote_access-graphic .layer3{
    background-position:  45px 0 ;
}
#remote_access-graphic.conf_bg_1.conf_bg_2 .layer4{
    background-position: -675px 0 ;
}
#remote_access-graphic.conf_bg_1.conf_bg_2 .attr-success{
    background-position: 0 0;
}
#remote_access-graphic.conf_bg_1.conf_bg_2.conf_bg_3{
    background-position: -270px 0;
}
#remote_access-graphic.conf_bg_1.conf_bg_2.conf_bg_3 .attr-success {
    background-position: -135px 0;
}
#remote_access-graphic.conf_bg_1.conf_bg_2.conf_bg_3.conf_bg_4{
    background-position: -405px 0;
}
#remote_access-graphic.conf_bg_1.conf_bg_2.conf_bg_3.conf_bg_4 .attr-success {
    background-position: -270px 0;
}
#remote_access-graphic.conf_bg_1.conf_bg_2.conf_bg_3.conf_bg_4 .arrows {
    background-position: -1215px 0;
}
#remote_access-graphic.conf_bg_1.conf_bg_2.conf_bg_3.conf_bg_4.conf_bg_5 .attr-success {
    background-position: -405px 0;
}
#remote_access-graphic.conf_bg_1.conf_bg_2.conf_bg_3.conf_bg_4.conf_bg_5 .arrows {
    background-position: -1755px 0;
}

BODY.pageWelcome UL#navigation:before{
    height:0px;
}
BODY.pagePassword UL#navigation:before{
    height:32px;/*-->*/
}
BODY.pageDate UL#navigation:before{
    height:80px;/*-->*/
}
BODY.pageStorage UL#navigation:before{
    height:128px;/*-->*/
}
BODY.pageVideoDevices UL#navigation:before{
    height:164px;/*-->*/
}
BODY.pageCameraSetup UL#navigation:before{
    height:188px;/*-->*/
}
BODY.pageRecordingQuality UL#navigation:before{
    height:240px;/*-->*/
}
BODY.pageScheduler UL#navigation:before{
    height:272px;/*-->*/
}
BODY.pageRemoteAccess UL#navigation:before{
    height:312px;/*-->*/
}
BODY.pageFinish UL#navigation:before{
    height:348px;/*-->*/
}

#colorpicker .sub-group.active .iconfont {
    display: block;
}

#colorpicker .sub-group .iconfont {
    display: none;
    cursor:pointer;
}
#colorpicker .sub-group .label {
    width:105px;
}
.editMotion{
    float: left;
    padding: 0 5px;
    width: 45%;
    height:30px;
}
.green {
    color:green;
}

.always_green {
    color:green !important;
}

.always_green:before {
    color:green !important;
}

.red {
    color: red;
}

.always_red {
    /* color: red !important; */
    color: #E20015 !important;
}

.always_red:before {
    color: red !important;
}

.yellow{
    color: #FBB03B;
}

.always_yellow{
    color: #FBB03B !important;
}
.always_yellow:before{
    color: #FBB03B !important;
}

.pageRecordingQuality .control-group BUTTON {
    margin-top: 12px;
}

#scrollbar1 .viewport {
    display: block;
}

.pageStorage legend,
.page_disk_management legend {
    display: block;
    width: 100%;
    font-weight: bold;
    margin-bottom: 20px;
}
.pageStorage .radios .level,
.page_disk_management .radios .level {
    min-height: 40px;
}
.page_disk_management fieldset.radios label,
.step_storage fieldset.radios label {
    max-width: 185px;
    height: auto;
    line-height: 20px !important;
    padding-top: 5px;
    padding-left: 20px;
}
.step_storage fieldset.radios label {
    max-width: 230px;
}

.storage-sidebar .box-warning, .storage-sidebar .box-error {
    display: none;
}

.pageRecordingQuality #wrapper {
    min-height: 1000px;
}

.pageRemoteAccess #wrapper {
    min-height: 800px;
}

table.ipRange{
    font: 1.4em/2.2em arial;
    width: 80%;
    color: #808285;
    text-indent:0;
}
table.ipRange td{
    padding:0;
}
.ip_1,
.ip_2, .futIP_1 {
    /*float:left;*/
    text-align: right;
}
.ip_2 {
    display:none;
}
.ip_2 input{
    display: block;
    padding: 0 2px;
    text-align: center;
    width: 30px;
}

#menu UL LI.right a {
    /* padding: 0 10px; */
}

/* #menu UL LI.right {
  width: auto;
} */

BUTTON SPAN.icon {
    text-align: center !important;
}

BUTTON.dropdown-button SPAN.icon {
    text-align: left !important;
}

/*----- VRM-1165 long Dropdown-Text not cropped  -----*/
.dropdown-items li {
    height: 30px;
    position: relative;
}
.dropdown-items li span.current:before {
    position: absolute;
    right: -5px;
    top: 0;
}
.dropdown-items li span{
    overflow: hidden;
    text-overflow: ellipsis;
}
BUTTON.dropdown-button SPAN.icon:before,
BUTTON.dropdown SPAN.icon:before {
    position: absolute;
    right: 1%;
}
BUTTON.dropdown-button SPAN.icon,
BUTTON.dropdown SPAN.icon {
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 5%;
    white-space: nowrap;
    width: 80%;
    text-align:left !important;
}
.stamping .dropdown-items li span{
    width: 55%;
}
#configCameras  BUTTON.dropdown SPAN.icon ,
#configCameras .dropdown-items li span,
.resolution-dropdown .dropdown-items li span{
    width: 85%;
}
/*----- VRM-1165 long Dropdown-Text not cropped -----*/

.btn-edit_field {
    font-family: 'icons';
    font-size: 24px;
    border: 0;
    background: transparent;
    float:left;
    right: 8px;
    top: 0;
    line-height: 28px;
    padding: 0;
    height: 28px;
    color: #c3c3c4;
}


#colorpicker .sub-group .dropdown-button {
    width: 100%;
}

#colorpicker .sub-group {
    overflow: visible;
}

.pageScheduler .dropdown-items {
    height: 62px;
    width: 100%;
}

.pageScheduler .scale {
    margin-left: 40px;
}

body .info:before {
    line-height: 19px;
}
#sorttable_sortfwdind, #sorttable_sortrevind {
    display: none;
}

#confCamList .custom-dropdown .icon {
    font-size: 24px;
}
#confCamList .btnSubmitField,
.stamping .btnSubmitField,
.btnSubmitField {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e2), color-stop(25% #ffffff));
    background-image: -webkit-linear-gradient(top, #e1e1e2 0%, #ffffff 25%);
    background-image: -moz-linear-gradient(top, #e1e1e2 0%, #ffffff 25%);
    background-image: -ms-linear-gradient(top, #e1e1e2 0%, #ffffff 25%);
    background-image: -o-linear-gradient(top, #e1e1e2 0%, #ffffff 25%);
    background-image: linear-gradient(top, #e1e1e2 0%, #ffffff 25%);
    -pie-background: linear-gradient(#e1e1e2 0%, #ffffff 25%);
    behavior: url('../shared/css/css_pie/PIE.htc');
    border: medium none;
    color: #008040;
    font-family: icons;
    font-size: 24px;
    height: 27px;
    width:28px;
    line-height: 27px;
    position: absolute;
    left: 74%;
    top: 1px;
    display:none;
}
.step_camerasetup #confCamList .btnSubmitField{
	left:83%;
}
.box_editable_2 .btnSubmitField {
    display:block;
}
#confCamList > div{
    float: left;
    width: 100%;
    margin:0;
    height: 30px;
}
.step_camerasetup #confCamList > div{
    width: 133%;
}
#confCamList {
    width: 40%;
    min-width: 215px;
    margin-right: 2%;
}
#confCamList .btnSubmitField span, .stamping .btnSubmitField span{
    margin-top: -3px;
}
#confCamList .icon {
    margin: 0;
}
#confCamList .icon:before {
    float: left;
    margin: 0;
}
#camMode{
    max-width: 36%;
    min-width: 220px;
}
#camMode .holdOneLiner .icon{
    height:auto;
}
.no_lens_wizard #lensWizard{
    display:none;
}
#camMode,
#camMode button{

}
#camMode button{
    overflow:hidden;
    padding:0;
    width:100%;
}
#camMode .holdOneLiner{
    padding: 0 30px 0 10px;
}
#camMode .tinyscrollbar {
    height: 90px;
    width: 100%;
}
#camMode .dropdown-items:before {
    /* left: 50%; */
}
#camMode button span{
    float: left;
    text-align: left;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
}

#camMode button span:first-child{
    margin-right: 3%;
    max-width: 45%;
    min-width: 85px;
}
#camMode button span.icon {
    float: right;
    width: 22px;
}
#camMode .dropdown .icon:before {
    display: block;
    float: none;
    height: 20px;
    line-height: 15px;
    margin: 0;
    padding: 0;
    width: 25px;
    top: 5px;
}
#camMode .dropdown-current{
    max-width: 50%;
    min-width: 85px;
    padding: 0;
    text-align: center;
}
#config-cameras button{
    padding:0;
}
#configCameras{
    display: block;
    margin-bottom: 8px;
}
#configCameras button,
#configCameras #rec_qual_cam_list{
    width: 50%;
}
.custom-dropdown .txt-field {
    width: 59%;
}
.step_camerasetup .custom-dropdown .txt-field,
.page_camerasetup .custom-dropdown .txt-field {
    padding-right: 35px;
}
.step_camerasetup .custom-dropdown .txt-field{
    padding-right: 87px;
}
.custom-dropdown-small .txt-field {
    width: 60px;
}
.step_camerasetup #lensWizard, .page_camerasetup #lensWizard {
    text-align: center;
	width: auto;
    padding-left: 10px;
    padding-right: 10px;
}
.step_camerasetup #lensWizard span, .page_camerasetup #lensWizard span{
    white-space: nowrap;
    line-height: 32px;
		display: block;
}

html.opera #configCameras button span.icon {
    text-align:left!important;
}
#overlay-list .camera-name {
    min-width: 80px;
    overflow: hidden;
    white-space: nowrap;
    width: 42%;
    padding: 0 10% 0 3%;
}
.step_camerasetup #overlay-list .camera-name {
    min-width: 224px;
}
#overlay-list .vertical > li {
    min-width: 243px;
}
#overlay-list .vertical .horizontal li.drag-handle {
    float: right;
    line-height: 28px;
    margin: 0 5px 0 0;
    padding:0;
}
.software-update {
    margin: 0;
}

.software-update .box {
    display: none;
}

.software-update .update-availability {
    display: block;
}

.update-up-to-date .box-success {
    display: block;
}

.update-manual .box-warning {
    display: block;
}

.update-manual-different .box-warning.different {
    display: block;
}

.update-manual .box-warning.different {
    display: none;
}

.update-available .box-info {
    display: block;
}
.update-error .box-error {
    display: block;
}
.camera-img_thumb img{
    display: block;
    margin-top: 2px;
}
.custom-dropdown, .custom-dropdown-small {
    cursor: pointer;
}

.file-upload {
    position: relative;
}
.file-upload input[type="file"] {
    position: absolute;
    /*left: -1000px;*/
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    top: 0;
    right: 0;
    margin: 0;
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
    width: 55%;
}

#upload_file_click, .upload_file_click {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
}

.thumb {
    min-height: 10px!important;
}

.slideUpdate {
    border: 1px solid #c3c3c4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    position: relative;
    padding: 0 5px;
    background-color: #e1e1e2;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e2), color-stop(100% #ffffff));
    background-image: -webkit-linear-gradient(top, #e1e1e2 0%, #ffffff 100%);
    background-image: -moz-linear-gradient(top, #e1e1e2 0%, #ffffff 100%);
    background-image: -ms-linear-gradient(top, #e1e1e2 0%, #ffffff 100%);
    background-image: -o-linear-gradient(top, #e1e1e2 0%, #ffffff 100%);
    background-image: linear-gradient(top, #e1e1e2 0%, #ffffff 100%);
    -pie-background: url(bg-image.png) no-repeat, linear-gradient(#e1e1e2, #ffffff);
    position:relative;
    behavior: url('../shared/css/css_pie/PIE.htc');
    color: #c3c3c4;
}
.updateProcess {
    background: none repeat scroll 0 0 #6EB0D5;
    border-radius: 1px 1px 1px 1px;
    height: 15px;
    margin: 5px 0;
    width:0;
    text-align: center;
    overflow:hidden;
}
.updateProcess span{
    color:#fff;
    font-weight:bold;
    padding-right:5px;
}
.updatingStatText {
    font-size: 15px;
    line-height: 40px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.updatingStatText li{
    border-top:1px solid #E3E3E4;
    position:relative;
}
.updatingStatText li:first-child{
    border-top:0px solid #E3E3E4;
}
.updatingStatText .waiter{
    opacity:0.5;
    font-size: 14px;
    margin-left: 20px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.updatingStatText .icon{
    position: absolute;
    right: 8px;
    top: 5px;
}
.updatingStatText .icon:before{
    content: "\E70c";
    color:#008040;
}

.modal_updating .ftr-menu .upload-btn{
    display:none;
}

.left-column p {
    margin-bottom: 1em;
}

.pageRemoteAccess .remote-options {
    margin-bottom: 1em;
}

.pageRemoteAccess .remote-options .dot {
    font-weight: bold;
    margin: 0;
    line-height: 34px;
    display: inline-block;
    vertical-align: middle;
}

.pageRemoteAccess .dropdown {
    margin: 0 0 10px 0;
}
.pageRemoteAccess .dropdown-items {
    height: 150px;
    width: 100%;
}
.pageRemoteAccess .dropdown > button{
    width: 175px;
}
.pageRemoteAccess .column-4{
    margin:0;
    line-height:32px;
}
.pageRemoteAccess label {
    margin: 0 0 0 0;
    font-weight: bold;
    display: block;
    float: left;
    line-height: 32px;
    width: 35%;
}

.pageRemoteAccess input {
    margin: 0 0 10px 0;
    vertical-align: top;
    width: 50%;
}

.pageRemoteAccess .checkbox {
	width: 16px;
}

/*#time-definition {
  display: none;
}
*/
.pageRecordingQuality .control-group button {
    margin-top: -15px;
}

.pageVideoDevices  .box input[type="checkbox"]+label {
    /*   line-height: 15px;
      margin-top:-27px;
      display: inline-block;
      margin-left: 14px;
      float: left;
      height: 42px; */
}
.modal_add_manual .pie-helper,
.modal_add_manual .floating {
    width: 650px;
}

body .stamping,
body #camMode-box {
    overflow: visible;
}
.stamping .element {
    margin: 15px 10px 0 0;
}

.stamping label {
    display: block;
    clear: both;
}

#stamping-time, #stamping-name {
    width: 60%;
    float: right;
	margin-right: 10px;
}

.stamping-content label{
	padding-top: 7px;
	padding-bottom: 7px;
}

.stamping-content {
    float: left;
    width: 100%;
    padding-bottom: 10px;
}

.page_replace_device .stamping-content {
    float: none;
    width: 100%;
    padding-bottom: 10px;
}

.no-stamping div {
    padding: 10px;
}

.camera_offline div {
    padding: 10px;
}

.custom-dropdown-small .txt-field {
    margin: 0 30px 0 0;
    height: 30px;
    float: left;
    display: block;
    padding: 0 8px;
}

.custom-dropdown-small span.downArrow {
    float: right;
    right: 1px;
    font: 24px/32px normal normal 'icons';
    font-family: 'icons',sans-serif !important;
}
.custom-dropdown-small span.downArrow {
    display: block;
    width: 30px;
    line-height: 32px;
    position: absolute;
    top: -1px;
    text-align: center;
}

.stamping button.fr {
    margin: 30px 10px 0 0;
    padding: 0 9px;
}

.stamping .dropdown-items {
    z-index: 999;
    width: 90px;
    height: 90px;
    /*left: -30px!important;*/
}

.stamping-content .dropdown-button {
    width: 100%;
}

.disabled {
    opacity: .5;
}

#scheduler THEAD TH, #scheduler TBODY TD {
    padding-left: 0 !important;
    text-indent: 0 !important;
    cursor: default;
}

#scheduler table {
    table-layout:fixed;
}

#scheduler tbody td:nth-child(even) {
    border-right:none ;
}
.passible {
    padding-top:20px;
}
.passible .column-8 .box P {
    padding: 0;
}
.passible .column-8 .box .infoPopUp {
    font-size: 12px;
    font-weight: 500;
    color: #808285;
    line-height: 20px;
}
.passible .column-8 .box.box-info .info{
    margin: 0 0 -5px 20px;
}
.passible .column-8 .hold_label_input {
    margin: 15px auto;
    width: 75%;
}
.passible .column-8 .hold_label_input label{
    float:left;
}
.passible .column-8 .hold_label_input label,
.passible .column-8 .hold_label_input .info.fr{
    margin-top:5px;
}
.passible .column-8 .hold_label_input .info.fr{
    margin-left: 20px;
}

.colorer-select .square-24 span.iconfont {
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 13px;
}

.colorer-select span.icon {
    font-family: 'icons';
    display: block;
    width: 16px;
    height: 16px;
}
.colorer-select {
    float: left;
    width: 100%;
}

.retention-time {
    margin-top: 64px!important;
}

.mixedModeInfo {
    padding: 10px;
}

.double .scale {
	width: 80.5%;
}

.step_videodevices #scrollbar1,
.step_camerasetup #config-cameras,
.step_recordingquality #configCameras,
.step_scheduler #scheduler,
.cw-margin-top{
    margin-top: 18px;
}

.step_camerasetup #config-cameras{
    margin-top: 18px;
}


#configCameras .icon.dropdown-current{
    /*max-width: 200px;*/
    min-width: 150px;
    overflow: hidden;
    white-space: nowrap;
}

.disk-list {
    display:none;
}

.disk-list.visible {
		display: block;
}
#redundancy-marker, #no-redundancy-marker {
    display:none;
}
#redundancy-marker.visible, #no-redundancy-marker.visible, .visible {
    display: block;
}

.video-device-info, #vrm-info {
    display: none;
}
/*.pageRemoteAccess #accordion .box-warning,*/ .pageRemoteAccess #accordion .box-error, .pageRemoteAccess #accordion .box-success {
                                                   background: #eaeaeb;
                                               }
.allSaved, .emailSent, .emailError, .pwdValPos {
    color:#008040;
    float:right;
    line-height: 31px;
    margin:0;
    display:none;
}
.page_ddns_setting .notSaved , .page_ddns_setting  .noPwdMatch,.page_ddns_setting  .pwdVal,.page_ddns_setting  .noMail,.page_ddns_setting  .mandatoryField,.page_ddns_setting  .agree2Terms{
    color:red;
    float:right;
    margin:0;
    display:none;
	text-decoration: none !important;
	line-height: 24px;
}

.pageRemoteAccess .notSaved , .pageRemoteAccess  .noPwdMatch, .pageRemoteAccess  .pwdVal, .pageRemoteAccess  .noMail,.pageRemoteAccess  .mandatoryField,.pageRemoteAccess  .agree2Terms, .noValidURL{
    color:red;
    margin:0;
    display:none;
	text-decoration: none !important;
	line-height: 24px;
}

.emailError {
    color:#e20015;
}
a.emailError:link {
    color:#e20015;
}
a.allSaved:link,
a.emailSent:link {
    color:#008040;
}
.allSaved.visible,
.emailSent.visible,
.emailError.visible {
    display:block;
}
.allSaved:hover,
.emailSent:hover,
.emailError.hover {
    text-decoration:none;
}
.allSaved.icon-Check:before,
.emailSent.icon-Check:before,
.emailError.icon-Error:before {
    float:right;
    margin-left:5px;
}
.video-device-info-shot {
    margin: 16px;
    /*height: 232px;*/
}

#scheduler-time-tooltip {
    position: absolute;
    z-index: 999;
    font-size: 0.9em;
    line-height: 1.1em;
    border: 1px solid #000;
    padding: 1px 8px;
    background: #fff;
    white-space:nowrap;
    margin:0;
}
.ui-tooltip {
    word-wrap: break-word;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url('../shared/css/css_pie/PIE.htc');
}
.addingDevicesBox {
    display:none;
}
.changingIpAddress {
    display:none;
}
.storageSetupRunning {
    display:none;
}
.addDevSpinner{
    float:right;
}
.holdcontent{
    height:600px;
    padding-top: 98px;
}


.set_pass_template .floating {
	width: 550px !important; 
}

.edite_camera_passwords {
}

.edite_camera_passwords.table {
	width: 515px;

}

.edite_camera_passwords.table .btn_default{
	/*width: 100%;*/
}



.edite_camera_passwords.table td div {
	overflow: hidden;
}

.edite_camera_passwords.table .col1 div{
	width: auto;
}
.edite_camera_passwords.table .col1{
    width: 40%;
    min-width:0;
}

.edite_camera_passwords.table .col2{
    width:35%;
    min-width: 0;
}

.edite_camera_passwords.table .col3{
    text-align: center;
    text-indent: 0; 
	min-width: 110px;
}

.edite_camera_passwords.table .col4{
   text-align: center;
   text-indent: 0;
   min-width: 110px;
}
.edite_camera_passwords.table .txt-field{
	padding: 0px;
    width: 80px;
    height: 25px;
	text-indent: 5px;
}
.tinyscrollbar_edit_pass .scrollbar{
    top:45px !important;
}
.tinyscrollbar_edit_pass:hover .scrollbar{
    opacity:1;
}


/*------ chart ----*/
.charts {
    overflow: hidden;
    clear: both;
}
.charts ul {
    overflow: hidden;
    clear:both;
}
.charts .legend {
    display: block;
    margin-top: 10px;
}

.charts .charts-holder {

}
.charts li {
    float: left;
    margin-right: 15px;
    width: 25px;
}

.charts li span{
    white-space:nowrap;
}
.charts .in {
    background:#75b595;
    padding: 0 7px;
    font-weight: bold;
    color: #ffffff;
    margin-right: 1px;
}

.charts .out {
    background:#6eb0d5;
    padding: 0 7px;
    font-weight: bold;
    color: #ffffff;
}

.charts li.fan {
    margin-right: 10px;
}

.charts li.last {
    margin-right: 0;
    width:117px;
}
.chart-holder {
    border: 1px solid #c3c3c4;
    position: relative;
}

.vertical-chart {
    height: 70px;
    border-top: 0;
}

.horisontal-chart {
    height: 17px !important;
    border-left: 0px;
}

.chart-holder > .chart-grid {
    position: absolute!important;
    top: 0;
    width: 100%!important;
    height: 100%!important;
    background-color: transparent;
    z-index: 3;
}

.chart-grid-vertical {
    background-size: 1px 10%;
    background-image: -webkit-linear-gradient(rgb(195, 195, 196) 1px, transparent 1px);
    background-image: -moz-linear-gradient(rgb(195, 195, 196) 1px, transparent 1px);
    background-image: linear-gradient(rgb(195, 195, 196) 1px, transparent 1px);
    /* -pie-background: linear-gradient(rgb(195, 195, 196) 1px, transparent 1px);
    -pie-background-size: 10% 1px;
     behavior: url('../shared/css/css_pie/PIE.htc'); */
}

.chart-grid-horisontal {
    background-size: 10% 1.2px;
    background-image: -webkit-linear-gradient(0deg, rgb(195, 195, 196) 1px, transparent 1px);
    background-image: -moz-linear-gradient(0deg, rgb(195, 195, 196) 1px, transparent 1px);
    background-image: linear-gradient(90deg, rgb(195, 195, 196) 1px, transparent 1px);
    /* -pie-background: linear-gradient(90deg, rgb(195, 195, 196) 1px, transparent 1px);
    behavior: url('../shared/css/css_pie/PIE.htc'); */
}


.chart-holder.line-chart {
    width: 117px;
}

.chart-holder.bar-chart.horisontal-chart {
    width: 80px;
    margin-left: 5px;
}

.chart-holder.bar-chart {
    width: 23px;
}

.chart-holder .yellow {
    background-color: yellow;
}

.chart-holder .blue {
    background-color: #94c2dc;
}

.chart-holder .red {
    background-color: #f08080;
}

.bar-chart-value {
    position: absolute;
    bottom: 0;
    z-index: 3;
}

.vertical-chart .bar-chart-value {
    width: 100%;
}

.horisontal-chart .bar-chart-value {
    height: 100%;
}
.threeChartsHolder{
}
.threeChartsHolder .charts-holder {
    padding:0;
}
.threeChartsHolder .charts-holder > li{
    margin-right: 0;
    text-align: center;
    width: 33%;
}
.pagesHide.page_targets .threeChartsHolder .charts-holder > li,
.pagesHide.page_pools .threeChartsHolder .charts-holder > li{
    width: 50%;
}
.threeChartsHolder .charts-holder > li > span:first-child{
    display:block;
}
.threeChartsHolder .charts-holder > li > div.chart-holder.vertical-chart.bar-chart{
    margin:0 auto;
}


/*------ chart ----*/

/*------ next / previous buttons on logbooks vrmcockpit/monitoring   ----*/
.logs_box .box-info-content .filter > span {
    float: left;
    line-height: 26px;
}
.controls li >  .btn-small {
    height: 24px;
    line-height: 24px;
}
.controls .btn-small span {
    white-space:nowrap;
    height: 22px;
    line-height: 22px;
}

.controls .btn-small span:before {
    line-height: 16px;
}
.controls .btn-small .next {
    padding-left: 10px;
    padding-right: 20px;
}
.controls .btn-small .prev {
    padding-left: 20px;
    padding-right: 10px;
}
.controls .btn-small .next:before {
    content: "\E72A";
    position: absolute;
    right: -10px;
    top: 0;
}
.ie9 .controls .btn-small .next:before {
    margin-left: 20px;
}
.controls .btn-small .prev:before {
    content: "\E72B";
    left: -10px;
    position: absolute;
    top: 0;
}

.controls .pages {
    line-height: 24px;
    margin-right: 10px;
}

#go-to-page {
    width: 30px;
    height: 22px;
    margin-left: 3%;
    float: right;
    margin-right:5px;
}
body .box .controls label {
    padding-left: 5px;
    font-weight: bold;
}

.hdd .ellipsis, .hdd-empty .ellipsis {
    width: 60%;
    float: none;
}
.step_remoteaccess h4 {
    margin-bottom: .3em;
}
/*------ next / previous buttons on logbooks vrmcockpit/monitoring   ----*/




.edite_camera_passwords tr.spinner_by_ip.table-content td.col3 > div{
    background:url("../img/blue_anim.gif") no-repeat center center;
}
.edite_camera_passwords tr.spinner_by_ip.table-content td.col3 > div input{
    display:none;
}
.edite_camera_passwords tr.sucessfuly_added.table-content td.col3 > div input{
    display:none;
}
.edite_camera_passwords tr.sucessfuly_added.table-content td.col3 > div:before{
    content: "\E70c";
    font-family: 'icons';
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 1em;
    color: #008040;
}
.modal_with_no_buttons .ftr-menu{
    height:32px;
}
.modal.modal_with_no_buttons .close,
.modal_with_no_buttons .ftr-menu > .btn-default{
    display:none;
}
.modal.wait h3 {
    padding-top: 5px;
    padding-left: 40px;
}
.modal.wait .spinnerBlue {
    right: auto;
    top: 20px;
}
.modal.wait .floating, .modal.wait .pie-helper {
    width: 300px;
}
.errorHolder{
    display: block;
    font: 0.9em/1.2em helvetica,arial;
    padding: 0 0 10px 0;
    max-height: 100px;
}
.tinyscrollbar_edit_pass {
    overflow: hidden;
    position: relative;
	margin-bottom: 30px;
}
.table.edite_camera_passwords{
    height: 220px;
}
.table.edite_camera_passwords thead{
    height: 32px;
    display: block;
    position: relative;
    z-index: 4;
}
.table.edite_camera_passwords .overview{
    margin-top: 37px;
    height: auto;
    overflow: hidden;
    padding-bottom:37px;
}
.text_informer{
    display: block;
    font: 0.9em/1.2em helvetica,arial;
    padding: 0 70px 10px 0;
}

.step_videodevices tr.changing_ip.table-content td.col4.last,
.page_manage_devices tr.changing_ip.table-content td.col4.last {
    background:url("../img/blue_anim.gif") no-repeat center center;
}
.step_videodevices tr.changing_ip.table-content td.col4.last > div,
.page_manage_devices tr.changing_ip.table-content td.col4.last > div{
    display:none;
}
.no_bg .bg {
    display:none;
}
.page_device_info .videoDevices.table td.col2 > div > span {
    height: 32px;
    display: inline-block;
    min-width: 40px;
    float:left;
}
.page_device_info .videoDevices.table td.col2 > div > span:before {
    float:none;
}

.tablesorter-header-inner {
    border: none !important;
    background:none !important;
    height: auto !important;
    width: auto !important;
}

/*some kind of normalizing*/
div:focus,
th:focus,
button:focus {
    outline:0;
}
/*some kind of normalizing*/

#spinner {
    width: 100%;
    z-index: 9999;
    height: 100%;
    background: rgba(255,255,255,.6) url(../img/blue_anim.gif) center center no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
}
.videoDevices .device_info_name_holder{
    width: 240px;
	min-height: 34px;
}
.step_videodevices .videoDevices  .device_info_name_holder{
    width:350px;
}

/* ----- controls scalable width ----*/

.controls.scalable {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-top: 43px;	
	height: 26px;
}

.controls.scalable > ul > li.n1,
.controls.scalable > ul > li.n3{ /*next and prev buttons*/
    width: 24px;
}
.controls.scalable li.fl .btn-small {
    width: 100%;
}

.controls.scalable > ul > li.n2{ /* cur/total */
    margin-right: 0;
	text-align: center;
	width: 60px;
}

.controls.scalable > ul > li.n4{ /*goto page*/
    width: 280px;
}
.controls.scalable > ul > li > label{
    width: 190px;
    line-height: 24px;
    float: right;
	padding: 0;
	text-align:right;
}
.controls.scalable > ul > li > input {
  width: 30px;
  height: 22px;
  margin-left: 10px;
  float: right;
}

.controls.scalable > ul > li.n4{ /*goto page*/
    width: 240px;
	margin-right: 10px;
}

.controls.scalable > ul > li.n5 button { /*logbook-link*/
	padding: 0px 15px;
}


/* ----- controls scalable width ----*/


@media print {
    header, #header {
        display: none;
    }

    #MenuDLA {
        display: none;
    }

    #main > .tinyscrollbar {
        float: none !important;
        margin: 0 auto !important;
    }
    #content {
        float: none !important;
        margin: 0 auto !important;
    }
}

.camMode-content button.fr {
    margin: 0px 10px 10px 0;
    padding: 0 9px;
}

#camMode{
    width: 70%;
    float: right;
}

.step_camerasetup #camMode .holdOneLiner .icon, .step_camerasetup #rotate_degrees .holdOneLiner .icon{
    height:auto;
}



#camMode button{
    overflow:hidden;
    padding:0;
    width:90%;
}



div.box.box-info div #rotate_degrees button{
    overflow:hidden;
     padding:0; 
     width:60%; 
}



#camMode .holdOneLiner, #rotate_degrees .holdOneLiner{
    padding: 0 30px 0 10px;
}
#camMode .tinyscrollbar, #rotate_degrees .tinyscrollbar {
    height: 90px;
    width: 100%;
}
#camMode button span, #rotate_degrees button span{
    float: left;
    text-align: left;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
}

#camMode button span:first-child, #rotate_degrees button span:first-child{
    margin-right: 3%;
    max-width: 45%;
    min-width: 85px;
}
#camMode button span.icon, #rotate_degrees button span.icon {
    float: left;
    width: 22px;
}

#camMode .dropdown-items{
	height: auto;
	width: 90%;
}

#rotate_degrees .dropdown-items {
	height: auto;
	width: 50%;
	right: 0px; 
}

#camMode .dropdown .icon:before, #rotate_degrees .dropdown .icon:before {
    display: block;
    float: none;
    height: 20px;
    line-height: 15px;
    margin: 0;
    /* padding: 0; */
    width: 25px;
    top: 5px;
}

#camMode .dropdown-current{
    max-width: 50%;
    min-width: 85px;
    padding: 0;
    text-align: center;
}

#rotate_degrees .dropdown-current{
    max-width: 50%;
    min-width: 85px;
    /* padding: 0; */
    text-align: center;
}

.defcursor {
    cursor:default;
}

INPUT#flip_checkbox[type="checkbox"]:checked:before  {
 content: none;
 /* float: right; */
 margin-right:50%;
}

INPUT#alarm_stamping_checkbox[type="checkbox"]:checked:before  {
 content: none;
 /* float: right; */
 margin-right:50%;
}

INPUT.encryption_checkbox[type="checkbox"]:checked:before  {
 content: none;
 /* float: right; */
 margin-right:50%;
}

.adjust_spinner {
	margin:auto;
	position: relative;
	}
.modal.dialog.infodlg .floating{
	background-color: #FFFFFF;
}
.modal.dialog.warning .floating{
	background-color: #FDEB4D;
}
.modal.dialog.error .floating{
	background-color: #F8CBD1;
}
.modal.dialog .floating h2{
	color: #313335;
    /*word-break: break-all;*/
}
.modal.dialog .floating:before{
	content:' ';
	position:absolute;
	font-size: 60px;
    left: 20px;
    margin: 0;
    top: 40px;
}
.modal.dialog.infodlg .floating:before{
	color: #7AC943;
	content:'\E70C';
}
.modal.dialog.warning .floating:before{
	color: #313335;
	content:'\E705';
}
.modal.dialog.error .floating:before{
	color: #D80012;
	content:'\E716';
}
.modal.dialog.small .floating:before{
	content: none;
}
.modal.dialog.small .pie-helper:before{

	border-top: 15px solid #EFEFEF;
    border-right: 15px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 15px solid transparent;

    content: " ";
    font: 0px/0 "Helvetica Neue",​Arial,​"Lucida Grande",​sans-serif;
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    bottom: -14px;
    width: 0;
    z-index: 10000000000;
	display:block;
}

.modal.dialog.small h2{
	color:#E83647;
	margin-top: 0;
}

.modal.dialog .ftr-menu {
	border-top: 1px solid #C5C19D;
}
.notification {
	background: none repeat scroll 0 0 #E20015;
    border: 2px solid #A4ACC0;
    border-radius: 24px 24px 24px 24px;
	 behavior: url('../shared/css/css_pie/PIE.htc');
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    left: 28px;
    line-height: 20px;
    position: absolute;
    text-align: center;
    top: 12px;
    width: 20px;
    cursor: pointer;
	opacity:1;

	-webkit-transition: opacity 1s ease-out;
	-moz-transition: opacity 1s ease-out;
	-o-transition: opacity 1s ease-out;
	transition: opacity 1s ease-out;
}
.notification.hide {
	opacity:0;
}

/*Tables*/
/* make 'em scroll */

.scrollbar1 {
	overflow: hidden !important;
	display: block;
	border: 5px solid red;
}

TABLE.table {
	table-layout: fixed;
	border-collapse: collapse;
}

.table TD:nth-child(1),
.table TH:nth-child(1) {
	min-width: 32px;
}

.table TD:nth-child(2),
.table TH:nth-child(2) {
	min-width: 190px;
}

.table TD:nth-child(3),
.table TH:nth-child(3) {
	min-width: 120px;
}

.table TD:nth-child(4),
.table TH:nth-child(4) {
	width: 150px;
}

.table THEAD TR {
	display: block;
	position: relative;
	top: 0px;
}

.table TBODY {
	display: block;
	overflow: auto;
	overflow-x: hidden;
	width: 100%;
	height: 364px;
}

.page_device_info .ip-addres-value {
	width: 165px;;
}

.table TR:nth-child(even) {
	background-color: #efefef;
}

.table TR.even {
	background-color: #efefef;
}
/* make em look nice */
.table {
	border: 0;
	width: 100%;
	height: 32px;
}

	.table TD {
		text-align: left;
		border-collapse: collapse;
		padding: 0px;
		line-height: 32px;
		border: 0;
		position: relative;
	}

	.table DIV A {
		display: block;
		line-height: 32px;
		text-align: left;
		text-decoration: none;
		padding: 0 8px;
	}

	.table .header {
		padding: 0;
	}

	.table .odd {
		background: #f5f5f5;
	}

	.table TR.table-content.active,
	.table TR.table-content:hover {
		background: #d3e7f2;
	}

	.table DIV {
		height: 32px;
		line-height: 32px;
	}

BODY .table .checkbox {
	height: 32px;
	width: 16px;
	padding: 0px;
	display: block;
	margin: 0px 0px 0px 8px;
}


.table THEAD DIV {
	display: block;
	border: 1px solid #808285;
	border-width: 1px 0px;
	background-color: #c3c3c4;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e2), color-stop(100% #c3c3c4));
	background-image: -webkit-linear-gradient(top, #e1e1e2 0%, #c3c3c4 100%);
	background-image: -moz-linear-gradient(top, #e1e1e2 0%, #c3c3c4 100%);
	background-image: -ms-linear-gradient(top, #e1e1e2 0%, #c3c3c4 100%);
	background-image: -o-linear-gradient(top, #e1e1e2 0%, #c3c3c4 100%);
	background-image: linear-gradient(top, #e1e1e2 0%, #c3c3c4 100%);
	-pie-background: url(bg-image.png) no-repeat, linear-gradient(#e1e1e2, #c3c3c4);
	position: relative;
	behavior: url('../shared/css/css_pie/PIE.htc');
	color: #404245;
}

.table THEAD DIV {
	border-left: 1px solid #fff;
	border-right: 1px solid #666;
}

.table THEAD .first DIV {
	-webkit-border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	border-left: 1px solid #808285;
	behavior: url('../shared/css/css_pie/PIE.htc');
}

.table THEAD .last DIV {
	-webkit-border-radius: 0px 5px 5px 0px;
	-moz-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	border-right: 1px solid #808285;
	behavior: url('../shared/css/css_pie/PIE.htc');
}

.table THEAD .bar-grey:hover {
	background-color: #a5a6a7;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c3c3c4, endColorstr=#a5a6a7);
	/* the easy way out con: no rounded corners pro: no css3pie need for IE 8 */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c3c3c4), color-stop(100% #a5a6a7));
	background-image: -webkit-linear-gradient(top, #c3c3c4 0%, #a5a6a7 100%);
	background-image: -moz-linear-gradient(top, #c3c3c4 0%, #a5a6a7 100%);
	background-image: -ms-linear-gradient(top, #c3c3c4 0%, #a5a6a7 100%);
	background-image: -o-linear-gradient(top, #c3c3c4 0%, #a5a6a7 100%);
	background-image: linear-gradient(top, #c3c3c4 0%, #a5a6a7 100%);
	color: #404245;
	behavior: url('../shared/css/css_pie/PIE.htc');
}

.table THEAD .last .bar-grey:hover,
.table THEAD .last.bar-grey-active,
.table THEAD .last .bar-grey:active {
	-webkit-border-radius: 0px 5px 5px 0px;
	-moz-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	behavior: url('../shared/css/css_pie/PIE.htc');
}

.table THEAD .first .bar-grey:hover,
.table THEAD .first.bar-grey-active,
.table THEAD .first .bar-grey:active {
	-webkit-border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	behavior: url('../shared/css/css_pie/PIE.htc');
}

.table THEAD .bar-grey-active,
.table THEAD .bar-grey:active {
	background-color: #a5a6a7;
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#a5a6a7, endColorstr=#c3c3c4);
   the easy way out con: no rounded corners pro: no css3pie need for IE 8 */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5a6a7), color-stop(100% #c3c3c4));
	background-image: -webkit-linear-gradient(top, #a5a6a7 0%, #c3c3c4 100%);
	background-image: -moz-linear-gradient(top, #a5a6a7 0%, #c3c3c4 100%);
	background-image: -ms-linear-gradient(top, #a5a6a7 0%, #c3c3c4 100%);
	background-image: -o-linear-gradient(top, #a5a6a7 0%, #c3c3c4 100%);
	background-image: linear-gradient(top, #a5a6a7 0%, #c3c3c4 100%);
	-pie-background: linear-gradient(#a5a6a7 0%, #c3c3c4 100%);
	color: #404245;
	behavior: url('../shared/css/css_pie/PIE.htc');
}

.table THEAD .bar-grey, .table THEAD .bar-grey-active {
	display: block;
}

	.table THEAD .bar-grey.disabled {
		background-color: #e1e1e2;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e1e1e2, endColorstr=#c3c3c4);
		/* the easy way out con: no rounded corners pro: no css3pie need for IE 8 */
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e2), color-stop(100% #c3c3c4));
		background-image: -webkit-linear-gradient(top, #e1e1e2 0%, #c3c3c4 100%);
		background-image: -moz-linear-gradient(top, #e1e1e2 0%, #c3c3c4 100%);
		background-image: -ms-linear-gradient(top, #e1e1e2 0%, #c3c3c4 100%);
		background-image: -o-linear-gradient(top, #e1e1e2 0%, #c3c3c4 100%);
		background-image: linear-gradient(top, #e1e1e2 0%, #c3c3c4 100%);
		color: #c3c3c4;
		behavior: url('../shared/css/css_pie/PIE.htc');
	}

table .first,
.table .first DIV {
	width: 32px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

TBODY TD {
	text-indent: 8px;
}

.table .header TH A {
	color: #404245;
}

	.table .header TH A:after {
		font-family: "icons";
		content: "\E703";
		float: right;
		margin-right: 0;
		font-size: 24px;
		line-height: 26px;
	}
/* icons */
.table SPAN:before {
	width: 24px;
	display: block;
	float: left;
	line-height: 30px;
	color: #c3c3c4;
}

.table SPAN {
	line-height: 34px;
}

TR.table-content.active *,
TR.table-content.active *:before,
TR.table-content *:hover,
TR.table-content:hover *:before {
	color: #003b6a;
}
/* inputs */
.table TBODY DIV {
	position: relative;
}

.table DIV INPUT#inPlaceEdit {
	display: block;
	padding: 0;
	text-indent: 8px;
	width: 99%;
	height: 30px;
}

.table DIV BUTTON.btnSubmitField,
.table BUTTON.btn-edit_field {
	font-family: 'icons';
	font-size: 24px;
	border: 0;
	background: transparent;
	position: absolute;
	right: 8px;
	top: 0;
	line-height: 28px;
	padding: 0;
	height: 28px;
}

.table DIV BUTTON.btnSubmitField {
	color: #008040;
}

.table BUTTON.btn-edit_field {
	color: #c3c3c4;
}
/* Tiny Scrollbar */
#scrollbar1 {
	position: relative;
}

	#scrollbar1 TBODY {
		margin-top: 32px !important;
		height: auto !important;
	}

	#scrollbar1 THEAD * {
		position: relative;
		z-index: 4;
	}

.viewport {
	width: 100%;
	overflow: hidden;
	position: relative;
}

#scrollbar1 .viewport {
	height: 354px;
}

#scrollbar1 .overview {
	padding-bottom: 32px;
}

.scrollbar {
	background: transparent no-repeat 0 0;
	position: relative;
	background-position: 0 0;
	float: right;
	width: 12px;
	position: absolute;
	z-index: 4;
	right: -3px;
	display: none;
}

.track {
	background: #efefef;
	background: rgba(0, 0, 0, 0.1);
	height: 100%;
	width: 8px;
	position: relative;
	padding: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	behavior: url('../shared/css/css_pie/PIE.htc');
}

.thumb {
	background: #000;
	/*background: rgba(0, 0, 0, 0.3);*/
	opacity: 0.3;
	-pie-background: rgba(0,0,0,0.3);
	height: 20px;
	width: 10px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: -1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	behavior: url('../shared/css/css_pie/PIE.htc');
}

	.thumb .end {
		background: transparent no-repeat 50% 0;
		overflow: hidden;
		height: 5px;
		width: 25px;
	}

.disable {
	display: none;
}

.noSelect {
	user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}
/* scrollbar arrows */
.scrollUp,
.scrollDown {
	position: absolute;
	zindex: 9999;
	font-family: 'icons';
	font-size: 24px;
	width: 12px;
	overflow: hidden;
	text-indent: -6px;
	display: block;
	border: 0px solid red;
	left: -2px;
}

	.scrollUp:hover,
	.scrollDown:hover {
		background:;
	}

.scrollUp {
	top: -16px;
}

.scrollDown {
	bottom: -10px;
}

#scrollbar1 .scrollbar {
	top: 48px !important;
}



/*ie9*/

/*
#scrollbar1 thead {

vertical-align: top\9 !important;
}


#scrollbar1 TBODY{
	overflow: auto\9 !important;
	height:320px\9;
	width:471px\9;
	position: relative;

}*/



/*styling for tables on configurationwizard start*/
.scrollStyle {
	position: relative;
	display: inline-block;
}

.viewport {
	display: block;
}

.scrollStyle {
	position: relative;
}

	.scrollStyle TBODY {
		margin-top: 32px;
		height: auto !important;
	}

	.scrollStyle THEAD * {
		position: relative;
		z-index: 4;
	}

	.scrollStyle .viewport {
		height: 354px;
	}

	.scrollStyle .overview {
		padding-bottom: 32px;
	}

	.scrollStyle .scrollbar {
		top: 48px !important;
	}

.inside_table_content tbody {
	margin: 0;
	overflow: hidden;
}

.videoDevices.table TD:nth-child(1),
.videoDevices.table TH:nth-child(1) {
	min-width: 32px;
}

.videoDevices.table TD:nth-child(2),
.videoDevices.table TH:nth-child(2) {
	min-width: 285px;
}

.videoDevices.table TD:nth-child(3),
.videoDevices.table TH:nth-child(3) {
	min-width: 165px;
}
/*styling for tables on configurationwizard end*/
.shedulerSettingsTable.table TD:nth-child(2),
.shedulerSettingsTable.table TH:nth-child(2) {
	min-width: 218px;
}

.shedulerSettingsTable.table TD:nth-child(3),
.shedulerSettingsTable.table TH:nth-child(3) {
	min-width: 160px;
}

.shedulerSettingsTable.table .header TH A:after {
	content: none;
}

.shedulerSettingsTable.table TR.table-content.active {
	background: #d3e7f2;
}

.shedulerSettingsTable.table {
	width: 435px;
}

	.shedulerSettingsTable.table TR.header th:nth-child(3) div {
		position: relative;
	}

		.shedulerSettingsTable.table TR.header th:nth-child(3) div:after {
			background: none repeat scroll 0 0 #FFFFFF;
			content: "";
			display: block;
			height: 34px;
			position: absolute;
			right: -21px;
			top: -2px;
			width: 20px;
		}

	.shedulerSettingsTable.table TR.table-content.active TD:nth-child(3) > div {
		position: relative;
	}

		.shedulerSettingsTable.table TR.table-content.active TD:nth-child(3) > div:after {
			border-color: transparent transparent transparent #D3E7F2;
			border-style: solid;
			border-width: 16px;
			content: "";
			display: block;
			height: 0;
			position: absolute;
			right: -32px;
			top: 0px;
			width: 0;
		}

.scrollStyle .shedulerSettingsTable.viewport {
	height: 383px;
}

.yelBord .scrollStyle {
	float: left;
}

.scrollStyle .videoDevices {
	height: 546px;
}



/*styling for tables on sheduler start*/
.table.twoButns {
	width: auto;
}

.twoButns.table TH:nth-child(1),
.twoButns.table TH:nth-child(2) {
	min-width: 120px;
}

.twoButns.table DIV {
	width: auto;
	line-height: 32px;
	cursor: pointer;
}

	.twoButns.table DIV:hover {
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c3c3c4), color-stop(100% #a5a6a7));
		background-image: -webkit-linear-gradient(top, #c3c3c4 0%, #a5a6a7 100%);
		background-image: -moz-linear-gradient(top, #c3c3c4 0%, #a5a6a7 100%);
		background-image: -ms-linear-gradient(top, #c3c3c4 0%, #a5a6a7 100%);
		background-image: -o-linear-gradient(top, #c3c3c4 0%, #a5a6a7 100%);
		background-image: linear-gradient(top, #c3c3c4 0%, #a5a6a7 100%);
		-pie-background: linear-gradient(#c3c3c4 0%, #a5a6a7 100%);
		color: #404245;
		behavior: url('../shared/css/css_pie/PIE.htc');
	}

	.twoButns.table DIV.bar-grey-active:hover {
		background-color: #a5a6a7;
		/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c3c3c4, endColorstr=#a5a6a7);
	 the easy way out con: no rounded corners pro: no css3pie need for IE 8 */
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c3c3c4), color-stop(100% #a5a6a7));
		background-image: -webkit-linear-gradient(top, #c3c3c4 0%, #a5a6a7 100%);
		background-image: -moz-linear-gradient(top, #c3c3c4 0%, #a5a6a7 100%);
		background-image: -ms-linear-gradient(top, #c3c3c4 0%, #a5a6a7 100%);
		background-image: -o-linear-gradient(top, #c3c3c4 0%, #a5a6a7 100%);
		background-image: linear-gradient(top, #c3c3c4 0%, #a5a6a7 100%);
		-pie-background: linear-gradient(#c3c3c4 0%, #a5a6a7 100%);
		color: #404245;
		behavior: url('../shared/css/css_pie/PIE.htc');
	}

.threeButns.table {
	height: 20px;
	line-height: 20px;
	position: relative;
	top: 3px;
	width: auto;
	z-index: 0;
}

	.threeButns.table div {
		height: 24px;
		width: auto;
	}

		.threeButns.table div.icon:before {
			float: none;
			line-height: 20px;
			margin: 0 auto;
			text-align: center;
			text-indent: 0;
		}

		.threeButns.table div.icon:after {
			content: none;
		}

	.threeButns.table TH:nth-child(1),
	.threeButns.table TH:nth-child(2),
	.threeButns.table TH:nth-child(3) {
		min-width: 50px;
		cursor: pointer;
	}
/*styling for tables on sheduler end*/


/*styling for tables on user management start*/
.userPermissions TH:nth-child(1),
.userPermissions TD:nth-child(1) {
	min-width: 145px;
}

	.userPermissions TH:nth-child(1) > div,
	.userPermissions TD:nth-child(1) > div {
		width: auto;
	}

.userPermissions TH:nth-child(2),
.userPermissions TD:nth-child(2) {
	min-width: 215px;
}

.userPermissions TH:nth-child(3),
.userPermissions TD:nth-child(3) {
	min-width: 200px;
}

.userPermissions.table tbody td > DIV {
	height: 50px;
	line-height: 50px;
}

.userPermissions.table tbody td.col2 > DIV {
	text-indent: 0;
}

.userPermissions.table tbody td.last.col3 > DIV {
	text-indent: 0;
	text-align: center;
}
/*styling for tables on user management end*/


.arrowRight, .arowRight{
	font-family: "Segoe UI Symbol";
}