/* Minification failed. Returning unminified contents.
(5476,15): run-time error CSS1030: Expected identifier, found ' '
(5476,26): run-time error CSS1031: Expected selector, found ';'
(5476,26): run-time error CSS1025: Expected comma or open brace, found ';'
(5476,38): run-time error CSS1030: Expected identifier, found ' '
(5476,49): run-time error CSS1031: Expected selector, found ';'
(5476,49): run-time error CSS1025: Expected comma or open brace, found ';'
(5477,1): run-time error CSS1019: Unexpected token, found '}'
 */
/*! jQuery UI - v1.10.4 - 2015-01-12
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande%2C%20Lucida%20Sans%2C%20Arial%2C%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=007f64&bgTextureHeader=gloss_wave&bgImgOpacityHeader=55&borderColorHeader=005644&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=inset_hard&bgImgOpacityContent=100&borderColorContent=007f64&fcContent=222222&iconColorContent=004d3c&bgColorDefault=dfeffc&bgTextureDefault=glass&bgImgOpacityDefault=85&borderColorDefault=a4d0c7&fcDefault=007f64&iconColorDefault=007f64&bgColorHover=d0e5f5&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=07c099&fcHover=00604c&iconColorHover=004223&bgColorActive=f5f8f9&bgTextureActive=inset_hard&bgImgOpacityActive=100&borderColorActive=05a382&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=039b7b&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2015 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-clearfix{min-height:0}.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}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block}.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-selectable-helper{position:absolute;z-index:100;border:1px dotted #000}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;min-height:0}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-noicons{padding-left:.7em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.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-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.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:49%}.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-dialog{overflow:hidden;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-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:2px;margin:0;display:block;outline:none}.ui-menu .ui-menu{margin-top:-3px;position:absolute}.ui-menu .ui-menu-item{margin:0;padding:0;width:100%;list-style-image:url(/HandiSoftConnect/Content/themes/hsjq/data:image/gif;base64,R0lGODlhAQABAPcAAAAAAAAAMwAAZgAAmQAAzAAA/wArAAArMwArZgArmQArzAAr/wBVAABVMwBVZgBVmQBVzABV/wCAAACAMwCAZgCAmQCAzACA/wCqAACqMwCqZgCqmQCqzACq/wDVAADVMwDVZgDVmQDVzADV/wD/AAD/MwD/ZgD/mQD/zAD/zMAADMAMzMAZjMAmTMAzDMA/zMrADMrMzMrZjMrmTMrzDMr/zNVADNVMzNVZjNVmTNVzDNV/zOAADOAMzOAZjOAmTOAzDOA/zOqADOqMzOqZjOqmTOqzDOq/zPVADPVMzPVZjPVmTPVzDPV/zP/ADP/MzP/ZjP/mTP/zDP/2YAAGYAM2YAZmYAmWYAzGYA/2YrAGYrM2YrZmYrmWYrzGYr/2ZVAGZVM2ZVZmZVmWZVzGZV/2aAAGaAM2aAZmaAmWaAzGaA/2aqAGaqM2aqZmaqmWaqzGaq/2bVAGbVM2bVZmbVmWbVzGbV/2b/AGb/M2b/Zmb/mWb/zGb/5kAAJkAM5kAZpkAmZkAzJkA/5krAJkrM5krZpkrmZkrzJkr/5lVAJlVM5lVZplVmZlVzJlV/5mAAJmAM5mAZpmAmZmAzJmA/5mqAJmqM5mqZpmqmZmqzJmq/5nVAJnVM5nVZpnVmZnVzJnV/5n/AJn/M5n/Zpn/mZn/zJn/8wAAMwAM8wAZswAmcwAzMwA/8wrAMwrM8wrZswrmcwrzMwr/8xVAMxVM8xVZsxVmcxVzMxV/8yAAMyAM8yAZsyAmcyAzMyA/8yqAMyqM8yqZsyqmcyqzMyq/8zVAMzVM8zVZszVmczVzMzV/8z/AMz/M8z/Zsz/mcz/zMz/8AAP8AM/8AZv8Amf8AzP8A/8rAP8rM/8rZv8rmf8rzP8r/9VAP9VM/9VZv9Vmf9VzP9V/+AAP+AM/+AZv+Amf+AzP+A/+qAP+qM/+qZv+qmf+qzP+q/VAP/VM/VZv/Vmf/VzP/V/AP/M/Zv/mf/zP/wAAAAAAAAAAAAAAACH5BAEAAPwALAAAAAABAAEAAAgEAEMFBAA7)}.ui-menu .ui-menu-divider{margin:5px -2px 5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;min-height:0;font-weight:normal}.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight:normal;margin:-1px}.ui-menu .ui-state-disabled{font-weight:normal;margin:.4em 0 .2em;line-height:1.5}.ui-menu .ui-state-disabled a{cursor:default}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em}.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em}.ui-menu .ui-menu-icon{position:static;float:right}.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(/HandiSoftConnect/Content/themes/hsjq/images/animated-overlay.gif);height:100%;filter:alpha(opacity=25);opacity:.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.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}.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-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;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:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.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;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #073460;background:#fcfdfd url(/HandiSoftConnect/Content/themes/hsjq/images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #005644;background:#073460 url(/HandiSoftConnect/Content/themes/hsjq/images/ui-bg_gloss-wave_55_007f64_500x100.png) 50% 50% repeat-x;color:#fff;font-weight:bold}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #a4d0c7;background:#dfeffc url(/HandiSoftConnect/Content/themes/hsjq/images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#073460}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#073460;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{border:1px solid #a4d0c7;background:#d0e5f5 url(/HandiSoftConnect/Content/themes/hsjq/images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#00604c}.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{color:#00604c;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #05a382;background:#f5f8f9 url(/HandiSoftConnect/Content/themes/hsjq/images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x;font-weight:bold;color:#e17009}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#e17009;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fad42e;background:#fbec88 url(/HandiSoftConnect/Content/themes/hsjq/images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url(/HandiSoftConnect/Content/themes/hsjq/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.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(/HandiSoftConnect/Content/themes/hsjq/images/ui-icons_004d3c_256x240.png)}.ui-widget-header .ui-icon{background-image:url(/HandiSoftConnect/Content/themes/hsjq/images/ui-icons_d8e7f3_256x240.png)}.ui-state-default .ui-icon{background-image:url(/HandiSoftConnect/Content/themes/hsjq/images/ui-icons_007f64_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(/HandiSoftConnect/Content/themes/hsjq/images/ui-icons_004223_256x240.png)}.ui-state-active .ui-icon{background-image:url(/HandiSoftConnect/Content/themes/hsjq/images/ui-icons_f9bd01_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(/HandiSoftConnect/Content/themes/hsjq/images/ui-icons_039b7b_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(/HandiSoftConnect/Content/themes/hsjq/images/ui-icons_cd0a0a_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-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:-64px -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:-64px -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:0 -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:5px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:5px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:5px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:5px}.ui-widget-overlay{background:#aaa url(/HandiSoftConnect/Content/themes/hsjq/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url(/HandiSoftConnect/Content/themes/hsjq/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px}
.rondell-container{overflow:hidden;display:block;position:relative;font-size:6px}.rondell-container.rondell-initializing{background:url("images/loader.gif") no-repeat 50% 50%}.rondell-container.rondell-initializing *{display:none}.rondell-item{position:absolute;display:block;border:none;cursor:pointer;overflow:hidden;text-decoration:none;top:0;left:0;opacity:1}.rondell-item a{cursor:pointer;color:#fff;text-decoration:none}.rondell-item .rondell-item-crop{-webkit-border-radius:inherit;-moz-border-radius:inherit;-ms-border-radius:inherit;-o-border-radius:inherit;border-radius:inherit;overflow:hidden;width:100%;height:100%}.rondell-item img{vertical-align:bottom;display:block;margin:0 auto}.rondell-item img.rondell-item-resizeable{width:100%;height:100%}.rondell-item:hover{border-color:#bbb}.rondell-item:hover,.rondell-item:hover div,.rondell-item:hover p{text-decoration:none}.rondell-item-loading{background:#d9d9d9 url("images/item-loader.gif") no-repeat center center!important;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}.rondell-item-loading *{display:none!important}.rondell-item-error{background:#b33!important;background-color:rgba(200,0,0,.1)!important;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}.rondell-item-error p{color:#333;text-align:center;font-size:18px;padding:20px}.rondell-item-focused,.rondell-item-focused a{cursor:pointer}.rondell-caption{position:absolute;margin:5px;padding:5px;color:#333;overflow-x:hidden;overflow-y:auto;height:auto;width:auto;top:0;bottom:0;left:0;right:0;text-decoration:none}.rondell-caption a{text-decoration:underline}.rondell-caption p{margin:4px 0}.rondell-caption.rondell-item-overlay{top:auto;position:absolute;padding:3px 8px;display:none;color:#fafafa;background-color:#333;background-color:rgba(0,0,0,.5);-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}.rondell-control{position:absolute;font-size:12px;font-weight:bold;color:#000;padding:4px 8px;display:block;text-decoration:none;background:#f5f5f5;text-shadow:0 1px 1px #ccc;opacity:0}.rondell-control:hover{background:#fafafa;text-decoration:none}.rondell-scrollbar{width:100%;height:20px;position:absolute}.rondell-scrollbar.rondell-scrollbar-bottom{bottom:10px}.rondell-scrollbar .rondell-scrollbar-background{position:absolute;top:50%;left:0;right:0;margin:0 10px;background-color:#eee;height:1px}.rondell-scrollbar .rondell-scrollbar-left,.rondell-scrollbar .rondell-scrollbar-right{top:2px;width:16px;height:16px;background-color:#ccc;background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#ccc),color-stop(100%,#bbb));background:-webkit-linear-gradient(top,#ccc,#bbb);background:-moz-linear-gradient(top,#ccc,#bbb);background:-o-linear-gradient(top,#ccc,#bbb);background:linear-gradient(top,#ccc,#bbb)}.rondell-scrollbar .rondell-scrollbar-left:active,.rondell-scrollbar .rondell-scrollbar-right:active{background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#ccc),color-stop(100%,#ddd));background:-webkit-linear-gradient(top,#ccc,#ddd);background:-moz-linear-gradient(top,#ccc,#ddd);background:-o-linear-gradient(top,#ccc,#ddd);background:linear-gradient(top,#ccc,#ddd)}.rondell-scrollbar .rondell-scrollbar-inner{width:14px;height:14px;display:block;background:url("images/arrows.png") no-repeat 0 0}.rondell-scrollbar .rondell-scrollbar-left{left:6px}.rondell-scrollbar .rondell-scrollbar-left .rondell-scrollbar-inner{background-position:0 -16px}.rondell-scrollbar .rondell-scrollbar-right{right:6px}.rondell-scrollbar .rondell-scrollbar-control,.rondell-scrollbar .rondell-scrollbar-left,.rondell-scrollbar .rondell-scrollbar-right{cursor:pointer;position:absolute;border:1px solid #ccc;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;border-radius:12px}.rondell-scrollbar .rondell-scrollbar-control{left:50%;top:4px;width:12px;height:12px;margin-left:-6px;background-color:#c00;background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,red),color-stop(100%,#b00));background:-webkit-linear-gradient(top,red,#b00);background:-moz-linear-gradient(top,red,#b00);background:-o-linear-gradient(top,red,#b00);background:linear-gradient(top,red,#b00);-webkit-transition:left .2s linear;-moz-transition:left .2s linear;-o-transition:left .2s linear;transition:left .2s linear}.rondell-scrollbar .rondell-scrollbar-control:active{background:#d00;background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#e00),color-stop(100%,#d00));background:-webkit-linear-gradient(top,#e00,#d00);background:-moz-linear-gradient(top,#e00,#d00);background:-o-linear-gradient(top,#e00,#d00);background:linear-gradient(top,#e00,#d00)}.rondell-scrollbar .rondell-scrollbar-control.rondell-scrollbar-dragging,.rondell-scrollbar .rondell-scrollbar-control:hover{top:3px;width:14px;height:14px;margin-left:-7px}.boxshadow.rgba .rondell-scrollbar-control{border:0;-webkit-box-shadow:0 0 2px rgba(0,0,0,.5);-moz-box-shadow:0 0 2px rgba(0,0,0,.5);box-shadow:0 0 2px rgba(0,0,0,.5)}.boxshadow.rgba .rondell-scrollbar-control:hover{-webkit-box-shadow:0 0 3px rgba(0,0,0,.5);-moz-box-shadow:0 0 3px rgba(0,0,0,.5);box-shadow:0 0 3px rgba(0,0,0,.5)}.boxshadow.rgba .rondell-scrollbar-control:active{-webkit-box-shadow:0 0 5px -1px rgba(0,0,0,.6);-moz-box-shadow:0 0 5px -1px rgba(0,0,0,.6);box-shadow:0 0 5px -1px rgba(0,0,0,.6)}.boxshadow.rgba .rondell-scrollbar-left,.boxshadow.rgba .rondell-scrollbar-right{border:0;-webkit-box-shadow:0 0 2px rgba(0,0,0,.3);-moz-box-shadow:0 0 2px rgba(0,0,0,.3);box-shadow:0 0 2px rgba(0,0,0,.3)}.boxshadow.rgba .rondell-scrollbar-left:hover,.boxshadow.rgba .rondell-scrollbar-right:hover{-webkit-box-shadow:0 0 3px rgba(0,0,0,.5);-moz-box-shadow:0 0 3px rgba(0,0,0,.5);box-shadow:0 0 3px rgba(0,0,0,.5)}.boxshadow.rgba .rondell-scrollbar-left:active,.boxshadow.rgba .rondell-scrollbar-right:active{-webkit-box-shadow:0 0 2px rgba(0,0,0,.3) inset;-moz-box-shadow:0 0 2px rgba(0,0,0,.3) inset;box-shadow:0 0 2px rgba(0,0,0,.3) inset}.rondell-lightbox{z-index:9998;left:-99999px;position:absolute}.rondell-lightbox,.rondell-lightbox-overlay{left:0;top:0;bottom:0;right:0}.rondell-lightbox-overlay{position:fixed;cursor:pointer;opacity:.8;background-color:#000}.rondell-lightbox-content{position:fixed;clear:both;left:50%;top:0;max-height:90%;overflow:auto;background-color:#555;background-color:rgba(70,70,70,.6);padding:10px;z-index:9999;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 2px 50px 1px rgba(0,0,0,.7);-moz-box-shadow:0 2px 50px 1px rgba(0,0,0,.7);box-shadow:0 2px 50px 1px rgba(0,0,0,.7)}.rondell-lightbox-content .rondell-item-image{border:1px solid #333}.rondell-lightbox-content .rondell-caption,.rondell-lightbox-content .rondell-caption.rondell-item-overlay{text-align:left;position:relative;display:block;color:#eee;text-shadow:0 1px 1px #111;margin:0;padding:0;background-color:transparent;max-width:400px}.rondell-lightbox-content .rondell-caption a{color:#ade;text-decoration:underline}.rondell-lightbox-content .rondell-caption a:hover{text-decoration:none}.rondell-lightbox-content .rondell-lightbox-prev,.rondell-lightbox-content .rondell-lightbox-next,.rondell-lightbox-content .rondell-lightbox-close,.rondell-lightbox-content .rondell-lightbox-position{color:#fafafa;cursor:pointer;position:absolute;opacity:0;width:16px;height:16px;background:#333;border:2px solid #555;-webkit-transition:opacity .2s ease;-webkit-transition-delay:.1s;-moz-transition:opacity .2s ease .1s;-o-transition:opacity .2s ease .1s;transition:opacity .2s ease .1s;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.5);-moz-box-shadow:0 1px 3px rgba(0,0,0,.5);box-shadow:0 1px 3px rgba(0,0,0,.5)}.rondell-lightbox-content .rondell-lightbox-prev:hover,.rondell-lightbox-content .rondell-lightbox-next:hover,.rondell-lightbox-content .rondell-lightbox-close:hover,.rondell-lightbox-content .rondell-lightbox-position:hover{-webkit-box-shadow:0 1px 6px rgba(0,0,0,.7);-moz-box-shadow:0 1px 6px rgba(0,0,0,.7);box-shadow:0 1px 6px rgba(0,0,0,.7);border:2px solid #888}.rondell-lightbox-content .rondell-lightbox-position{top:2px;left:50%;margin-left:-40px;width:80px;padding:2px 0 1px;text-align:center;font-weight:bold;text-shadow:0 1px 1px #111;border:1px solid #555;cursor:pointer}.rondell-lightbox-content .rondell-lightbox-position:hover{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.5);-moz-box-shadow:0 1px 3px rgba(0,0,0,.5);box-shadow:0 1px 3px rgba(0,0,0,.5);border:1px solid #555}.rondell-lightbox-content .rondell-lightbox-close{top:2px;right:2px}.rondell-lightbox-content .rondell-lightbox-prev,.rondell-lightbox-content .rondell-lightbox-next{top:50%;background:#333 url("images/arrows.png") no-repeat}.rondell-lightbox-content:hover .rondell-lightbox-prev,.rondell-lightbox-content:hover .rondell-lightbox-next,.rondell-lightbox-content:hover .rondell-lightbox-close,.rondell-lightbox-content:hover .rondell-lightbox-position{opacity:1}.rondell-lightbox-content .rondell-lightbox-prev{left:2px;background-position:0 -16px}.rondell-lightbox-content .rondell-lightbox-next{right:2px}.rondell-theme-default .rondell-control,.rondell-theme-default .rondell-item,.rondell-theme-default .rondell-item img{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}.rondell-theme-default .rondell-control{-webkit-box-shadow:0 0 1px rgba(0,0,0,.3);-moz-box-shadow:0 0 1px rgba(0,0,0,.3);box-shadow:0 0 1px rgba(0,0,0,.3);background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#fcfcfc),color-stop(100%,#f9f9f9));background:-webkit-linear-gradient(#fcfcfc,#f9f9f9);background:-moz-linear-gradient(#fcfcfc,#f9f9f9);background:-o-linear-gradient(#fcfcfc,#f9f9f9);background:linear-gradient(#fcfcfc,#f9f9f9)}.rondell-theme-default .rondell-control:hover{background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#fafafa),color-stop(100%,#f5f5f5));background:-webkit-linear-gradient(#fafafa,#f5f5f5);background:-moz-linear-gradient(#fafafa,#f5f5f5);background:-o-linear-gradient(#fafafa,#f5f5f5);background:linear-gradient(#fafafa,#f5f5f5);-webkit-box-shadow:0 0 2px rgba(0,0,0,.3);-moz-box-shadow:0 0 2px rgba(0,0,0,.3);box-shadow:0 0 2px rgba(0,0,0,.3)}.rondell-theme-default .rondell-control:active{background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#f5f5f5),color-stop(100%,#fafafa));background:-webkit-linear-gradient(#f5f5f5,#fafafa);background:-moz-linear-gradient(#f5f5f5,#fafafa);background:-o-linear-gradient(#f5f5f5,#fafafa);background:linear-gradient(#f5f5f5,#fafafa)}.boxshadow.rgba .rondell-theme-default .rondell-item{border:0}.rondell-theme-light .rondell-container{background:#fff}.rondell-theme-light .rondell-item{border:0;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);-moz-box-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 1px 3px rgba(0,0,0,.4)}.rondell-theme-light .rondell-item,.rondell-theme-light .rondell-item img{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}.rondell-theme-light .rondell-item:hover{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3);-moz-box-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 1px 2px rgba(0,0,0,.3)}.rondell-theme-dark{background:#333;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#333),color-stop(100%,#111));background:-webkit-linear-gradient(#333,#111);background:-moz-linear-gradient(#333,#111);background:-o-linear-gradient(#333,#111);background:linear-gradient(#333,#111)}.rondell-theme-dark .rondell-item{border:0;background:transparent}.rondell-theme-dark .rondell-caption{text-align:center;font-weight:bold;text-shadow:0 0 3px #000;font-size:12px}.rondell-theme-dark .rondell-control{font-size:0;color:transparent;padding:0;width:28px;height:28px}.rondell-theme-dark .rondell-control.rondell-shift-left,.rondell-theme-dark .rondell-control.rondell-shift-right{background:url("images/buttons.png") no-repeat 0 0}.rondell-theme-dark .rondell-control.rondell-shift-left{background-position:0 -28px}.boxshadow.rgba .rondell-theme-dark{border:0;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.6) inset;-moz-box-shadow:0 1px 5px rgba(0,0,0,.6) inset;box-shadow:0 1px 5px rgba(0,0,0,.6) inset}.boxshadow.rgba .rondell-theme-dark .rondell-control{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.rondell-theme-page{border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}.rondell-theme-page .rondell-item{border:0}.rondell-theme-page .rondell-item,.rondell-theme-page .rondell-item img{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}.rondell-theme-page .rondell-control{font-size:0;padding:0;color:transparent;width:20px;height:20px;border:1px solid #bbc}.rondell-theme-page .rondell-control.rondell-shift-left,.rondell-theme-page .rondell-control.rondell-shift-right{background:#ccd url("images/arrows.png") no-repeat 2px 2px;-webkit-border-radius:0 3px 0 6px;-moz-border-radius:0 3px 0 6px;-ms-border-radius:0 3px 0 6px;-o-border-radius:0 3px 0 6px;border-radius:0 3px 0 6px}.rondell-theme-page .rondell-control.rondell-shift-left{background-position:2px -14px;-webkit-border-radius:3px 0 6px 0;-moz-border-radius:3px 0 6px 0;-ms-border-radius:3px 0 6px 0;-o-border-radius:3px 0 6px 0;border-radius:3px 0 6px 0}.boxshadow.rgba .rondell-theme-page{border:0;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.6);-moz-box-shadow:0 1px 3px rgba(0,0,0,.6);box-shadow:0 1px 3px rgba(0,0,0,.6)}.boxshadow.rgba .rondell-theme-page .rondell-control{border:0;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2)}.rondell-theme-slider{border:1px solid #aaa;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.4);-moz-box-shadow:0 1px 4px rgba(0,0,0,.4);box-shadow:0 1px 4px rgba(0,0,0,.4)}.rondell-theme-slider .rondell-item{border:0}.rondell-theme-slider .rondell-item,.rondell-theme-slider .rondell-item img{-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px}.rondell-theme-slider .rondell-caption{text-align:center;font-weight:bold;text-shadow:0 0 3px #000;font-size:14px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.rondell-theme-slider .rondell-caption.rondell-item-overlay{background:transparent}.rondell-theme-slider .rondell-control{font-size:0;color:transparent;padding:0;width:15px;height:30px;background-color:#666;background-color:rgba(50,50,50,.2);border:1px solid #555;background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#666),color-stop(100%,#555));background:-webkit-linear-gradient(top,#666,#555);background:-moz-linear-gradient(top,#666,#555);background:-o-linear-gradient(top,#666,#555);background:linear-gradient(top,#666,#555);-webkit-box-shadow:0 1px 4px rgba(0,0,0,.7);-moz-box-shadow:0 1px 4px rgba(0,0,0,.7);box-shadow:0 1px 4px rgba(0,0,0,.7)}.rondell-theme-slider .rondell-control span{background:url("images/arrows.png") no-repeat 0 0;display:block;height:16px;width:16px;margin-top:7px}.rondell-theme-slider .rondell-control:hover{background-color:#888;background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#777),color-stop(100%,#555));background:-webkit-linear-gradient(top,#777,#555);background:-moz-linear-gradient(top,#777,#555);background:-o-linear-gradient(top,#777,#555);background:linear-gradient(top,#777,#555)}.rondell-theme-slider .rondell-control.rondell-shift-left{-webkit-border-radius:0 15px 15px 0;-moz-border-radius:0 15px 15px 0;-ms-border-radius:0 15px 15px 0;-o-border-radius:0 15px 15px 0;border-radius:0 15px 15px 0}.rondell-theme-slider .rondell-control.rondell-shift-left span{background-position:0 -16px}.rondell-theme-slider .rondell-control.rondell-shift-right{-webkit-border-radius:15px 0 0 15px;-moz-border-radius:15px 0 0 15px;-ms-border-radius:15px 0 0 15px;-o-border-radius:15px 0 0 15px;border-radius:15px 0 0 15px}
/*
 *contextMenu.js v 1.1.2
 *Author: Sudhanshu Yadav
 *s-yadav.github.com
 *Copyright (c) 2013 Sudhanshu Yadav.
 *Dual licensed under the MIT and GPL licenses
 */
/*Context menu css */
.iw-contextMenu {
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	border:1px solid #E6E6E6;
	display:none;
	z-index:1000;
	overflow:auto;
}
.iw-cm-menu{
	background:#F4F4F4;
	color:#333;
	margin:0px;
	padding:0px;
	}

.iw-cm-menu li {
	list-style:none;
	padding:3px;
	padding-left:30px;
	padding-right:20px;
	border-bottom:1px solid #CCC;
	cursor:pointer;
	position:relative;
}
.iw-mOverlay{
	position:absolute; width:100%; height:100%; top:0px; left:0px;
	background:#FFF;
	opacity:.5;
	}
.iw-contextMenu li.iw-mDisable {
	opacity:.3;
}
.iw-mSelected {
	background-color:rgb(0,51,102);
	color:#F2F2F2;
}
.iw-cm-arrow-right {
	width: 0; 
	height: 0; 
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent; 
	border-left:5px solid #333333; 
	position:absolute;
	right:3px;
	top:50%;
	margin-top:-3px;
}

.iw-mIcon{
	width:20px;
	height:20px;
	left:0px;
	top:3px;
	position:absolute;
	}
/*context menu css end */
/* ************ BUTTONS ************* */
.hsButton .ui-button-text {
    padding: 1px 2px;
}

form input.hsButton {
    font-size: 12px !important;
    padding: 2px 4px;
    margin-right: 1px;
    margin-left: 1px;
}

.hsButton {
    margin: 0 0 0 0.2em;
    font-size: 12px !important;
}

.hsButtonNoBorder {
    border-style: none;
    background-color: transparent;
    background-image: none;
}

/* HsPageTitle */
.HsPageTitle {
    display: none;
    height: 0px;
    width: 0px;
}

.bannerImage {
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: 60px;
}

/* Popup Dialog */

/* Content for modal popup dialogs owned by another control. */
.hsModalContent, .hsModalDialog, .replacevalue {
    display: none;
}

#hsNotifications {
    empty-cells: hide;
}

    #hsNotifications .hsActiveNotifications {
        display: block;
    }

.hsGrid {
    display: block;
}

.hsUploadPendingId {
    display: none;
}

#hsUploadFormTarget {
    display: none;
}

/* AppBar Accordion */

fieldset {
    border: 0px;
    margin: 0px;
    padding: 0px;
    /*
    border: 1px solid #E0E0E0;
    margin: 4px;    
    padding: 4px;
*/
}

.hsResultPanel {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

.hsAccordion {
    width: 100%;
    background-color: #e0f0e0;
    /*position:relative;*/
    border-right: 1px solid #073460;
    /*border: 1px solid #073460;*/
    /*margin-right: 3px;*/
    /*border-radius: 5px;*/
    /*height:100%;*/
    /*margin: 2px 2px 2px 2px;*/
}

.hsTextPanel {
    padding: 4px;
}

.hsAccordionHeader {
    height: 1.4em;
    display: block;
    position: relative;
    padding-bottom: .25em;
    padding-top: 0em;
    padding-left: 0em;
    text-indent: 0px;
    /*-moz-user-select:none;
    cursor:pointer;*/
    border: 1px solid #a4d0c7;
    border-bottom: 1px #28a3da solid;
    /*border-radius: 4px;*/
    background: #073460 url(themes/hsjq/images/ui-bg_gloss-wave_55_007f64_500x100.png) 50% 50% repeat-x;
    color: #ffffff;
    font-size: .8em;
    font-weight: bold;
    text-align: center;
}

/* override accordion height - applied style @ runtime will supercede static style */
.ui-accordion .ui-accordion-header a {
    display: block;
    font-size: 1em;
    padding: .2em .5em .2em .7em;
}

.appBar .hsAccordion .hsAccordionBody {
    border: 0px;
    padding: 0px;
}

.hsAccordionHeaderCurrent {
    box-shadow: 0px 3px 2px #aaaaaa;
}

.hsAccordionBodyCurrent {
}

div.hsAccordionButtonLink {
    border: 1px solid #073460;
    border-top: 1px solid #a4d0c7;
    border-left: 1px solid #a4d0c7;
    border-radius: 2px;
    padding: 0px;
    padding-left: 2px;
    padding-right: 2px;
    margin: 0px;
    font-size: 12px;
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    text-align: left;
    background: url("themes/hsjq/images/ui-bg_gloss-wave_55_007f64_500x100.png") repeat-x scroll 50% 50% #073460;
}

    div.hsAccordionButtonLink .ui-icon {
        display: inline-block;
        *display: inline;
        vertical-align: middle;
        float: right;
    }

    div.hsAccordionButtonLink img {
        vertical-align: middle;
        /*margin-top: 2px;
    margin-left: 2px;*/
    }

    div.hsAccordionButtonLink a:link, div.hsAccordionButtonLink a:visited {
        /*color: #a4d0c7;*/
        color: #d8e7f3;
        text-decoration: none;
    }

div.hsAccordionFill {
    border: 1px solid #FFFF00;
}

.hsButtonState {
    font-size: 12px !important;
    font-weight: normal;
    display: inline-block;
    *display: inline;
    margin-right: 0px;
    height: 18px;
    width: 150px;
    text-align: left;
}

/*
.hsButtonAction, .hsButtonAjax
{
    font-size: 12px !important;
    margin-left: -0.3em;
    margin-top: 2px;
}

.hsButtonAction .ui-button-text, .hsButtonAjax .ui-button-text
{
    padding: 1px 2px;
}
*/

.hsFR {
    float: right;
}

table.navbarbot {
    width: 100%;
    padding: 0;
    margin: 0;
    border-spacing: 0;
    height: 18px;
}

table.headerServiceName {
    width: 100%;
    height: 18px;
    /*background-color: white;*/
    text-align: center;
    border: none;
    padding: 2px;
    font-size: 2.5em;
    font-family: Foco, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-style: normal;
    font-weight: 100;
    color:black;
}

.hsAR {
    text-align: right;
}

.footerMenu a:link, a:link.hsHeaderLink {
    color: White;
    text-decoration: underline;
    font-family: Arial;
}

.footerMenu a:visited, a:visited.hsHeaderLink {
    color: White;
    text-decoration: underline;
    font-family: Arial;
}

.footerMenu a:hover, a:hover.hsHeaderLink {
    color: Orange;
    text-decoration: underline;
    font-family: Arial;
}

/*
.defaultButton
{
    border: 2px solid #606060;
    display: inline-block;
    border-radius: 7px;
}

.nondefaultButton
{
    padding: 1px;
    display: inline-block;
}*/

/*
.hsDialog input.dlgButton, input.formButton
{
    font-size: 12px !important;
    padding: 2px 4px;
    margin-right: 1px;
    margin-left: 1px;
}
*/

.hsDialog .defaultButton, form .defaultButton /*dlgButton*/ {
    border: 1px solid #073460;
}

table.navbarbot td {
    padding: 0;
}

.hsDropdown {
    position: relative;
    top: 0px;
    left: 0px;
    display: inline-block;
    *display: inline;
    width: 165px;
    height: 16px;
    border-right: 1px solid #A4D0C7; /*D8E7F3;*/
}

.hsDropdownHeadText {
    display: inline-block;
    *display: inline;
    vertical-align: top;
    height: 16px;
    width: 140px;
}

    .hsDropdownHeadText a {
        cursor: pointer;
        color: #D8E7F3;
        text-decoration: none;
        vertical-align: top;
        padding: 0;
        margin: 0;
        height: 16px;
    }

.hsDropdownHead {
    z-index: 110;
    position: absolute;
    display: inline-block;
    *display: inline;
    height: 16px;
}

    .hsDropdownHead .ui-icon {
        width: 16px;
        height: 16px;
    }

.hsDropdownArrow {
    display: inline-block;
    *display: inline;
    height: 16px;
    /*position: absolute;*/
    /*top: -2px;*/
    /*float:right;*/
}

.hsDropdownMenu a {
    cursor: pointer;
    text-decoration: none;
    color: #D8E7F3;
}

.hsDropdownMenu {
    list-style: none;
    margin: 0px;
    padding: 2px 2px 2px 2px;
    display: none;
    position: absolute;
    z-index: 100;
    top: 16px;
    left: -2px;
    width: 156px;
    /*background: #073460;*/
    background: url("themes/hsjq/images/ui-bg_gloss-wave_55_007f64_500x100.png") repeat-x scroll 50% 50% #073460;
    border-bottom: 1px solid #28a3da;
    border-right: 1px solid #28a3da;
    border-left: 1px solid #A4D0C7;
    border-top: 1px solid #A4D0C7;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0px 3px 2px #aaaaaa;
}

    .hsDropdownMenu li {
        height: 16px;
        width: 125px;
    }

        .hsDropdownMenu li a {
            vertical-align: top;
        }

            .hsDropdownMenu li a.hsHover {
                color: orange;
            }

/* Used to separate columns in a row */
.hsColSpacer {
    margin-left: 20px;
}

.hsFontBold {
    font-weight: bold;
}

/*Grid*/
.ui-jqgrid {position: relative; font-size:11px;}
.ui-jqgrid .ui-jqgrid-view {position: relative;left:0px; top: 0px; padding: .0em;}
/* caption*/
.ui-jqgrid .ui-jqgrid-titlebar {padding: .3em .2em .2em .3em; position: relative; border-left: 0px none;border-right: 0px none; border-top: 0px none;}
.ui-jqgrid .ui-jqgrid-title { float: left; margin: .1em 0 .2em; }
.ui-jqgrid .ui-jqgrid-titlebar-close { position: absolute;top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height:18px;}.ui-jqgrid .ui-jqgrid-titlebar-close span { display: block; margin: 1px; }
.ui-jqgrid .ui-jqgrid-titlebar-close:hover { padding: 0; }
/* header*/
.ui-jqgrid .ui-jqgrid-hdiv {position: relative; margin: 0em;padding: 0em; overflow-x: hidden; border-left: 0px none !important; border-top : 0px none !important; border-right : 0px none !important;}
.ui-jqgrid .ui-jqgrid-hbox {float: left; padding-right: 20px;}
.ui-jqgrid .ui-jqgrid-htable {table-layout:fixed;margin:0em;}
.ui-jqgrid .ui-jqgrid-htable th {height:22px;padding: 0 2px 0 2px;}
.ui-jqgrid .ui-jqgrid-htable th div {overflow: hidden; position:relative; height:17px;}
.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {overflow: hidden;white-space: nowrap;text-align:center;border-top : 0px none;border-bottom : 0px none;}
.ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {border-left : 0px none;}
.ui-th-rtl, .ui-jqgrid .ui-jqgrid-htable th.ui-th-rtl {border-right : 0px none;}
.ui-first-th-ltr {border-right: 1px solid; }
.ui-first-th-rtl {border-left: 1px solid; }
.ui-jqgrid .ui-th-div-ie {white-space: nowrap; zoom :1; height:17px;}
.ui-jqgrid .ui-jqgrid-resize {height:20px !important;position: relative; cursor :e-resize;display: inline;overflow: hidden;}
.ui-jqgrid .ui-grid-ico-sort {overflow:hidden;position:absolute;display:inline; cursor: pointer !important;}
.ui-jqgrid .ui-icon-asc {margin-top:-3px; height:12px;}
.ui-jqgrid .ui-icon-desc {margin-top:3px;height:12px;}
.ui-jqgrid .ui-i-asc {margin-top:0px;height:16px;}
.ui-jqgrid .ui-i-desc {margin-top:0px;margin-left:13px;height:16px;}
.ui-jqgrid .ui-jqgrid-sortable {cursor:pointer;}
.ui-jqgrid tr.ui-search-toolbar th { border-top-width: 1px !important; border-top-color: inherit !important; border-top-style: ridge !important }
tr.ui-search-toolbar input {margin: 1px 0px 0px 0px}
tr.ui-search-toolbar select {margin: 1px 0px 0px 0px}
/* body */ 
.ui-jqgrid .ui-jqgrid-bdiv {position: relative; margin: 0em; padding:0; overflow: auto; text-align:left;}
.ui-jqgrid .ui-jqgrid-btable {table-layout:fixed; margin:0em; outline-style: none; }
.ui-jqgrid tr.jqgrow { outline-style: none; }
.ui-jqgrid tr.jqgroup { outline-style: none; }
.ui-jqgrid tr.jqgrow td {font-weight: normal; overflow: hidden; white-space: pre; height: 22px;padding: 0 2px 0 2px;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}
.ui-jqgrid tr.jqgfirstrow td {padding: 0 2px 0 2px;border-right-width: 1px; border-right-style: solid;}
.ui-jqgrid tr.jqgroup td {font-weight: normal; overflow: hidden; white-space: pre; height: 22px;padding: 0 2px 0 2px;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}
.ui-jqgrid tr.jqfoot td {font-weight: bold; overflow: hidden; white-space: pre; height: 22px;padding: 0 2px 0 2px;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}
.ui-jqgrid tr.ui-row-ltr td {text-align:left;border-right-width: 1px; border-right-color: inherit; border-right-style: solid;}
.ui-jqgrid tr.ui-row-rtl td {text-align:right;border-left-width: 1px; border-left-color: inherit; border-left-style: solid;}
.ui-jqgrid td.jqgrid-rownum { padding: 0 2px 0 2px; margin: 0px; border: 0px none;}
.ui-jqgrid .ui-jqgrid-resize-mark { width:2px; left:0; background-color:#777; cursor: e-resize; cursor: col-resize; position:absolute; top:0; height:100px; overflow:hidden; display:none;	border:0 none;}
/* footer */
.ui-jqgrid .ui-jqgrid-sdiv {position: relative; margin: 0em;padding: 0em; overflow: hidden; border-left: 0px none !important; border-top : 0px none !important; border-right : 0px none !important;}
.ui-jqgrid .ui-jqgrid-ftable {table-layout:fixed; margin-bottom:0em;}
.ui-jqgrid tr.footrow td {font-weight: bold; overflow: hidden; white-space:nowrap; height: 21px;padding: 0 2px 0 2px;border-top-width: 1px; border-top-color: inherit; border-top-style: solid;}
.ui-jqgrid tr.footrow-ltr td {text-align:left;border-right-width: 1px; border-right-color: inherit; border-right-style: solid;}
.ui-jqgrid tr.footrow-rtl td {text-align:right;border-left-width: 1px; border-left-color: inherit; border-left-style: solid;}
/* Pager*/
.ui-jqgrid .ui-jqgrid-pager { border-left: 0px none !important;border-right: 0px none !important; border-bottom: 0px none !important; margin: 0px !important; padding: 0px !important; position: relative; height: 25px;white-space: nowrap;overflow: hidden;}
.ui-jqgrid .ui-pager-control {position: relative;}
.ui-jqgrid .ui-pg-table {position: relative; padding-bottom:2px; width:auto; margin: 0em;}
.ui-jqgrid .ui-pg-table td {font-weight:normal; vertical-align:middle; padding:1px;}
.ui-jqgrid .ui-pg-button  { height:19px !important;}
.ui-jqgrid .ui-pg-button span { display: block; margin: 1px; float:left;}
.ui-jqgrid .ui-pg-button:hover { padding: 0px; }
.ui-jqgrid .ui-state-disabled:hover {padding:1px;}
.ui-jqgrid .ui-pg-input { height:13px;font-size:.8em; margin: 0em;}
.ui-jqgrid .ui-pg-selbox {font-size:.8em; line-height:18px; display:block; height:18px; margin: 0em;}
.ui-jqgrid .ui-separator {height: 18px; border-left: 1px solid #ccc ; border-right: 1px solid #ccc ; margin: 1px; float: right;}
.ui-jqgrid .ui-paging-info {font-weight: normal;height:19px; margin-top:3px;margin-right:4px;}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div {padding:1px 0;float:left;list-style-image:none;list-style-position:outside;list-style-type:none;position:relative;}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-button { cursor:pointer; }
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div  span.ui-icon {float:left;margin:0 2px;}
.ui-jqgrid td input, .ui-jqgrid td select .ui-jqgrid td textarea { margin: 0em;}
.ui-jqgrid td textarea {width:auto;height:auto;}
.ui-jqgrid .ui-jqgrid-toppager {border-left: 0px none !important;border-right: 0px none !important; border-top: 0px none !important; margin: 0px !important; padding: 0px !important; position: relative; height: 25px !important;white-space: nowrap;overflow: hidden;}
/*subgrid*/
.ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed span {display: block;}
.ui-jqgrid .ui-subgrid {margin:0em;padding:0em; width:100%;}
.ui-jqgrid .ui-subgrid table {table-layout: fixed;}
.ui-jqgrid .ui-subgrid tr.ui-subtblcell td {height:18px;border-right-width: 1px; border-right-color: inherit; border-right-style: solid;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}
.ui-jqgrid .ui-subgrid td.subgrid-data {border-top:  0px none !important;}
.ui-jqgrid .ui-subgrid td.subgrid-cell {border-width: 0px 0px 1px 0px;}
.ui-jqgrid .ui-th-subgrid {height:20px;}
/* loading */
.ui-jqgrid .loading {position: absolute; top: 45%;left: 45%;width: auto;z-index:101;padding: 6px; margin: 5px;text-align: center;font-weight: bold;display: none;border-width: 2px !important;}
.ui-jqgrid .jqgrid-overlay {display:none;z-index:100;}
* html .jqgrid-overlay {width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}
* .jqgrid-overlay iframe {position:absolute;top:0;left:0;z-index:-1;width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}
/* end loading div */
/* toolbar */
.ui-jqgrid .ui-userdata {border-left: 0px none;	border-right: 0px none;	height : 21px;overflow: hidden;	}
/*Modal Window */
.ui-jqdialog { display: none; width: 300px; position: absolute; padding: .2em; font-size:11px; overflow:visible;}
.ui-jqdialog .ui-jqdialog-titlebar { padding: .3em .2em; position: relative;  }
.ui-jqdialog .ui-jqdialog-title { margin: .1em 0 .2em; } 
.ui-jqdialog .ui-jqdialog-titlebar-close { position: absolute;  top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }

.ui-jqdialog .ui-jqdialog-titlebar-close span { display: block; margin: 1px; }
.ui-jqdialog .ui-jqdialog-titlebar-close:hover, .ui-jqdialog .ui-jqdialog-titlebar-close:focus { padding: 0; }
.ui-jqdialog-content, .ui-jqdialog .ui-jqdialog-content { border: 0; padding: .3em .2em; background: none; height:auto;}
.ui-jqdialog .ui-jqconfirm {padding: .4em 1em; border-width:3px;position:absolute;bottom:10px;right:10px;overflow:visible;display:none;height:80px;width:220px;text-align:center;}
/* end Modal window*/
/* Form edit */
.ui-jqdialog-content .FormGrid {margin: 0px;}
.ui-jqdialog-content .EditTable { width: 100%; margin-bottom:0em;}
.ui-jqdialog-content .DelTable { width: 100%; margin-bottom:0em;}
.EditTable td input, .EditTable td select, .EditTable td textarea {margin: 0em;}
.EditTable td textarea { width:auto; height:auto;}
.ui-jqdialog-content td.EditButton {text-align: right;border-top: 0px none;border-left: 0px none;border-right: 0px none; padding-bottom:5px; padding-top:5px;}
.ui-jqdialog-content td.navButton {text-align: center; border-left: 0px none;border-top: 0px none;border-right: 0px none; padding-bottom:5px; padding-top:5px;}
.ui-jqdialog-content input.FormElement {padding:.3em}
.ui-jqdialog-content .data-line {padding-top:.1em;border: 0px none;}

.ui-jqdialog-content .CaptionTD {text-align: left; vertical-align: middle;border: 0px none; padding: 2px;white-space: nowrap;}
.ui-jqdialog-content .DataTD {padding: 2px; border: 0px none; vertical-align: top;}
.ui-jqdialog-content .form-view-data {white-space:pre}
.fm-button { display: inline-block; margin:0 4px 0 0; padding: .4em .5em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
.fm-button-icon-left { padding-left: 1.9em; }
.fm-button-icon-right { padding-right: 1.9em; }
.fm-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; position: absolute; top: 50%; margin-top: -8px; }
.fm-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; position: absolute; top: 50%; margin-top: -8px;}
#nData, #pData { float: left; margin:3px;padding: 0; width: 15px; }
/* End Eorm edit */
/*.ui-jqgrid .edit-cell {}*/
.ui-jqgrid .selected-row, div.ui-jqgrid .selected-row td {font-style : normal;border-left: 0px none;}
/* Tree Grid */
.ui-jqgrid .tree-wrap {float: left; position: relative;height: 18px;white-space: nowrap;overflow: hidden;}
.ui-jqgrid .tree-minus {position: absolute; height: 18px; width: 18px; overflow: hidden;}
.ui-jqgrid .tree-plus {position: absolute;	height: 18px; width: 18px;	overflow: hidden;}
.ui-jqgrid .tree-leaf {position: absolute;	height: 18px; width: 18px;overflow: hidden;}
.ui-jqgrid .treeclick {cursor: pointer;}
/* moda dialog */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}
.ui-jqgrid-dnd tr td {border-right-width: 1px; border-right-color: inherit; border-right-style: solid; height:20px}
/* RTL Support */
.ui-jqgrid .ui-jqgrid-title-rtl {float:right;margin: .1em 0 .2em; }
.ui-jqgrid .ui-jqgrid-hbox-rtl {float: right; padding-left: 20px;}
.ui-jqgrid .ui-jqgrid-resize-ltr {float: right;margin: -2px -2px -2px 0px;}
.ui-jqgrid .ui-jqgrid-resize-rtl {float: left;margin: -2px 0px -1px -3px;}
.ui-jqgrid .ui-sort-rtl {left:0px;}
.ui-jqgrid .tree-wrap-ltr {float: left;}
.ui-jqgrid .tree-wrap-rtl {float: right;}
.ui-jqgrid .ui-ellipsis {text-overflow:ellipsis; -moz-binding:url('ellipsis-xbl.xml#ellipsis');}

.hsGrid {
    width: 100%;
    font-size: 12px;
    background-color: white;
    font-family: Arial; /* [Spec:ClientSearch] 4.1.2.1 - Text */
}

.hsDialog .hsGrid {
    width: 100%;
    font-size: 11px;
}

.hsGrid table {
    border: none;
    border-spacing: 0px;
    border-collapse: separate;
    width: 100%;
    padding: 0px;
    margin: 0px;
    table-layout: fixed;
}


    .hsGrid table tr {
        border: none;
    }

/* An element used to make up unused space in the grid */
.hsGridSpacer {
    height: 0px;
    width: 50%;
}

.hsGridPager {
    width: 100%;
    table-layout: fixed;
    padding: 0px;
    font-family: Arial;
    color: black;
}

/*#hsDataFoot {
    overflow: auto;
    position: fixed;
    bottom: 40px;
}*/

.hsGridPageButtons, .hsGridPageControls {
    /*overflow: scroll;*/
    white-space: nowrap;
    border: 0px;
}

.hsGridPager td.hsGridPageControls {
    padding: 1px;
    vertical-align: top;
}

.hsGridPager .hsGridPageButtons .hsgpbutton {
    display: inline-block;
    *display: inline;
    border-radius: 3px;
    border: 0px;
    padding: 2px;
    cursor: pointer;
    overflow: hidden;
    white-space: pre;
}

    .hsGridPager .hsGridPageButtons .hsgpbutton:hover {
        border: 1px solid #a4d0c7;
        padding: 1px;
    }

/* Remove wide spaces in between buttons */
td.hsgpbuttonlist {
    white-space: nowrap !important;
}

/* A button that is disabled by default. */
.hsGridPager .hsGridPageButtons .hsgprowbutton {
    color: #a4d0c7;
    cursor: default;
}

    .hsGridPager .hsGridPageButtons .hsgprowbutton:hover {
        border: 0px;
        padding: 2px;
    }

/* Makes a disabled hsgprowbutton become enabled. */
.hsGridPager .hsGridPageButtons .hsgprbenabled {
    color: #073460;
    cursor: pointer;
}

    .hsGridPager .hsGridPageButtons .hsgprbenabled:hover {
        border: 1px solid #a4d0c7;
        padding: 1px;
    }

.hsGridPageButtons table, .hsGridPageControls table {
    width: auto;
}

.hsGridPageButtons .hsgseparator {
    display: inline-block;
    *display: inline;
    width: 3px;
}

.hsGridPageControls {
    padding: 0px;
    margin: 0px;
    text-align: left;
    border: 0px;
}

.hsgpcpage {
    display: inline;
    font-weight: normal;
    vertical-align: top;
    border: 1px solid #a4d0c7;
    margin-top: 2px;
}

.hsgpcbutton {
    padding: 1px;
    margin-top: 3px;
    display: inline-block;
    *display: inline;
}

    .hsgpcbutton:hover {
        padding: 0px;
        border: 1px solid #a4d0c7;
    }

.hsGridPageControls .hsgpcdisabled:hover {
    border: 0px;
    padding: 1px;
}

table.hsGridDataHead thead .hsGridColSortable, table.hsGridDataHead thead td.hsGridCol {
    overflow: hidden;
    white-space: nowrap;
    padding: 2px;
}

table.hsGridData tbody .hsGridColSortable, table.hsGridData tbody .hsGridCol {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 2px;
    padding: 2px;
}

thead .hsGridColSortable, thead .hsGridCol, thead .hsGridColHidden {
    text-align: left;
}

.hsGridColText {
    overflow: hidden;
    white-space: pre;
    display: inline-block;
    *display: inline;
    margin: 0;
    padding: 0;
    cursor: default;
    vertical-align: middle;
}

/* JQuery icons, but used in non-jquery context */
.hsGridPageControls .hsgpcbutton {
    background-image: url(themes/hsjq/images/ui-icons_007f64_256x240.png);
}

.hsGridPager .hsGridPageControls .hsgpcdisabled {
    background-image: url(themes/hsjq/images/ui-icons_a4d0c7_256x240.png);
}


.hsGridColSortable .hsGridColHdr {
    cursor: pointer;
}

.hsGridSortIcon {
    width: 16px;
    height: 16px;
    text-indent: -99999px;
    background-repeat: no-repeat;
    background-image: url(themes/hsjq/images/ui-icons_007f64_256x240.png);
}

    .hsGridSortIcon.hsSortActive {
        background-image: url(themes/hsjq/images/ui-icons_d8e7f3_256x240.png);
    }

.hsGridRResizer, .hsGridLResizer, .hsGridLEdge, .hsGridREdge {
    display: inline-block;
    cursor: col-resize;
    height: 17px;
    overflow: hidden;
}

.hsGridColHdr {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    vertical-align: middle;
}

.hsGridRResizer, .hsGridREdge {
    width: 16px;
}

.hsGridLResizer, .hsGridLEdge {
    width: 8px;
    /*background-image: url(images/Bordera4d0c7h1x1.png);*/
    background-repeat: repeat-y;
    float: right;
}

.hsGridColHidden, #hsGridTempLocator, .hsNotificationObject, .hsgDblClick, .hsErrorNotifyObject {
    display: none;
}

table.hsPanelCol td.hsGridCol, table.hsPanelCol td.hsGridColSortable {
    height: 17px;
    vertical-align: middle;
}

.hsColR {
    text-align: right;
}

.hsColC {
    text-align: center;
}

.hsGridHeader {
    background-color: #073460; /* [Spec:ClientSearch] 4.1.2.1 - Sage Green */
    font-weight: bold;
    font-size: 16px;
    color: white;
}

.hsGridData tbody {
    background-color: transparent;
    cursor: pointer;
    color: black;
}

.hsGcicon, .hsGctext {
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
    display: inline-block;
    *display: inline; /*leading asterix correct, required for IE8 compatibility mode etc*/
    overflow: hidden;
}

.hsGcicon {
    padding-left: 4px;
    padding-right: 6px;
}

.hsOddRow {
    background-color: white;
}

.hsEvenRow {
    background-color: #E0E1DD; /* [Spec:ClientSearch] 4.1.2.1 - Sage Light Grey */
}

.hsGridData .hsGRowSelected:hover {
    color: black
}

.hsGridData tbody tr:hover {
    color: rgb(146,208,236); 
}

.hsGRowSelected {
    background-color:rgb(146,208,236); 
}

.hsGridData td {
    border-bottom: 1px solid; /* Draw a horizontal line between rows */
}

.hsGridColSortable {
}

thead .hsGridColSortable div {
    vertical-align: middle;
    display: inline-block;
    *display: inline;
}

thead .hsGridColSortable .ui-icon {
    display: inline-block;
    *display: inline;
    overflow: hidden;
}

#idPageDesc {
    font-size: 12px; /* Smaller than the Accordion's font (on its LHS) */
    color: White;
}

.hsGridFilterRow {
    background-color: rgb(146,208,236); 
    height: 20px;
}

.hsGridColFilter {
}

.hsGridFilterText {
    border-radius: 7px;
    border: none;
    position: relative;
    margin: 4px 0px 4px 4px;
    width: 75%;
}

.hsGridFilterIcon {
    height: 20px;
    width: 20px;
    vertical-align: middle;
    margin-left: -3px;
    cursor: pointer;
}

.hsTableWithSpacing {
    border: 1px solid white;
    border-collapse: separate;
}

    .hsTableWithSpacing td {
        border: 1px solid white;
        padding: 2px;
        vertical-align: top;
    }

/* Page configuration - results per page */
.hsGridPageConfig {
    text-align: right;
}

    .hsGridPageConfig select, .hsGridPageConfig label {
        font-family: Arial;
        font-size: 12px;
        color: black;
    }

input.pagerItem {
    background-color: transparent;
    border: 0px solid;
    outline: 0;
    width: 20px;
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
}

    label.pagerItem {
        background: rgb(7,52,96);
        color: #fff;
        border: 0px solid;
        outline: 0;
        width: 20px;
        display: inline-block;
        text-align: center;
    }

/* Grid's header area */
.hsGridDataHead {
}

/* Grid's footer area */
.hsGridDataFoot {
}

.ui-dialog 
{
    box-shadow: 10px 10px 5px #AAAAAA; /* HTML5/CSS3 only */
    z-index: 103;
}

.hsDialog .hsFullRow textarea, .hsDialog .hsFullRow input
{
    width: 100%;    
}

.hsDialog .st
{
    font-weight: bold;
    padding-bottom: 4px;
}

.hsIconFolder { background-image: url(images/icons/folder.png); }

.hsIcon
{
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 16px;
    height: 16px;
    margin: 0px;
    padding: 0px;
}

/* Icon displayed inline with text or label */ 
.hsIconInText {
    height: 22px; 
    width: 22px;
}

/* Show a bigger icon */
.hsIconBigger 
{ 
    width: 32px; 
    height: 32px; 
}

.hsTextIcon
{
    height: 28px;
}
.hsTree
{
    overflow: auto;
}

.hsTree .hsTreeList
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    font-size: 12px;
}

/* .ui-icon-carat-1-e .ui-icon-triangle-1-se */
.hsTreeList li
{
    /*padding-left: 16px;*/
    cursor: pointer;
    white-space: nowrap;
}

.hsPopupMenu, .hsTree .hsTreeActions
{
    display: none;
}

.hsTreeList li
{
    height: 16px;
}


.hsTree .hsTreeNode
{
    background-color: #F4FFFC;
    color: #696969;
}

.hsTree .hsTreeNode.hsSelected
{
    background-color: #FFF69F;
    color: #000;
}

.hsTree .hsTreeNode.hsHover
{
    background-color: #D0EFD7;
}

.hsTree .hsTreeNode.hsSelected.hsHover
{
    background-color: #EFE67F;
}

.hsTreeList li .hsCaption
{
    display: inline-block;
    *display: inline;
    vertical-align: top;
}

.hsTree .hsTreeList li ul
{
    padding-left: 16px;
}

.hsTreeList li .ui-icon, .hsTreeList li .hsIcon
{
    display: inline-block;
    *display: inline;
}

.hsTreeList li .hsExpander
{
    width: 16px;
    height: 16px;
    display: inline-block;
    *display: inline;
}

.hsTreeList li .hsExpanded
{    
    background-repeat: no-repeat;
    background-image: url("themes/hsjq/images/ui-icons_004d3c_256x240.png");
    background-position: -48px -16px;
}

.hsTreeList li .hsExpands
{
    background-repeat: no-repeat;
    background-image: url("themes/hsjq/images/ui-icons_004d3c_256x240.png");
    background-position: -32px 0;
}

.hsContext
{
    display: none;
}


.hsPanelSplitter
{
    width: 1px;
}

.hsPanelSplitBar
{
    width: 1px;
    background-color: #A4D0C7;
    position: relative;
    height: 100%;
    top: 0px;
    left: 0px;
}

.hsPanelSplitter .hsPanelCollapser
{
    width: 12px;
    height: 24px;
    background-repeat: no-repeat;
    background-image: url("images/SplitterLeft.png");
    background-position: 0 0;
    position: absolute;
    left: -11px;   
    bottom: 0px;
}

.hsPanelSplitter .hsPanelExpander
{
    width: 12px;
    height: 24px;
    background-repeat: no-repeat;
    background-image: url("images/SplitterRight.png");
    background-position: 0 0;
    position: absolute;
    left: 0px;   
    top: 0px;
}

.hsPanelSplitter .hsPanelExpander.hsHidden, .hsPanelSplitter .hsPanelCollapser.hsHidden
{
    display: none;
}

/* JQUERY UI Theme Over Rides*********/


.ui-dialog .ui-dialog-title {
    white-space: normal;
    width: 93%;
}

.ui-button-text-only .ui-button-text {
    border: none;
    padding: 0;
}

.ui-widget-overlay {
    z-index: 103;
    opacity: 0.5 !important;
}

/*** 
 * Dialog (Default base)
 ***/

.ui-dialog {
    padding: 2px;
    width: 50%;
}

    .ui-dialog .ui-dialog-titlebar, ui-widget-header {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        border-bottom: 1px rgb(40, 163, 218) solid;
        background-image: none;
        color: white;
        background-color:  rgb(7,52,96);
    }

.ui-widget-header {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 0;
    border-bottom: 1px rgb(40, 163, 218) solid;
    background-image: none;
    color: white;
    background-color:  rgb(7,52,96);
}

.ui-dialog-titlebar-close span {
    margin: -8px 0px 0px -8px !important;
}

/*----- End of: Dialog -----*/

.ui-dialog .ui-dialog-buttonpane button {
    margin: 6px;
}

.ui-dialog-buttonpane {
    padding: 0 0 0 0 !important;
    margin: 0;
    border: none;
}

.ui-dialog-buttonset {
    font-size: 0.8em;
}

.ui-icon, .ui-icon-alert {
    margin: 0 !important;
}

div.ui-dialog-buttonpane {
    float: left;
    width: 100%;
}

.ui-dialog-title {
    font-family: "Adelle Sans Sage", Foco, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-weight: normal;
    font-size: 1em !important;
}


/* Override the default 'x' icon on dialog close buttons*/
span.ui-icon-closethick {
    background: transparent url('Images/Icons/exit_btn.png') center no-repeat !important;
    background-size: 100% !important;
    width: 22px;
    height: 22px;
    top: 6px !important;
    left: 7px !important;
    display: inline-block !important;
}

    span.ui-icon-closethick:hover {
        background: transparent url('Images/Icons/exit_btn_r.png') center no-repeat !important;
        background-size: 100% !important;
        width: 22px;
        height: 22px;
        top: 6px !important;
        left: 7px !important;
        display: inline-block !important;
    }

span.ui-icon-blue-closethick {
    background: transparent url('Images/Icons/cross_btn.png') center no-repeat !important;
    background-size: 100% !important;
    width: 22px;
    height: 22px;
    top: 6px !important;
    left: 7px !important;
    display: inline-block !important;
}

    span.ui-icon-blue-closethick:hover {
        background: transparent url('Images/Icons/cross_btn_r.png') center no-repeat !important;
        background-size: 100% !important;
        width: 22px;
        height: 22px;
        top: 6px !important;
        left: 7px !important;
        display: inline-block !important;
    }

span.hs-question-icon {
    background: transparent url('Images/Icons/question_mark_dlg.png') center no-repeat !important;
    background-size: 100% !important;
    width: 22px;
    height: 22px;
    display: inline-block !important;
    cursor: pointer;
    position: relative;
    float: right;
}

    span.hs-question-icon:hover {
        background: transparent url('Images/Icons/question_mark_dlg_r.png') center no-repeat !important;
        background-size: 100% !important;
        width: 22px;
        height: 22px;
        display: inline-block !important;
        cursor: pointer;
        position: relative;
        float: right;
    }

span.hs-question-white-icon {
    background: transparent url('Images/Icons/question_mark.png') center no-repeat !important;
    background-size: 100% !important;
    width: 22px;
    height: 22px;
    display: inline-block !important;
    cursor: pointer;
    position: relative;
    float: right;
}

    span.hs-question-white-icon:hover {
        background: transparent url('Images/Icons/question_mark_r.png') center no-repeat !important;
        background-size: 100% !important;
        width: 22px;
        height: 22px;
        display: inline-block !important;
        cursor: pointer;
        position: relative;
        float: right;
    }

.ui-datepicker {
    width: 14em;
}

    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
        left: 19% !important;
        top: 22% !important;
    }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        font-size: 0.75em !important;
    }

    .ui-datepicker table {
        font-size: 0.8em !important;
    }

    .ui-datepicker .ui-datepicker-buttonpane {
        font-size: 0.7em !important;
    }

.ui-dialog .ui-dialog-titlebar-close {
    right: 10px;
    top: 15px;
}

.ui-widget {
    font-family: Arial, Lucida Grande, Lucida Sans, sans-serif !important;
    font-size: 1em;
}

    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: Arial, Lucida Grande, Lucida Sans, sans-serif !important;
    }

.ui-dialog-titlebar .ui-state-default {
    border: 1px transparent solid !important;
    background: none !important;
}
/*************************************/

/*
For the release build, a prebuild step that creates a minified set of CSS is to be used.
See http://developer.yahoo.com/yui/compressor/
*/

@font-face {
    font-family: 'Foco';
    src: url('Fonts/Foco.eot');
    src: url('Fonts/Foco.eot#?iefix') format('embedded-opentype'), url('Fonts/Foco.woff') format('woff'), url('Fonts/Foco.ttf') format('truetype'), url('Fonts/Foco.svg#Foco') format('svg');
    font-weight: normal;
    font-style: normal;
}


header,
footer,
nav,
section {
    display: block;
}

/* Styles for basic forms
-----------------------------------------------------------*/

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

/*textarea {
    min-height: 75px;
}*/

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=text], input[type=number], textarea, select {
    -moz-appearance: textfield;
    color: black;
    font-size: 0.9em;
    text-indent: 2px;
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: auto;
    padding: 3px 3px 3px 3px; /* made the same as TextLabelFor */
    border: 1px #AFAFAF solid; /* Sage Mid Grey (Field Outline) */
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

input[type=checkbox] {
    border-color: transparent;
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
    padding-left: 0;
    vertical-align: middle;
}

.hs-beta-word {
    color: transparent;
    margin-left: -12px;
    margin-top: -18px;
    position: fixed;
    border-style: none;
    padding: 0;
    border: none !important;
    background-size: 100% !important;
    width: 38px;
    height: 43px;
    cursor: pointer !important;
    background: transparent url('Images/Icons/Beta.png') center no-repeat;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}

.hs-new-feature {
    color: transparent;
    position: absolute;
    top: 5%;
    left: 5%;
    border: none;
    cursor: pointer !important;
    background: transparent url('Images/Icons/new.png') center no-repeat;
    filter: alpha(opacity=90);    
    opacity: 0.92;
    width: 30%;
    height: 25%;
    background-size: 100% !important;
}

body, html {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.hs-disable-input {
    pointer-events: none;
}

.hs-white-table {
}
/*#region standard page classes */

body {
    -webkit-text-size-adjust: none !important;
    -moz-text-size-adjust: none !important;
    -ms-text-size-adjust: none !important;
    text-size-adjust: none !important;
    font-size: .85em;
    font-family: Foco, Arial, "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    color: #696969;
    vertical-align: central;
    background-image: url(Images/Background.png);
    overflow: hidden !important;
    -ms-scrollbar-face-color: #4D4F53;
    scrollbar-face-color: #4D4F53;
    -ms-scrollbar-highlight-color: #fff;
    scrollbar-highlight-color: #fff;
    -ms-scrollbar-arrow-color: #AFAFAF;
    scrollbar-arrow-color: #AFAFAF;
    border-radius: 0px;
    border: none;
    margin: 0;
    padding: 0;
}

body, .appBody, .appBar {
    background-color: White;
}

html {
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    max-height: 1000000px;
}

    html * {
        max-height: 1000000px;
    }

html > body *:focus {
    outline: 0;
}

*:focus {
    outline: 0;
}

img {
    border: none !important;
    background-color: transparent;
    border-style: none !important;
    outline: none !important;
}



.slide--up {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

.slide--reset {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.slide {
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.header--fixed {
    position: fixed;
    z-index: 10;
    right: 0;
    left: 0;
    top: 0;
}

/* This is the main class for Connected Services */
.hs-cs-app {
    /*position: absolute;*/
    border: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
/*#endregion */

/*#region Dialogs */

/*#region Login Form */

.login-form {
    padding: 5px 5px 5px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-width: 250px;
    max-width: 350px;
    vertical-align: middle;
}

    .login-form table td:first-child label {
        color: #073460;
        font-weight: 600;
    }


    .login-form .ui-dialog-buttonpane {
        border-top: 1px #073460 solid;
    }



/*#endregion */

/*#region Info Box */


#infoBox > table {
    width: 100%;
}

    #infoBox > table thead tr {
        padding: 2px;
        vertical-align: middle;
        background-color: #073460;
        font: bold;
        font-size: 1.5em;
        color: #fff;
    }


    #infoBox > table tbody td:first-child {
        width: 50%;
        padding: 2px;
        vertical-align: middle;
        -ms-word-wrap: normal;
        word-wrap: normal;
        font-weight: bold;
        color: black;
    }

    #infoBox > table td:first-child + td {
        width: 50%;
        padding: 2px;
        vertical-align: middle;
        -ms-word-wrap: normal;
        word-wrap: normal;
    }

/*#endregion */

/*#region Oh Dear Screens */

.oh-dear-errorBox {
    width: 80%;
    padding: 8px 8px 8px 8px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-left: auto;
    margin-right: auto;
}

.hs-oh-dear {
    font-family: Foco, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-weight: 400;
    font-size: 1.4em;
    text-align: center;
    width: 100%;
    color: #073460;
}

.hs-oh-dear-header {
    padding-bottom: 50px !important;
    font-size: 2.4em;
}

.hs-oh-dear table {
    width: 100%;
    padding: 45px;
}

    .hs-oh-dear table p {
        width: 100%;
        color: #073460;
        font-family: Foco, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
        font-weight: 400;
        font-size: 1.4em;
    }

        .hs-oh-dear table p a {
            color: #FF5800;
            font-family: Foco, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
            font-weight: 400;
            font-size: 1em;
            text-decoration: none;
        }

    .hs-oh-dear table img {
        max-width: 376px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

/*#endregion */

/*#region Rondell Carousel */
.rondell-control {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none !important;
    border: none;
    background-color: transparent !important;
    background: transparent !important;
}


.rondell-shift-left:hover, rondell-shift-right:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none !important;
    border: none;
    background-color: transparent !important;
    background: transparent !important;
}


/*#endregion */

/*#region popup Message Box */


/** Pop-up Message Box*/
.hs-popupmessage-box {
}

    .hs-popupmessage-box > div.ui-dialog-titlebar, .hs-popupmessage-box > div.ui-widget-header {
        color: white;
        border-bottom-color: rgb(40, 163, 218);
        border-bottom-width: 1px;
        border-bottom-style: solid;
        background-image: none;
        background-color: #073460;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        font-size: 1.1em;
        font-weight: bold;
        height: 18px;
    }

    .hs-popupmessage-box > div.ui-dialog-buttonset {
        float: left;
        width: 100%;
    }

    .hs-popupmessage-box > button.ui-button {
        padding: 0px;
        text-align: center;
        line-height: normal;
        overflow: visible;
        margin-right: 0.1em;
        vertical-align: middle;
        display: inline-block;
        position: relative;
        cursor: pointer;
        text-decoration: none;
        font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
        font-size: 1em;
    }

    .hs-popupmessage-box > div.ui-dialog-titlebar-close {
        position: absolute;
        right: 0.2em;
        top: 30%;
        width: 21px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px;
    }

    .hs-popupmessage-box > div.ui-dialog {
        margin: -10px 0px 0px;
        padding: 1px;
        top: 50%;
        width: 21px;
        height: 20px;
        right: 0.3em;
        position: absolute;
    }

    .hs-popupmessage-box > div.ui-dialog-content {
        background: none;
        padding: 0.5em 1em;
        border: 0px currentColor;
        -moz-border-image: none;
        -o-border-image: none;
        -webkit-border-image: none;
        border-image: none;
        overflow: hidden !important;
        position: relative;
    }

/** end Pop-up Message Box*/

/*#endregion */

/*#region Client Picker */

/** Client picker dialog */

.hs-dlg-client-picker {
}

    .hs-dlg-client-picker > div.ui-dialog-titlebar, .hs-dlg-client-picker > div.ui-widget-header {
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        border: 1px;
        border-bottom: none;
        background-image: none;
        color: #073460;
        background-color: #FFFFFF;
        font-size: 1.9em;
        font-weight: 100;
        font-family: Foco, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
        padding: .1em 0.5em;
    }

    .hs-dlg-client-picker > div.ui-widget-content {
        font-family: Foco, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    }

    .hs-dlg-client-picker > div.ui-dialog-buttonset {
        float: left;
        width: 100%;
    }

    .hs-dlg-client-picker .hsGridRResizer {
        width: 0px;
    }

.hs-client-picker {
    height: 345px !important;
    padding: 0 6px 0 6px !important;
    overflow: hidden !important;
    border: 1px red solid;
}

.hs-dlg-client-picker .ui-dialog-buttonset {
    float: left;
    width: 100%;
    height: 2px;
}

/** end client picker dialog */

/*#endregion */

/*#region Notes Dialog */

/** custom Notes UI */
.hs-note-dialog {
    background: #FFFFFF;
}

    .hs-note-dialog > div.ui-dialog-titlebar, .hs-note-dialog > div.ui-widget-header {
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        border: 1px;
        border-bottom: none;
        background-image: none;
        color: #073460;
        background-color: #FFFFFF;
        font-size: 1.9em;
        font-weight: 100;
        font-family: Foco, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
        padding: .1em 1em;
    }

    .hs-note-dialog > div.ui-widget-content {
        font-family: Foco, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    }

    .hs-note-dialog > div.ui-dialog-buttonset {
        float: left;
        width: 100%;
    }

#noteDeleteButton {
    position: absolute;
}

.hs-note-dialog > div.ui-dialog-titlebar-close {
    position: absolute;
    right: 0.2em;
    top: 30%;
    width: 21px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}

.hs-note-dialog > div.ui-dialog {
    padding: .1em 1em;
    position: relative;
}

.hs-note-dialog > div.ui-dialog-content {
    padding: .1em 1em;
    background: none;
    overflow: auto;
}

/** End custom notes UI*/

/*#endregion */

/*#region Google Maps Dialog */

div.hs-googlemap-container {
    display: none;
    width: 320px;
    height: 450px;
}

div.hs-googleMap {
    height: 100%;
    width: 100%;
}

/*#endregion */

/*#region White Dialog */

.hs-white-dialog > div {
    overflow: hidden !important;
}

.hs-white-dialog {
    background: #fff;
}

    .hs-white-dialog > div.ui-dialog-titlebar, .hs-white-dialog > div.ui-widget-header {
        border: 1px;
        border-bottom: none;
        background-image: none;
        color: #073460;
        background-color: inherit;
        font-size: 1.9em;
        font-weight: 100;
        font-family: Foco, Arial, "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
        padding: .1em 1em;
    }


table.hs-white-dialog {
    width: 100%;
    -ms-grid-column-align: start;
    grid-column-align: start;
    font-size: 1em;
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    padding: 0px 0px 0px 0px;
    border-collapse: collapse;
}

    table.hs-white-dialog td:first-child {
        color: #073460;
        font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: auto;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        padding: 2px 2px 2px 2px;
        vertical-align: text-top;
    }

        table.hs-white-dialog td:first-child + td {
            font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin: auto;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            padding: 2px 2px 2px 2px;
        }




/*#endregion */

/*#region Sms Dialog - Client */

#smsContainer {
    padding: 0;
    width: 100%;
}

.hs-scroll-vertical #smsDialog {
    overflow-y: auto !important;
}

table.hsClientSmsView {
    width: 100%;
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
    -ms-grid-column-align: start;
    grid-column-align: start;
    font-size: 1em;
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    padding: 0px 0px 0px 0px;
    border-collapse: collapse;
}

    table.hsClientSmsView td:first-child, table.hsClientSmsView td:first-child + td + td label {
        width: 40px;
        color: #073460;
        font-size: 0.9em;
        font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: auto;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        padding: 2px 2px 2px 2px;
    }

        table.hsClientSmsView td:first-child + td {
            width: 50px;
            font-size: 0.9em;
            font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            margin: auto;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            padding: 2px 5px 2px 5px;
            vertical-align: middle;
        }

            table.hsClientSmsView td:first-child + td input[type='text'],
            table.hsClientSmsView td:first-child input[type='text'],
            table.hsClientSmsView td:first-child + td select,
            table.hsClientSmsView td:first-child + td textarea {
                font-size: 0.9em;
                text-indent: 2px;
                font-family: Arial, "DejaVu Sans", "Liberation Sans", Freesans, sans-serif;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                margin: auto;
                padding: 3px 2px 3px 2px;
                border: 1px #AFAFAF solid;
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
                border-radius: 2px;
                vertical-align: middle;
            }

            table.hsClientSmsView td:first-child + td select {
                font-size: 0.9em;
                text-indent: 2px;
                font-family: Arial, "DejaVu Sans", "Liberation Sans", Freesans, sans-serif;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                margin: auto;
                padding: 2px 2px 2px 2px;
                border: 1px #AFAFAF solid;
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
                border-radius: 2px;
                vertical-align: middle;
            }

            table.hsClientSmsView td:first-child + td + td {
                color: #073460;
                font-size: 0.9em;
                font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
                width: 100%;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                margin: auto;
                padding: 2px 2px 2px 2px;
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
                border-radius: 2px;
                vertical-align: top;
            }

.hs-textarea-Sms {
    height: 157px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1.4px #AFAFAF solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    resize: none;
    -ms-word-wrap: normal;
    word-wrap: normal;
    white-space: pre-wrap;
}

.hs-textarea-signature {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1.4px #AFAFAF solid;
    /*width: 220px;*/
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    resize: none;
    height: 50px;
    -ms-word-wrap: normal;
    word-wrap: normal;
    white-space: pre-wrap;
}

/*#endregion */

/*#region Notes Dialog - Client */
#noteDialog {
    overflow: hidden;
    height: auto !important;
}

.datefield {
    width: 7.8em;
}

table.hsClientNoteView {
    width: 100%;
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
    -ms-grid-column-align: start;
    grid-column-align: start;
    font-size: 1em;
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    padding: 0px 0px 0px 0px;
    border-collapse: collapse;
}

    table.hsClientNoteView td:first-child, table.hsClientNoteView td:first-child + td + td label {
        width: 40px;
        color: #073460;
        font-size: 0.9em;
        font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: auto;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        padding: 2px 2px 2px 2px;
    }

        table.hsClientNoteView td:first-child + td {
            width: 50px;
            font-size: 0.9em;
            font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            margin: auto;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            padding: 2px 4px 2px 5px;
            vertical-align: middle;
        }

            table.hsClientNoteView td:first-child + td input, table.hsClientNoteView td:first-child + td select, table.hsClientNoteView td:first-child + td textarea {
                font-size: 0.9em;
                text-indent: 2px;
                font-family: Arial, "DejaVu Sans", "Liberation Sans", Freesans, sans-serif;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                margin: auto;
                padding: 3px 2px 3px 2px;
                border: 1px #AFAFAF solid;
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
                border-radius: 2px;
                vertical-align: middle;
            }

            table.hsClientNoteView td:first-child + td select {
                font-size: 0.9em;
                text-indent: 2px;
                font-family: Arial, "DejaVu Sans", "Liberation Sans", Freesans, sans-serif;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                margin: auto;
                padding: 2px 2px 2px 2px;
                border: 1px #AFAFAF solid;
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
                border-radius: 2px;
                vertical-align: middle;
            }

            table.hsClientNoteView td:first-child + td + td {
                width: 100%;
                font-size: 0.8em;
                font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                margin: auto;
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
                border-radius: 2px;
            }

.hs-textarea-Notes {
    height: 105px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1.4px #AFAFAF solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    resize: none;
    -ms-word-wrap: normal;
    word-wrap: break-word;
    white-space: pre-line;
}

    .hs-textarea-Notes[readonly='true'] {
        background-color: rgb(240,240,240) !important;
    }

#ClientsNotesList table.jtable tbody td {
    font-size: 0.9em;
}

    #ClientsNotesList table.jtable tbody td:first-child + td {
        display: block;
        overflow: hidden;
        padding: 4px;
        text-wrap: normal;
        overflow-wrap: break-word;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        height: 17px;
        margin-top: 0;
        margin-bottom: 0;
        line-height: 19px;
    }

/*#endregion */

/*#region TaxForm Dialog */

table.hsTaxFormView {
    width: 100%;
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
    -ms-grid-column-align: start;
    grid-column-align: start;
    font-size: 1em;
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    padding: 0px 0px 0px 0px;
    border-collapse: collapse;
}

    table.hsTaxFormView td:first-child, table.hsTaxFormView td:first-child + td + td label {
        width: 40px;
        color: #073460;
        font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: auto;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        padding: 2px 2px 2px 2px;
    }

        table.hsTaxFormView td:first-child + td {
            width: 50px;
            font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            margin: auto;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            padding: 2px 5px 2px 5px;
            vertical-align: middle;
        }

            table.hsTaxFormView td:first-child + td input, table.hsTaxFormView td:first-child + td select, table.hsTaxFormView td:first-child + td textarea {
                text-indent: 2px;
                font-family: Arial, "DejaVu Sans", "Liberation Sans", Freesans, sans-serif;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                margin: auto;
                padding: 3px 2px 3px 2px;
                border: 1px #AFAFAF solid;
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
                border-radius: 2px;
                vertical-align: middle;
            }

            table.hsTaxFormView td:first-child + td select {
                text-indent: 2px;
                font-family: Arial, "DejaVu Sans", "Liberation Sans", Freesans, sans-serif;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                margin: auto;
                padding: 2px 2px 2px 2px;
                border: 1px #AFAFAF solid;
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
                border-radius: 2px;
                vertical-align: middle;
            }

            table.hsTaxFormView td:first-child + td + td {
                width: 100%;
                font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                margin: auto;
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
                border-radius: 2px;
            }


/*#endregion */

/*#region TaxForm List Grid */

#FormsList table.jtable thead {
    display: block;
}

#FormsList table.jtable tbody {
    display: block;
    height: 275px;
    overflow-y: auto;
}

    #FormsList table.jtable tbody td:first-child {
        width: 50px;
    }

        #FormsList table.jtable tbody td:first-child + td {
            width: 100px;
        }

            #FormsList table.jtable tbody td:first-child + td + td {
                width: 265px;
            }

                #FormsList table.jtable tbody td:first-child + td + td + td {
                    width: 180px;
                }


/*#endregion */

/*#region Hs Dialog */

div.hs-dialog {
    background-color: white;
}

    div.hs-dialog > div.ui-widget-content {
        background-color: white;
    }

.hs-dialog .ui-dialog-titlebar, .hs-dialog ui-widget-header {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border-bottom: none;
    background-image: none;
    color: #073460;
    background-color: white;
    font-weight: 100;
    font-family: Arial;
    font-size: 2.1em;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 15px;
}

.hs-dialog .ui-dialog-titlebar-close span {
    background-image: none;
}

.hs-dialog .ui-dialog-titlebar > .ui-button {
    background-image: url("Images/Icons/cross_btn_48.png");
    background-size: 100%;
    background-color: transparent;
    outline-width: 0px;
    border: none;
}

    .hs-dialog .ui-dialog-titlebar > .ui-button:hover {
        background-image: url("Images/Icons/cross_btn_48_r.png");
    }

/*#endregion */



/*#endregion */

/*#region General Site Layout */

#idInfo {
    position: absolute;
    padding: 0;
    width: 100%;
    max-width: 976px;
    bottom: 38px;
    top: 100px;
    overflow-y: scroll;
}

#hdr {
    background: white;
    font-size: .85em;
    font-weight: bold;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

#main {
    margin-bottom: -8px;
    height: auto !important;
}

div#srv {
    width: 100%;
    position: fixed;
    font-size: 1.6em;
    -ms-align-content: center;
    -webkit-align-content: center;
    align-content: center;
    text-align: center;
    align-items: center;
    font-weight: 600;
    font-family: Arial;
    background-color: inherit;
}

div#dc {
    max-width: 976px;
    background-color: inherit;
    margin: 0 auto 0 auto;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}

#ftr {
    margin-left: auto;
    margin-right: auto;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    font-size: .85em;
    font-weight: bold;
    padding-bottom: 2px;
    padding-top: 2px;
    height: 28px;
    background: rgb(60, 66, 79);
    width: 100%;
    display: block;
    position: fixed;
    max-width: 976px;
    bottom: 0;
}

#canvasSection {
    vertical-align: central;
    background-color: #FFFFFF;
}

.hs-client-header {
    font-weight: normal;
    font-family: Arial, "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    left: 0px;
    top: 0px;
    width: inherit;
    height: 50px;
    text-align: left;
    position: absolute;
    background-image: linear-gradient( #fff, rgb(160, 160, 160) );
    color: #000;
}

.Header, .Prev, .Next {
    display: none;
}

.hs-accordion {
    position: absolute;
    overflow-y: scroll;
    top: 220px;
    Bottom: 38px;
    width: 942px !important;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    padding-top: 2px;
    padding-left: 15px;
}

#dbgInfo {
    display: none;
}

.hsAllowClick {
    cursor: pointer;
}

.hsClientAddress {
}

/* Char - to display about one or two chars text, e.g., code */
.hsTextChar {
    width: 1.5em;
    text-align: center;
    resize: none;
}

/* Extra short - to display about 4 chars text, e.g, code, reference, abbreviation */
.hsTextXShort {
    width: 5em;
    resize: none;
}

.hsTextLShort {
    width: 7em;
    resize: none;
}

/* Short - to display about 10 chars text e.g., phone number, login reference */
.hsTextShort {
    width: 8em;
    resize: none;
}

.hsSelectYear {
    width: 5em;
    resize: none;
}

.hsTextDate {
    width: 5.6em;
    resize: none;
}

.hsTextTime {
    width: 4em;
    resize: none;
}

.hsTextMediumShort {
    width: 10em;
    resize: none;
}

/* Medium - to display slightly more than 10 chars */
.hsTextMedium {
    width: 15em;
    resize: none;
}

.hsTextMediumLong {
    width: 25em;
    resize: none;
}

/* Default - to display unknown number of chars but not expected to be too long, e.g, address, url, email */
.hsTextLong {
    width: 70%;
    resize: none;
}



.hsTextLonger {
    width: 75%;
    resize: none;
}

.hsTextDefault {
    width: 80%;
    resize: none;
}

.hsTextExtraLong {
    width: 98%;
    resize: none;
}

.hsTextFull {
    width: 100%;
    resize: none;
}

.hsUppercase {
    text-transform: uppercase;
}

.hsIconMap, .hsIconSms {
    display: inline-block;
    width: 22px;
    vertical-align: top;
}

.hsImgHover {
    cursor: pointer;
}

    .hsImgHover:disabled {
        cursor: not-allowed;
    }

.hsButtonField {
    width: 16px;
    top: 4px;
    left: 4px;
    position: relative;
    cursor: pointer;
}


.hs-display-text {
    text-indent: 2px;
    display: inline-block;
    border: 1px solid #AFAFAF;
    background-color: rgb(240,240,240) !important;
    padding: 3px 2px 3px 2px;
    border-radius: 2px;
    resize: none;
    font-size: 0.9em;
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    -ms-word-wrap: normal;
    word-wrap: normal;
    cursor: default;
}

    .hs-display-text[readonly='true'] {
        background-color: rgb(240,240,240) !important;
    }

.footerMenu, .footerNotice {
    display: inline-block;
    *display: inline;
}

.footerMenu, .footerNotice, #navtrail {
    padding: .2em .8em .2em .2em;
}

.footerNotice {
    float: right;
    color: White;
    font-family: Arial;
}

.footerMenu {
    color: #073460;
    text-align: left;
    float: left;
}

.vcenter {
    clear: both;
    position: relative;
}

.vfit {
}

/*** Content - ContextMenu ***/
/* Refer to the ContextMenu original style in themes\base\conextMenu.css */

.iw-contextMenu {
    border-width: 1px;
    border-color: black;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
}


.registerForm, .infoBox {
    background-color: #E0FFF0;
}

.errorBox {
    background-color: #FFFFFF;
}

.navbar {
    color: Black;
}

img {
    border: 0px;
}

.rondellCarousel {
    text-align: center !important;
    width: 100% !important;
}

.hs-home-header {
    text-align: center;
    padding-top: 25px;
}

.hs-header {
    padding-top: 25px;
}

table.navbartop {
    table-layout: fixed;
    width: 100%;
    max-width: 100%;
    border-spacing: 0px;
    padding: 2px 0px 0px 0px;
    border: none;
}

.navbartop .nbtlogo {
    width: 50%;
    max-width: 50%;
    text-align: right;
    vertical-align: top;
    background-color: rgb(60, 66, 79);
}

.nbtlogo a {
    max-width: 100%;
}

.navbartop .nbtctrls {
    text-align: left;
    width: 50%;
    background-color: rgb(60, 66, 79);
}

.navbarbot {
    border: 1px solid #a4d0c7;
    border-bottom: 1px #005f44 solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #073460;
    font-size: 1.1em;
    font-weight: bold;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.navbarbottom {
    width: 100%;
}

table.navbarbottom {
    table-layout: fixed;
    width: 100%;
    max-width: 100%;
    border-spacing: 0px;
    padding: 0px 2px 2px 2px;
    border: none;
}

.nbtuser {
    text-align: right;
    padding: 2px;
    color: #000000;
    font-size: 14px;
    font-style: normal;
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-weight: 100;
    background-color: rgb(237, 237, 237);
    vertical-align: middle;
    height: 37px;
}

.nbthslogo img {
    text-align: left;
    vertical-align: middle;
    border: none;
    height: 50px;
}

.hswelcome {
    font-weight: normal;
    color: rgb(40, 163, 218);
    text-align: center;
    font-size: 2.1em;
    padding-top: 100px;
}

.pageText {
    padding: 8px;
}

.hsWarn {
    font-weight: bold;
    color: Red;
}

.hsPageDesc {
    text-align: left;
    font-size: 12px;
}

.hsSearchHdrText {
    font-weight: bold;
    font-size: 13px;
}

.hsSearchText {
    font-size: 12px;
}

.hsMessageText {
    font-size: 12px;
}

.compTitle {
    padding-left: 30px;
    color: #073460;
    font-family: Foco, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
}

    /* Component's Title*/
    .compTitle H1 {
        color: #073460; 
        font-size: 2.4em;
        text-align: left;
        vertical-align: top;
        margin-top: 0;
        margin-bottom: 0;
        font-style: normal;
        font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
        font-weight: 100;
    }

    /* Component's Sub title*/
    .compTitle H2 {
        color: #073460;
        font-size: 2.4em;
        text-align: left;
        vertical-align: top;
        margin-top: 0;
        margin-bottom: 15px;
        font-style: normal;
        font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
        font-weight: 100;
    }

.data-role-header {
    border: none;
    border-color: #fff;
    padding: 4px 4px 4px 4px;
    left: 0px;
    right: 0px;
    position: fixed;
    height: auto;
    margin-top: 0px;
    top: 0px;
    display: block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fff !important; /*url(images/ui-bg_gloss-wave_55_007f64_500x100.png) 50% 50% repeat-x;*/
    background-image: -webkit-gradient(linear, left top, left bottom, from( #fff /*{b-body-background-start}*/ ), to( #fff /*{b-body-background-end}*/ )) !important; /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #fff /*{b-body-background-start}*/, #fff /*{b-body-background-end}*/ ) !important; /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient( #fff /*{b-body-background-start}*/, #fff /*{b-body-background-end}*/ ) !important; /* FF3.6 */
    background-image: -ms-linear-gradient( #fff /*{b-body-background-start}*/, #fff /*{b-body-background-end}*/ ) !important; /* IE10 */
    background-image: -o-linear-gradient( #fff /*{b-body-background-start}*/, #fff /*{b-body-background-end}*/ ) !important; /* Opera 11.10+ */
    background-image: linear-gradient( #fff /*{b-body-background-start}*/, #fff /*{b-body-background-end}*/ ) !important;
    font-size: .85em;
    font-weight: bold;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.data-role-content {
    overflow-y: scroll;
    position: fixed;
    margin-top: 52px;
    margin-bottom: 1px;
    top: 0px;
    bottom: 45px;
    left: 0px;
    right: 0px;
    background-color: #fff;
}

.hsLogo {
    max-width: 60%;
}

.navbartop {
    text-align: right;
    width: 100%;
}

.hs-icon-home {
    background-image: Url('Images/Icons/house_button.png') !important;
    -moz-background-size: 24px !important;
    -o-background-size: 24px !important;
    -webkit-background-size: 24px !important;
    background-size: 24px !important;
    background-repeat: no-repeat;
    -moz-background-clip: border-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
}

.hs-icons-close {
    background-image: Url('Images/Icons/cross_button.png') !important;
    -moz-background-size: 24px !important;
    -o-background-size: 24px !important;
    -webkit-background-size: 24px !important;
    background-size: 24px !important;
    background-repeat: no-repeat;
    -moz-background-clip: border-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
}

.hs-icon-clients {
    background-image: Url(Images/Icons/Clients.png) !important;
    -moz-background-size: 24px !important;
    -o-background-size: 24px !important;
    -webkit-background-size: 24px !important;
    background-size: 24px !important;
    background-repeat: no-repeat;
    -moz-background-clip: border-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
}

.csAppIcons {
    width: 40%;
    height: 40%;
}

.hasPlaceholder {
    color: #777;
}

/*#endregion */

/*#region table with "Label: Value" pairs */

table.hs-label-value-tbl tbody tr td {
    color: black;
    font-size: 1em;
    vertical-align: top;
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
}

/* Label column */
table.hs-label-value-tbl > tbody > tr > td:first-child {
    width: 120px;
    color: #073460;
    vertical-align: middle;
    padding: 2px 2px 2px 0px;
}

/*#endregion */

/*#region Slide Menu */

.hs-client-icon {
    padding: 5px 0px 0px 0px;
    width: 46px;
    height: 46px;
}



/*#endregion */

/*#region Client View */
.hs-ui-toggle {
    color: #073460;
    background: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 100%;
}

.hs-ui-toggle-red {
    color: #FF0000;
    background: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 100%;
}

.hs-ui-toggle-disabled {
    color: #073460;
    background: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 100%;
}

.hs-ui-icon-none {
    padding: 10px 10px 5px 20px;
    width: 25px;
    height: 25px;
    left: 0em !important;
    top: 0.7em !important;
    -moz-background-size: 25px 25px;
    -o-background-size: 25px 25px;
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: 0px 3px;
    background-image: none;
    cursor: pointer;
}

.hs-ui-icon-collapsed {
    padding: 10px 10px 5px 20px;
    width: 25px;
    height: 25px;
    left: 0em !important;
    top: 0.7em !important;
    -moz-background-size: 25px 25px;
    -o-background-size: 25px 25px;
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: 0px 3px;
    background-image: url(Images/Icons/Expand.png) !important;
    cursor: pointer;
}

.hs-ui-icon-collapsed-red {
    padding: 10px 10px 5px 20px;
    width: 25px;
    height: 25px;
    left: 0em !important;
    top: 0.7em !important;
    -moz-background-size: 21px 21px;
    -o-background-size: 21px 21px;
    -webkit-background-size: 21px 21px;
    background-size: 21px 21px;
    background-repeat: no-repeat;
    background-position: 0px 3px;
    background-image: url('Images/Icons/expand_red.png') !important;
    cursor: pointer;
}

.hs-ui-icon-expanded {
    padding: 10px 10px 5px 20px;
    width: 25px;
    height: 25px;
    left: 0em !important;
    top: 0.7em !important;
    -moz-background-size: 25px 25px;
    -o-background-size: 25px 25px;
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: 0px 3px;
    background-image: url(Images/Icons/Collapse.png) !important;
    cursor: pointer;
}

.hs-ui-icon-expanded-red {
    padding: 10px 10px 0px 20px;
    width: 25px;
    height: 25px;
    left: 0em !important;
    top: 0.7em !important;
    -moz-background-size: 21px 21px;
    -o-background-size: 21px 21px;
    -webkit-background-size: 21px 21px;
    background-size: 21px 21px;
    background-repeat: no-repeat;
    background-position: 0px 3px;
    background-image: url('Images/Icons/collapse_red.png') !important;
    cursor: pointer;
}

.hs-ui-icon-plus {
    padding: 6px 10px 0px 10px;
    background-position: right;
    background-repeat: no-repeat;
    background: transparent url(Images/Icons/add.png) center no-repeat;
    -moz-background-size: 20px;
    -o-background-size: 20px;
    -webkit-background-size: 20px;
    background-size: 20px;
    height: 20px;
    left: 240px;
    cursor: pointer;
    position: absolute;
    display: inline-block;
}

.hs-validation-error {
    color: #dc0d0d;
    cursor: pointer;
}

.hs-ui-icon-redo {
    position: relative;
    padding: 5px 10px 0px 10px;
    width: 20px;
    background-image: url(Images/Icons/undo.png);
    background-position: left;
    -moz-background-size: 20px;
    -o-background-size: 20px;
    -webkit-background-size: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    text-indent: 0px;
    cursor: pointer;
}

.hs-ui-icon-delete {
    position: relative;
    padding: 5px 10px 0px 10px;
    width: 20px;
    background: transparent url('Images/Icons/delete.png') center no-repeat;
    background-position: left;
    -moz-background-size: 20px;
    -o-background-size: 20px;
    -webkit-background-size: 20px;
    background-size: 20px;
    text-indent: 0;
    cursor: pointer;
}

    .hs-ui-icon-delete[data-isreadonly="1"] {
        display: block !important;
        background-position: left;
        background-repeat: no-repeat;
        background-image: none;
        cursor: auto !important;
        position: relative;
        width: 0px;
        text-indent: 0px;
        padding: 0px 5px 0px 5px;
    }

    .hs-ui-icon-delete[data-isreadonly="0"] {
        background-position: left;
        background-repeat: no-repeat;
        background: transparent url(Images/Icons/delete.png) center no-repeat;
        -moz-background-size: 20px;
        -o-background-size: 20px;
        -webkit-background-size: 20px;
        background-size: 20px;
        cursor: pointer;
        position: relative;
        width: 20px;
        text-indent: 0px;
    }

.hs-ui-remove-background {
    background-image: none;
    -moz-background-size: 20px;
    -o-background-size: 20px;
    -webkit-background-size: 20px;
    background-size: 20px;
    width: 20px;
}

.hs-ui-sectionElement {
    border: 1px #abded3 solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
    padding-left: 0px;
    width: 100%;
    margin-bottom: 5px;
}

    .hs-ui-sectionElement td:first-child {
        padding: 0;
        width: 20px;
    }

#clientDocument td:first-child {
    width: 150px;
}

#clientDocument textarea {
    width: 484px;
}

#clientTaxForm td:first-child {
    width: 150px;
}

#clientTaxForm textarea {
    width: 484px;
}

.hs-ui-section, .hs-ui-section-open {
    padding: 2px 2px 4px 2px;
    margin-top: 5px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-family: Foco, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-size: 1.2em;
}

.hs-ui-section-header {
    font-family: "Adelle Sans Sage", Foco, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-size: 1.8em;
    color: #073460;
    background: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-left: 10px;
    padding: 2px 2px 0 2px;
    width: 100%;
    vertical-align: baseline;
}

.hs-ui-section-header-buttons {
    float: right;
    margin-right: 30px;
}

.hs-ui-section-header-red {
    font-family: Foco, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-size: 1.8em;
    color: #FF0000;
    background: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-left: 10px;
    padding: 2px 2px 0px 2px;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 100%;
}

#idRelatedRefPicker {
    width: 18px;
    top: 5px;
}

.ui-datepicker-trigger {
    width: 16px;
    height: 16px;
    top: 4px;
    left: 8px;
    position: relative;
    cursor: pointer;
}

.hs-clientview-grid {
    width: inherit;
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
}

    .hs-clientview-grid th {
        color: white;
        padding: 2px 2px 2px 2px !important;
        background-color: #073460;
        font-size: 1em;
        font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
        text-align: left;
        line-height: 20px;
    }

.hs-odd-row {
    font-size: 0.75em;
    padding: 2px 2px 2px 2px;
    cursor: pointer;
}

.hs-even-row {
    font-size: 0.75em;
    padding: 2px 2px 2px 2px;
    background-color: #E0E1DD;
}

.hsGridData tr:hover {
    background-color: #073460;
    color: white !important;
    cursor: pointer;
}

.hs-clientview-grid tr:hover {
    background-color: #073460;
    color: white;
    cursor: pointer;
}

.hs-clientview-grid td:first-child, #clientSearchTable th:first-child, #timeSheetDailySummaryList th:first-child {
    padding: 4px 4px 4px 4px;
    width: 60px;
}

.hs-clientview-grid-colum-date, .hs-clientview-grid-colum-text, .hs-clientview-grid-colum-status {
    padding: 4px 4px 4px 4px;
    vertical-align: middle !important;
}

.hs-clientview-grid td:first-child + td, #clientSearchTable th:first-child + th, #timeSheetDailySummaryList th:first-child + th {
    padding: 4px 4px 4px 4px;
    width: auto;
}

    .hs-clientview-grid td:first-child + td div {
        height: 1.3em;
        overflow: hidden;
        text-align: left;
        vertical-align: middle;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        width: 720px;
        white-space: nowrap;
    }

    .hs-clientview-grid td:first-child + td + td, #clientSearchTable th:first-child + th + th {
        padding: 4px 4px 4px 4px;
        width: 60px;
    }

table.hsClientView {
    table-layout: fixed;
    width: 100%;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -ms-grid-column-align: start;
    grid-column-align: start;
    font-size: 1em;
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
}

    table.hsClientView th {
        text-align: left;
        font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
        color: #073460;
        font-size: 1em;
    }

    table.hsClientView td:first-child {
        width: 110px;
        padding: 2px 2px 2px 2px;
    }

        table.hsClientView td:first-child label {
            padding: 2px;
            width: 120px;
            color: #073460;
            font-size: 0.8em;
            vertical-align: middle;
            font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
        }

        table.hsClientView td:first-child + td {
            color: black;
            font-size: 0.8em;
            font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin: auto;
            padding: 2px 2px 0px 2px;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            text-align: left;
        }

            table.hsClientView td:first-child + td input, table.hsClientView td:first-child + td select, table.hsClientView td:first-child + td textarea,
            table.hsClientFinView input, table.hsClientFinView select {
                color: black;
                font-size: 0.9em;
                text-indent: 2px;
                font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                margin: auto;
                padding: 3px 2px 3px 2px;
                border: 1px #AFAFAF solid; 
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
                border-radius: 2px;
            }

            table.hsClientView td:first-child + td select {
                color: black;
                font-size: 0.9em;
                text-indent: 2px;
                font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                margin: auto;
                padding: 2px 2px 2px 2px;
                border: 1px #AFAFAF solid; 
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
                border-radius: 2px;
                min-width: 92px;
            }

/*#region Note buttons prev and next - TODO:combine with tax */


.hs-note-prev {
    position: absolute;
    cursor: pointer;
    vertical-align: middle;
    left: 5px;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    background-size: 100% !important;
    background: transparent url('Images/Icons/left_arrow.png') center no-repeat;
    outline: none !important;
    border-style: none;
}

    .hs-note-prev:hover {
        background: transparent url('Images/Icons/left_arrow_r.png') center no-repeat;
        background-size: 100% !important;
    }

.hs-note-next {
    position: absolute;
    cursor: pointer;
    vertical-align: middle;
    height: 32px;
    width: 32px;
    background-size: 100% !important;
    background: transparent url('Images/Icons/right_arrow.png') no-repeat center;
    border: none;
}

    .hs-note-next:hover {
        background: transparent url('Images/Icons/right_arrow_r.png') no-repeat center;
        background-size: 100% !important;
    }

.hs-note-prev-dis {
    position: absolute;
    cursor: default;
    top: 60px;
    left: 0px;
    height: 0px;
    width: 0px;
    background-repeat: no-repeat;
    -moz-background-size: 30px 39px;
    -o-background-size: 30px 39px;
    -webkit-background-size: 30px 39px;
    background-size: 30px 39px;
    background-image: none;
    border: none;
}

.hs-note-next-dis {
    cursor: default;
    top: 60px;
    height: 0px;
    width: 0px;
    background-repeat: no-repeat;
    -moz-background-size: 30px 39px;
    -o-background-size: 30px 39px;
    -webkit-background-size: 30px 39px;
    background-size: 30px 39px;
    background-image: none;
    border: none;
}

/*#endregion */

/*#region Taxform buttons prev and next - TODO:combine with notes */

.hs-taxform-prev {
    position: absolute;
    cursor: pointer;
    vertical-align: middle;
    left: 5px;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    background-size: 100% !important;
    background: transparent url('Images/Icons/left_arrow.png') center no-repeat;
    border: none;
}

    .hs-taxform-prev:hover {
        background: transparent url('Images/Icons/left_arrow_r.png') center no-repeat;
        background-size: 100% !important;
    }

.hs-taxform-next {
    border: none;
    position: absolute;
    cursor: pointer;
    vertical-align: middle;
    height: 32px;
    width: 32px;
    background-size: 100% !important;
    background: transparent url('Images/Icons/right_arrow.png') no-repeat center;
}

    .hs-taxform-next:hover {
        background: transparent url('Images/Icons/right_arrow_r.png') no-repeat center;
        background-size: 100% !important;
        height: 32px;
        width: 32px;
    }

.hs-taxform-prevnext-dis {
    background: none;
}


.hs-taxform-prev-dis {
    position: absolute;
    cursor: default;
    top: 60px;
    left: 0px;
    height: 0px;
    width: 0px;
    background-repeat: no-repeat;
    -moz-background-size: 30px 39px;
    -o-background-size: 30px 39px;
    -webkit-background-size: 30px 39px;
    background-size: 30px 39px;
    background-image: none;
    background: none;
    border: none;
}


.hs-taxform-next-dis {
    cursor: default;
    top: 60px;
    height: 0px;
    width: 0px;
    background-repeat: no-repeat;
    -moz-background-size: 30px 39px;
    -o-background-size: 30px 39px;
    -webkit-background-size: 30px 39px;
    background-size: 30px 39px;
    background-image: none;
    border: none;
}



/*#endregion */


/*#endregion */

/*#region Client Search */

#clntSearchContainer {
    margin: 0 30px 0 30px;
}

#clientSearchTable thead {
    display: block;
}

    #clientSearchTable thead th:first-child {
        width: 180px !important;
        min-width: 181px;
        border-right: 1px #fff solid;
    }

        #clientSearchTable thead th:first-child + th {
            width: 85% !important;
        }

#clientSearchTable td {
    border-right: 1px #fff solid;
}

#clientSearchTable tbody {
    display: block;
    padding-bottom: 0;
    border-top: 28px solid white;
    overflow-y: auto;
    overflow-x: hidden;
}

    #clientSearchTable tbody tr:first-child::before {
    }

    #clientSearchTable tbody td:first-child {
        width: 80px;
        min-width: 180px;
    }

        #clientSearchTable tbody td:first-child + td {
            width: 100% !important;
        }

#clientSearchTable[data-browser="safari"] tbody td:first-child + td {
    padding-right: 25px !important;
}


#clientSearchTable .jtable-main-container .jtable-bottom-panel {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 2px;
    padding-top: 2px;
    width: 100%;
    max-width: 100%;
    display: block;
    position: fixed;
    bottom: 38px;
}

.filtering {
    margin: 0 30px 0 30px;
    display: inline-block;
    position: fixed;
    top: 200px;
    z-index: 1;
}

    .filtering table {
        width: 100%;
        background-color: rgb(0,75,135);
        border-top: 1px #fff solid;
    }

        .filtering table td:first-child {
            width: 187px;
        }


/*#endregion */

/*#region Buttons standard */


.hs-cs-app .hs-standard-button, input[type=submit][value=Cancel], input[type=submit][value=OK], input[value=Close] {
    border-style: none;
    border: none;
    background-size: 100%;
    width: 130px;
    height: 28px;
    cursor: pointer;
    color: transparent !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

    .hs-cs-app .hs-standard-button:hover, input[type=submit][value=Cancel]:hover, input[type=submit][value=OK]:hover, input[value=Close]:hover {
        background-size: 100% !important; /* Need to override, as the highlight hover for a specific button does not over standard button style*/
    }

.hs-cs-app .hs-standard-button-lpad {
    left: 40px;
}

.hs-cs-app .hs-standard-button-rpad {
    right: 40px;
}

.hs-cs-app .hs-delete-button {
    background: transparent url('Images/Icons/delete_button.png') no-repeat center;
}

    .hs-cs-app .hs-delete-button:enabled:hover {
        background: transparent url('Images/Icons/delete_button_r.png') no-repeat center;
    }

    .hs-cs-app .hs-delete-button:disabled {
        cursor: not-allowed;
    }

.hs-cs-app .hs-edit-button {
    background: transparent url('Images/Icons/edit_button.png') no-repeat center;
}

    .hs-cs-app .hs-edit-button:enabled:hover {
        background: transparent url('Images/Icons/edit_button_r.png') no-repeat center;
    }

    .hs-cs-app .hs-edit-button:disabled {
        cursor: not-allowed;
    }

.hs-cs-app .hs-save-button {
    background: transparent url('Images/Icons/save_button.png') center no-repeat;
}

    .hs-cs-app .hs-save-button:enabled:hover {
        background: transparent url('Images/Icons/save_button_r.png') center no-repeat;
    }

    .hs-cs-app .hs-save-button:disabled {
        cursor: not-allowed;
    }

.hs-cs-app .hs-update-button {
    background: transparent url('Images/Icons/update_btn.png') center no-repeat;
}

    .hs-cs-app .hs-update-button:enabled:hover {
        background: transparent url('Images/Icons/update_btn_r.png') center no-repeat;
    }

.hs-cs-app .hs-submit-button {
    background: transparent url('Images/Icons/submit.png') center no-repeat;
}

    .hs-cs-app .hs-submit-button:enabled:hover {
        background: transparent url('Images/Icons/submit_r.png') center no-repeat;
    }

    .hs-cs-app .hs-submit-button:disabled {
        cursor: not-allowed;
    }

.hs-cs-app .hs-post-button {
    background: transparent url('Images/Icons/post_btn.png') center no-repeat;
}

    .hs-cs-app .hs-post-button:enabled:hover {
        background: transparent url('Images/Icons/post_btn_r.png') center no-repeat;
    }

.hs-cs-app .hs-remain-logged-in {
    background: transparent url('Images/Icons/remain_logged_in.png') center no-repeat;
}

    .hs-cs-app .hs-remain-logged-in:enabled:hover {
        background: transparent url('Images/Icons/remain_logged_in_r.png') center no-repeat;
    }

#reset-pin-dialog .hs-cancel-button, input[type=submit][value=Cancel] {
}

.hs-cs-app .hs-cancel-button, input[type=submit][value=Cancel] {
    background: transparent url('Images/Icons/cancel_button.png') center no-repeat;
}

    .hs-cs-app .hs-cancel-button:enabled:hover, input[type=submit][value=Cancel]:hover {
        background: transparent url('Images/Icons/cancel_button_r.png') center no-repeat;
    }


.hs-cs-app .hs-continue-button {
    background: transparent url('Images/Icons/continue_btn.png') center no-repeat;
}

    .hs-cs-app .hs-continue-button:enabled:hover {
        background: transparent url('Images/Icons/continue_btn_r.png') center no-repeat;
    }

.hs-cs-app .hs-search-button {
    background: transparent url('Images/Icons/search_btn.png') center no-repeat;
}

    .hs-cs-app .hs-search-button:enabled:hover {
        background: transparent url('Images/Icons/search_btn_r.png') center no-repeat;
    }

.hs-cs-app .hs-reset-button {
    background: transparent url('Images/Icons/reset_btn.png') center no-repeat;
}

    .hs-cs-app .hs-reset-button:enabled:hover {
        background: transparent url('Images/Icons/reset_btn_r.png') center no-repeat;
    }

.hs-cs-app .ui-logout-button {
    background: transparent url('Images/Icons/logout_button.png') center no-repeat;
}

.hs-cs-app .hs-logout-button:enabled:hover {
    background: transparent url('Images/Icons/logout_button_r.png') center no-repeat;
}

.hs-addclient-button {
    background: transparent url('Images/Icons/add_client_button.png') center no-repeat;
    margin-right: 28px;
}

    .hs-addclient-button:enabled:hover {
        background: url('Images/Icons/add_client_button_r.png') center no-repeat;
    }

.hs-cs-app .hs-close-button, input[value=Close] {
    background: transparent url('Images/Icons/close_button.png') center no-repeat !important;
}

    .hs-cs-app .hs-close-button:enabled:hover, input[value=Close]:hover {
        background: transparent url('Images/Icons/close_button_r.png') center no-repeat !important;
        background-size: 100%;
    }


.hs-cs-app .hs-getdirections-button {
    background: transparent url('Images/Icons/get_directions.png') center no-repeat;
}

    .hs-cs-app .hs-getdirections-button:enabled:hover {
        background: transparent url('Images/Icons/get_directions_r.png') center no-repeat;
    }


.hs-cs-app .hs-yes-button {
    background: transparent url('Images/Icons/yes_btn.png') center no-repeat;
}

    .hs-cs-app .hs-yes-button:enabled:hover {
        background: transparent url('Images/Icons/yes_btn_r.png') center no-repeat;
    }


.hs-cs-app .hs-no-button {
    background: transparent url('Images/Icons/no_btn.png') center no-repeat;
}

    .hs-cs-app .hs-no-button:enabled:hover {
        background: transparent url('Images/Icons/no_btn_r.png') center no-repeat;
    }

.hs-cs-app .hs-open-button {
    background-image: url('Images/Icons/open_button.png');
}

    .hs-cs-app .hs-open-button:enabled:hover {
        background-image: url('Images/Icons/open_button_r.png');
    }

.hs-cs-app .hs-sms-send-button {
    background: transparent url('Images/Icons/send_button.png') no-repeat top;
}

    .hs-cs-app .hs-sms-send-button:enabled:hover {
        background: transparent url('Images/Icons/send_button_r.png') no-repeat top;
    }

.hs-cs-app .hs-send-button {
    background: transparent url('Images/Icons/send_button.png') no-repeat top;
}

    .hs-cs-app .hs-send-button:disabled {
        background: transparent url('Images/Icons/send_button_grey.png') no-repeat top;
        cursor: not-allowed;
    }

    .hs-cs-app .hs-send-button:enabled:hover {
        background: transparent url('Images/Icons/send_button_r.png') no-repeat top;
    }

.hs-cs-app .hs-speed-button {
    background: transparent url('Images/Icons/speed_test.png') no-repeat top;
}

    .hs-cs-app .hs-speed-button:disabled {
        background: transparent url('Images/Icons/speed_test_grey.png') no-repeat top;
        cursor: not-allowed;
    }

    .hs-cs-app .hs-speed-button:enabled:hover {
        background: transparent url('Images/Icons/speed_test_r.png') no-repeat top;
    }

.hs-cs-app .hs-ok-button, input[type=submit][value=OK] {
    background: transparent url('Images/Icons/ok.png') center no-repeat;
}

    .hs-cs-app .hs-ok-button:hover, input[type=submit][value=OK]:hover {
        background: transparent url('Images/Icons/ok_r.png') center no-repeat;
    }

.hs-cs-app .hs-ok-button-hidden {
    visibility: hidden;
}

.hs-cs-app .hs-viewdoc-button {
    background: transparent url('Images/Icons/view_btn.png') center no-repeat;
}

    .hs-cs-app .hs-viewdoc-button:enabled:enabled:hover {
        background: transparent url('Images/Icons/view_btn_r.png') center no-repeat;
    }

.hs-cs-app .hs-emaildoc-button {
    background: transparent url('Images/Icons/email_btn.png') center no-repeat;
}

    .hs-cs-app .hs-emaildoc-button:enabled:hover {
        background: transparent url('Images/Icons/email_btn_r.png') center no-repeat;
    }

.hs-cs-app .hs-send2portaldoc-button {
    background: url('Images/Icons/SendtoPortal.png') center no-repeat;
}

    .hs-cs-app .hs-send2portaldoc-button:enabled:hover {
        background: url('Images/Icons/SendtoPortal_r.png') center no-repeat;
    }

    .hs-cs-app .hs-send2portaldoc-button:disabled {
        background: url('Images/Icons/SendtoPortal_grey.png') center no-repeat;
        cursor: not-allowed;
    }


.hs-cs-app .hs-staffsignnow-button {
    float: right;
    background: url('Images/Icons/staff_sign_now.png') center no-repeat;
    height: 20px;
    width: 114px;
}

    .hs-cs-app .hs-staffsignnow-button:enabled:hover {
        background: url('Images/Icons/staff_sign_now_r.png') center no-repeat;
    }

    .hs-cs-app .hs-staffsignnow-button:disabled {
        cursor: not-allowed;
        opacity: 0.7;
    }

/*** Client Financials ***/

.hs-cs-app .hs-viewreport-button {
    background: transparent url('Images/Icons/view_btn.png') center no-repeat;
}

    .hs-cs-app .hs-viewreport-button:enabled:hover {
        background: transparent url('Images/Icons/view_btn_r.png') center no-repeat;
    }

.hs-cs-app .hs-emailreport-button {
    background: transparent url('Images/Icons/email_btn.png') center no-repeat;
}

    .hs-cs-app .hs-emailreport-button:enabled:hover {
        background: transparent url('Images/Icons/email_btn_r.png') center no-repeat;
    }

.hs-cs-app .hs-send2portal-button {
    background: transparent url('Images/Icons/SendtoPortal.png') center no-repeat;
}

    .hs-cs-app .hs-send2portal-button:enabled:enabled:hover {
        background: transparent url('Images/Icons/SendtoPortal_r.png') center no-repeat;
    }

    .hs-cs-app .hs-send2portal-button:disabled {
        background: url('Images/Icons/SendtoPortal_grey.png') center no-repeat;
        cursor: not-allowed;
    }

.hs-cs-app .hs-viewform-button {
    background: transparent url('Images/Icons/view_btn.png') center no-repeat;
}

    .hs-cs-app .hs-viewform-button:enabled:hover {
        background: transparent url('Images/Icons/view_btn_r.png') center no-repeat;
    }

.hs-cs-app .hs-emailform-button {
    background: transparent url('Images/Icons/email_btn.png') center no-repeat;
}

    .hs-cs-app .hs-emailform-button:enabled:hover {
        background: transparent url('Images/Icons/email_btn_r.png') center no-repeat;
    }

.hs-cs-app .hs-login-button {
    background: transparent url('Images/Icons/login_button.png') center no-repeat;
}

    .hs-cs-app .hs-login-button:enabled:hover {
        background: transparent url('Images/Icons/login_button_r.png') center no-repeat;
    }

.hs-cs-app .hs-saveonly-button {
    background: transparent url('Images/Icons/save_only_btn.png') center no-repeat;
}

    .hs-cs-app .hs-saveonly-button:hover {
        background: transparent url('Images/Icons/save_only_btn_r.png') center no-repeat;
    }

.hs-cs-app .hs-savepost-button {
    background: transparent url('Images/Icons/save_and_post_btn.png') center no-repeat;
}

    .hs-cs-app .hs-savepost-button:hover {
        background: transparent url('Images/Icons/save_and_post_btn_r.png') center no-repeat;
    }

/*** NoWIP Invoices ***/

.hs-addressbook-container {
    border: 1px red solid;
    display: inline-table;
}

.hs-addressbook-button {
    background: transparent url('Images/Icons/address_book_btn.png') center no-repeat;
    cursor: pointer;
    width: 36px;
    height: 36px;
    background-size: 70%;
    color: transparent;
}


.hs-cs-app .hs-addressbook-button:hover {
    background: transparent url('Images/Icons/address_book_btn_r.png') center no-repeat;
    cursor: pointer;
    width: 36px;
    height: 36px;
    background-size: 70%;
    color: transparent;
}

.hs-cs-app .hs-invoice-button {
    background: transparent url('Images/Icons/invoice_btn.png') center no-repeat;
}

    .hs-cs-app .hs-invoice-button:hover {
        background: transparent url('Images/Icons/invoice_btn_r.png') center no-repeat;
    }

.hs-cs-app .hs-postandemail-button {
    background: transparent url('Images/Icons/post_and_email_btn.png') center no-repeat;
}

    .hs-cs-app .hs-postandemail-button:hover {
        background: transparent url('Images/Icons/post_and_email_btn_r.png') center no-repeat;
    }

.hs-cs-app .hs-postfinal-button {
    background: transparent url('Images/Icons/post_final_btn.png') center no-repeat;
}

    .hs-cs-app .hs-postfinal-button:enabled:hover {
        background: transparent url('Images/Icons/post_final_btn_r.png') center no-repeat;
    }

.hs-cs-app .hs-preview-button {
    background: transparent url('Images/Icons/preview_btn.png') center no-repeat;
}

    .hs-cs-app .hs-preview-button:enabled:hover {
        background: transparent url('Images/Icons/preview_btn_r.png') center no-repeat;
    }

.hs-cs-app .hs-savetemp-button {
    background: transparent url('Images/Icons/save_temporary_btn.png') center no-repeat;
}

    .hs-cs-app .hs-savetemp-button:enabled:hover {
        background: transparent url('Images/Icons/save_temporary_btn_r.png') center no-repeat;
    }

div.hs-wipdetails {
    padding: 0;
}

.hs-wipdetails-sectioncontainer {
    border-radius: 4px;
    width: 100%;
    padding: 0 10px 0 10px;
}

#generalSection .hs-ui-section-header, #invoiceItems .hs-ui-section-header {
    margin-left: -4px;
    padding: 0;
}


#generalSection .hs-ui-section-open {
    border-radius: 4px;
    padding: 0;
}

#invoiceItems .hs-ui-icon-plus {
    left: auto;
}


/*** NoWIP Invoices Items Header ***/
.hs-invoice-itemslist {
    display: block;
    margin: 0 15px 0 15px;
    height: 200px;
}

#idItemsHeader {
    display: block;
    width: 100%;
    background-color: #073460;
    padding: 2px 2px 2px 2px;
    color: white;
    font-family: Arial;
    font-size: 0.85em;
    border-collapse: collapse;
}

    #idItemsHeader td {
        border-right: 1px solid rgba(255, 255, 255, 0.4);
    }
        /* Act */
        #idItemsHeader td:first-child {
            width: 40px;
            text-align: center;
            padding: 2px 2px 2px 2px;
        }

            /* Description */
            #idItemsHeader td:first-child + td {
                width: 440px;
                text-align: left;
                padding: 2px 2px 2px 2px;
            }

                /* $(Ex Tax) */
                #idItemsHeader td:first-child + td + td {
                    width: 120px;
                    text-align: right;
                    padding: 2px 2px 2px 2px;
                }

                    /* Code */
                    #idItemsHeader td:first-child + td + td + td {
                        width: 80px;
                        text-align: left;
                        padding: 2px 2px 2px 2px;
                    }

                        /* Tax */
                        #idItemsHeader td:first-child + td + td + td + td {
                            width: 100px;
                            text-align: right;
                            padding: 2px 2px 2px 2px;
                        }

                            /* $(Inc Tax) */
                            #idItemsHeader td:first-child + td + td + td + td + td {
                                width: 120px;
                                text-align: right;
                                border-right: none;
                                padding: 2px 2px 2px 2px;
                            }


/*** NoWIP Invoices Items Header ***/

/*** NoWIP Invoices Items Body ***/
#idItemsBody {
    display: block;
    width: 100%;
    font-family: Arial;
    font-size: 0.75em;
    overflow-y: scroll;
    border-collapse: collapse;
    color: black;
}

    #idItemsBody tr {
        line-height: 1.5em;
    }


        #idItemsBody tr:nth-child(odd) {
            background-color: rgba(224, 225,221,1);
        }

        #idItemsBody tr:hover {
            background-color:#073460;
            color: white;
            cursor: pointer;
        }

    #idItemsBody td {
        border-right: 1px solid rgba(224, 225, 221, 1);
        text-indent: 2px;
    }
        /* Act */
        #idItemsBody td:first-child {
            width: 42px;
            text-align: center;
            padding: 2px;
        }

            /* Description */
            #idItemsBody td:first-child + td {
                width: 442px;
                text-align: left;
                padding: 2px;
            }

                /* $(Ex Tax) */
                #idItemsBody td:first-child + td + td {
                    width: 120px;
                    text-align: right;
                    padding: 2px;
                }

                    /* Code */
                    #idItemsBody td:first-child + td + td + td {
                        width: 80px;
                        text-align: left;
                        padding: 2px;
                    }

                        /* Tax */
                        #idItemsBody td:first-child + td + td + td + td {
                            width: 102px;
                            text-align: right;
                            padding: 2px;
                        }

                            /* $(Inc Tax) */
                            #idItemsBody td:first-child + td + td + td + td + td {
                                width: 108px;
                                text-align: right;
                                border-right: none;
                                padding: 2px;
                            }



.hs-ui-invoice-icondelete {
    position: absolute;
    padding: 0;
    width: 20px;
    height: 20px;
    background: transparent url('Images/Icons/delete.png') center no-repeat;
    background-position: left;
    background-size: 18px;
    cursor: pointer;
    margin-top: 0;
    margin-left: -40px;
}

    .hs-ui-invoice-icondelete[data-isreadonly="1"] {
        display: block !important;
        background-position: left;
        background-repeat: no-repeat;
        background-image: none;
        cursor: auto !important;
        position: relative;
        width: 0;
        text-indent: 0;
        padding: 0 5px 0 5px;
    }

    .hs-ui-invoice-icondelete[data-isreadonly="0"] {
        background-position: left;
        background-repeat: no-repeat;
        background: transparent url(Images/Icons/delete.png) center no-repeat;
        -moz-background-size: 20px;
        -o-background-size: 20px;
        -webkit-background-size: 20px;
        background-size: 20px;
        cursor: pointer;
        position: relative;
        width: 20px;
        text-indent: 0;
    }


/*** NoWIP Invoices Items Body ***/

/*** NoWIP Invoices Items Footer ***/
#idItemsFooter {
    display: block;
    width: 100%;
    background-color: rgba(65,169,64,1);
    color: white;
    font-family: Arial;
    font-size: 0.85em;
    padding: 2px 2px 2px 2px;
    border-collapse: collapse;
}

    #idItemsFooter td {
        border-right: 1px solid rgba(255, 255, 255, 0.4);
    }
        /* Totals + Description Col */
        #idItemsFooter td:first-child {
            width: 470px;
            text-align: left;
            padding: 2px 2px 2px 8px;
        }

            /* $(Ex Tax) */
            #idItemsFooter td:first-child + td {
                width: 117px;
                text-align: right;
                padding: 2px 2px 2px 2px;
            }

                /* Code */
                #idItemsFooter td:first-child + td + td {
                    width: 80px;
                    text-align: left;
                    padding: 2px 2px 2px 2px;
                }

                    /* Tax */
                    #idItemsFooter td:first-child + td + td + td {
                        width: 98px;
                        text-align: right;
                        padding: 2px 2px 2px 2px;
                    }

                        /* $(Inc Tax) */
                        #idItemsFooter td:first-child + td + td + td + td {
                            width: 104px;
                            text-align: right;
                            border-right: none;
                            padding: 2px 2px 2px 2px;
                        }

/*** NoWIP Invoices Items Footer ***/

/*** NoWIP Invoices discount ***/

#idInvoiceDiscount {
    padding: 4px 0 0 0;
}

#idInvoiceDiscountDescription {
    width: 50%;
    display: inline-block;
}

    #idInvoiceDiscountDescription table {
        font-family: Arial;
        font-size: 0.85em;
        width: 100%;
        border-collapse: collapse;
    }

        #idInvoiceDiscountDescription table td:first-child {
            color: rgba(65, 169, 64, 1);
        }

#idStdParagraph {
    position: relative;
    left: 0;
    width: 12px;
    height: 12px;
}

#idInvoiceDiscountDescription table td:first-child + td {
    text-align: right;
    vertical-align: top;
}

.hs-invoice-discountdescription {
    width: 280px;
}

#idInvoiceDiscountValues {
    width: 49%;
    display: inline-block;
    padding-bottom: 15px;
}

    #idInvoiceDiscountValues table {
        font-family: Arial;
        font-size: 0.85em;
        width: 100%;
        border-collapse: collapse;
    }

        #idInvoiceDiscountValues table td:first-child {
            text-align: right;
            color: rgba(65, 169, 64, 1);
            padding: 2px 0 2px 0;
        }

            #idInvoiceDiscountValues table td:first-child + td {
                text-align: right;
                width: 120px;
                padding: 2px 0 2px 0;
            }

.hs-invoice-discount {
    width: 115px;
    text-align: right;
    font-family: Arial;
    font-size: 0.85em;
}

.hs-invoice-paidnow {
    width: 115px;
    text-align: right;
    font-family: Arial;
    font-size: 0.85em;
}

.hs-invoice-excludetaxtotal {
    border: none;
    text-align: right;
    background-color: transparent;
    color: white;
    width: 110px;
}

.hs-invoice-taxtotal {
    border: none;
    text-align: right;
    background-color: transparent;
    color: white;
    width: 90px;
}

.hs-invoice-includetaxtotal {
    width: 100px;
    border: none;
    text-align: right;
    background-color: transparent;
    color: white;
}

.hs-invoice-balanceduetotal {
    width: 100px;
    border: none !important;
    text-align: right;
    background-color: transparent;
    color: white !important;
}



/*** NoWIP Invoices discount ***/

/*** NoWIP Invoices Balance ***/

#idInvoiceBalance {
    display: block;
    width: 100%;
    background-color: rgba(65,169,64,1);
    color: white;
    font-family: Arial;
    font-size: 0.85em;
    padding: 2px 2px 2px 8px;
    border-collapse: collapse;
}

    #idInvoiceBalance td:first-child {
        text-align: left;
        padding: 2px 2px 2px 2px;
        width: 820px;
        vertical-align: middle;
    }

        #idInvoiceBalance td:first-child + td {
            text-align: right;
            padding: 2px 2px 2px 2px;
            width: 120px;
            vertical-align: middle;
        }

/*** NoWIP Invoices Balance ***/

.hs-wip-general {
    font-family: Arial;
    font-size: 0.9em;
    width: 800px;
    padding: 2px 0 2px 15px;
    border-radius: 4px;
}

    .hs-wip-general td:first-child {
        width: 130px;
        color: rgba(65, 169, 64, 1);
    }

        .hs-wip-general td:first-child + td {
            color: black;
            text-align: left;
            width: 700px;
        }

            .hs-wip-general td:first-child + td + td {
                width: 1px;
            }

.hs-textarea-address {
    height: 95px;
    width: 99%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    resize: none;
    -ms-word-wrap: normal;
    word-wrap: break-word;
    white-space: pre-line;
    text-indent: 0;
}

#idInvoiceDetails {
    padding: 4px 0 0 0;
}

.hs-invoice-layout {
    width: 99%;
}

.hs-invoice-details {
    height: 100%;
    overflow-y: auto;
}

    .hs-invoice-details table {
        width: 100%;
    }

        .hs-invoice-details table td:first-child {
            text-align: left;
            vertical-align: middle;
            padding: 2px;
            width: 100px;
            color: rgba(65, 169, 64, 1);
            font-family: Arial;
        }

            .hs-invoice-details table td:first-child + td {
                text-align: left;
                vertical-align: top;
                padding: 2px;
            }
/*** No WIP Invoices ***/

.hs-invoice-rightalign {
    text-align: right;
}

.hs-text-align-top {
    vertical-align: top !important;
}
/*#endregion */

/*#region Buttons Round */

.hs-round-button {
    border-style: none;
    padding: 2px;
    border: none !important;
    background-size: 100% !important;
    width: 29px;
    height: 35px;
    cursor: pointer !important;
    color: transparent;
    margin-left: 15px;
}


.hs-editclient-button {
    background: transparent url('Images/Icons/sage_edit_user.png') center no-repeat;
}

    .hs-editclient-button:enabled:hover {
        background: transparent url('Images/Icons/sage_edit_user_r.png') center no-repeat;
    }

    .hs-editclient-button:disabled {
        cursor: not-allowed !important;
        background: transparent url('Images/Icons/sage_edit_user_grey.png') center no-repeat;
    }

.hs-documentclient-button {
    background: transparent url('Images/Icons/client_documents.png') center no-repeat;
}

    .hs-documentclient-button:enabled:hover {
        background: transparent url('Images/Icons/client_documents_r.png') center no-repeat;
    }

.hs-timesheetclient-button, .hs-addtimesheetclient-button {
    background: transparent url('Images/Icons/add_timesheet_entry.png') center no-repeat;
}

    .hs-timesheetclient-button:enabled:hover, .hs-addtimesheetclient-button:enabled:hover {
        background: transparent url('Images/Icons/add_timesheet_entry_r.png') center no-repeat;
    }

.hs-addevent-client-button {
    background: transparent url('Images/Icons/create_from_event.png') center no-repeat;
}

    .hs-addevent-client-button:enabled:hover {
        background: transparent url('Images/Icons/create_from_event_r.png') center no-repeat;
    }

.hs-addtimesheetclient-button {
    display: block;
    margin-right: 30px;
    margin-top: -40px;
    float: right;
}

/*#endregion */

/*#region Logos */

.hs-connect-logo {
    width: 12em;
}

.hs-broken-logo {
    top: 0px;
    width: 100%;
    position: absolute;
    max-width: 976px !important;
    background-color: inherit;
    margin: 0 auto 0 auto;
}

    .hs-broken-logo img {
        float: right;
        width: 345px;
        margin-top: 24px;
        margin-right: 25px;
    }



.hs-connect-icon {
    text-align: center;
}


/*#endregion */

/*#region input specific example: textarea, input, overrides */

textarea {
    overflow-x: hidden;
}

.dialog-buttonrow-right input {
    float: right;
}

/*[Bug-1685] Chrome - Highlight dropdownlist when it is in focus*/
.chrome select:focus {
    outline: 1px dotted black;
    outline-offset: -4px;
}

input.hsAlignNumber {
    text-align: right;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: grey;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: grey;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: grey;
}

/*#endregion */

/*#region Client Financials */

table.hsClientFinView {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -ms-grid-column-align: start;
    grid-column-align: start;
    /*font-size: 0.9em;*/
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    width: 100%;
    border-collapse: collapse;
    padding: 0px;
    vertical-align: middle;
}

    table.hsClientFinView .field-validation-error {
        font-size: 0.8em;
    }

.hsClientFinView td:first-child {
    width: 170px;
    vertical-align: middle;
    height: 34px;
    padding: 0;
}

    .hsClientFinView td:first-child + td {
        width: 200px;
        vertical-align: middle;
        /*height: 34px;*/
        padding: 0;
    }

        .hsClientFinView td:first-child + td + td {
            width: 400px;
            vertical-align: middle;
            /*height: 34px;*/
            padding: 0;
        }

.hsClientFinView label {
    color: #073460; 
}

    .hsClientFinView label.hsGroupLabel {
        font-size: 1.3em;
        color: #073460; 
    }

/*#endregion */

/*#region Mobiscroll Overrides */

#diaryEventsCalendar .dw-i {
    border-radius: 4px;
}

#diaryEventsCalendar div[data-selected=true] > div.dw-i {
    background-color: rgb(135,194,181);
    color: #FFF;
    border-radius: 4px;
}


#diaryEventsCalendar div[data-selected=true]:hover > div.dw-i:hover {
    background-color: #073460;
    color: #FFF;
}

#diaryEventsCalendar .dw-cal-c {
    border: 6px #073460 solid;
    padding: 0;
    margin: 0;
}

#diaryEventsCalendar .dw-cal-day-m {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background-color: rgb(157, 217, 157);
}

    #diaryEventsCalendar .dw-cal-day-m:hover {
        background-color: #073460;
    }

#diaryEventsCalendar .dw-cal-day-fg:hover {
    background-color: #073460;
    border-radius: 3px;
}

/*#diaryEventsCalendar .dw-cal-day-m[data-selected=true] {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background-color: rgb(135,194,181);
}*/

#diaryEventsCalendar .dw-cal-day {
    background-color: #fff;
    border: 1px rgba(224, 225, 221, 0.45) solid;
    color: #000;
}

#diaryEventsCalendar .dw-i:hover {
    background-color: #073460;
    border-radius: 3px;
    color: #fff;
}

#diaryEventsCalendar .dw-cal-body, #diaryEventsCalendar .dw-cal-btnw {
    color: #fff;
    background-color: #073460;
}

#diaryEventsCalendar .dw-cal-sc-cell {
    color: #000000;
}

#diaryEventsCalendar .dw-cal-days, #diaryEventsCalendar .dw-cal-btn-txt {
    color: #FFFFFF;
}


/*#endregion */

/*#region Diary Search */

#idEventSearchDetails table {
    width: 100%;
}

#idEventSearchDetails.hs-event-search table > tbody > tr > td {
    padding: 2px 2px 2px 20px;
    color: black;
    vertical-align: top;
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
}

    #idEventSearchDetails.hs-event-search table > tbody > tr > td:first-child {
        width: 120px;
        color: #073460; 
        vertical-align: top;
    }

/*#endregion */

/*#region Diary Events Page */

.diary-events-header {
    margin: 0 30px 0 30px;
    font-family: "Adelle Sans Sage", Arial, "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    font-size: 2em;
    color: #073460;
    background-color: #FFF;
    display: block;
    padding: 5px 0 2px 0;
    text-align: left;
}

.hs-diaryevents-search {
    float: right;
    border: none !important;
    background: transparent url('Images/Icons/small_search.png') no-repeat center;
    background-size: 100% !important;
    width: 24px !important;
    height: 24px !important;
    cursor: pointer !important;
    color: transparent !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin-left: 5px;
}

    .hs-diaryevents-search:hover, .hs-diaryevents-search:enabled:hover {
        background: transparent url('Images/Icons/small_search_r.png') no-repeat center;
    }


    .hs-diaryevents-search[data-filteractive=true] {
        background: transparent url('Images/Icons/search_active.png') no-repeat center;
    }


.hs-diaryevents-clearsearch {
    float: right;
    border: none !important;
    background: transparent url('Images/Icons/clear_search.png') no-repeat center;
    background-size: 100% !important;
    width: 24px !important;
    height: 24px !important;
    cursor: pointer !important;
    color: transparent !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin-left: 5px;
}

    .hs-diaryevents-clearsearch:enabled:hover {
        background: transparent url('Images/Icons/clear_search_r.png') no-repeat center;
        background-size: 100% !important;
    }

.hs-diaryevents-today {
    float: right;
    border: none !important;
    background: transparent url('Images/Icons/today_btn.png') no-repeat center;
    background-size: 100% !important;
    width: 24px !important;
    height: 24px !important;
    cursor: pointer !important;
    color: transparent !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

    .hs-diaryevents-today:hover {
        background: transparent url('Images/Icons/today_btn_r.png') no-repeat center;
    }

.hs-diaryevents-add {
    float: right;
    border: none !important;
    background: transparent url('Images/Icons/create_from_event.png') no-repeat center;
    background-size: 100% !important;
    width: 24px !important;
    height: 24px !important;
    cursor: pointer !important;
    color: transparent !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

    .hs-diaryevents-add:hover {
        background: transparent url('Images/Icons/create_from_event_r.png') no-repeat center;
    }

.diary-events-clearsearch[data-filteractive=true] {
    width: 24px;
    float: right;
    top: 4px;
    position: relative;
    cursor: pointer;
    padding: 0 4px 0 0;
}

.hs-calendar-eventlist {
    margin: 10px 30px 0 30px;
    padding: 0;
    font-family: Arial, "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    color: #000;
}

.hs-calendar-event-odd {
    background-color: #E0E1DD;
}

.hs-calendar-event {
    list-style-type: none;
    margin: 0;
}

    .hs-calendar-event:hover {
        background-color: #073460; 
        cursor: pointer;
        color: #FFFFFF;
    }

    .hs-calendar-event table {
        width: 100%;
        padding: 0 4px 0 4px;
        margin-right: 30px;
    }

        .hs-calendar-event table td:first-child {
            min-width: 80px;
            max-width: 80px;
            width: 80px;
            font-weight: bold;
            text-align: left;
            vertical-align: top;
        }

            .hs-calendar-event table td:first-child + td {
                width: 100%;
                font-weight: normal;
                text-align: left;
                vertical-align: top;
                display: block;
                height: 47px;
                -ms-text-overflow: ellipsis;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                overflow: hidden;
            }

                .hs-calendar-event table td:first-child + td + td {
                    min-width: 60px;
                    max-width: 60px;
                    width: 60px;
                }

                .hs-calendar-event table td:first-child + td > a {
                    color: #FF5800;
                }



.deContainer {
    height: 49px;
    padding: 2px;
}

.deTimeContainer {
    display: inline-block;
    position: static;
    float: left;
    width: 90px;
    height: 48px;
    text-align: left;
    padding-left: 2px;
}

.deDescriptionContainer[data-browser="firefox"] {
    height: 53px;
}

.deDescriptionContainer[data-browser="chrome"] {
    height: 49px;
}

.deDescriptionContainer {
    display: inline-block;
    position: static;
    float: left;
    text-align: left;
    width: calc(100% - 172px);
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 50px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-collapse: collapse;
    border: 1px transparent solid;
}

.deStatusContainer {
    display: inline-block;
    position: static;
    float: right;
    right: 0;
    width: 75px;
    height: 48px;
    text-align: center;
}

.dePriorityContainer {
    display: inline-block;
    position: static;
    float: left;
    right: 0;
    width: 5px;
    height: 48px;
}


#idDiaryEventsContainer {
    height: 100%;
}

#diaryEventsCalendar {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2px;
}

#diaryEventheader {
    margin: 2px 0 20px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2px;
}

#diaryEventsList {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 520px;
    bottom: 32px;
    max-width: 974px;
    width: 100%;
    overflow-y: auto;
    padding: 0;
}

    #diaryEventsList ul {
        margin: 0;
        height: 100%;
    }

.hs-diaryevent-status {
    position: relative;
    border: none;
    background-size: 70% !important;
    width: 44px;
    height: 47px;
    cursor: pointer;
    color: transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

    .hs-diaryevent-status[data-done=False] {
        background: transparent url('Images/Icons/not_done.png') no-repeat center;
    }

        .hs-diaryevent-status[data-done=False]:hover {
            background: transparent url('Images/Icons/done.png') no-repeat center;
        }

    .hs-diaryevent-status[data-done=True] {
        background: transparent url('Images/Icons/done.png') no-repeat center;
    }

        .hs-diaryevent-status[data-done=True]:hover {
            background: transparent url('Images/Icons/not_done.png') no-repeat center;
        }

/*#endregion */

/*#region Diary Events - Details */
#idEventDetails {
    padding: 0px 4px 0px 4px;
}

#idEventDetailsForm {
    padding: 0;
}

    #idEventDetailsForm table {
        width: 100%;
    }

        #idEventDetailsForm table.hs-label-value-tbl tbody tr td {
            color: black;
            font-size: 0.8em;
            vertical-align: top;
            font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
        }

        #idEventDetailsForm table.hs-label-value-tbl > tbody > tr > td {
            padding: 2px 2px 2px 20px;
        }

#idEventDescSection table.hs-ui-sectionElement > tbody > tr > td,
#idEventDocsSection table.hs-ui-sectionElement > tbody > tr > td {
    padding: 2px 2px 2px 20px;
    color: black;
    font-size: 0.8em;
    vertical-align: top;
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
}

#idEventDetailsForm table.hs-label-value-tbl > tbody > tr > td:first-child {
    width: 120px;
    color: #073460; 
    vertical-align: middle;
}

#idEventDetailsForm .hs-ui-icon-collapsed, #idEventDetailsForm .hs-ui-icon-expanded {
    -moz-background-size: 21px 21px;
    -o-background-size: 21px 21px;
    -webkit-background-size: 21px 21px;
    background-size: 21px 21px;
}

#idEventOtherDetailsSection label[for="AlertBefore"] {
    margin-left: 10px;
    color: #073460;
}

.hs-cs-app #idEventDescSection img, #idEventJobflowSection img {
    left: 0;
    top: 0;
    float: right;
}

#idEventDescSection #Description {
    width: 95%;
}

    #idEventDescSection #Description[readonly='readonly'] {
        width: 100%;
    }

#idEventJobflowSection #LinkedTask {
    width: 92%;
    padding: 0 7px 0 2px;
}

.hs-delete-linkedtask[data-browser="firefox"] {
    top: -10px;
    margin-left: -20px;
}

.hs-delete-linkedtask[data-browser="chrome"] {
    top: -12px;
    margin-left: -20px;
}

.hs-delete-linkedtask {
    color: black;
    margin-left: -33px;
    display: inline-block;
    position: relative;
    top: -7px;
    cursor: default;
    background: transparent url('Images/Icons/x.png') no-repeat center;
    width: 9px;
    height: 9px;
}

#idEventDocsSection .jtable, #idEventDocsSection .jtable tr, #idEventDocsSection .jtable td {
    border: none;
}

#idEventDocsSection #idEventDocuments th {
    border-bottom: solid 1px;
    line-height: 23px;
    padding-left: 5px;
}

.hs-right-button {
    right: 20px;
}

.hs-left-button {
    left: 20px;
    position: absolute;
}


/*#endregion */

/*#region Pin Entry - Rotation */

#idRotateMobile {
    display: none;
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    background-color: rgba(65, 169, 64, 0.22);
    z-index: 4000;
    background-image: url( Images/Icons/rotate_phone.png);
    background-repeat: no-repeat;
    background-position: center;
}

    #idRotateMobile p {
        font-family: Foco, Arial, "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
        font-size: 1.5em;
        font-style: normal;
        font-weight: bold;
    }

#idKeyPadContainer {
    padding: 0;
    border: 1px blue solid;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    position: fixed;
}

#idKeyPad {
    position: absolute;
    width: 100%;
    top: 0;
    top: calc(50% - 225px);
}

/*#endregion */

/*#region Diary Events - Contact Details */

#idContactDetails table {
    width: 100%;
}

    #idContactDetails table.hs-label-value-tbl tbody tr td {
        color: black;
        font-size: 1em;
        vertical-align: top;
        font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    }

    #idContactDetails table.hs-label-value-tbl > tbody > tr > td {
        padding: 2px 2px 2px 0px;
    }

        #idContactDetails table.hs-label-value-tbl > tbody > tr > td:first-child {
            width: 120px;
            color: #073460; 
            vertical-align: middle;
        }

#idContactDetails section > label {
    padding: 2px;
    color: #073460;
    vertical-align: middle;
    font-size: 1.1em;
}

#idContactDetails section > div.hs-scrolling {
    overflow-y: auto;
    height: 86px;
}

#idContactDetails section table.hs-section-data {
    border-collapse: collapse;
}

    #idContactDetails section table.hs-section-data tr:nth-child(odd) {
        background-color: #E0E1DD; /* Same as jtable's "even" rows */
    }

    #idContactDetails section table.hs-section-data tr td {
        padding: 3px;
    }

#idContactDetails section .hs-section-data label {
    vertical-align: middle;
}

#idContactDetails section table.hs-section-data img {
    float: left;
}

.contact-details-sections {
    border: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .contact-details-sections span:first-child {
        float: left;
        border: none;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        max-width: 362px;
        -ms-word-wrap: break-word;
        word-wrap: break-word;
    }

        .contact-details-sections span:first-child + span {
            float: right;
            border: none;
            width: 20px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .contact-details-sections span:first-child div {
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -ms-word-wrap: break-word;
            word-wrap: break-word;
        }

-ms-word-wrap: break-word; word-wrap: break-word;
}

.contact-details-sections span:first-child + span {
    float: right;
    border: none;
    width: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.contact-details-sections span:first-child div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

/*#endregion */

/*#region Standard Paragraph */

.hs-stdpara-picker {
    height: 320px !important;
    padding: 0 !important;
    overflow: hidden !important;
}

#stdParagraphListGrid table.jtable {
    table-layout: fixed;
    width: 100%;
    height: 283px;
    border-bottom: none;
}

.ie9 #stdParagraphListGrid table.jtable {
    height: auto;
}

.ie9 #stdParagraphListGrid div.jtable-main-container {
    height: 320px;
}
/* Make sure the 4-digit code is always shown in full.  Just set the header, js will copy this value for tbody. */
#stdParagraphListGrid table.jtable thead .hs-column-stdparacode {
    min-width: 30px;
}

.ie9 #stdParagraphListGrid div.jtable-main-container > div.jtable-bottom-panel {
    top: 116px;
}

#stdParagraphListGrid tbody {
    overflow-y: scroll;
    overflow-x: hidden;
    display: block;
    height: 248px;
    font-size: 0.9em;
}

#stdParagraphListGrid table.jtable td {
    white-space: nowrap;
    overflow: hidden;
    margin-right: 2px;
}

    #stdParagraphListGrid table.jtable td .hsGctext {
        overflow: hidden;
    }

/*#endregion */

/*#region Timesheet Dialy summary */

.hs-column-posted {
    text-align: center;
    border: 1px white solid;
}

.hs-column-clientref {
    padding-left: 5px !important;
    border: 1px white solid;
}

.hs-column-description {
    padding-left: 5px !important;
    border: 1px white solid;
}

.hs-column-units {
    padding-right: 5px !important;
    border: 1px white solid;
    text-align: right;
}

.hs-column-rate {
    padding-right: 5px !important;
    border: 1px white solid;
    text-align: right;
}

.hs-column-value {
    padding-right: 5px !important;
    border: 1px white solid;
    text-align: right;
}

table.hs-timesheetdaily-grid {
    padding: 0 30px 0 30px;
    margin-left: 0;
    table-layout: fixed;
    width: 100%;
    font-size: 1.5em;
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
}


#hstimesheetdailygridtotals .hs-column-totalslbl {
    border: 1px #073460 solid;
    min-width: 580px;
}

#hstimesheetdailygridtotals[data-browser="chrome"] .hs-column-totalslbl, #hstimesheetdailygridtotals[data-browser="edge"] .hs-column-totalslbl {
    border: 1px #073460 solid;
    min-width: 583px;
}


.hs-column-unitstotal {
    width: 92px;
    min-width: 95px;
    padding-right: 5px !important;
    text-align: right;
    border-left: 1px #fff solid;
    border-right: 1px #fff solid;
}

.hs-column-ratetotal {
    width: 86px;
    min-width: 86px;
    padding-right: 5px !important;
    text-align: right;
}

#hstimesheetdailygridtotals[data-browser="chrome"] .hs-column-ratetotal {
    width: 87px;
    min-width: 87px;
    padding-right: 5px !important;
    text-align: right;
}

.hs-column-valuetotal {
    width: 100px;
    min-width: 102px;
    text-align: right;
    padding-right: 19px !important;
    border-left: 1px #fff solid;
}

/*data-browser="chrome"*/

.hs-column-eventdescription, .hs-column-eventtype, .hs-column-taskdescription, .hs-column-tasktype {
    padding-left: 5px !important;
    border: 1px white solid;
}

table.hs-timesheetdaily-gridtotals {
    background-color: #073460;
    color: #fff;
    padding: 0 0px 0 0px;
    margin-left: 0px;
    table-layout: fixed;
    font-size: 0.7em;
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
}

    table.hs-timesheetdaily-gridtotals[data-browser="msie"],
    table.hs-timesheetdaily-gridtotals[data-browser="edge"],
    table.hs-timesheetdaily-gridtotals[data-browser="firefox"] {
        margin-right: -3px;
    }


table.hs-timesheetdaily {
    padding: 20px 0 20px 0;
    margin-left: 0;
    table-layout: fixed;
    width: 100%;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -ms-grid-column-align: start;
    grid-column-align: start;
    font-size: 1.5em;
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
}

    table.hs-timesheetdaily th {
        text-align: left;
        font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
        color: #073460;
        font-size: 1em;
    }

    table.hs-timesheetdaily td:first-child {
        padding: 2px;
        width: 170px;
        color: #073460;
        vertical-align: middle;
        font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    }

        table.hs-timesheetdaily td:first-child label {
            margin-left: 30px;
            padding: 2px;
            width: 120px;
            color: #073460;
            font-size: 0.8em;
            vertical-align: middle;
            font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
        }

        table.hs-timesheetdaily td:first-child + td {
            color: black;
            font-size: 0.8em;
            font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin: auto;
            padding: 2px 2px 0px 2px;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            text-align: left;
        }


#timeSheetDailySummaryList table.jtable tbody {
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
}

    #timeSheetDailySummaryList table.jtable tbody td:first-child {
        width: 25px;
        min-width: 25px;
        border-right: 1px #fff solid;
    }

        #timeSheetDailySummaryList table.jtable tbody td:first-child + td {
            width: 110px !important;
            border-right: 1px #fff solid;
            min-width: 110px;
        }

#timeSheetDailySummaryList[data-browser="chrome"] table.jtable tbody td:first-child + td {
    width: 113px !important;
    border-right: 1px #fff solid;
    min-width: 113px;
}

#timeSheetDailySummaryList[data-browser="edge"] table.jtable tbody td:first-child + td + td {
    width: 425px !important;
    border-right: 1px #fff solid;
}

#timeSheetDailySummaryList table.jtable tbody td:first-child + td + td {
    width: 422px !important;
    border-right: 1px #fff solid;
}

    #timeSheetDailySummaryList table.jtable tbody td:first-child + td + td + td {
        width: 91px !important;
        min-width: 91px;
        border-right: 1px #fff solid;
    }

        #timeSheetDailySummaryList table.jtable tbody td:first-child + td + td + td + td {
            width: 87px !important;
            min-width: 87px;
            border-right: 1px #fff solid;
        }

            #timeSheetDailySummaryList table.jtable tbody td:first-child + td + td + td + td + td {
                width: 98px !important;
                min-width: 98px;
                border-right: 1px #fff solid;
                padding-right: 2px !important;
            }

#timeSheetDailySummaryList[data-browser="safari"] table.jtable tbody td:first-child + td + td + td + td + td {
    padding-right: 19px !important;
}


#timeSheetDailySummaryList table.jtable thead {
    display: block;
}

    #timeSheetDailySummaryList table.jtable thead th:first-child {
        width: 25px !important;
        min-width: 25px;
    }

        #timeSheetDailySummaryList table.jtable thead th:first-child + th {
            width: 110px;
            min-width: 110px;
        }

            #timeSheetDailySummaryList table.jtable thead th:first-child + th + th {
                min-width: 425px;
            }

#timeSheetDailySummaryList[data-browser="edge"] th.hs-column-description {
    min-width: 428px !important;
}

#timeSheetDailySummaryList table.jtable thead th:first-child + th + th + th {
    width: 94px !important;
    min-width: 94px;
    text-align: right;
}

    #timeSheetDailySummaryList table.jtable thead th:first-child + th + th + th + th {
        width: 90px !important;
        min-width: 90px;
        text-align: right;
    }

        #timeSheetDailySummaryList table.jtable thead th:first-child + th + th + th + th + th {
            width: 95px !important;
            min-width: 95px;
            padding-right: 25px !important;
            text-align: right;
        }

/* Show horizontal scrollbar when page-width < grid-width */
#tsGridSummaryContainer {
    overflow-x: auto;
    -ms-scrollbar-base-color: white;
    scrollbar-base-color: white;
    -ms-scrollbar-face-color: #E0E1DD;
    scrollbar-face-color: #E0E1DD; /* the same as tr.jtable-row-even */
    -ms-scrollbar-shadow-color: #E0E1DD;
    scrollbar-shadow-color: #E0E1DD;
}

.jtable-no-data-row td {
    width: 976px !important;
    max-width: 976px;
    display: none;
}


/*#endregion */

/*#region Timesheet View and Edit */

.hs-ts-event-picker {
    border-style: none;
    float: right;
    padding: 2px;
    border: none !important;
    background: transparent url('Images/Icons/create_from_event.png') center no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px;
    cursor: pointer !important;
    color: transparent;
    margin-left: 15px;
}

    .hs-ts-event-picker:enabled:hover {
        background: transparent url('Images/Icons/create_from_event_r.png') center no-repeat;
        background-size: 100%;
        cursor: none;
    }

.hs-ts-task-picker {
    float: right;
    border-style: none;
    padding: 2px;
    border: none !important;
    background: transparent url('Images/Icons/create_from_task.png') center no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px;
    cursor: pointer !important;
    color: transparent;
    margin-left: 15px;
}

    .hs-ts-task-picker:enabled:hover {
        background: transparent url('Images/Icons/create_from_task_r.png') center no-repeat;
        background-size: 100%;
        cursor: none;
    }

.hs-timesheet-details input[step="0"]::-webkit-outer-spin-button,
.hs-timesheet-details input[step="0"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.hs-timesheet-details input[step="0"] {
    -moz-appearance: textfield;
}

.hs-timesheet-details #Description[readonly="readonly"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding-right: 2px;
}

#tsDeleteButton {
    position: absolute;
}

#tsCloseButton {
    right: 40px;
}

.hs-select-editable {
    position: relative;
    background-color: white;
    border: solid #afafaf 1px;
    height: 1.5em;
    display: inline-block;
}

    .hs-select-editable select {
        position: absolute;
        top: 0px;
        left: 0px;
        font-size: 12px;
        border: none;
        height: 100%;
        width: 100%;
        margin: 0;
    }

    .hs-select-editable input {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 100%;
        width: calc(100% - 22px);
        padding: 1px;
        font-size: 12px;
        border: none;
    }

#timesheetDetails #Rate[readOnly="readonly"], #timesheetDetails #ddlRate:disabled {
    background-color: #F0F0F0;
}

/*#endregion */

/*#region Timseheet - Tasks Grid */

#timeSheetTaskListGrid thead th:first-child {
    width: 80px;
    min-width: 80px;
    border-right: 1px #fff solid;
}

    #timeSheetTaskListGrid thead th:first-child + th {
        width: 290px;
        min-width: 290px;
    }

        #timeSheetTaskListGrid thead th:first-child + th + th {
            width: 170px;
            min-width: 170px;
        }

#timeSheetTaskListGrid td {
    border-right: 1px #fff solid;
}

#timeSheetTaskListGrid tbody {
    overflow-y: auto;
    display: block;
    padding-bottom: 0;
    height: 275px;
    font-size: 0.9em;
}

#timeSheetTaskListGrid[data-browser="edge"] tbody td:first-child {
    width: 86px;
    min-width: 86px;
}

#timeSheetTaskListGrid tbody td:first-child {
    width: 85px;
    min-width: 85px;
}

#timeSheetTaskListGrid[data-browser="chrome"] tbody td:first-child {
    width: 84px;
    min-width: 84px;
}

#timeSheetTaskListGrid[data-browser="edge"] tbody td:first-child + td,
#timeSheetTaskListGrid[data-browser="msie"] tbody td:first-child + td {
    width: 287px;
    min-width: 287px;
}

#timeSheetTaskListGrid tbody td:first-child + td {
    width: 288px;
    min-width: 288px;
}

    #timeSheetTaskListGrid tbody td:first-child + td + td {
        width: 150px;
        min-width: 150px;
    }

/*#endregion */

/*#region Timesheet - Events Grid */

#tsEventListDialog {
}

table.hs-timeEventList, table.hs-timeTaskList {
    margin-left: 0;
    table-layout: fixed;
    width: 100%;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -ms-grid-column-align: start;
    grid-column-align: start;
    font-size: 1em;
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
}

    table.hs-timeEventList td:first-child, table.hs-timeTaskList td:first-child {
        padding: 2px;
        width: 70px;
        color: #073460;
        vertical-align: middle;
        font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    }

        table.hs-timeEventList td:first-child label, table.hs-timeTaskList td:first-child label {
            width: 120px;
            color: #073460;
            vertical-align: middle;
            font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
        }

        table.hs-timeEventList td:first-child + td {
        }


#timeSheetEventListGrid, #timeSheetTaskListGrid {
    display: block;
}

    #timeSheetEventListGrid thead, #timeSheetTaskListGrid thead {
        display: block;
    }

        #timeSheetEventListGrid thead th:first-child {
            width: 80px;
            min-width: 80px;
            border-right: 1px #fff solid;
        }

            #timeSheetEventListGrid thead th:first-child + th {
                width: 290px;
                min-width: 290px;
            }

                #timeSheetEventListGrid thead th:first-child + th + th {
                    width: 170px;
                    min-width: 170px;
                }

    #timeSheetEventListGrid td {
        border-right: 1px #fff solid;
    }

    #timeSheetEventListGrid tbody {
        overflow-y: auto;
        display: block;
        padding-bottom: 0;
        height: 275px;
        font-size: 0.9em;
    }

/*#timeSheetEventListGrid tbody::-webkit-scrollbar {
            display: none;
        }*/

#timeSheetEventListContainer tbody td:first-child {
    width: 85px;
    min-width: 85px;
}

#timeSheetEventListContainer[data-browser="edge"] tbody td:first-child {
    width: 86px;
    min-width: 86px;
}

#timeSheetEventListContainer tbody td:first-child + td {
    width: 287px;
    min-width: 287px;
}

#timeSheetEventListGrid tbody td:first-child + td + td {
    width: 150px;
    min-width: 150px;
}


/*#endregion */

/*#region Contact Address */

.hs-cntaddress-picker {
    height: 320px !important;
    padding: 0 !important;
    overflow: hidden !important;
}

#cntAddressListGrid table.jtable {
    table-layout: fixed;
    width: 100%;
    height: 283px;
    border-bottom: none;
}

.ie9 #cntAddressListGrid table.jtable {
    height: auto;
}

.ie9 #cntAddressListGrid div.jtable-main-container {
    height: 320px;
}

#cntAddressListGrid table.jtable thead .hs-column-cntadrtype {
    min-width: 30px;
}

.ie9 #cntAddressListGrid div.jtable-main-container > div.jtable-bottom-panel {
    top: 116px;
}

#cntAddressListGrid tbody {
    overflow-y: scroll;
    overflow-x: hidden;
    display: block;
    height: 248px;
    font-size: 0.9em;
}

#cntAddressListGrid table.jtable td {
    white-space: nowrap;
    overflow: hidden;
    margin-right: 2px;
}

    #cntAddressListGrid table.jtable td .hsGctext {
        overflow: hidden;
    }

/*#endregion */

.hs-section-header {
    padding-left: 30px;
    color: #073460;
    font-family: 'Adelle Sans Sage', Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-size: 2.1em;
}

.hs-timer-class {
    float: right;
    height: 14px;
    padding: 2px 4px 2px 4px;
    background-color: inherit;
    opacity: 0.3;
    text-align: center;
}

.noscript div {
    margin: auto;
    padding: 10px 50px 10px 50px;
    border: 1px #202020 solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 50%;
    text-align: center;
}

.hs-sys-alert {
    position: absolute;
    color: #FF5800;
    text-align: center;
    padding-top: 5px;
    width: 100%;
    max-width: 976px;
}

    .hs-sys-alert span {
        margin-left: 5px;
        margin-right: 5px;
    }

.hs-progress-bar {
    font-size: 0.8em;
    height: 22px;
    border: 1px solid #111;
}

    .hs-progress-bar div {
        position: relative;
        height: 100%;
        color: #56e455;
        text-align: right;
        line-height: 22px; /* same as #progressBar height if we want text middle aligned */
        width: inherit;
    }

    .hs-progress-bar > .ui-progressbar-value {
        margin-top: -22px;
    }

.hsUploadFrame, .hsHiddenFileForm {
    display: none;
}

.hsUpload {
    border: 1px solid #000000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    *display: inline;
}

.hsUpValue {
    background: #5c9ccc;
}

.hsClientHeader {
    width: 100%;
    padding-left: 30px;
    padding-right: 23px;
    vertical-align: middle;
}

    .hsClientHeader td {
        vertical-align: middle !important;
    }

.hs-notes-scroll-frame {
    white-space: nowrap;
}

.hs-note-container {
    *display: inline;
    width: 100%;
}

.pagerItem {
    cursor: pointer;
}

.hs-email-link a {
    text-decoration: underline;
    color: inherit;
    cursor: pointer;
}

.hs-ui-progress-dialog {
    font-size: 0.8em;
    display: none;
}

.hs-ui-progress-dialog-p {
    font-size: 1.1em;
    position: absolute;
    top: -8px;
    left: 25px;
    right: 25px;
    bottom: 0px;
    padding: 4px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.hs-ui-dialog-msg {
    font-size: 0.8em;
}

/* Message dialog with 3 buttons */
.hs-cs-app .hs-msg-button-set3 {
    width: 95px; /* smaller width than standard */
}

.hs-no-close .ui-dialog-titlebar-close {
    display: none;
}

.hs-ui-navbutton {
    cursor: pointer;
    width: 20px;
    height: 20px;
    padding-right: 20px;
    padding-top: 15px;
}

.hs-note-buttons {
    border: none !important;
    -moz-background-size: 60px 26px !important;
    -o-background-size: 60px 26px !important;
    -webkit-background-size: 60px 26px !important;
    background-size: 60px 26px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
    width: 60px !important;
    height: 26px !important;
    cursor: pointer;
    color: transparent !important;
    background-color: transparent !important;
}

.hs-forgotpin-button {
    left: 0px;
    position: absolute;
    border: none !important;
    background-color: white !important;
    background-image: none !important;
    color: #4D4F53 !important;
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-weight: bold;
}

    .hs-forgotpin-button:hover {
        color: #073460 !important;
    }

.hs-white-table {
    width: 100%;
    border-collapse: separate;
}

.hs-note-table {
    width: 100%;
    border-collapse: separate;
}


table.hsPanelCol {
    border-spacing: 0px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    width: 100%;
    empty-cells: hide;
    table-layout: fixed;
}

    table.hsPanelCol td {
        padding: 0.5px;
        vertical-align: top;
    }

        table.hsPanelCol td.appBar {
            width: 140px;
            padding-right: 1px;
            margin: 0px;
            border: 0px;
        }

.appBarPage {
    width: 100%;
}

.navcontent a img {
    vertical-align: bottom;
}

.appBody {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: auto;
}

.defaultUrl, .defaultUrlHeader {
    display: none;
}

.hsPageInfo {
    display: none;
}

.dialog-block {
    padding: 1px 1px 1px 1px;
    table-layout: fixed;
    width: 100%;
}

.hsBusy {
    display: none !important;
}

    .hsBusy.hsShow {
        display: inline;
    }

.hsDialog {
    font-family: Foco, Arial, "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
}

    .hsDialog textarea {
        resize: none; /* VS2010's CSS2.1 validator complains, but this is a valid way to disable resizing on the multiline textarea */
        font-size: 11.5px;
    }

    .hsDialog p {
        margin: 0 0 8px 0;
        font-size: 1em;
    }

.dialog-label, .dialog-field-edit, .dialog-field-display, .dialog-validation {
    font-size: 0.9em;
}

.dialog-validation, .error {
    text-align: left;
    white-space: normal;
    width: 100%;
    font-style: normal;
    color: #dc0d0d;
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-weight: 400;
    font-size: 0.9em;
    -webkit-text-shadow: 1px 1px 3px white;
    text-shadow: 1px 1px 3px white;
}

.validation-summary-errors {
    text-align: left;
    font-style: normal;
    color: #dc0d0d;
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-weight: 400;
    font-size: 0.9em;
    -webkit-text-shadow: 1px 1px 3px white;
    text-shadow: 1px 1px 3px white;
}

.placeholder {
    color: grey !important;
}

.hsAjaxLink {
    font-size: 12px;
}

.dialog-label {
    display: table-cell;
    white-space: nowrap;
    text-align: left;
    vertical-align: top;
}

.dialog-field-edit {
    padding: 2px;
}

.dialog-field-display {
    text-align: left;
}

.dialog-headerinfo {
    display: none;
}

.dialog-buttonrow-right .hsButton {
    margin: 0 0 0 0.3em;
    border: 0 0 0 0;
}

.dialog-buttonrow-right {
    text-align: right;
}

.dialog-buttonrow-center {
    margin: 0 0 0 0.3em;
    border: 0 0 0 0;
    text-align: center;
}

.hsImageButton {
    margin: 0 0 0 0.3em;
    border: 0 0 0 0;
}

.dialog-field-edit input {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    margin: auto;
    padding: 2px 2px 2px 2px;
    border: 1px #005F44 solid;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-indent: 2px;
}

.dialog-field-edit textarea {
    border-width: thin;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
    -moz-box-shadow: 0px 0px 4px #005F44;
    -webkit-box-shadow: 0px 0px 4px #005F44;
    box-shadow: 0px 0px 4px #005F44;
    margin: auto;
    padding: 2px 2px 2px 2px;
    border: 1px #005F44 solid;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    resize: none;
}

/* our style of dialog */

.ui-dialog-group {
    width: 100%;
    text-align: center;
    background-color: #073460;
    font-style: normal;
    color: white;
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-weight: 400;
    font-size: 20px;
    -moz-box-shadow: inset;
    -webkit-box-shadow: inset;
    box-shadow: inset;
}

    .ui-dialog-group p {
        font-size: 0.7em;
        font-weight: 100;
        margin: 0 0 2px 0;
    }

.ui-single-pin {
    border: none;
    width: 14px;
    height: 13px;
    padding-top: 10px;
    padding-bottom: 25px;
}

.ui-pin-button {
    width: 70%;
    cursor: pointer;
}

.pinEntryForm {
    text-align: center;
    width: 280px;
    margin-left: auto;
    margin-right: auto;
    padding: 8px 8px 8px 8px;
    border: 1px #28a3da solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

.ui-pinentry-group {
    width: 100%;
    text-align: center;
    font-style: normal;
    color: #073460;
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-weight: 400;
    font-size: 20px;
    -moz-box-shadow: inset;
    -webkit-box-shadow: inset;
    box-shadow: inset;
}

    .ui-pinentry-group p {
        font-size: 0.7em;
        font-weight: 100;
        margin: 0 0 2px 0;
        color: #202020;
    }

/*** 
 * Original style title bar (green background with white padding)
 ***/

.hs-classic-dialog .ui-dialog-titlebar {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 0;
    color: white;
    background-color: #073460; 
    font-size: 1.1em;
    font-weight: bold;
    padding: 0.4em 1em 0.4em 1em;
}

.hs-classic-dialog .ui-dialog-titlebar-close span {
    margin: -8px 0px 0px -8px !important;
}

.hs-classic-dialog {
    padding: 8px 8px 8px 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-width: 250px;
    vertical-align: middle;
}

    .hs-classic-dialog table td:first-child label {
        color: #073460; 
        font-weight: 100;
    }

/*----- End of: Original style title bar -----*/

.errorBox, .infoBox {
    width: 60%;
    padding: 8px 8px 8px 8px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-left: auto;
    margin-right: auto;
}

.hs-Loading-panel {
    display: none;
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    background-color: rgba(65, 169, 64, 0.22);
    z-index: 4000;
    background-image: url( Images/Icons/loading2.gif);
    background-repeat: no-repeat;
    background-position: center;
}

    .hs-Loading-panel::after {
        content: 'Loading data please stand by ...';
    }

.hs-Loading-panel2 {
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    background-color: rgba(65, 169, 64, 0.10);
    background-image: url( Images/Icons/loading2.gif);
    background-repeat: no-repeat;
    background-position: center;
}


.registerForm {
    width: 400px;
    margin: auto;
    padding: 8px 8px 8px 8px;
    border: 1px #202020 solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.navtrailitem {
    display: inline-block;
    *display: inline;
}


/*#region Diary - Select Jobflow Task */

#idSelectJobflowTask {
    font-size: 1.2em;
}

#idJobTaskListGrid {
    margin-top: 10px;
    width: 100%;
}

    #idJobTaskListGrid table.jtable {
        table-layout: fixed;
        width: 100%;
        height: 283px;
        border-bottom: none;
    }

    #idJobTaskListGrid tbody {
        overflow-y: scroll;
        display: block;
        height: 248px;
        font-size: 0.9em;
    }

    #idJobTaskListGrid table.jtable td {
        margin-right: 2px;
    }

        #idJobTaskListGrid table.jtable td .hsGctext {
            overflow: hidden;
        }

/*#endregion */

/*#region Add Event */

#dtStartTimeGrp, #dtEndTimeGrp {
    text-indent: 8px;
}

.hs-edit-greendropdown {
    width: 15em;
}

#detailsScroller {
    overflow: auto;
}

#idDetailsSection[data-mode="View"] {
    height: 495px;
}

#idDetailsSection[data-mode="Add"] {
    height: 450px;
}

#idDetailsSection[data-mode="Modify"] {
    height: 490px;
}


/*#endregion */

.hs-cs-app select {
    border: 1px #AFAFAF solid;
    padding: 2px;
    border-radius: 2px;
    overflow: hidden;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUAgMAAAD9+YXZAAAADFBMVEUAfGA60TdBqED///8ToydxAAAAMUlEQVR4Xo3KoQEAIAhEUbQYGNIRWc1gsIB6FCJceOUf3b9V83S4GzSGOryKO+OZ+wDimF2FPgU4jQAAAABJRU5ErkJggg==') /*Images/downArrow.png*/ no-repeat right #fff;
}

    .hs-cs-app select option {
        background-color: #FFFFFF;
    }

        .hs-cs-app select option:hover {
            color: #FFFFFF;
            background-color: #073460;
            padding: 2px;
        }

.hsfinalPage {
    border: 1px red solid;
}


/** Help icons section - ajustments START*/

#login-form-help2 {
    border: 0 transparent solid;
    right: 4px;
    top: 4px;
    position: absolute;
}

#login-form-help, #event-search-help1, #search-contact-help1, #view-eventdetails-help1,
#stdparagraph-dialog-help1, #view-contactdetails-help1, #googlemaps-help1, #sms-send-help1, #hs-note-dialogHelp2,
#event-select-help1, #select-task-help1, #jobflow-dialog-help1, #taxform-help1, #taxform-details-help1, #taxform-email-help1,
#taxform-sendtoportal-help1, #financials-help1, #email-report-help, #financials-sendtoportal-help1, #document-details-help1, #document-email-help1,
#document-sendtoportal-help1, #view-timesheet-help1, #hw-white-dialogHelp1 {
    position: absolute;
    border: 0 transparent solid;
    right: 34px;
    top: 4px;
}

#timesheet-entry-help1 {
    position: absolute;
    border: 0 transparent solid;
    right: 34px;
    top: 3px;
}

/** Help icons section - ajustments END*/



/*#region Send To Portal Distribution List Grid */

#sTPDistributionList table.jtable {
    table-layout: fixed;
    width: 100%;
    /*height: 183px;*/
    border-bottom: none;
}

#sTPDistributionList tbody {
    overflow-y: scroll;
    overflow-x: hidden;
    display: block;
    height: 147px;
    /*font-size: 0.9em;*/
    width: 667px;
}

#sTPDistributionList table.jtable td {
    white-space: nowrap;
    overflow: hidden;
}

    #sTPDistributionList table.jtable td .hsGctext {
        overflow: hidden;
    }

#sTPDistributionList[data-browser="chrome"] table.jtable td,
#sTPDistributionList[data-browser="firefox"] table.jtable td {
    padding-right: 3px;        
}

#sTPDistributionList[data-browser="safari"] table.jtable td {
    padding-right: 5px !important;        
}

#sTPDistributionList div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container {
    font-size: 0.8em;
}

.hs-textarea-comments {
    height: 75px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1.4px #AFAFAF solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    resize: none;
    -ms-word-wrap: normal;
    word-wrap: break-word;
    white-space: pre-line;
}

    .hs-textarea-comments[readonly='true'] {
        background-color: rgb(240,240,240) !important;
    }

#sTPDistributionList table {
    /*font-size: 0.9em;*/
}

    #sTPDistributionList table.jtable thead .hs-username-column {
        border-right: 1px #FFFFFF solid;
        width: 126px !important;
    }

    #sTPDistributionList table.jtable thead .hs-clienttosign-column {
        border-right: 1px #FFFFFF solid;
        width: 90px !important;
        text-align: center;
        height: 38px;
        padding: 0;
        border-spacing: 0;
        vertical-align: top;
    }

    #sTPDistributionList table.jtable thead .hs-signaturedate-column {
        border-right: 1px #FFFFFF solid;
        width: 90px !important;
        text-align: center;
        padding: 0;
        border-spacing: 0;
        vertical-align: top;
    }

    #sTPDistributionList table.jtable thead .hs-stafftosign-column {
        border-right: 1px #FFFFFF solid;
        width: 90px !important;
        text-align: center;
        height: 38px;
        padding: 0;
        border-spacing: 0;
        vertical-align: top;
    }

    #sTPDistributionList table.jtable thead .hs-staffsigned-column {
        border-right: 1px #FFFFFF solid;
        width: 132px !important;
        text-align: center;
        padding: 0;
        border-spacing: 0;
        vertical-align: top;
    }

    #sTPDistributionList table.jtable tbody tr {
        border: 1px #FFFFFF solid;
        line-height: 14px;
    }

    #sTPDistributionList table.jtable tbody .hs-username-column {
        min-width: 147px;
        max-width: 147px;
        border-right: 1px #AFAFAF solid;
    }

    #sTPDistributionList table.jtable tbody .hs-clienttosign-column {
        min-width: 102px;
        max-width: 102px;
        border-right: 1px #AFAFAF solid;
        text-align: center;
    }

    #sTPDistributionList table.jtable tbody .hs-signaturedate-column {
        min-width: 102px;
        max-width: 102px;
        border-right: 1px #AFAFAF solid;
        text-align: center;
    }

    #sTPDistributionList table.jtable tbody .hs-stafftosign-column {
        min-width: 116px;
        max-width: 116px;
        border-right: 1px #AFAFAF solid;
        text-align: center;
    }

    #sTPDistributionList[data-browser="firefox"]  table.jtable tbody .hs-stafftosign-column,
    #sTPDistributionList[data-browser="chrome"] table.jtable tbody .hs-stafftosign-column,
    #sTPDistributionList[data-browser="safari"] table.jtable tbody .hs-stafftosign-column  {
        min-width: 102px;
        max-width: 102px;
        border-right: 1px #AFAFAF solid;
        text-align: center;
    }

    #sTPDistributionList table.jtable tbody .hs-staffsigned-column {
        min-width: 112px;
        max-width: 112px;
        border-right: 1px #FFFFFF solid;
        text-align: center;
    }

    #sTPDistributionList[data-browser="safari"] table.jtable tbody .hs-staffsigned-column{
        min-width: 119px;
        max-width: 119px;
    }

    #sTPDistributionList[data-browser="chrome"] table.jtable tbody .hs-staffsigned-column,
    #sTPDistributionList[data-browser="safari"] table.jtable tbody .hs-staffsigned-column,
    #sTPDistributionList[data-browser="firefox"] table.jtable tbody .hs-staffsigned-column  {
        min-width: 129px;
        max-width: 129px;
    }

    #sTPDistributionList table.jtable tbody .jtable-command-column {
        min-width: 16px;
        max-width: 16px;
        border-right: 1px #AFAFAF solid;
    }

.hs-distsig-done {
    padding: 2px 18px 2px 0;
    height: 18px;
    width: 18px;
    background: url("Images/Icons/done.png");
    background-repeat: no-repeat;
    border-style: none;
    border: none;
    background-size: 100%;
    cursor: pointer;
    color: transparent !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.hs-distsig-pending {
    padding: 2px 18px 2px 0;
    height: 18px;
    width: 18px;
    background: url("Images/Icons/pending.png");
    background-repeat: no-repeat;
    border-style: none;
    border: none;
    background-size: 100%;
    cursor: pointer;
    color: transparent !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.hs-distsig-notdone {
    padding: 2px 18px 2px 0;
    height: 18px;
    width: 18px;
    background: url("Images/Icons/not_done.png");
    background-repeat: no-repeat;
    border-style: none;
    border: none;
    background-size: 100%;
    cursor: pointer;
    color: transparent !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.hs-cs-app .hs-signnow-button {
    background: url("Images/Icons/sign_now.png");
}

    .hs-cs-app .hs-signnow-button:hover {
        background: url("Images/Icons/sign_now_r.png");
    }

.hs-cs-app .hs-signnow_sm-button {
    padding: 2px 77px 2px 0;
    height: 20px;
    width: 77px;
    background: url("Images/Icons/sign_now_small.png");
    background-size: 100%;
}

    .hs-cs-app .hs-signnow_sm-button:hover {
        background: url("Images/Icons/sign_now_small_r.png");
    }



.signingDeclaration p {
    color: #073460;
    margin: 0 0 10px -35px;
    font-size: 1.2em;
    font-family: Arial, "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
}

.signingDeclaration li {
    color: #073460;
    font-size: 1.1em;
    margin-left: 35px;
    text-indent: 30px;
    font-family: Arial, "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
}

#docPUSignatureontainer table {
    width: 100%;
    padding: 5px 0 5px 0;
}

    #docPUSignatureontainer table tr {
        border: 1px red solid;
        padding: 5px 0 5px 0;
    }

    #docPUSignatureontainer table td:first-child {
        width: 100px;
        color: #073460;
        font-size: 1.1em;
        font-family: Arial, "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
        vertical-align: text-top;
    }

        #docPUSignatureontainer table td:first-child + td {
        }

#portalUserSignatureParent {
    color: darkblue;
    background-color: rgba(240,240,240,1);
}

#portalUserSignature {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    border: 1px dotted #000;
}

.hs-signature-clear {
    height: 24px !important;
    width: 50px !important;
    background: url("Images/Icons/clear_btn.png");
    background-size: 100%;
}

    .hs-signature-clear:enabled:hover {
        background: url("Images/Icons/clear_btn_r.png");
    }

    .hs-signature-clear:disabled {
        cursor: not-allowed;
        opacity: 0.7;
    }


#docPAContainer table {
    width: 100%;
    padding: 10px;
}

    #docPAContainer table tr {
        line-height: 2.2em;
    }

    #docPAContainer table td:first-child {
        width: 180px;
        color: rgba(65, 169, 64, 1);
        font-size: 1.0em;
        font-family: Arial, "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
        vertical-align: text-top;
    }

        #docPAContainer table td:first-child + td {
        }

#portalUserSignNow {
    margin: 0 0 0 40px;
}

.hs-portalloginame {
    width: 173.03px;
    display: block;
}

#sendToPortal-SignAll {
        color: #073460;
        font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: auto;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        padding: 6px 2px 2px 2px;
        vertical-align: text-top;
}

/*#endregion */




/* All Mobile */
@media screen and (min-device-width:320px) and (max-device-width:767px) {
    #canvasSection::before {
        content: '1';
        color: rgba(255, 255, 255, 0.50);
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 500;
        font-size: 0.6em;
    }

    div[aria-describedby="taxFormListDialog"],
    div[aria-describedby="taxFormDetailsDialog"],
    div[aria-describedby="financialsDialog"],
    div[aria-describedby="formEmailDialog"],
    div[aria-describedby="taxFormSendToPortalDialog"],
    div[aria-describedby="documentEmailDialog"],
    div[aria-describedby="documentSendToPortalDialog"],
    div[aria-describedby="documentDialog"],
    div[aria-describedby="contactSearch"],
    div[aria-describedby="idTimesheetDetails"],
    div[aria-describedby="idEventDetails"],
    div[aria-describedby="tsEventListDialog"],
    div[aria-describedby="tsTaskListDialog"] {
        width: 97% !important;
        max-width: 97%;
    }

    div[aria-describedby="portalUserSignatureDlg"] {
        width: 470px !important;
        max-width: 470px !important;
    }

    #portalUserSignatureDlg {
        height: 415px !important;
    }

    html {
        background-color: #FFFFFF;
        /* enough space to scroll up to get full screen on iOS8 */
        padding-bottom: 80px;
    }

    body {
        font-size: 0.9em;
        margin: 0;
        padding: 0;
    }

    .hs-section-header {
        padding-left: 12px;
        font-size: 2em;
    }

    #clientSearchTable-popup tbody {
        height: 150px;
    }

    /*.hs-dlg-client-picker {
        max-height: 290px !important;
    }*/

    .hs-dialog .ui-dialog-titlebar, .hs-dialog ui-widget-header {
        font-weight: 100;
        font-family: Arial;
        font-size: 1.5em;
        margin: 2px 0 2px 0;
        padding: 5px 0 0 10px !important;
    }

    #idStdParagraph {
        padding: 0px 8px 0px 9px;
        margin: 0px 8px 0px -6px;
    }

    .jtable-page-size-change, .jtable-page-info {
        font-size: .95em;
    }

    /* Add View Time sheets */
    .hs-ts-event-picker {
        width: 20px;
        height: 20px;
        margin-top: 4px !important;
        margin-left: 0;
        /*margin-right: 25px;*/
    }

    .hs-timesheetentry {
        padding: .5em 2em !important;
    }

    .ui-dialog-title {
        width: 100% !important;
    }

    .hs-white-dialog > div.ui-dialog-titlebar, .hs-white-dialog > div.ui-widget-header {
        padding-left: 10px;
    }

    .ui-dialog-title .hs-ts-event-picker {
        margin-top: 8px;
    }

    .hs-ts-task-picker {
        float: right;
        width: 20px;
        height: 20px;
        margin-top: 4px !important;
        margin-left: 10px;
        margin-right: 40px;
        right: 65px;
        position: relative;
    }

    /* */

    .dw-i {
        font-size: 0.7em;
    }

    #tsEditButton {
        left: 4px;
    }

    #tsDeleteButton {
        left: 0 !important;
    }

    #tsCloseButton {
        right: 0;
        /*display: inline-block;*/
    }

    #timesheetDetails {
        font-size: 0.9em;
    }

        #timesheetDetails td:first-child {
            display: table-cell;
            padding: 1px;
            vertical-align: middle;
        }

            #timesheetDetails td:first-child + td {
                display: table-cell;
                padding: 2px;
            }

                #timesheetDetails td:first-child + td input {
                    padding: 2px;
                }

        #timesheetDetails .hs-select-editable input {
            font-size: 0.9em;
            text-indent: 2px;
        }


    /* Timesheet */
    table.hs-timesheetdaily {
        padding: 0;
    }

    .hs-timesheetdaily tbody {
        font-size: 0.85em;
    }

    table.hs-timesheetdaily td:first-child {
        width: 110px;
        font-size: 0.9em;
        text-indent: 10px;
    }

        table.hs-timesheetdaily td:first-child label {
            margin-left: 0;
        }


    .hs-addtimesheetclient-button {
        width: 25px;
        height: 25px;
        margin-right: 5px;
        margin-top: -30px;
    }

    table.hs-timesheetdaily-grid {
        padding: 0;
    }

    table.hs-timesheetdaily-gridtotals {
        font-size: 0.5em;
        width: 100%;
        border: none;
    }

    .hs-column-totalslbl {
        border: 1px #41A940 solid;
        width: 100%;
        padding: 0 !important;
    }


    .hs-column-unitstotal {
        width: 40px;
        min-width: 40px;
        padding-right: 5px !important;
        text-align: right;
        border-left: 1px #fff solid;
        border-right: 1px #fff solid;
    }

    .hs-column-ratetotal {
        width: 40px !important;
        min-width: 40px !important;
        padding-right: 5px !important;
        text-align: right;
    }

    .hs-column-valuetotal {
        width: 41px;
        min-width: 41px;
        text-align: right;
        padding-right: 9px !important;
        border-left: 1px #fff solid;
    }

    div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td {
        padding: 2px !important;
    }

    .jtable-main-container table {
        font-size: 0.9em;
    }

        .jtable-main-container table td {
            vertical-align: middle !important;
            padding: 0 !important;
        }

    .jtable-column-header {
        font-size: 1.0em !important;
    }

    #timeSheetDailySummaryList th, #timeSheetDailySummaryList td {
    }

    #timeSheetDailySummaryList table.jtable thead th:first-child {
        width: 14px !important;
        min-width: 14px;
        max-width: 14px;
        padding: 0 !important;
    }

        #timeSheetDailySummaryList table.jtable thead th:first-child + th {
            width: 80px !important;
            min-width: 80px;
            max-width: 80px;
            padding: 0 !important;
        }

            #timeSheetDailySummaryList table.jtable thead th:first-child + th + th {
                width: 100% !important;
                min-width: 105px;
                max-width: 105px;
                padding: 0 !important;
            }

                #timeSheetDailySummaryList table.jtable thead th:first-child + th + th + th {
                    width: 45px !important;
                    min-width: 45px;
                    max-width: 45px;
                    padding: 0 2px 0 0 !important;
                }

                    #timeSheetDailySummaryList table.jtable thead th:first-child + th + th + th + th {
                        width: 45px !important;
                        min-width: 45px;
                        max-width: 45px;
                        padding: 0 2px 0 0 !important;
                    }

                        #timeSheetDailySummaryList table.jtable thead th:first-child + th + th + th + th + th {
                            width: 45px !important;
                            min-width: 45px;
                            max-width: 45px;
                            padding: 0 2px 0 0 !important;
                            padding-right: 5px !important;
                        }


    #timeSheetDailySummaryList table.jtable tbody tr {
        border: 1px #fff solid;
    }

    #timeSheetDailySummaryList table.jtable tbody td:first-child {
        border-left: 1px #fff solid;
        width: 14px !important;
        min-width: 14px;
        max-width: 14px;
        padding: 2px 0 2px 0 !important;
    }

        #timeSheetDailySummaryList table.jtable tbody td:first-child + td {
            width: 80px !important;
            min-width: 80px;
            max-width: 80px;
            padding: 2px 0 2px 0 !important;
        }

            #timeSheetDailySummaryList table.jtable tbody td:first-child + td + td {
                width: 100% !important;
                -ms-text-overflow: clip;
                -o-text-overflow: clip;
                text-overflow: clip;
                overflow-wrap: break-word;
                overflow: hidden;
            }

                #timeSheetDailySummaryList table.jtable tbody td:first-child + td + td + td {
                    width: 45px !important;
                    min-width: 45px;
                    max-width: 45px;
                    padding: 2px 2px 0 0 !important;
                    border-left: 1px #fff solid;
                    border-top: 1px #fff solid;
                    border-bottom: 1px #fff solid;
                }

                    #timeSheetDailySummaryList table.jtable tbody td:first-child + td + td + td + td {
                        width: 45px !important;
                        min-width: 45px;
                        max-width: 45px;
                        padding: 2px 2px 0 0 !important;
                    }

    #timeSheetDailySummaryList[data-browser='safari'] table.jtable tbody td:first-child + td + td + td + td + td {
        width: 45px !important;
        min-width: 45px;
        max-width: 45px;
        padding: 2px 2px 0 0 !important;
    }

    #timeSheetDailySummaryList table.jtable tbody td:first-child + td + td + td + td + td {
        width: 48px !important;
        min-width: 48px;
        max-width: 48px;
        padding: 2px 2px 0 0 !important;
    }

    #timeSheetDailySummaryList[data-browser="safari"] table.jtable tbody td:first-child + td + td + td + td + td {
        padding-right: 5px !important;
    }

    /* End Timesheet */


    /* Timesheet Task list*/
    #timeTaskList {
        font-size: 0.8em;
    }

    #timeSheetTaskListGrid table {
        font-size: 0.6em;
        width: 100% !important;
    }

        #timeSheetTaskListGrid table.jtable tbody tr {
            border: 1px #fff solid;
        }

        #timeSheetTaskListGrid table.jtable thead th:first-child {
            width: 50px;
            min-width: 50px;
            padding: 0 !important;
        }

            #timeSheetTaskListGrid table.jtable thead th:first-child + th {
                width: 100% !important;
                min-width: 50px;
                padding: 0 !important;
            }

                #timeSheetTaskListGrid table.jtable thead th:first-child + th + th {
                    width: 70px !important;
                    min-width: 70px;
                    padding: 0 !important;
                }



        #timeSheetTaskListGrid table.jtable tbody td:first-child {
            width: 57px;
            min-width: 57px;
            padding: 0 !important;
            vertical-align: top;
        }

    #timeSheetTaskListGrid[data-browser='chrome'] table.jtable tbody td:first-child, #timeSheetTaskListGrid[data-browser='browser'] table.jtable tbody td:first-child {
        width: 53px;
        min-width: 53px;
        padding: 0 !important;
        vertical-align: top;
    }

    #timeSheetTaskListGrid[data-browser='safari'] table.jtable tbody td:first-child {
        width: 50px;
        min-width: 50px;
        padding: 0 !important;
        vertical-align: top;
    }

    #timeSheetTaskListGrid table.jtable tbody td:first-child + td {
        width: 100%;
        min-width: 140px;
        padding: 0 !important;
        vertical-align: top;
    }

        #timeSheetTaskListGrid table.jtable tbody td:first-child + td + td {
            width: 70px !important;
            min-width: 70px;
            padding: 0 !important;
            vertical-align: top;
        }
    /* End Timesheet Task list*/

    /* Timesheet Event List*/


    #timeEventList {
        font-size: 0.8em;
    }

    #timeSheetEventListGrid table {
        font-size: 0.6em;
        width: 100% !important;
    }

        #timeSheetEventListGrid table.jtable tbody tr {
            border: 1px #fff solid;
        }

        #timeSheetEventListGrid table.jtable thead th:first-child {
            width: 50px;
            min-width: 50px;
            padding: 0 !important;
        }

            #timeSheetEventListGrid table.jtable thead th:first-child + th {
                width: 100% !important;
                min-width: 50px;
                padding: 0 !important;
            }

                #timeSheetEventListGrid table.jtable thead th:first-child + th + th {
                    width: 70px !important;
                    min-width: 70px;
                    padding: 0 !important;
                }



    #timeSheetEventListContainer table.jtable tbody td:first-child {
        width: 50px;
        min-width: 50px;
        padding: 0 !important;
        vertical-align: top;
    }

    #timeSheetEventListContainer[data-browser='chrome'] table.jtable tbody td:first-child, #timeSheetEventListContainer[data-browser='browser'] table.jtable tbody td:first-child {
        width: 53px;
        min-width: 53px;
        padding: 0 !important;
        vertical-align: top;
    }

    #timeSheetEventListGrid table.jtable tbody td:first-child + td {
        width: 100%;
        min-width: 140px;
        padding: 0 !important;
        vertical-align: top;
    }

        #timeSheetEventListGrid table.jtable tbody td:first-child + td + td {
            width: 70px !important;
            min-width: 70px;
            padding: 0 !important;
            vertical-align: top;
        }


    /* End Timesheet Event List*/

    /* Client Search */
    #clntSearchContainer {
        margin: 0 0 0 0;
    }

    #clientSearchTable thead th {
        font-size: 1em;
    }

        #clientSearchTable thead th:first-child {
            font-size: 1em;
            width: 140px !important;
            min-width: 141px;
        }

    #clientSearchTable tbody {
        font-size: 1.1em;
    }

    .filtering {
        margin: 0;
        display: inline-block;
        position: fixed;
        z-index: 1;
    }

        .filtering table td:first-child {
            width: 148px;
        }


    #clientSearchTable tbody td:first-child {
        width: 145px;
        min-width: 145px;
    }

    #clientSearchTable-popup thead th:first-child {
        width: 124px !important;
        min-width: 124px;
    }

    #clientSearchTable-popup tbody td:first-child {
        width: 125px !important;
        min-width: 125px;
    }

    .filtering-popup table {
        width: 100%;
        background-color: #41A940;
        border-top: 1px #fff solid;
    }

        .filtering-popup table td:first-child {
            width: 128px;
        }

    .jtable-left-area, .jtable-right-area {
        font-size: 0.9em;
    }

    .jtable-page-size-change {
    }

        .jtable-page-size-change input {
            font-size: 0.9em;
            width: 25px;
        }

    #clientSearchTable .jtable-main-container .jtable-bottom-panel {
        bottom: 33px;
    }
    /* End Client Search */

    .hs-ui-icon-plus {
        padding: 0;
        left: 180px;
    }

    #idInfo {
        font-size: 0.8em;
        position: absolute;
        padding: 0;
        width: 100%;
        bottom: 27px;
        top: 50px;
        overflow-y: scroll;
    }

    #ddlResultsPerPage_dummy {
        width: 22px;
    }

    #ClientsNotesList .jtable-bottom-panel {
        font-size: 0.9em;
    }

        #ClientsNotesList .jtable-bottom-panel input {
            font-size: 0.9em;
            width: 22px;
        }

    #ClientsNotesList .jtable-main-container {
        font-size: 0.9em;
    }

    #ClientsNotesList .jtable-column-header {
        font-size: 1em;
    }

    #FormsList .jtable-bottom-panel {
        font-size: 0.9em;
    }

        #FormsList .jtable-bottom-panel input {
            font-size: 0.9em;
            width: 22px;
        }

    #FormsList .jtable-right-area {
        display: none;
    }

    #FormsList .jtable-main-container {
        font-size: 0.9em;
    }


    #FormsList .jtable-column-header {
        font-size: 1em;
    }

    #ClientsNotesList .jtable-right-area {
        display: none;
    }

    .rondellCarousel {
        /*position: absolute;*/
        margin-top: 85px;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .hs-logout-container {
        left: 0;
        padding: 0;
        position: fixed;
        bottom: 40px;
        width: 100%;
    }

    .hs-home-header {
        -ms-align-content: center;
        -webkit-align-content: center;
        align-content: center;
        padding: 5px 0 0 0;
    }

        .hs-home-header div {
            -ms-align-content: center;
            -webkit-align-content: center;
            align-content: center;
            padding: 0 0 0 0;
        }

        .hs-home-header > .nbtuser {
            width: 100%;
            padding: 0;
        }

    .nbtuser {
        font-size: 0.5em;
        width: 135px;
        text-align: right;
        height: auto;
    }

    #topHsLogo {
        width: 60%;
    }

    .nbthslogo img {
        text-align: left;
        vertical-align: middle;
        border: none;
        height: 30px;
    }

    .hs-connect-logo {
        width: 25%;
    }

    .hs-ui-navbutton {
        width: 20px;
        height: 20px;
        padding-right: 10px;
        padding-top: 5px;
    }

    .hs-header {
        width: 100%;
        margin: 0;
        padding: 5px 0 0 0;
    }

    .navbartop td {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .hs-searchclient-header, .hs-editclient-header, .hs-viewclient-header, .hs-addclient-header, .hs-timesheetdaily-header {
        font-size: 1.5em;
        padding-left: 10px;
    }

    .compTitle {
        display: block;
        height: 25px;
        padding: 0;
        width: 100%;
    }


    .hsGridRResizer {
        width: 1px;
    }

    .hsGridColText {
        font-size: 0.75em;
    }

    .hsClientHeader {
        width: 100%;
        padding: 0;
        margin: 0;
        height: auto;
        vertical-align: middle;
        position: relative;
        /*top: 15px;*/
    }

        .hsClientHeader td {
            width: auto;
            height: auto !important;
            vertical-align: middle;
        }



    /* 130x28 */
    .hs-addclient-button {
        float: right;
        margin-right: 2px;
    }

    .hsTextIcon {
        background-size: 100%;
        width: 69px;
        height: 17px;
    }

    .hs-cs-app .hs-standard-button {
        width: 81px;
        height: 17px;
        background-size: 100%;
    }

        .hs-cs-app .hs-standard-button:disabled, .hs-cs-app .hs-standard-button:enabled {
            width: 81px;
            height: 17px;
            background-size: 100%;
        }

        .hs-cs-app .hs-standard-button:hover {
            width: 81px;
            height: 17px;
            background-size: 100%;
        }

    .hs-round-button {
        width: 28px;
        height: 28px;
    }

    .hs-post-button {
        right: 0;
    }


    .hs-ui-section, .hs-ui-section-open {
        font-size: 1em !important;
        /*width: 100%;*/
    }


    .hsIconMap, .hsIconSms {
        width: 16px;
        vertical-align: middle;
    }

    .hs-slidethumb-menu {
        width: 30px !important;
    }

    .hs-ui-icon-delete, .hs-ui-icon-plus, .hs-ui-icon-redo {
        width: 15px !important;
        -webkit-background-size: 15px 15px !important;
        background-size: 15px 15px !important;
    }

        .hs-ui-icon-delete[data-isreadonly="1"] {
            padding: 0px 0px 0px 0px;
            width: 15px !important;
        }

        .hs-ui-icon-delete[data-isreadonly="0"] {
            padding: 0px 0px 0px 0px;
            width: 15px !important;
        }

    #main {
        width: 100% !important;
        background-color: #fff !important;
    }

    #canvasSection {
        /*position: fixed;*/
        padding: 0;
        margin: 0;
        overflow-y: hidden;
        overflow-x: hidden;
        width: 100%;
        bottom: 32px;
        left: 0;
        height: 100%;
    }

    #hdr {
        /*position: fixed;*/
        top: 0;
        left: 0;
        width: 100%;
        height: 45px;
    }

    #ftr {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        max-width: 100%;
    }

    #dc {
        border: none;
        padding: 2px !important;
        box-shadow: none !important;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        border-radius: 0 !important;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: fixed;
    }

    #accordionContainer {
        position: absolute;
        width: 100% !important;
        padding: 0 !important;
    }

    #accordion {
        position: fixed;
        top: 110px;
        width: 100% !important;
        padding-bottom: 25px;
        padding-right: 5px;
    }

    .hs-ui-icon-expanded, .hs-ui-icon-collapsed-red {
        padding: 3px 5px 5px 10px;
        width: 15px;
        height: 15px;
        left: 0em !important;
        top: 0.7em !important;
        -moz-background-size: 15px 15px;
        -o-background-size: 15px 15px;
        -webkit-background-size: 15px 15px;
        background-size: 15px 15px;
        background-repeat: no-repeat;
        background-position: 0px 0px;
        cursor: pointer;
    }

    .hs-ui-icon-collapsed, .hs-ui-icon-expanded-red {
        padding: 3px 5px 5px 10px;
        width: 15px;
        height: 15px;
        left: 0em !important;
        top: 0.7em !important;
        -moz-background-size: 15px 15px;
        -o-background-size: 15px 15px;
        -webkit-background-size: 15px 15px;
        background-size: 15px 15px;
        background-repeat: no-repeat;
        background-position: 0px 0px;
        background-image: url(Images/Icons/Expand.png) !important;
        cursor: pointer;
    }


    .hs-note-prev {
        height: 1.5em;
        width: 1.5em;
        -moz-background-size: 1.6em 1.5em;
        -o-background-size: 1.6em 1.5em;
        -webkit-background-size: 1.6em 1.5em;
        background-size: 1.6em 1.5em;
    }

    .hs-note-next {
        height: 1.5em;
        width: 1.5em;
        -moz-background-size: 1.6em 1.5em;
        -o-background-size: 1.6em 1.5em;
        -webkit-background-size: 1.6em 1.5em;
        background-size: 1.6em 1.5em;
    }

    .hs-ui-section-header {
        font-size: 1.4em;
    }

    .hsTextExtraLong, .hsTextDefault, .hsTextLonger {
        width: 98%;
    }

        .hsTextExtraLong > label, .hsTextDefault > label, .hs-textarea-Notes > label {
            display: block;
            width: 98%;
        }

    .hs-textarea-Notes {
        width: 100%;
        height: 50px;
    }

    .hs-textarea-Sms {
        height: 70px;
    }


    table.hsClientSmsView {
        width: 100%;
    }

        table.hsClientSmsView td:first-child {
            width: 50px !important;
        }

    .hs-textarea-signature {
        width: 100%;
        height: 70px;
    }

    #docContainer {
        width: 100% !important;
    }

    table.hs-white-dialog {
        overflow-y: scroll;
        width: 100%;
        -ms-grid-column-align: start;
        grid-column-align: start;
        font-size: 1em;
        font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
        padding: 0px 0px 0px 0px;
        border-collapse: collapse;
    }

        table.hs-white-dialog td:first-child {
            /*display: table-row;*/
        }

            table.hs-white-dialog td:first-child + td {
                /*display: table-row;*/
            }

    .hs-oh-dear {
        font-family: Foco, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
        font-weight: 400;
        font-size: 1.3em;
        text-align: center;
        width: 100%;
        color: #41A940;
    }

        .hs-oh-dear table {
            width: 100%;
        }

            .hs-oh-dear table p {
                width: 100%;
                color: #007F64;
                font-family: Foco, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
                font-weight: 400;
                font-size: 0.75em;
            }

                .hs-oh-dear table p a {
                    color: #FF5800;
                    font-family: Foco, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
                    font-weight: 400;
                    font-size: 0.75em;
                    text-decoration: none;
                }

            .hs-oh-dear table img {
                width: 65%;
                max-width: 376px;
            }

    span.ui-icon-closethick {
        width: 16px;
        height: 16px;
        top: 10px !important;
        left: 10px !important;
    }

        span.ui-icon-closethick:hover {
            width: 16px;
            height: 16px;
            top: 10px !important;
            left: 10px !important;
        }

    span.hs-question-icon {
        background-size: 100% !important;
        width: 16px;
        height: 16px;
        top: 12px !important;
        right: 32px !important;
        left: initial !important;
        display: inline-block !important;
        cursor: pointer;
        position: absolute !important;
        float: none;
    }

        span.hs-question-icon:hover {
            background-size: 100% !important;
            width: 16px;
            height: 16px;
            top: 8px !important;
            right: 32px !important;
            left: initial !important;
            display: inline-block !important;
            cursor: pointer;
            position: absolute !important;
            float: none;
        }

    .hsClientView {
        table-layout: fixed;
        width: 100%;
        padding: 0;
        margin: 0;
    }

        .hsClientView td:first-child {
            width: 90px !important;
        }

            .hsClientView td:first-child + td {
                width: 100% !important;
            }

    .hs-client-picker {
        width: auto !important;
    }

    #diaryEventsCalendar {
        width: 400px;
    }

    #diaryEventsList {
        top: 375px;
        bottom: 0;
        width: 100%;
    }


    #idEventDescSection #Description {
        width: 88%;
    }

        #idEventDescSection #Description[readonly='readonly'] {
            width: 100%;
        }


    #idEventJobflowSection #LinkedTask {
        width: 90%;
    }

    #idEventDetailsForm table.hs-label-value-tbl > tbody > tr > td {
        padding: 0;
    }

    #idContactDetails section > div.hs-scrolling {
        height: 68px;
    }

    #idEventDetailsForm .hs-ui-icon-collapsed, #idEventDetailsForm .hs-ui-icon-expanded {
        -moz-background-size: 17px 17px;
        -o-background-size: 17px 17px;
        -webkit-background-size: 17px 17px;
        background-size: 17px 17px;
    }

    .hs-edit-greendropdown {
        width: 60%;
    }

    #login-form-help2 {
        border: 0 transparent solid;
        right: 4px !important;
        top: 4px !important;
        position: absolute !important;
        width: 24px !important;
        height: 24px !important;
    }

    #login-form-help, #event-search-help1, #search-contact-help1, #view-eventdetails-help1,
    #stdparagraph-dialog-help1, #view-contactdetails-help1, #googlemaps-help1, #sms-send-help1, #hs-note-dialogHelp2,
    #event-select-help1, #select-task-help1, #jobflow-dialog-help1, #taxform-help1, #taxform-details-help1, #taxform-email-help1,
    #taxform-sendtoportal-help1, #financials-help1, #email-report-help, #financials-sendtoportal-help1, #document-details-help1, #document-email-help1,
    #document-sendtoportal-help1, #view-timesheet-help1, #hw-white-dialogHelp1 {
        position: absolute !important;
        border: 0 transparent solid;
        right: 34px !important;
        top: 8px !important;
    }

    #clientDocument textarea,
    #clientTaxForm textarea {
        width: 98% !important;
    }

    #sTPDistributionList tbody {
        overflow-y: scroll;
        overflow-x: hidden;
        display: block;
        height: 132px;
        /*font-size: 0.9em;*/
        width: 433px;
    }

    #sTPDistributionList table.jtable thead .hs-username-column {
        border-right: 1px #FFFFFF solid;
        width: 100px !important;
    }

    #sTPDistributionList table.jtable thead .hs-clienttosign-column {
        border-right: 1px #FFFFFF solid;
        width: 85px !important;
        text-align: center;
        height: 38px;
        padding: 0;
        border-spacing: 0;
        vertical-align: top;
    }

    #sTPDistributionList table.jtable thead .hs-signaturedate-column {
        border-right: 1px #FFFFFF solid;
        width: 85px !important;
        text-align: center;
        padding: 0;
        border-spacing: 0;
        vertical-align: top;
    }

    #sTPDistributionList table.jtable thead .hs-stafftosign-column {
        border-right: 1px #FFFFFF solid;
        width: 85px !important;
        text-align: center;
        height: 38px;
        padding: 0;
        border-spacing: 0;
        vertical-align: top;
    }

    #sTPDistributionList table.jtable thead .hs-staffsigned-column {
        border-right: 1px #FFFFFF solid;
        width: 70px !important;
        text-align: center;
        padding: 0;
        border-spacing: 0;
        vertical-align: top;
    }

    #sTPDistributionList table.jtable tbody .hs-username-column {
        min-width: 97px !important;
        max-width: 97px !important;
        border-right: 1px #AFAFAF solid;
    }

    #sTPDistributionList table.jtable tbody .hs-clienttosign-column {
        min-width: 81px !important;
        max-width: 81px !important;
        border-right: 1px #AFAFAF solid;
        text-align: center;
    }

    #sTPDistributionList table.jtable tbody .hs-signaturedate-column {
        min-width: 81px !important;
        max-width: 81px !important;
        border-right: 1px #AFAFAF solid;
        text-align: center;
    }

    #sTPDistributionList table.jtable tbody .hs-stafftosign-column {
        min-width: 81px !important;
        max-width: 81px !important;
        border-right: 1px #AFAFAF solid;
        text-align: center;
    }

    #sTPDistributionList table.jtable tbody .hs-staffsigned-column {
        min-width: 48px !important;
        max-width: 48px !important;
        border-right: 1px #FFFFFF solid;
        text-align: center;
    }

    .signingDeclaration li {
        color: rgba(65, 169, 64, 1);
        font-size: 1.1em;
        margin-left: 25px;
        text-indent: 15px;
        font-family: Arial, "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    }

    #documentSendToPortalDialog .hs-textarea-comments,
    #taxFormSendToPortalDialog .hs-textarea-comments {
        height: 75px;
    }
}

/* Portrait - adjustments */
@media screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:portrait) {

    #canvasSection::before {
        content: '2';
        color: rgba(255, 255, 255, 0.50);
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 500;
        font-size: 0.6em;
    }

    div[aria-describedby="taxFormListDialog"],
    div[aria-describedby="taxFormDetailsDialog"],
    div[aria-describedby="financialsDialog"],
    div[aria-describedby="formEmailDialog"],
    div[aria-describedby="taxFormSendToPortalDialog"],
    div[aria-describedby="documentEmailDialog"],
    div[aria-describedby="documentSendToPortalDialog"],
    div[aria-describedby="documentDialog"],
    div[aria-describedby="contactSearch"],
    div[aria-describedby="idTimesheetDetails"],
    div[aria-describedby="idEventDetails"],
    div[aria-describedby="tsEventListDialog"],
    div[aria-describedby="tsTaskListDialog"] {
        max-width: 95%;
    }

    div[aria-describedby="portalUserSignatureDlg"] {
        width: 470px !important;
        max-width: 470px !important;
    }

    #timeSheetEventListContainer table.jtable tbody td:first-child {
        width: 57px;
        min-width: 57px;
        padding: 0 !important;
        vertical-align: top;
    }

    #timeSheetTaskListGrid[data-browser='safari'] table.jtable tbody td:first-child {
        width: 55px;
        min-width: 55px;
        padding: 0 !important;
        vertical-align: top;
    }

    #timeSheetEventListContainer[data-browser='safari'] table.jtable tbody td:first-child {
        width: 55px;
        min-width: 55px;
        padding: 0 !important;
        vertical-align: top;
    }

    #timeSheetEventListContainer[data-browser='chrome'] table.jtable tbody td:first-child, #timeSheetEventListContainer[data-browser='browser'] table.jtable tbody td:first-child {
        width: 57px;
        min-width: 57px;
        padding: 0 !important;
        vertical-align: top;
    }

    #timeSheetTaskListGrid[data-browser='chrome'] table.jtable tbody td:first-child, #timeSheetTaskListGrid[data-browser='browser'] table.jtable tbody td:first-child {
        width: 57px;
        min-width: 57px;
        padding: 0 !important;
        vertical-align: top;
    }
}

/* Portrait - adjustments bigger */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
    #canvasSection::before {
        content: '3';
        color: rgba(255, 255, 255, 0.50);
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 500;
        font-size: 0.6em;
    }

    div[aria-describedby="taxFormListDialog"],
    div[aria-describedby="taxFormDetailsDialog"],
    div[aria-describedby="financialsDialog"],
    div[aria-describedby="formEmailDialog"],
    div[aria-describedby="taxFormSendToPortalDialog"],
    div[aria-describedby="documentEmailDialog"],
    div[aria-describedby="documentSendToPortalDialog"],
    div[aria-describedby="documentDialog"],
    div[aria-describedby="contactSearch"],
    div[aria-describedby="idTimesheetDetails"],
    div[aria-describedby="idEventDetails"],
    div[aria-describedby="tsEventListDialog"],
    div[aria-describedby="tsTaskListDialog"] {
        max-width: 95%;
    }

    div[aria-describedby="portalUserSignatureDlg"] {
        width: 470px !important;
        max-width: 470px !important;
    }

    #timeSheetEventListContainer table.jtable tbody td:first-child {
        width: 57px;
        min-width: 57px;
        padding: 0 !important;
        vertical-align: top;
    }

    #timeSheetTaskListGrid[data-browser='safari'] table.jtable tbody td:first-child,
    #timeSheetEventListContainer[data-browser='safari'] table.jtable tbody td:first-child {
        width: 61px;
        min-width: 61px;
        padding: 0 !important;
        vertical-align: top;
    }

    documentSendToPortalDialog .hs-textarea-comments
    #taxFormSendToPortalDialog .hs-textarea-comments {
        height: 75px;
    }
}

/* Landscape - adjustments */
@media screen and (min-device-width:320px) and (max-device-width:767px) and (orientation:landscape) {

    #canvasSection::before {
        content: '4';
        color: rgba(255, 255, 255, 0.50);
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 500;
        font-size: 0.6em;
    }

    #topHsLogo {
        width: 30%;
    }

    .hs-connect-logo {
        width: 12%;
        position: absolute;
        top: 4px;
        left: 4px;
    }

    .rondellCarousel {
        margin-top: 10px;
    }

    div[aria-describedby="taxFormListDialog"],
    div[aria-describedby="taxFormDetailsDialog"],
    div[aria-describedby="financialsDialog"],
    div[aria-describedby="formEmailDialog"],
    div[aria-describedby="taxFormSendToPortalDialog"],
    div[aria-describedby="documentEmailDialog"],
    div[aria-describedby="documentSendToPortalDialog"],
    div[aria-describedby="documentDialog"],
    div[aria-describedby="contactSearch"],
    div[aria-describedby="idTimesheetDetails"],
    div[aria-describedby="idEventDetails"],
    div[aria-describedby="tsEventListDialog"],
    div[aria-describedby="tsTaskListDialog"] {
        width: 520px !important;
        max-width: 520px;
        max-height: 97%;
    }

    div[aria-describedby="portalUserSignatureDlg"] {
        width: 470px !important;
        max-width: 470px;
        max-height: 97%;
    }

    #idDiaryEventsContainer {
        top: 45px;
        position: fixed;
        overflow-y: scroll;
        width: 100%;
    }

    #diaryEventsCalendar {
        top: 45px;
        width: 50%;
        left: 0;
        position: fixed;
    }

    #diaryEventheader {
        width: 50%;
        right: 0;
        position: fixed;
    }

    #diaryEventsList {
        left: 50%;
        width: 50%;
        top: 85px;
        bottom: 36px;
        position: fixed;
        overflow-y: scroll;
    }

    #timeSheetEventListGrid table.jtable tbody td:first-child {
        width: 63px;
        min-width: 63px;
        padding: 0 !important;
        vertical-align: top;
    }

    #timeSheetTaskListGrid[data-browser='safari'] table.jtable tbody td:first-child {
        width: 63px;
        min-width: 63px;
        padding: 0 !important;
        vertical-align: top;
    }


    #timeSheetTaskListGrid[data-browser='chrome'] table.jtable tbody td:first-child, #timeSheetEventListContainer[data-browser='browser'] table.jtable tbody td:first-child {
        width: 73px;
        min-width: 73px;
        padding: 0 !important;
        vertical-align: top;
    }

    #timeSheetEventListContainer[data-browser='chrome'] table.jtable tbody td:first-child, #timeSheetEventListContainer[data-browser='browser'] table.jtable tbody td:first-child {
        width: 73px;
        min-width: 73px;
        padding: 0 !important;
        vertical-align: top;
    }

    documentSendToPortalDialog .hs-textarea-comments
    #taxFormSendToPortalDialog .hs-textarea-comments {
        height: 35px;
    }
}

/* Landscape - adjustments bigger */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
    #canvasSection::before {
        content: '5';
        color: rgba(255, 255, 255, 0.50);
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 500;
        font-size: 0.6em;
    }

    #timeSheetTaskListGrid[data-browser='chrome'] table.jtable tbody td:first-child, #timeSheetTaskListGrid[data-browser='browser'] table.jtable tbody td:first-child {
        width: 73px;
        min-width: 73px;
        padding: 0 !important;
        vertical-align: top;
    }

    #timeSheetEventListContainer[data-browser='chrome'] table.jtable tbody td:first-child, #timeSheetEventListContainer[data-browser='browser'] table.jtable tbody td:first-child {
        width: 73px;
        min-width: 73px;
        padding: 0 !important;
        vertical-align: top;
    }
}

/* Landscape - adjustments bigger */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
    #canvasSection::before {
        content: '6';
        color: rgba(255, 255, 255, 0.50);
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 500;
        font-size: 0.6em;
    }

    #timeSheetTaskListGrid[data-browser='chrome'] table.jtable tbody td:first-child, #timeSheetTaskListGrid[data-browser='browser'] table.jtable tbody td:first-child {
        width: 73px;
        min-width: 73px;
        padding: 0 !important;
        vertical-align: top;
    }

    #timeSheetEventListContainer[data-browser='chrome'] table.jtable tbody td:first-child, #timeSheetEventListContainer[data-browser='browser'] table.jtable tbody td:first-child {
        width: 73px;
        min-width: 73px;
        padding: 0 !important;
        vertical-align: top;
    }
}

/* iPad Portrait */
@media screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    #canvasSection::before {
        content: '7';
        color: rgba(255, 255, 255, 0.50);
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 500;
        font-size: 0.6em;
    }

    #diaryEventsList {
        top: 465px;
        bottom: 0;
        max-width: 100%;
    }

    html {
        background-color: #FFFFFF;
        /* enough space to scroll up to get fullscreen on iOS8 */
        padding-bottom: 80px;
    }

    /* Timesheet */

    .hs-addtimesheetclient-button {
        width: 45px;
        height: 45px;
        margin-right: 30px;
        margin-top: -50px;
    }

    div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td {
        padding: 2px !important;
    }

    .jtable-main-container table {
        font-family: Foco;
    }

    .jtable-column-header {
        font-size: 1em !important;
    }

    #hstimesheetdailygridtotals .hs-column-totalslbl {
        width: 100%;
    }

    .hs-column-unitstotal {
        width: 61px;
        min-width: 61px;
        padding-right: 5px !important;
        text-align: right;
        border-left: 1px #fff solid;
        border-right: 1px #fff solid;
    }

    .hs-column-ratetotal {
        width: 58px;
        min-width: 58px;
        padding-right: 5px !important;
        text-align: right;
    }

    .hs-column-valuetotal {
        width: 62px;
        min-width: 62px;
        text-align: right;
        padding-right: 9px !important;
        border-left: 1px #fff solid;
    }

    #timeSheetDailySummaryList th, #timeSheetDailySummaryList td {
    }

    #timeSheetDailySummaryList table.jtable thead th:first-child {
        width: 22px !important;
        min-width: 22px;
        max-width: 22px;
        padding: 0 !important;
    }

        #timeSheetDailySummaryList table.jtable thead th:first-child + th {
            width: 90px !important;
            min-width: 90px;
            max-width: 90px;
            padding: 0 !important;
        }

            #timeSheetDailySummaryList table.jtable thead th:first-child + th + th {
                width: 100% !important;
                min-width: 105px;
                max-width: 105px;
                padding: 0 !important;
            }

                #timeSheetDailySummaryList table.jtable thead th:first-child + th + th + th {
                    width: 65px !important;
                    min-width: 65px;
                    max-width: 65px;
                    padding: 0 2px 0 0 !important;
                }

                    #timeSheetDailySummaryList table.jtable thead th:first-child + th + th + th + th {
                        width: 65px !important;
                        min-width: 65px;
                        max-width: 65px;
                        padding: 0 2px 0 0 !important;
                    }

                        #timeSheetDailySummaryList table.jtable thead th:first-child + th + th + th + th + th {
                            width: 65px !important;
                            min-width: 65px;
                            max-width: 65px;
                            padding: 0 2px 0 0 !important;
                            padding-right: 5px !important;
                        }


    #timeSheetDailySummaryList table.jtable tbody tr {
        border: 1px #fff solid;
    }

    #timeSheetDailySummaryList table.jtable tbody td:first-child {
        border-left: 1px #fff solid;
        width: 22px !important;
        min-width: 22px;
        max-width: 22px;
        padding: 0 !important;
    }

        #timeSheetDailySummaryList table.jtable tbody td:first-child + td {
            width: 90px !important;
            min-width: 90px;
            max-width: 90px;
            padding: 2px 0 2px 0 !important;
        }

            #timeSheetDailySummaryList table.jtable tbody td:first-child + td + td {
                width: 100% !important;
                -ms-text-overflow: clip;
                -o-text-overflow: clip;
                text-overflow: clip;
                overflow-wrap: break-word;
                overflow: hidden;
            }

                #timeSheetDailySummaryList table.jtable tbody td:first-child + td + td + td {
                    width: 65px !important;
                    min-width: 65px;
                    max-width: 65px;
                    padding: 2px 2px 0 0 !important;
                    border-left: 1px #fff solid;
                    border-top: 1px #fff solid;
                    border-bottom: 1px #fff solid;
                }

                    #timeSheetDailySummaryList table.jtable tbody td:first-child + td + td + td + td {
                        width: 65px !important;
                        min-width: 65px;
                        max-width: 65px;
                        padding: 2px 2px 0 0 !important;
                    }

                        #timeSheetDailySummaryList table.jtable tbody td:first-child + td + td + td + td + td {
                            width: 65px !important;
                            min-width: 65px;
                            max-width: 65px;
                            padding: 2px 2px 0 0 !important;
                        }

    #timeSheetDailySummaryList[data-browser="safari"] table.jtable tbody td:first-child + td + td + td + td + td {
        padding-right: 5px !important;
    }

    /* End Timesheet */

    .filtering {
        display: inline-block;
        position: fixed;
        top: 238px;
        z-index: 1;
        right: 0;
        left: 2px;
    }

    #idInfo {
        position: absolute;
        padding: 0;
        width: 100%;
        max-width: 100%;
        bottom: 0;
        top: 0;
        overflow-y: scroll;
    }

    body {
        margin: 0;
        padding: 0;
    }

    .hsIconMap, .hsIconSms {
        width: 24px;
        vertical-align: middle;
    }

    #main {
        width: 100% !important;
        background-color: #fff !important;
    }

    #canvasSection {
        /*position: absolute;*/
        padding: 0;
        left: 0;
        margin: 0;
        overflow-y: hidden;
        overflow-x: hidden;
        width: 100%;
        bottom: 32px;
        border: 1px #FFF solid;
    }

    #clientSearchTable tbody {
        border: 1px #007F64 solid;
        /*height: 450px;*/
        margin-top: 0;
        top: 270px;
        bottom: 64px;
        right: 30px;
        left: 32px;
        position: fixed;
    }

    #clientSearchTable .jtable-main-container .jtable-bottom-panel {
        bottom: 33px;
        right: 30px;
        left: 30px;
        width: auto;
    }

    #hdr {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 95px;
    }

    #ftr {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        max-width: 100%;
    }

    #dc {
        margin-top: 95px !important;
        padding: 2px !important;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        border-radius: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    #accordionContainer {
        position: absolute;
        width: 100% !important;
        padding: 0 !important;
    }

    #accordion {
        position: fixed;
        /*top: 0;*/
        width: 100% !important;
        padding-bottom: 25px;
        padding-right: 5px;
    }

    .hs-textarea-Notes {
        width: 100%;
        padding: 5px !important;
    }

    .hs-textarea-Sms {
        /* height: 40px; */
    }


    table.hsClientSmsView {
        width: 100%;
    }

        table.hsClientSmsView td:first-child {
            width: 50px !important;
        }

    .hs-textarea-signature {
        width: 100%;
        height: 70px;
    }

    .hs-client-picker {
        width: auto !important;
    }

    #timeSheetEventListGrid table.jtable tbody td:first-child + td {
        width: 298px;
        min-width: 298px;
        padding: 0 !important;
        vertical-align: top;
    }

    #timeSheetTaskListGrid tbody td:first-child {
        width: 89px;
        min-width: 89px;
    }
}

/* iPad Landscape */
@media screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    #canvasSection::before {
        content: '8';
        color: rgba(255, 255, 255, 0.50);
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 500;
        font-size: 0.6em;
    }


    #idDiaryEventsContainer {
        top: 45px;
        overflow-y: scroll;
    }

    #diaryEventsList {
        top: 375px;
        bottom: 0;
        max-width: 100%;
    }


    html {
        background-color: #FFFFFF;
        /* enough space to scroll up to get fullscreen on iOS8 */
        padding-bottom: 80px;
    }

    div {
        /*border: 1px yellow solid;*/
    }

    /* Timesheet */

    .hs-addtimesheetclient-button {
        width: 45px;
        height: 45px;
        margin-right: 30px;
        margin-top: -50px;
    }

    div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td {
        padding: 2px !important;
    }

    .jtable-main-container table {
        font-family: Foco;
    }

    .jtable-column-header {
        font-size: 1em !important;
    }

    #hstimesheetdailygridtotals .hs-column-totalslbl {
        width: 100%;
    }

    .hs-column-unitstotal {
        width: 62px;
        min-width: 62px;
        padding-right: 5px !important;
        text-align: right;
        border-left: 1px #fff solid;
        border-right: 1px #fff solid;
    }

    .hs-column-ratetotal {
        width: 58px;
        min-width: 58px;
        padding-right: 5px !important;
        text-align: right;
    }

    .hs-column-valuetotal {
        width: 62px;
        min-width: 62px;
        text-align: right;
        padding-right: 9px !important;
        border-left: 1px #fff solid;
    }

    #timeSheetDailySummaryList th, #timeSheetDailySummaryList td {
    }

    #timeSheetDailySummaryList table.jtable thead th:first-child {
        width: 22px !important;
        min-width: 22px;
        max-width: 22px;
        padding: 0 !important;
    }

        #timeSheetDailySummaryList table.jtable thead th:first-child + th {
            width: 90px !important;
            min-width: 90px;
            max-width: 90px;
            padding: 0 !important;
        }

            #timeSheetDailySummaryList table.jtable thead th:first-child + th + th {
                width: 100% !important;
                min-width: 105px;
                max-width: 105px;
                padding: 0 !important;
            }

                #timeSheetDailySummaryList table.jtable thead th:first-child + th + th + th {
                    width: 65px !important;
                    min-width: 65px;
                    max-width: 65px;
                    padding: 0 2px 0 0 !important;
                }

                    #timeSheetDailySummaryList table.jtable thead th:first-child + th + th + th + th {
                        width: 65px !important;
                        min-width: 65px;
                        max-width: 65px;
                        padding: 0 2px 0 0 !important;
                    }

                        #timeSheetDailySummaryList table.jtable thead th:first-child + th + th + th + th + th {
                            width: 65px !important;
                            min-width: 65px;
                            max-width: 65px;
                            padding: 0 2px 0 0 !important;
                            padding-right: 5px !important;
                        }


    #timeSheetDailySummaryList table.jtable tbody tr {
        border: 1px #fff solid;
    }

    #timeSheetDailySummaryList table.jtable tbody td:first-child {
        border-left: 1px #fff solid;
        width: 22px !important;
        min-width: 22px;
        max-width: 22px;
        padding: 0 !important;
    }

        #timeSheetDailySummaryList table.jtable tbody td:first-child + td {
            width: 90px !important;
            min-width: 90px;
            max-width: 90px;
            padding: 2px 0 2px 0 !important;
        }

            #timeSheetDailySummaryList table.jtable tbody td:first-child + td + td {
                width: 100% !important;
                -ms-text-overflow: clip;
                -o-text-overflow: clip;
                text-overflow: clip;
                overflow-wrap: break-word;
                overflow: hidden;
            }

                #timeSheetDailySummaryList table.jtable tbody td:first-child + td + td + td {
                    width: 65px !important;
                    min-width: 65px;
                    max-width: 65px;
                    padding: 2px 2px 0 0 !important;
                    border-left: 1px #fff solid;
                    border-top: 1px #fff solid;
                    border-bottom: 1px #fff solid;
                }

                    #timeSheetDailySummaryList table.jtable tbody td:first-child + td + td + td + td {
                        width: 65px !important;
                        min-width: 65px;
                        max-width: 65px;
                        padding: 2px 2px 0 0 !important;
                    }

                        #timeSheetDailySummaryList table.jtable tbody td:first-child + td + td + td + td + td {
                            width: 65px !important;
                            min-width: 65px;
                            max-width: 65px;
                            padding: 2px 2px 0 0 !important;
                        }

    #timeSheetDailySummaryList[data-browser="safari"] table.jtable tbody td:first-child + td + td + td + td + td {
        padding-right: 5px !important;
    }

    #timeSheetEventListGrid table.jtable tbody td:first-child {
        width: 92px;
        min-width: 92px;
        padding: 0 !important;
        vertical-align: top;
    }

        #timeSheetEventListGrid table.jtable tbody td:first-child + td {
            width: 298px;
            min-width: 298px;
            padding: 0 !important;
            vertical-align: top;
        }

    /* End Timesheet */

    #clientSearchTable thead th {
        /*font-size: 1em;*/
    }

    .hs-connect-logo {
        width: 12%;
        position: relative;
    }

    .filtering {
        display: inline-block;
        position: fixed;
        top: 238px;
        z-index: 1;
        right: 0;
        left: 4px;
    }

    .jtable-page-size-change input {
        font-size: 0.9em;
        width: 25px;
    }

    .jtable-bottom-panel {
        max-width: 100% !important;
    }

    #clientSearchTable .jtable-main-container .jtable-bottom-panel {
        bottom: 33px;
        right: 30px;
        left: 30px;
        width: auto;
    }

    #clientSearchTable tbody {
        border: 1px #007F64 solid;
        /*height: 450px;*/
        margin-top: 0;
        top: 270px;
        bottom: 64px;
        right: 30px;
        left: 32px;
        position: fixed;
    }

    #idInfo {
        position: absolute;
        padding: 0;
        width: 100%;
        max-width: 100%;
        bottom: 0;
        top: 0;
        overflow-y: scroll;
    }

    body {
        margin: 0;
        padding: 0;
    }

    .hsIconMap, .hsIconSms {
        width: 24px;
        vertical-align: middle;
    }

    #main {
        width: 100% !important;
        background-color: #fff !important;
    }

    #canvasSection {
        padding: 0;
        left: 0;
        margin: 0;
        overflow-y: hidden;
        overflow-x: hidden;
        width: 100%;
        bottom: 32px;
        border: 1px #FFF solid;
    }

    .hs-carousel-containerm, .rondellCarousel {
        position: fixed;
        /*margin-top: 0px;*/
        left: 0;
        top: 0;
        width: 100%;
        height: 100% !important;
        bottom: 0 !important;
    }

    #hdr {
        position: fixed;
        top: 0px;
        left: 0;
        width: 100%;
        height: 95px;
    }

    .hs-logout-container {
        left: 0;
        padding: 0;
        position: fixed;
        bottom: 40px;
        width: 100%;
    }

    #ftr {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        max-width: 100%;
    }

    #dc {
        position: fixed;
        margin-top: 95px !important;
        padding: 2px !important;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        -webkit-border-radius: 0px !important;
        -moz-border-radius: 0px !important;
        border-radius: 0px !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    #accordionContainer {
        position: relative;
        width: 100% !important;
        padding: 0 !important;
        background: #fff;
    }

    #accordion {
        position: fixed;
        /*top: 0;*/
        width: 100% !important;
        padding-bottom: 25px;
        padding-right: 5px;
    }

    .hs-textarea-Notes {
        width: 100%;
        padding: 5px !important;
    }

    .hs-textarea-Sms {
        /* height: 40px; */
    }


    table.hsClientSmsView {
        width: 100%;
    }

        table.hsClientSmsView td:first-child {
            width: 50px !important;
        }

    .hs-textarea-signature {
        width: 100%;
        height: 70px;
    }

    .hs-client-picker {
        width: auto !important;
    }

    #timeSheetTaskListGrid tbody td:first-child {
        width: 89px;
        min-width: 89px;
    }
}


.hs-contactsearch-filter {
    margin: 0;
    /*display: inline-block;*/
    position: relative;
    top: 27px;
    height: 0px;
    z-index: 1;
}

    .hs-contactsearch-filter table {
        width: 100%;
        background-color: #073460;
        border-top: 1px #fff solid;
    }

        .hs-contactsearch-filter table td:first-child {
            width: 187px;
        }

.hs-contactsearch-filtertext {
    border-radius: 7px;
    border: none;
    position: relative;
    margin: 4px 0px 4px 4px;
    width: 75%;
}

.hs-contactsearch-filtericon {
    height: 20px;
    width: 20px;
    vertical-align: middle;
    margin-left: -3px;
    cursor: pointer;
}

/* Contact Search */
#contactSearchContainer {
    margin: 0;
}

#contactSearchTable thead {
    display: block;
}

    #contactSearchTable thead th:first-child {
        width: 187px !important;
        min-width: 187px;
        border-right: 1px #fff solid;
    }

        #contactSearchTable thead th:first-child + th {
            width: 85% !important;
        }

#contactSearchTable td {
    border-right: 1px #fff solid;
}

#contactSearchTable tbody {
    margin-top: 34px;
    overflow-y: scroll;
    display: block;
    padding-bottom: 0;
    height: 248px;
    font-size: 0.9em;
}

    #contactSearchTable tbody td:first-child {
        width: 180px;
        min-width: 180px;
    }

        #contactSearchTable tbody td:first-child + td {
            /*display: block;*/
            /*height: 17px;
            overflow: hidden;*/
            width: 100% !important;
        }


#contactSearchTable[data-browser="safari"] tbody td:first-child + td {
    padding-right: 25px !important;
}


#contactSearchTable .jtable-main-container .jtable-bottom-panel {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 2px;
    padding-top: 2px;
    width: 100%;
    max-width: 914px;
    display: block;
    position: relative;
    bottom: 0px;
    font-size: 0.9em;
}

.ie9 #contactSearchTable tbody {
    border: 1px solid #007F64;
    top: 22px !important;
    left: 0;
    position: absolute;
    padding: 0;
    width: calc(100% - 2px);
}

.ie9 #contactSearchTable .jtable-main-container .jtable-bottom-panel {
    top: 306px;
    height: 26px !important;
    position: absolute;
}