/* Minification failed. Returning unminified contents.
(543,22): run-time error CSS1030: Expected identifier, found ' '
(543,31): run-time error CSS1031: Expected selector, found '!important'
(543,31): run-time error CSS1025: Expected comma or open brace, found '!important'
(544,1): run-time error CSS1019: Unexpected token, found '}'
(544,3): run-time error CSS1031: Expected selector, found '/'
(544,3): run-time error CSS1025: Expected comma or open brace, found '/'
(2558,17): run-time error CSS1030: Expected identifier, found ' '
 */
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/*
    SW 02092017> This css is cusomized for wikoi. When a different Jquery UI class is added these thing must be copied accordingly.
    We have made changes to:
    .ui-widget-overlay ---- The original class is commented and the one from "jquery-ui-1.8.16.custom.css" is copied.
    .ui-widget
    .ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button
*/
.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{/*font-family:Arial,Helvetica,sans-serif; //SW Commented as we want to have the same font all over the site*/ font-size:1em;}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{/*font-family:Arial,Helvetica,sans-serif; //SW 02112017> Commented as we want to have the same font all over the site*/ font-size:1em }.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}/*.ui-widget-overlay{background:#aaa;opacity:.003;filter:Alpha(Opacity=.3)}*/.ui-widget-overlay{background: #666666 url(../images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50; filter: Alpha(Opacity=50);}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
html, body {
    margin: 0;
    /*height: 100%;*/
    background-color: #f4f4f4;
    /*font-family: Arial; SW 02102017> Commented as per CC new requirement.*/
    font-family: "LatoWeb";
    font-size: 12px;
    font-style: normal;
}

textarea {
    font-family: "LatoWeb" !important;
    font-size: 1.2em !important;
    font-style: normal !important;
    color: #444;
}


/*.wrapper {
    display: table;
    height: 100%;
    width: 100%;
    background-color: white;
}

.header {
    display: table-row;
    width: 100%;
}
.content {
    display: table-row;  //height is dynamic, and will expand... 
    height: 100%;        // ...as content is added (won't scroll) 
    width: 100%;
}*/
.titleheader {
    width: 100%;
    border-collapse: collapse;
    border-width: 1px;
    border-color: Black;
    border-bottom: gray 1px solid;
    border-left: gray 1px solid;
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    border-right-width: 1px;
    line-height: 16px;
    background-color: #ece9d8;
    /*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; SW 02102017> Commented as per CC new requirement.*/
    white-space: nowrap;
    border-top-width: 1px;
    color: Black;
    font-size: 12px;
    border-left-width: 1px;
    font-weight: bold;
}

.rightbody a {
    color: #000000;
    padding: 10px;
    /*font-family: arial; SW 02102017> Commented as per CC new requirement.*/
    font-size: 12px;
    text-decoration: underline;
}

embed {
    z-index: 1 !important;
}

.rightbody a:hover {
    /*color: #590033;Commmented wikoi color change PK*/
    color: #4F6228;
    padding: 10px;
    /*font-family: arial; SW 02102017> Commented as per CC new requirement.*/
    font-size: 12px;
    text-decoration: none;    
}

    /* SW 02102017> New button css as per CC new requirement */
    * .button {
        min-width: 10px !important;
        width: auto;
        height: 26px;
        border: none !important;
        /*font-family: Arial !important; SW 02102017> Commented as per CC new requirement.*/
        font-size: 9pt !important;
        font-weight: 200 !important;
        background-color: transparent;
        cursor: pointer;
        color: white !important;
        /*SW 02272019> Setting font to Latoweb */
        font-family: "LatoWeb" !important;
    }


    * .button:hover, * .button.hover, * .button:active, * .button:active {
        background-color: transparent !important;
        border: none !important;
    }

    /* SW 07222017> Commented and added the below line as the below css is applying to the buttons in the dialog box due to which the close button (X) is also
         inheriting this. 
    button, input[type="button"], input[type="submit"] {*/
    input[type="button"], input[type="submit"] {
        min-width: 100px;
        width: auto;
        height: 26px;
        border: 1.5px solid #525252; /* @flavorFields.Flavor_Dark_Color; SW 02102017> Changed  as per CC new requirement. */
        /*font-family: Arial !important; SW 02102017> Commented as per CC new requirement.*/
        /*SW 02272019> Commented "font-size" and "font-weight" and added "font" property by setting "font-family" to Latoweb "font-size" to "1.2em" and "font-weight" to "100" */
        /*font-size: 9pt !important;*/
        /*font-weight: 200 !important;*/
        font: 100 9pt "LatoWeb" !important;
        background-color: transparent;
        -moz-border-radius: 5px; /*10px; SW 02132017> Commented as per CC requirement.*/
        -webkit-border-radius: 5px; /*10px; SW 02132017> Commented as per CC requirement.*/
        border-radius: 5px; /*10px; SW 02132017> Commented as per CC requirement.*/
        cursor: pointer;
    }

    /*SW 09272018> style for setting the vertical alignment to middle */
    input[type="checkbox"] {
        position: relative;
        top: 2px;
        font-size: 1.2em !important;
    }

    /* SW 02102017> Commented and added the below css as per CC new requirement. 
        button:hover, input[type="button"]:hover, input[type="submit"]:hover
        {    
            background-color:@flavorFields.Flavor_Light_Color;
            color: white;
        }*/

    button:active, input[type="button"]:active, input[type="submit"]:active {
        background-color: #f3f3f3;
        /*color: white; */
    }

.link1 {
    width: auto;
    height: 19px;
    border: none !important;
    overflow: hidden;
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
    font-size: 9pt !important;
    color: white !important;
    background-color: transparent;
    font-weight: 200;
    text-align: center !important;
    /* SW 07182018> Commentented as this is moving the link more down instead of setting it to middle 
        vertical-align: middle !important; */
    padding: 5px !important;
    text-decoration: none !important;
}


/* Styles for left navigation pane
-----------------------------------------------------------*/
.clear {
    line-height: 0px;
    height: 0px;
    clear: both;
    font-size: 0px;
    overflow: hidden;
}

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

.clearfix {
    zoom: 1;
    display: block;
}

* HTML .clearfix {
    overflow: hidden;
}

.nav {
    margin: 0;
    padding: 40;
    float: left;
    width: 100%; /* border:1px solid #42432d;     border-width:1px 0;*/
}

.LeftPaneHLink {
    font-weight: bold;
    /*font-family: arial; SW 02102017> Commented as per CC new requirement.*/
    font-size: 12px !important; /* color: #034af3;*/
    padding-left: 5px; /*height:30px;*/
}

LeftPaneHLink a {
    font-weight: bold;
    /*font-family: arial; SW 02102017> Commented as per CC new requirement.*/
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    color: #FFFFFF !important;
    text-decoration: underline;
}

    LeftPaneHLink a:hover {
        color: #FFFFFF;
    }
/* Styles for Top navigation pane
-----------------------------------------------------------*/
.TopPaneHLink {
    font-weight: bold;
    /*font-family: arial; SW 02102017> Commented as per CC new requirement.*/
    font-size: 12px; /*color: #034af3;*/
    padding-left: 5px;
    height: 30px;
}

    .TopPaneHLink a {
        font-weight: bold;
        /*font-family: arial; SW 02102017> Commented as per CC new requirement.*/
        font-size: 12px;
        text-align: center;
        vertical-align: middle;
        color: #0c2a63;
        text-decoration: underline;
        padding: 10px;
    }

        .TopPaneHLink a:hover {
            /*color: Maroon;Commmented wikoi color change PK*/
            color: #4F6228;
        }

        .TopPaneHLink a:selected, a:visited {
            color: Orange;
        }

    .TopPaneHLink td {
        border-right: solid 1px #0c2a63;
    }

.page {
    width: 960px;
    height: 80%;
    padding: 10px !important;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    /*font-family: arial; SW 02102017> Commented as per CC new requirement.*/
    color: #484848;
    background-color: #f4f4f4;
}

a.selected-page {
    padding-left: 10px !important;
    padding-right: 10px !important;
    /*DS 07302018> Added color black previosuly it is showing in blue color*/
    color: #484848;
}
a.next {
    color: #000000;
    padding: 10px;
    text-decoration: none !important;
}
a.next-dots {
    color: #000000;
    padding: 10px;
    text-decoration: none !important;
}
a.previous {
    color: #000000;
    padding: 10px;
    text-decoration: none !important;
}
a.previous-dots {
    color: #000000;
    padding: 10px;
    text-decoration: none !important;
}

.subPage {
    width: 960px;
    height: 80%;
    padding: 10px !important;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    /*font-family: arial; SW 02102017> Commented as per CC new requirement.*/
    color: #484848;
    background-color: #f4f4f4;
}

.DataTable table {
    border: solid 1px black;
    border-collapse: collapse;
}

.DataTable td, tr {
    border: solid 1px black;
    height: 1px;
}

.DataTable th {
    background-color: Blue;
}

h2, h3 {
    font-size: 16px;
}

.ButtonBar p {
    border: solid 1px black;
    float: left;
}
/*SP 06252019> resize: vertical; added textarea width is fixed and heignt changed*/
/*textarea {
    min-height: 75px;
    
}*/

textarea {
    min-height: 75px;
    resize: vertical;
}
input[type="text"], input[type="password"] {
    border: 1px solid #ccc;
    height: 22px !important;
    /*padding: 2px;  SW 07302015> commented to add more space*/
    padding: 5px !important;
    font-size: 1.2em;
    color: #444;
    width: 100px;
    /*SW 10222018> Added font family as some other jquery styles font was overriding the font set in "html, body" style */
    font-family: LatoWeb !important;
}
/*SP 06252019> Add width." width:110px;" to  aline both dropdowns */
/*select {
    height: 34px !important;    
    /*SW 12192018> Added font family as some other jquery styles font was overriding the font set in "html, body" style */
/*font-family: LatoWeb !important;
    font-size: 1.2em !important;
    color: #444 !important;
}*/
select {
    height: 34px !important;
    width:110px;
    /*SW 12192018> Added font family as some other jquery styles font was overriding the font set in "html, body" style */
    font-family: LatoWeb !important;
    font-size: 1.2em !important;
    color: #444 !important;
} 

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

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

.input-validation-error {
    /*SP 05222019> Commeted style "border: 1px solid #ff0000;" for not showing color in textarea  */
    /*border: 1px solid #ff0000;*/
    border: 1px solid #ccc;
    background-color: #ffeeee;
}

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

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

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label {
    /*font-family: arial !important; SW 02102017> Commented as per CC new requirement.*/
    text-align: left;
    font-size: 12px !important;
}

.display-notation, .editor-notation {
    /*font-family: arial !important; SW 02102017> Commented as per CC new requirement.*/
    text-align: left;
    font-size: 12px !important;
}

.display-field, .editor-field {
    /*font-family: arial; SW 02102017> Commented as per CC new requirement.*/
    text-align: left;
}

.logontopnavigation {
    width: 100%;
    /*background-color:#590033; commented for wikoi color change PK */
    background-color: #4F6228;
    margin-left: 0px;
    margin-top: 10px;
}


/* Styles for print forms
-----------------------------------------------------------*/
.MainHadingWithBold {
    /*font-family: 'Lucida Sans Unicode', Verdana, Arial, Sans-serif;*/
    /*font-family: Calibri; SW 02102017> Commented as per CC new requirement.*/
    font-size: 16px;
    font-weight: bold;
}

.MainHadingWithBoldAndBorder {
    /*font-family: 'Lucida Sans Unicode', Verdana, Arial, Sans-serif;*/
    /*font-family: Calibri; SW 02102017> Commented as per CC new requirement.*/
    font-size: 16px;
    font-weight: bold;
    border-bottom: solid 2px black;
}

.MainHading {
    /*font-family: 'Lucida Sans Unicode', Verdana, Arial, Sans-serif;*/
    /*font-family: Calibri; SW 02102017> Commented as per CC new requirement.*/
    font-size: 16px;
    font-weight: normal;
}

.TextWithUnderLine {
    text-decoration: underline;
}

.Fields {
    /*font-family: 'Lucida Sans Unicode', Verdana, Arial, Sans-serif;*/
    /*font-family:Arial; SW 02102017> Commented as per CC new requirement.*/
    font-size: 12px;
    text-align: left;
    height: 15px;
    vertical-align: top;
}

.FieldsWithBold {
    /*font-family: 'Lucida Sans Unicode', Verdana, Arial, Sans-serif;*/
    /*font-family: Arial; SW 02102017> Commented as per CC new requirement.*/
    font-size: 12px;
    font-weight: bold;
}

.Notes {
    /*font-family: 'Lucida Sans Unicode', Verdana, Arial, Sans-serif;*/
    /*font-family: Arial; SW 02102017> Commented as per CC new requirement.*/
    font-size: 12px;
}

.NotesWithBold {
    /*font-family: 'Lucida Sans Unicode', Verdana, Arial, Sans-serif;*/
    /*font-family: Arial; SW 02102017> Commented as per CC new requirement.*/
    font-size: 12px;
    font-weight: bold;
}

.Border {
    border-bottom: solid 2px black;
    /*font-family: Arial; SW 02102017> Commented as per CC new requirement.*/
}

.FieldBorder {
    border-bottom: solid 1px black;
    /*font-family: Arial; SW 02102017> Commented as per CC new requirement.*/
}

.DashedBorder {
    border-bottom: dashed 1px black;
    /*font-family: Arial; SW 02102017> Commented as per CC new requirement.*/
}

.printpage {
    width: 100%;
    height: 100%;
    margin-top: 0px;
    font-size: 12px;
    /*font-family: Arial; SW 02102017> Commented as per CC new requirement.*/
    font-weight: normal; /*font-family: 'Lucida Sans Unicode', Verdana, Arial, Sans-serif;*/
    color: Black;
}

.topmenu {
    padding: 0px;
    float: left;
    height: 44px;
    margin-top: -15px;
    padding-bottom: 6px;
    margin-bottom: 3px;
    display: block !important;
    width: 100%;
}

#button {
    float: left;
    padding: 0;
}

    #button li {
        display: inline;
    }

        #button li a {
            /*font-family: Arial; SW 02102017> Commented as per CC new requirement.*/
            font-size: 12px;
            font-weight: bold;
            text-decoration: none;
            float: left;
            padding: 10px 15px 10px 15px;
            /*background-color: #590033;commented for wikoi color change -PK */
            background-color: #4F6228;
            color: #fff;
        }

/*a.menuitemactive {
    /*background-color: #9f1f63 !important; commented for wikoi color change -PK */
    background-color: #9BBB59 !important;
}*/

#button li a:hover {
    /*background-color: #9f1f63; commented for wikoi color change -PK*/
    background-color: #9BBB59 !important;
    margin-top: -2px;
    padding-bottom: 12px;
}

#button li div span {
    padding: 10px 10px 10px 18px;
    /*background-color: #590033;commented Wikoi UI color changes PK  */
    background-image: url(../Images/welcome.png);
    background-position: left;
    background-repeat: no-repeat;
    float: right;
    background-size: 100%; /* 255px;*/
}

#button li div {
    /*font-family: Arial; SW 02102017> Commented as per CC new requirement.*/
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    float: right;
    /*background-color: #590033; commented Wikoi UI color changes PK  */
    background-color: #4F6228;
    color: #fff;
}


.lnavCol {
    width: 80%; /* 160px; //SW 11082013 commented to fit for 95% page size */
    float: left;
}

    .lnavCol .lnavHeader {
        width: 100%; /*150px; //SW 11082013*/
        background-color: #9f1f63;
        color: White;
        border: 1px solid #590033;
        height: 37px;
        overflow: hidden;
        padding: 0px 0px 0px 10px;
    }

    .lnavCol .lnavBody {
        padding-bottom: 5px;
        padding-left: 0px;
        width: 100%; /* 160px; //SW 11082013 */
        padding-right: 0px;
        border: 1px solid #dbdbdb;
        padding-top: 0px;
        background-color: #ffffff;
    }

    .lnavCol .lnavFooter {
        width: 100%; /* 160px; //SW 11082013 */
        height: 0px;
    }

    .lnavCol .lnavCopy {
        width: 100%; /* 160px; //SW 11082013 */
    }

    .lnavCol .lnavHeader H2 {
    }

UL.grey-arrow-list {
    list-style-type: none;
    list-style-image: none;
    padding: 0px;
    width: 100%;
    float: left;
    height: 100%;
}

    UL.grey-arrow-list LI {
        border-bottom: #ededed 1px solid;
        padding-bottom: 6px;
        padding-left: 30px;
        padding-right: 0px;
        /* SW 04262014> arrow image is changed as background color is added for selected menu item. 
    background: url(../Images/my_arrow.gif) #fff no-repeat 16px 11px;*/
        /* SW 11292014> Re
moved for normal menu items and added to heading menu items 
    background: url(../Images/my_arrow_lightgray.png) #fff no-repeat 16px 11px;*/
        margin-right: 1px;
        padding-top: 6px;
    }

        UL.grey-arrow-list LI.darkLine {
            border-top: #DBDBDB 1px solid;
            padding-bottom: 6px;
            padding-left: 30px;
            padding-right: 0px;
            margin-right: 1px;
            padding-top: 6px;
        }


        UL.grey-arrow-list LI.indented {
            border-bottom: #ededed 1px solid;
            padding-bottom: 6px;
            padding-left: 50px;
            padding-right: 0px;
            margin-right: 1px;
            padding-top: 6px;
        }

        UL.grey-arrow-list LI.heading1 {
            /*font-weight: bold; SW 03162016> commented as per the new requirement of CC*/
            /*background: #fff !important;*/
            margin-right: 1px;
            padding-top: 6px;
            padding-left: 40px;
        }

        UL.grey-arrow-list LI.heading {
            padding-left: 10px;
            /*font-weight: bold; SW 03162016> commented as per new requirement of CC */
            /*background: #fff !important;*/
            margin-right: 1px;
            padding-top: 6px;
            padding-left: 30px;
            background: url(../Images/my_arrow_lightgray.png) #fff no-repeat 16px 11px;
        }

        UL.grey-arrow-list LI.headingCollapse {
            padding-left: 10px;
            /*font-weight: bold; SW 03162016> commented as per new requirement of CC */
            /*background: #fff !important;*/
            margin-right: 1px;
            padding-top: 6px;
            padding-left: 30px;
            background: url(../Images/my_arrow_lightgray_down.png) #fff no-repeat 16px 11px;
        }

        UL.grey-arrow-list LI A {
            color: #525252;
            text-decoration: none;
        }

            UL.grey-arrow-list LI a.current {
                color: #810040;
                text-decoration: none;
                font-weight: bold;
            }

            UL.grey-arrow-list LI A:hover {
                /*color: #810040;Commmented wikoi color change PK*/
                color: #4F6228;
                text-decoration: underline;
            }

.mainbody {
    padding: 0px 0px 0px 0px;
}

.leftbody {
    padding: 0px;
    width: 162px;
}

.gap10 {
    width: 10px;
}

.rightbody {
    padding: 0px;
    border: 1px solid #dbdbdb;
    background-color: #ffffff;
}

.contentarea {
    background: #FFFFFF;
    padding: 0px 1px 10px 10px;
}

.grid {
    width: 100%;
    border: 0;
    padding: 0;
    border-collapse: collapse;
}

    .grid tr th {
        background-color: #f4f4f4;
        border: 1px solid #dbdbdb;
        padding: 6px;
        text-align: left;
    }

    .grid tr td {
        border: 1px solid #dbdbdb;
        padding: 4px 6px 4px 6px;
    }

    .grid a {
        padding: 0px !important;
    }


.txtsize {
    float: right;
    background: url(../Images/topcurve.png) #fff no-repeat;
    padding: 1px;
    color: White !important;
    margin-top: -5px;
    margin-right: -5px;
    padding-bottom: 5px;
}

    .txtsize span {
        margin-left: 20px;
    }

    .txtsize a {
        color: White !important;
        text-decoration: none;
        font-weight: bold;
    }

        .txtsize a:hover {
            color: White !important;
            text-decoration: underline;
        }

.tdtopmenu {
}

#tabs-1 {
    /*height: 500px;*/
    height: 100%;
    border-bottom: 1px solid #d4d4d4 !important;
    border-left: 1px solid #d4d4d4 !important;
    border-right: 1px solid #d4d4d4 !important;
    /*padding-right:12px;*/
}

#tabs-2 {
    /*height: 690px;*/
    /*height:630px;*/
    height: 100%;
    border-bottom: 1px solid #d4d4d4 !important;
    border-left: 1px solid #d4d4d4 !important;
    border-right: 1px solid #d4d4d4 !important;
    /*padding-right:12px;*/
    display: inline-table;
}

#tabs-3 {
    /*height: 650px;*/
    height: 100%;
    border-bottom: 1px solid #d4d4d4 !important;
    border-left: 1px solid #d4d4d4 !important;
    border-right: 1px solid #d4d4d4 !important;
    padding-right: 12px;
    /*display : inline-table; SW 04112014> commented as this prevents scroll bars to appear in ReferralSource tab in TCAF.*/
}

#tabs-4 {
    /*height:500px*/
    max-height: 100%;
    border-bottom: 1px solid #d4d4d4 !important;
    border-left: 1px solid #d4d4d4 !important;
    border-right: 1px solid #d4d4d4 !important;
    padding-right: 12px;
}

#tabs-6 {
    /*height: 500px;*/
    height: 100%;
    border-bottom: 1px solid #d4d4d4 !important;
    border-left: 1px solid #d4d4d4 !important;
    border-right: 1px solid #d4d4d4 !important;
    /*padding-right:12px;*/
}

#mapTab {
    /*height: 500px;*/
    height: 100%;
    border-bottom: 1px solid #d4d4d4 !important;
    border-left: 1px solid #d4d4d4 !important;
    border-right: 1px solid #d4d4d4 !important;
    /*padding-right:12px;*/
}

.logondiv {
    background: transparent url(../Images/Login_bg.png) no-repeat center top;
    width: 313px;
    height: 366px;
    float: right;
}

.logondivinr {
    padding: 40px 30px 0px 30px;
}

.txtsizemaster {
    float: right;
    /* SW 04242014> Commented as the background color is a configuration parameter. 
    background: url(../Images/topcurve.png) #fff no-repeat;*/
    padding: 0px;
    color: White !important;
    margin-top: 0px !important;
    margin-right: -5px;
    padding-bottom: 0px;
    position: relative;
    top: -5px;
    width: 90px; /*220px;*/
    height: 20px;
}

b.lft {
    border-bottom: 2.1em solid #FFFFFF;
    border-right: 3em solid rgba(0, 0, 0, 0);
    clear: left;
    display: block;
    float: left;
    height: 0em;
    overflow: hidden;
    border-right: transparent 1.5em solid;
}

.ln2 {
    width: 1em;
}

.txtsizemaster span {
    margin-left: 20px;
}

.txtsizemaster a {
    color: White !important;
    text-decoration: none;
    font-weight: bold;
}

    .txtsizemaster a:hover {
        color: White !important;
        text-decoration: underline;
    }


.divLogoutlink {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    display: inline;
    font-size: 12px !important;
    margin-top: -12px; /*SW 04242014> -2.5px;*/
    float:left;
}

.webgridcolumn {
    min-width: 100px;
}

.webgridcolumn {
    text-align: left;
    /*white-space:nowrap;*/
}

/*MVC migration start */
.textzoom {
    font-size: 12px !important;
    text-align: left;
    vertical-align: top;
    padding-right: 4px;
}

.logonbody {
    margin-top: 0px;
    margin-left: 2px;
}

.logonprelogintextdiv {
    /*width : 64%; commented V4 wikoi PK*/
    width: 97.7%;
    float: left;
    padding: 20px 10px 20px 10px;
    border: 1px solid #d4d4d4;
    background-color: #FFFFFF;
    font-size: 16px;
    text-align: left;
    height: 247.5px;
}

#divlogon, #divhome {
    width: 95% !important; /* 960px !important ;  //temp SW 11082013  */
    margin: 0 auto 0 !important; /* makes the div align center*/
    overflow: hidden !important; /* stop spill content outside the div*/
    height: 100% !important;
}

.divpostlogintext {
    border: 1px solid #d4d4d4;
    padding: 10px;
    float: left;
    width: 97%;
    height: 433px;
}

    .divpostlogintext a {
        color: #000000;
        padding: 10px;
        /*font-family: Arial; SW 02102017> Commented as per CC new requirement.*/
        font-size: 12px;
        text-decoration: underline;
    }

        .divpostlogintext a:hover {
            color: #590033;
            padding: 10px;
            /*font-family: Arial; SW 02102017> Commented as per CC new requirement.*/
            font-size: 12px;
            text-decoration: none;
        }

.divpostloginimage {
    border: 1px solid #d4d4d4;
    float: left;
    height: 400px;
    margin-left: 8px;
}

.divcount {
    /*display: table-cell;*/
    height: 210px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 370px;
}

/*SW 08082018> Style added for request graphs*/
.requestGrah {
    width: 100%; text-align: center; overflow-x: auto; height: 450px;
}

.logon-editor-label {
    /*font-family: arial !important; SW 02102017> Commented as per CC new requirement.*/
    text-align: left;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.logon-editor-text {
    padding-top: 10px;
    text-align: center;
}

#image_container {
    width: 400px;
    height: 90px;
}

.logontxtsize {
    float: right;
    background: url(../Images/topcurve.png) #fff no-repeat;
    padding: 1px;
    /*color: White !important;*/ /*commented V4 Wikoi PK */
    margin-top: 0px;
    margin-right: 0px;
    padding-bottom: 5px;
    position: relative;
    top: -7px;
    width: 162px; /*added V4 Wikoi PK */
    right: -1px; /*added V4 Wikoi PK */
}

    .logontxtsize span {
        margin-left: 20px;
    }

    .logontxtsize a {
        color: #000000 !important;
        text-decoration: none;
        /*font-weight: bold;*/ /*commented V4 wikoi PK*/
    }

        .logontxtsize a:hover {
            /*color: #000000 !important;Commmented wikoi color change PK*/
            color: #4F6228;
            text-decoration: underline;
        }

.logonspacer {
    /*background-color: #9f1f63; commented wikoi color change by PK */
    background-color: #9BBB59;
    height: 18px;
    width: 100%;
}

.logonbanner {
    background-color: #ffffff;
    height: 79px;
    padding-bottom: 8px;
    overflow: visible;
    padding-top: 5px;
}

.postlogincontentarea {
    vertical-align: top;
    border: 1px solid #D4D4D4;
    width: 80.39%; /* 81.45%; */
    float: right;
    /*margin-left: 0.4%;*/
    overflow: visible;
    padding: 10px 10px 0 10px;
    margin-top: 0px;
    background: #FFFFFF;
    /*font-family: arial; SW 02102017> Commented as per CC new requirement.*/
    /*display : block !important;*/
    display: inline-block;
}

    .postlogincontentarea a {
        color: #000000;
        /*font-family: arial; SW 02102017> Commented as per CC new requirement.*/
        padding: 10px;
        text-decoration: none !important;/*underline; SW 02132017> Changed as per CC requirement */
    }

    .postlogincontentarea a:hover {
    /*color: #590033;Commmented wikoi color change PK*/
    color: #4F6228;
    padding: 10px;
    /*font-family: arial; SW 02102017> Commented as per CC new requirement.*/
    text-decoration: underline !important; /*none; SW 02132017> Changed as per CC requirement */
}

/*Class Added wikoi color change PK*/
.contentareamain a {
    color: #000000;
    /*font-family: Arial; SW 02102017> Commented as per CC new requirement.*/ 
    padding: 10px;
    text-decoration: none !important;/*underline; SW 02132017> Changed as per CC requirement */
}
    /*Class Added wikoi color change PK*/
    .contentareamain a:hover {
        color: #4F6228;
        padding: 10px;
        /*font-family: arial; SW 02102017> Commented as per CC new requirement.*/
        text-decoration: underline !important; /*none; SW 02132017> Changed as per CC requirement */
    }

    .ButtonBar a {
    color: #000000 !important;
    padding: 10px;
    text-decoration: none !important;
}
    .ButtonBar a:hover {
        color: #4F6228 !important;
        padding: 10px;
        text-decoration: underline !important;
    }

.leftpane {
    vertical-align: top;
    /*float: left; */
    margin-top: 0px;
    width: 21%;
    padding: 0px;
    /* width: 162px; */
}

.rightpane {
    border: 1px solid #dbdbdb;
    width: 80.4%;
    background: #FFFFFF;
    padding: 0px 10px 10px 10px;
    float: right;
    vertical-align: top;
    /*margin-left: 0.4%;*/
    display: inline-block;
}

    .rightpane a {
        color: #000000;
        /*font-family: arial; SW 02102017> Commented as per CC new requirement.*/
        padding: 10px;
        text-decoration: none;
    }

        .rightpane a:hover {
            /*color: #590033;Commmented wikoi color change PK*/
            color: #4F6228;
            padding: 10px;
            /*font-family: arial; SW 02102017> Commented as per CC new requirement.*/
            text-decoration: underline !important;
        }

.contentareamain {
    border: 1px solid #dbdbdb;
    vertical-align: bottom;
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 0px 10px 10px 10px;
    margin-top: 0px;
    display: inline-block;
    width: 98.5%; /* 938px; //temp SW 11082013 */
    height: 100%;
}

.divforgotpwd {
    height: 200px;
    width: 400px;
    padding: 100px 0 50px 260px;
}

    .divforgotpwd a {
        color: #000000;
        padding: 5px;
        /*font-family: Arial; SW 02102017> Commented as per CC new requirement.*/
        text-decoration: underline;
    }

        .divforgotpwd a:hover {
            /*color: #590033;Commmented wikoi color change PK*/
            color: #4F6228;
            padding: 5px;
            /*font-family: Arial; SW 02102017> Commented as per CC new requirement.*/
            font-size: 12px;
            text-decoration: none;
        }

.divrow-editor-label {
    /*font-family: arial; SW 02102017> Commented as per CC new requirement.*/
    font-size: 12px;
    text-align: left;
    float: left;
    padding: 4px 4px 4px 0px;
    width: 30%;
    vertical-align: bottom;
    height: 100%;
    position: absolute;
    display: inline;
}

.divrow-label-campfee {
    display: table-cell;
    /*font-family: arial; SW 02102017> Commented as per CC new requirement.*/
    font-size: 12px;
    vertical-align: middle;
    width: 45%;
}

.divrow-label {
    display: table-cell;
    /*font-family: arial; SW 02102017> Commented as per CC new requirement.*/
    font-size: 12px;
    vertical-align: middle;
    width: 110px;
}

.divrow-link-label {
    display: table-cell;
    /*font-family: arial; SW 02102017> Commented as per CC new requirement.*/
    font-size: 12px;
    text-align: left;
    vertical-align: middle;
    width: 110px;
}

    .divrow-link-label a:hover {
        color: #4F6228;
        padding: 0px !important;
        /*font-family: Arial; SW 02102017> Commented as per CC new requirement.*/
        text-decoration: none;
    }

    .divrow-link-label a {
        color: #000000;
        /*font-family: Arial; SW 02102017> Commented as per CC new requirement.*/
        padding: 0px !important;
        text-decoration: underline;
    }


.divrowvalidation_campfee {
    float: right;
    text-align: left;
    position: relative;
    top: -6px;
}

.divrow-editor-field {
    /*font-family: arial; SW 02102017> Commented as per CC new requirement.*/
    text-align: left;
    float: right;
    /*margin-bottom : 4px;    */
}

.divrow-editor-fieldfl {
    /*font-family: arial; SW 02102017> Commented as per CC new requirement.*/
    text-align: left;
    float: left;
    /*margin-bottom : 4px;    */
}

.divrow {
    display: table;
    /* start - inherit the height of child div(child div should contain "height: 100%;position: absolute;")*/
    position: relative;
    width: 100%;
    /* end - inherit the height of child div*/
    margin-bottom: 4px;
    padding-bottom: 4px;
}

.divrowvalidation {
    float: right;
    text-align: right;
    position: relative;
    top: -6px;
}

.divagencyprofile {
    float: left;
    margin-right: 5px;
    width: 50%;
    overflow: hidden;
}

.divagencycontactprofile {
    float: left;
    margin-left: 5px;
    width: 45%;
}

.NewCamp {
    height: 423px !important;
}

.confirmationmsg {
    border: 1px solid black;
    height: 80px;
    vertical-align: bottom;
    padding: 80px 50px 10px 50px;
}

.divfieldset {
    padding: 20px 20px 20px 20px;
}


.logondivcorner {
    width: 313px;
    min-height: 366px;
    float: right;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -o-border-radius: 40px;
    -ms-border-radius: 40px;
    -khtml-border-radius: 40px;
    border-radius: 40px;
    background-color: #F8DADB;
    display: inline-block;
    height: 100%;
    position: relative;
}
/*MVC migration end */

.logondivinr a {
    color: #000000;
    padding: 5px;
    /*font-family: Arial; SW 02102017> Commented as per CC new requirement.*/
    font-size: 12px;
    text-decoration: underline;
}

    .logondivinr a:hover {
        /*color: #590033;Commmented wikoi color change PK*/
        color: #4F6228;
        padding: 5px;
        /*font-family: Arial; SW 02102017> Commented as per CC new requirement.*/
        font-size: 12px;
        text-decoration: none;
    }

.lbox {
    padding: 10px;
    background-color: #FFFFFF;
    border: 1px solid #d4d4d4;
    height: 346px;
}

.lboxLogon {
    padding: 10px;
    background-color: #FFFFFF;
    border: 1px solid #d4d4d4;
    height: 346px;
    /*font-family: Comic Sans MS; SW 02102017> Commented as per CC new requirement.*/
    font-size: large;
}

legend {
    font-weight: bold;
    padding-left: 6px;
    padding-right: 6px;
}

a.openopt {
    text-decoration: none;
    background: transparent url(../Images/droparrow.png) no-repeat right top;
    padding: 5px 40px 5px 10px;
    border: 1px solid #8b8b8b;
}

    a.openopt:hover {
        text-decoration: none;
        padding: 5px 40px 5px 10px;
    }

#divLinks {
    border: 1px solid #8b8b8b;
    padding: 5px 5px 5px 5px;
    width: 150px;
    margin: 0px;
}

#container {
    width: 120px;
    margin: 11px auto 0 auto;
    position: relative;
    top: -12px;
    left: 0px;
    height: 24px;
}

    #container a:link, #container a:visited {
        color: #000000;
        text-decoration: none;
    }

    #container a:hover {
        text-decoration: underline;
    }

    #container a img {
        border-width: 0;
    }

    #container #topnav {
        padding: 0px 0px 12px;
        font-size: 11px;
        line-height: 23px;
        text-align: right;
    }

        #container #topnav a.signin {
            background: #ffffff;
            border: 1px solid #8b8b8b;
            text-decoration: none;
            font-weight: bold;
            color: #000000;
            background: transparent url("../Images/droparrow.png") no-repeat right top;
            padding: 4px 16px 6px 6px;
        }

            #container #topnav a.signin:hover {
                background: #ffffff;
                background: transparent url("../Images/droparrow.png") no-repeat right top;
                padding: 4px 16px 6px 6px;
            }

            #container #topnav a.signin, #container #topnav a.signin:hover {
                *background-position: 0 3px !important;
            }

    #container a.signin {
        position: relative;
        margin-left: 3px;
    }

        #container a.signin span {
            padding: 4px 16px 6px 6px;
        }

    #container #topnav a.menu-open {
        background: #ffffff !important;
        color: #000000 !important;
        outline: none;
    }

    #container #small_signup {
        display: inline;
        float: none;
        line-height: 23px;
        margin: 25px 0 0;
        width: 170px;
    }

    #container a.signin.menu-open {
        padding: 4px 18px 6px 6px;
        color: #000000;
    }

#signin_menu {
    display: none;
    background-color: #FFFFFF;
    position: absolute;
    width: 150px;
    z-index: 100;
    border-left: 1px solid #8b8b8b;
    border-right: 1px solid #8b8b8b;
    border-bottom: 1px solid #8b8b8b;
    text-align: left;
    padding: 12px;
    top: 24.5px;
    right: 0px;
    margin-top: 0px;
    margin-right: 0px;
    *margin-right: -1px;
    color: #000000;
    font-size: 11px;
}

ul.ulbtns {
    list-style-type: none;
    margin: 0px;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

.ulbtns li {
    list-style-type: none;
    float: left;
    width: 150px;
}

/* SW 07042014> Commented as the background color and border colors are known only in the runtime. Link style will be set in the layout pages.  

Styles for button.
.links, .link
{
    border-style: none;
    border-color: inherit;
    border-width: 0;
    width: 100px;
    height: 24px;   
    margin: 0;
    background: transparent url(../Images/button.png) no-repeat center top;
    overflow: hidden;
    cursor: pointer; 
    cursor: hand; 
    font-family: Arial !important;
    font-size: 12px !important;
    color: #FFFFFF !important;
    font-weight: bold; 
    text-align:center; 
    padding-top:5px !important; 
    padding-bottom:0px !important;
    text-decoration:none !important;
}
.links:hover, .link:hover
{
    border-style: none;
    border-color: inherit;
    border-width: 0;
    width: 100px;
    height: 24px;   
    margin: 0;
    background: transparent url(../Images/button2.png) no-repeat center top;
    overflow: hidden;
    cursor: pointer; 
    cursor: hand; 
    font-family: Arial !important;
    font-size: 12px !important;
    color: #FFFFFF !important;
    font-weight: bold; 
    text-align:center; 
    padding-top:5px !important; 
    padding-bottom:0px !important;
    text-decoration:none;
}*/
.tcafleft {
    width: 450px;
    float: left !important;
}

.tcafright {
    width: 350px;
    float: right !important;
}

.tcafmain {
    width: 1000px;
}



.spacercolor {
    background-color: #ADC586;
}

/*Start CSS classes for banner display Wikoi UI Changes - Praveen*/
/*Button Style*/
.bannerbutton {
    float: left;
    height: auto;
    font: 76%/150% "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
    /*width:10em;*/
    text-align: center;
    white-space: nowrap;
}
/*Button Arrow Styles*/
.arrows {
    /*margin:0.2em;*/
    color: #A3A3A3;
    font-size: 165%;
    font-weight: bolder;
}
/*Button link styles*/
.bannerbutton a:link, .bannerbutton a:visited {
    color: #eee;
    /*background-color:#1e5184;*/
    font-size: 1em;
    font-weight: bolder;
    text-decoration: none;
    /*border-bottom:0.1em solid #555;
    border-right:0.1em solid #555;*/
    border-bottom: 0.1em solid #ccc;
    border-right: 0.1em solid #ccc;
    border-top: 0.1em solid #ccc;
    border-left: 0.1em solid #ccc;
    margin: 0.2em;
    padding: 0.2em;
    display: block;
    border-radius: 4px 4px 4px 4px;
}

.bannerbutton a:hover {
    background-color: #CCCCCC;
    color: #CCCCCC;
    border-top: 0.1em solid #777;
    border-left: 0.1em solid #777;
    border-bottom: 0.1em solid #aaa;
    border-right: 0.1em solid #aaa;
    padding: 0.2em;
    margin: 0.2em;
    border-radius: 4px 4px 4px 4px;
}

/*hide the disable tabs in CAF*/
.ui-tabs .ui-state-disabled {
    display: none; /* disabled tabs don't show up */
}

.ui-tabs-disabled {
    display: none; /* disabled tabs don't show up */
}

/* wikoi New Home Page */
.hometopimg {
    background-image: url(../Images/RTI-Website_05.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 961px 48px;
}

.homebottomleftimg {
    /*background-image: url(../Images/RTI-Website_12.png);*/
    background: transparent url(../Images/RTI-bottomleft.png) no-repeat left top;
    background-size: 320px 182px;
}

.homebottomrightimg {
    /*background-image: url(../Images/RTI-Website_10.png);*/
    background: transparent url(../Images/RTI-bottomright.png) no-repeat left top;
    background-size: 320px 182px;
}

.homebottommiddleimg {
    /*background-image: url(../Images/RTI-Website_13.png);*/
    background: transparent url(../Images/RTI-bottommiddle.png) no-repeat left top;
    background-size: 320px 183px;
}

.homeimg {
    background-image: url(../Images/RTI-Homebtn.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 76px 28.1px;
}

.aboutusimg {
    background-image: url(../Images/RTI-AboutUsbtn.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 76px 28.1px;
}

.contactusimg {
    background-image: url(../Images/RTI-ContactUsbtn.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 76px 28.1px;
}

/* SW 07302018> class name changed from "pager" to "pagerPadding" as "Pager" control was accessed with class name and set as "pager". But now it is set dynamically. 
    .pager {*/
.pagerPadding {
    padding: 10px 0px 20px 0px;
}

#loginBox a {
    color: #000000;
    padding: 5px;
    /*font-family: Arial; SW 02102017> Commented as per CC new requirement.*/
    font-size: 12px;
    text-decoration: underline;
}

    #loginBox a:hover {
        color: #4F6228;
        padding: 5px;
        /*font-family: Arial; SW 02102017> Commented as per CC new requirement.*/
        font-size: 12px;
    }

.agencytbl {
    width: 100%;
    border: 0;
    padding: 0;
    border-collapse: collapse;
}

    .agencytbl tr th {
        background-color: #f4f4f4;
        border: 1px solid #dbdbdb;
        padding: 6px;
        text-align: left;
    }

    .agencytbl tr td {
        border: 1px solid #dbdbdb;
    }

    .agencytbl a {
        padding: 0px !important;
    }

/*End*/
/*Hide the webgrid column*/
/*#grid tr *:nth-child(n + 4) {
    display: none;
}*/


.bannertext {
    width: 960px;
    height: 290px;
    background: transparent url(../Images/RTIHomeSlide1_NoWords.png) no-repeat center top;
    overflow: hidden;
    color: #FFFFFF;
}


#loading-div-background {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 101;
    width: 100%;
    height: 100%;
}

#loading-div {
    width: 300px;
    height: 200px;
    background-color: #fff;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -100px;
}

.successmsg {
    padding: 5px;
    color: #9BBB58;
}

/* SW 11052014> Style added for CAFList grid */
.caflistGrid {
    width: 100%;
    border: 0;
    padding: 0;
    border-collapse: collapse;
}

    .caflistGrid tr th {
        background-color: #f4f4f4;
        border: 1px solid #dbdbdb;
        padding: 6px;
        text-align: left;
    }

    .caflistGrid tr /* td //SW 11052014>Commented as we do not want border for column  */ {
        border: 2px solid #dbdbdb;
        padding: 4px 6px 4px 6px;
    }

    .caflistGrid a {
        padding: 0px !important;
        /*font-family: Arial; SW 02102017> Commented as per CC new requirement.*/
        font-size: 13px !important; /* SW 03162016> 15px !important;*/
        /*font-weight: bold; SW 02132017> Commented and changed as below line as per CC reqirement*/
        font-family: LatoWebBold !important;
    }   

.textLarge {
    /*font-family: Arial Baltic;
    font-size: 18px !important;*/
    /*font-family: "SegoeUI-Light-final", "Segoe Condensed", Arial; SW 02102017> Commented as per CC new requirement.*/
    /*font-size: 9pt !important;   SW 09282017> Commented as we want to get the font size defined by the font family iteself*/
    /*font-weight: bold; SW 02132017> Commented and changed as below line as per CC reqirement*/
    /*font-family: LatoWebBold !important;*/ 
}

.textSmall {
    /*font-family: Arial;*/
    /*font-family: "SegoeUI-Light-final", "Segoe UI", Arial; SW 02102017> Commented as per CC new requirement.*/
    font-size: 12px !important;/*SW 09282017> */  /*small !important;*/
    /*font-weight:  bold; SW 03162016> commented as per new requirement of CC*/
    font-weight: normal !important;
    color: gray;
}

.textSmallNumber {
    font-size: 12px !important;
    color: gray;
}

/*SW 02092017> Added for setting the font colour in status colun in caflist views*/
.textSmallBlack {
    /*font-family: "SegoeUI-Light-final", "Segoe UI", Arial; SW 02102017> Commented as per CC new requirement.*/
    /* SW 10252018> Font size changed from "small" to "12px". 
    font-size: small !important;*/
    font-size: 12px !important;
    color: black;
}

/* end of Style added for custom grid look */

.weekViewCountsTextLarge {
    /*font-family: Arial Baltic; SW 02102017> Commented as per CC new requirement.*/
    font-size: 18px !important;
    border: 2px solid #a1a1a1;
    border-radius: 5px;
    padding: 0px 10px 0px 10px;
}

.monthViewCountstextLarge {
    /*font-family: Arial Baltic; SW 02102017> Commented as per CC new requirement.*/
    font-size: 18px !important;
    border: 2px solid #a1a1a1;
    border-radius: 5px;
}

.fsBorder {
    border: 1px solid #d4d4d4;
}

.fsNoBorder {
    border: 0px solid #d4d4d4;
}


.divTable {
    display: table;
    /*border: 1px solid #dbdbdb; SW 01042016> commented as we wanted to show border only for bottom*/
    border-bottom: 1px solid #dbdbdb;
    border-collapse: collapse;
    width: 100%;
}

.divTableNoBorder {
    display: table;
    border-collapse: collapse;
    width: 100%;
}

.divRow {
    display: table-row;
    width: 100%;
}

.divHeaderTable {
    display: table;
    border-bottom: 1px solid #dbdbdb;
    border-collapse: collapse;
    width: 100%;
    background-color:lightgray;
}
.divHeaderRow {
    display: table-row;
    width: 100%;
    
    height: 50px;
    border-collapse: collapse;
}
.divHeaderLeftCell {
    display: table-cell;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
    width: 100%;
    vertical-align:middle;
    text-align: left;
    padding-left: 10px;
}

.divHeaderRightCell {
    display: table-cell;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    width: 100%;
    vertical-align:middle;
    text-align: right;
    padding-right: 10px;
}

.divCellFullBorder {
    display: table-cell;
    border: 1px solid #dbdbdb;
    padding: 5px 5px 5px 10px;
    width: 100%;
}

.divLeftCell {
    display: table-cell;
    width: 97%;
}
.divRightCell {
    display: table-cell;
    width: 3%;
}
.divCell {
    display: table-cell;
    /*border: 1px solid #dbdbdb; */
    border-bottom: 1px solid #dbdbdb;
    padding: 5px 5px 5px 10px;
    width: 100%;
}

/*SW 02102017> Commented and added the below class for Sevice list category.
        .largeBoldText {color: #1f497d !important;font-family: "Calibri" , "sans-serif" !important;font-size: 16pt !important;font-weight: bold;}*/
.serviceListCategory
    {
        color: #1f497d !important;
        /* SW 10222018> Commented current font style and set "LatoWebBold" so that it will be same as the other elements. 
        font-size: 13pt !important;
        font-weight: bold;*/
        font-family:LatoWebBold;
        font-size: 12pt;        
        background: #EFEFEF;
    }

.serviceListCategoryItem 
    {
        text-decoration:none !important; 
        color:#1f497d !important; 
        /* SW 10222018> Commented current font style and set "LatoWebBold" so that it will be same as the other elements. 
        font-weight:bold; 
        font-size:13pt !important;*/
        font-family:LatoWebBold;
        font-size: 12pt !important; 
        padding: 0px !important;
    }

.caflistSearchButton {
    z-index: 99;
    position: absolute;
    margin-left: 10px;
    top: 15px;
}

.importVAGMF {
    z-index: 99;
    position: absolute;
    margin-left: 10px;
    top: 15px;
    right: 250px;
}

.undoImportVAGMF {
    z-index: 99;
    position: absolute;
    margin-left: 10px;
    top: 15px;
    right: 127px;
}

.exportVAGMF {
    z-index: 99;
    position: absolute;
    margin-left: 10px;
    top: 15px;
    right: 15px;
}

.caflistExportButton {
    z-index: 99;  /*YS 04112018 > changed 101 to 99*/  
    position: absolute;
    margin-left: 10px;
    right: 15px;
    top: 15px;
}

/*.cafReferenceBox {
    float: right;
    padding: 5px;
    border: 1px solid gray;
    width: 186px;
    height: 87px;
    font-size: 25pt;
    font-weight: bold;
    text-align: center;
    margin-right: 10px;
}

.cafRefNumber {
    vertical-align: middle !important;
    align-content: center;
    height: 100%;
    position: relative;
    top: 25px;
}*/

/*SW 02132017> Quick service request styles */
.qsrdivrow {
    display: table;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    position: relative;
    width: 100%;
}

.qsrdivrow-label {
    display: table-cell;
    /*font-family: arial; SW 02102017> Commented as per CC new requirement.*/
    font-size: 1.2em !important;
    vertical-align: middle;
    width: 150px !important;
    color: black;
}

.qsrButtondivrow {
    text-align: center; padding: 10px 0px 20px 0px;
}

.qsrdisplay-field, .qsreditor-field {
    display: table-cell;
    /*font-family: arial;  SW 02102017> Commented as per CC new requirement.*/
    text-align: left;
    vertical-align: middle;
    padding-top: 10px;
}

.qsrTabLink {
    padding: 8px 8px 8px 8px;
    font-size: 10pt;
}

.qsrTabContent {
    width: 99%;
    height: 100%;
    padding: 1% !important;
    border: 0px;
}

.qsrBigTextBox {
    width: 265px !important;
}

.qsrBigTextBoxWithMargin {
    margin-left: 8px !important;
    width: 265px !important;
}

.qsrMiddleName {
    width: 10px !important;
    margin: 0px 5px 0px 5px !important;
}

.qsrLastName {
    width: 235px !important;
}

.qsrCity {
    margin-left: 5px !important;
    width: 100px !important;
}

.qsrState {
    margin-left: 5px !important;
    width: 60px !important;
}

.qsrZip {
    margin-left: 5px !important;
    width: 65px !important;
}

.qsrDDL { /*SW02132017> DDL -- DropDownList*/
    width:277px !important;
}

.qsrDesc {
    min-width: 100% !important; max-width:100% !important;height : 90px !important;
}

/*SW 02132017> Logon styles*/
.fogotPWDLink {
    /*LN 03072020> Changed the color style from important to normal to overright this style on hover to this link.*/
    /*color: black !important;*/
    color: black;
    font-family: LatoWebBold !important;
    text-decoration: none;
}

/*DS 02132017> Logon styles*/
.fogotPWDLink {
    /*LN 03072020> Changed the color style from important to normal to overright this style on hover to this link.*/
    /*color: black !important;*/
    color: black;
    font-family: LatoWebBold !important;
    text-decoration: none;
}
.forgotpwdlabel {
    padding: 20px 10px 10px 10px;
}
.forgotpwdtext {
     text-align: left;
     padding: 0px 10px 10px 10px;
}
.forgotpwdEmailtext{
    width:360px !important;
}
.forgotpwdBtn {
    padding: 0px 10px 10px 10px !important;
}
/*Register User*/
.rulabel {
     width: 100% !important;
     float: left !important; 
     display: inline-table !important; 
     position: relative !important;
}
.rulabelfloat{
    float:left !important;
}
.ruBack {
    float: right !important;
    text-align: right !important;
}
.ruFieldset1{
    margin: 5px !important;
    padding: 10px !important;
    float: left !important;
    width: 47% !important;
}
.ruTextbox{
    width:250px !important;
}
.ruTextbox2{
    width:290px !important;
}
.ruAdressBigtxt{
     width:296px !important;
}
.ruFieldset2{
    margin: 5px !important;
    padding: 10px ;
    width: 46% !important;
    float: left !important;
}
.ruAddress{
    width:250px !important;
    height:20px !important;
}
.ruBack{
    float: right !important;
    text-align: right !important;
}
.ruPanelContent{
    margin: 5px !important;
    padding: 10px !important;
    width: 47% !important;
    float: left !important;
    border: none;
}
/*Register New Council*/
.rgNewCouncil{
    width: 100% !important;
    float: left !important;
    display: inline-table !important;
    position: relative !important;
}
.fsval{
    margin: 5px !important;
    padding: 10px !important;
    width: 47% !important;
    float : left !important;
    border : none  !important;
}
.h3{
    float: left;
}
.ruAdress{
    margin: 5px !important;
    padding: 10px !important;
    width: 46% !important;
    border : none !important;
    float : left !important;
}
.rudivAdress{
    float: left !important;
}
.ruAdressValid{
    float: right !important;
    text-align: right !important;
    position: relative !important;
    top: -4px !important;
}

.gcafTab{
    margin: 5px !important;
    padding: 10px !important;
    width: 47% !important;
    float: left !important;
    border: none !important;
    padding: 8px 3px 8px 3px !important;
     font-size: 10pt !important;
}
.gcafdisplay{
    display: inline-block !important;
    width: 100% !important;
    background-color: #e5e5e5 !important;
}
.gcafdisplay1{
    float: left !important;
    vertical-align: middle !important;
    width: 45% !important;
    height: 24px !important;
    text-align: left !important;
    padding: 6px 8px 0px 8px !important;
}
.gcafdispaly2{
    float: left !important;
}
.gcafCreatedOn{
    float: left !important;
    padding-left: 5px !important;
}
.gcafStatusAgency{
    float: right !important;
    vertical-align: middle !important;
    width: 45% !important;
    height: 24px !important;
    text-align: right !important;
    padding: 6px 8px 0px 8px !important;
}
.gcafTab1{
    border: 0px;
}
.gcafApfiedset{
    width: 95%
}
.gcafdivrow{
    display: table;
    position: relative;
    width: 100%;
    margin-bottom: 4px;
    padding-bottom: 4px;
    display: inline-table;
    width: 100% !important;
}
.gcafFName{
    width:110px !important;
}
.gcafMiddleName{
    width:10px !important;
    margin: 0px 1px 0px 1px;
}
.gcafParentMName{
    width:10px !important;
}
.gcafParentTxt{
    width:265px !important;
}
.gcafTextbox{
    width:265px !important;
}
.gcafParent{
    width: 95% !important;
}
.gcafParentName{
    padding: 10px 0px 0px 10px
}
.gcafServiceContainter{
    border: 0px !important;
    width: 95% !important;
}
.gcafSerContStyle{
    z-index: 99999!important;
    padding: 10px 10px 10px 0px;
    margin-bottom: 10px;
}
.gcafMargin{
    margin-bottom: 10px;
}
.gcafTable{
    width: 100% !important;
}
.gcafProvider{
    width: 100% !important;
    text-align:right;
}
.gcafFinfProvider{
    text-align: left;
}
.gcafFurther{
    width: 320px !important; 
    font-size:10pt
}
.gcafMiles{
    text-align: right
}
.gcafdisplay{
    display: none;
}
.gcaftxtmiles{
    width: 30px !important;
    font-size:10pt;
}
.gcafForSelSer{
    z-index: 99999 !important;
    margin-bottom: 10px;
}
.gcafFindProvider{
    width: 100% !important;
    text-align:right
}
.gcafTxtSearchProvider{
    width: 320px !important;
    font-size:10pt
}
.gcafFindProviderLabel{
    float: right;
    width:120px !important;
}
.gcafTblHead{
    height: 100% !important;
    width: 100% !important;
}
.gcaftblhaeder{
    padding-top: 4px;
    border-left: gray 1px solid;
    border-right: gray 1px solid;
    border-bottom: gray 1px solid;
    border-top: gray 1px solid;
}
.gcafHeadWidth{
    width: 100% !important;
    color: black;
    font-family: LatoWebBold;
}
.gcafHeadWidth1{
    width: 5% !important;
}
.gcafHeadWidth2{
    width: 75% !important;
}
.gcafHeadWidth3{
    width: 10% !important;
}
.gcaftblresults{
    height: 100%;
    width: 100% !important;
}
.gcafTblResultsStyle{
    padding-top: 4px;
    border-left: gray 1px solid;
    border-right: gray 1px solid;
    border-bottom: gray 1px solid; 
    border-top: gray 1px solid; 
    height: 100%; 
    width: 100% !important;
}
.gcafTblResults1{
    overflow: auto;
    width: 100% !important;
}
.gcafTblResults2{
    height: 100%;
    width: 100% !important;
    color:Black;
    font-family: LatoWebBold;
}
.gcafAttach{
    border: 0px !important;
}
.gcafAttachFieldset{
     padding-left: 5px;
     padding-right: 5px;
     
 }
.gcafAtt{
    background-color: White;
    clear: both;
    width: 100% !important;
    height: 100%;
    overflow: auto;
    border: 0px;
    display: inline-block;
}
.gcafImageHead{
    color: gray;
    font-weight: normal;
}
.gcafImgSrc{
    padding-top: 80px
}
.gcafTab1{
    height: 100%;
    border-bottom: 1px solid #d4d4d4 !important;
    border-left: 1px solid #d4d4d4 !important;
    border-right: 1px solid #d4d4d4 !important;
    background-color: White;
    width: 100%;
    clear: both; 
    height: 90%; 
    display: inline-block;
}
.gcafTab2{
    width: 100%;
    height: 100%;
    padding: 0px !important
}
.gcafPdfContainer{
    z-index: 1 !important;
    position: relative; 
    width: 100% !important;
    height: 100%;
     border: 1px;
}
.gcafHeaders{
    background-color: White; 
    clear: both; 
    width: 100%; 
    height: 100%;
    overflow: auto; 
    border: 0px; 
    display: inline-block;
}
.gcafMapHyperrLink{
    padding: 8px 3px 8px 3px;
    font-size: 10pt;
}
.gcafMapTab{
    padding: 0px !important
}
.gcafMapsTabStyle{
    width: 99%; 
    height: 100%;
}
.gcafShowRange{
    position:absolute;
    z-index:999;
    top:5px;
    left:5px;
    cursor: pointer;
    background-color: white; 
    border: 1px solid black;
    padding: 2px 5px 2px 5px; 
    font: bold 13px arial;
    display:none
}
/*DS 02132017> Dashboard styles*/
.dashboardTable {
    width: 100% !important;
}
.dashboardTableTR {
    width: 100% !important;
    vertical-align: top;
}
/*DS 02152017 Agencies styles*/
.AgenciesButtonbar{
    padding: 0px 0px 15px 0px !important;
}
.AgenciesNoOFRecordsLabel{
    display: table; 
    width: 100% !important;
}
.AgenciesNoOfRecordsDisplay{
    display: table-row; 
    width: 100% !important;
}
.AgenciesDisplayTblCell{
    display: table-cell; 
    width: 50% !important;
    padding: 5px 0px 5px 0px;
}
.AgencicesNoOfRows{
    width:50px !important;
}
.AgencyNoOfRecordsLabel1{
    display: table-cell; 
    text-align:right; 
    width: 50% !important;
    padding: 5px 0px 5px 0px;
}
.AgencyIdProfiles{
    padding: 0px 20px 0px 0px;
}
.AgenciesTitle{
    padding: 20px 20px 0px 0px;
}

/*SW 02132017> Dashboard styles*/
.dashboardBoxText{
width: 11%; max-width: 100px; font-size: 10pt; font-family: LatoWebBold !important; z-index:10; position:relative; top:10px;
}

.dashboardBoxNumber
{
    width: 9%; max-width: 100px; font-size: 22pt; font-family: LatoWebBold !important; z-index:10; position:relative; top:8px;
}

.dashboardBox
{
    width: 9%; max-width:100px; 
    height: 75px; /*79px;*/
    display: none; 
    margin-left:1%; border: 2px solid #a1a1a1; display:inline-block; 
    /*vertical-align:middle;*/
    border-radius: 5px;color:#525252;
}

.tabHeader {
    padding: 0.5em !important;
    font-size: 10pt;
}

.tabHeaderImage {
    padding: 0.5em !important;
    height: 17px;
    width: 15px;
    font-size: 10pt;
}

/*SW 07112018> Class for setting dialog helper anchor tag  */
.dialogLink {
    color:#000000 !important;
}

/*SW 01312019> Styles for left align one element and center another element in div*/
.elemets-bar {
    text-align: center;
    position: relative;
}

.elemets-bar .email-options {
    position: absolute;
    left: 0;
}
/* Some default button styles */
.timeout-dialog button {font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;}
.timeout-dialog button {line-height: normal; *overflow: visible;}
.timeout-dialog button {cursor: pointer; -webkit-appearance: button;}

.timeout-dialog button {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #cccccc;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 1px 1px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  color: #333333;
  display: inline-block;
  font-size: 14px;
  line-height: normal;
  padding: 5px 10px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  height:45px !important;
  width: 100px !important;
}

.timeout-dialog .ui-widget-header {
    border: none !important;
    background: none !important;
    color: #000000;
    font-weight: bold;
}

.timeout-dialog .button:hover, button:hover {
  text-decoration: none;
  background-position: 0 -15px;
}

.timeout-dialog. button:focus, button:focus {
  -webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0px 2px rgba(0, 0, 0, 0.4);
  outline: none;
}

/* Timeout Dialog Styles */
.timeout-dialog {
  padding: 15px;
  position: absolute;
  background: #eeeeee url("../Images/timeout-icon.png") no-repeat 15px 25px;
  border: 1px solid #ffffff;
  -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  z-index:1100; /*SW 01202017> Added this line as when other dialogs are shows this is going behind that*/
}
.timeout-dialog .ui-dialog-title {
  font-size: 16px;
  font-weight: bold;
  display: block;
  padding: 0 0 15px 0;
  margin-left: 80px;
}
.timeout-dialog .ui-dialog-titlebar-close {
  display: none;
}
.timeout-dialog .ui-dialog-buttonpane {
  margin-top: 15px;
  background:none;
}
.timeout-dialog  ~ .ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  filter: alpha(opacity=40);
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  z-index:1100; /*SW 01202017> Added this line as when other dialogs are shows this is going behind that*/
}
.timeout-dialog p {
  margin: 0 0 5px 80px;
}
#timeout-keep-signin-btn {
  color: #FFF;
  background-color: #0f5895;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#377bb2), to(#0f5895));
  background-image: -moz-linear-gradient(top, #377bb2, #0f5895);
  background-image: -ms-linear-gradient(top, #377bb2, #0f5895);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #377bb2), color-stop(100%, #0f5895));
  background-image: -webkit-linear-gradient(top, #377bb2, #0f5895);
  background-image: -o-linear-gradient(top, #377bb2, #0f5895);
  background-image: linear-gradient(top, #377bb2, #0f5895);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#377bb2', endColorstr='#0f5895', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #ffffff;
  text-shadow: none;
  margin: 5px 10px 5px 0;
}
#timeout-sign-out-button {
  color: #FFF;
  background-color: #e6e6e6;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #000000;
  text-shadow: none;
  margin: 5px 0;
}
#timeout-countdown {
  font-weight: bold;
}
.normalText
{
    font-size:11.0pt;
    /* SW 02242017> Commented as we want to apply the Latoweb
    font-family:"Calibri","sans-serif"; */
    color:#1F497D;    
}

.normalBoldText
{
    font-size:12.0pt;
    /* SW 02242017> Commented as we want to apply the Latoweb
    font-family:"Calibri","sans-serif"; 
    font-weight:bold; */
    font-family: LatoWebBold;
    color:#1F497D;   
    
}
.mediumBoldText
{
    font-size:16.0pt;
    /* SW 02242017> Commented as we want to apply the Latoweb
    font-family:"Calibri","sans-serif"; 
    font-weight:bold; */
    font-family: LatoWebBold;
    color:#1F497D;   
     
}
.successmsg {
    color: #9bbb58;
    padding: 5px;
    font-size:14.0pt;
    /* SW 02242017> Commented as we want to apply the Latoweb
    font-family:"Calibri","sans-serif"; */
}
.titleSize
{
    font-size:13.0pt;
    /* SW 02242017> Commented as we want to apply the Latoweb
    font-weight:bold;*/
    font-family: LatoWebBold;
    color: #1f497d;
}
/*-------LOGIN STARTS HERE -------*/

/* Login Container (default to float:right) */
#loginContainer {
    position: relative;
    float: right;
    font-size: 12px;
}

/* Login Button */
#loginButton {
    display: inline-block;
    float: right;
    /*background:F8DADB url(../images/buttonbg.png) repeat-x;*/
    /*border:1px solid #899caa;/* commented praveen V4 */
    border-radius: 3px;
    -moz-border-radius: 3px;
    position: relative;
    z-index: 30;
    cursor: pointer;
}

    /* Login Button Text */
    #loginButton span {
        color: #447817;
        /*font-size:14px;
    font-weight : bold;*/
        /*text-shadow:1px 1px #fff; ?*commented V4 praveen  */
        padding: 2px 0px 7px 0px; /*7px 29px 9px 10px; changed V4 praveen*/
        background: url(../images/loginArrow.png) no-repeat 108px 1px; /*changed 53px 7px to 148px 1px praveen*/
        display: block; /*changed block to none praveen V4*/
        width: 138px; /*added V4 praveen*/
    }

    #loginButton:hover {
        /* background:url(../images/buttonbgHover.png) repeat-x; */
    }

/* Login Box */
#loginBox {
    position: absolute;
    top: -111px; /*-237px;/*-74px;*/
    left: 94%;
    z-index: 29;
    margin-right: -136px; /* 152px*/
    display: none;
}

/* SW> 02282015> Commented as it is moved to the "UserRegisterMasterPage.cshtml"
#loginForm #closepopup {
    background-color: #84A042 !important;
    border-radius: 50px 50px 50px 50px;
    color: #FFFFFF !important;
    float: right;
    font-size: 15px;
    padding: 0 6px 2px;
    text-decoration: none;
}*/

/* If the Login Button has been clicked */
/* SW> 02282015> Commented as it is moved to the "UserRegisterMasterPage.cshtml"  
#loginButton.active {
    border-radius:4px 4px 0 0;
    display:inline-block;
    float:right;
    background-color : #84A042;
    border:1px solid #899caa;
    -moz-border-radius:3px;
    position:relative;
    z-index:30;
    cursor:pointer;
    margin-right: 7px;
    margin-top : -5px;
    padding-top : 8px;
    border-bottom-width : 0;
}
*/
#loginButton.active span {
    background-position: 53px -76px;
    /*added V4 praveen */
    color: #445058;
    /*font-size:14px; 
    font-weight:bold; commented V4 praveen */
    text-shadow: 1px 1px #fff;
    padding: 1px 0px 7px 0px; /*7px 29px 9px 10px; changed V4 praveen*/
    background: url(../images/loginArrow.png) no-repeat 108px 1px; /*changed 53px 7px to 148px 1px praveen*/
    display: block; /*changed block to none praveen V4*/
    width: 130px; /*added V4 praveen*/
}

/* A Line added to overlap the border */
#loginButton.active em {
    position: absolute;
    width: 100%;
    height: 1px;
    background: F8DADB;
    bottom: -1px;
}

/* Login Form */
/* SW> 02282015> Commented as it is moved to the "UserRegisterMasterPage.cshtml"  
#loginForm {
    width:248px; 
    border:1px solid #899caa;
    border-radius:4px 0 4px 4px;
    -moz-border-radius: 4px 0 4px 4px;
    margin-top: 8px;
    background:#84A042;
    padding:6px;
}
*/
#loginForm fieldset {
    margin: 0 0 12px 0;
    display: block;
    border: 0;
    padding: 0;
}

/* SW> 02282015> Commented as it is moved to the "UserRegisterMasterPage.cshtml"  
fieldset#body {
    background:#BDD97B;
    border-radius:3px;
    -moz-border-radius:3px;
    padding:10px 13px;
    margin:0;
}
*/

#loginForm #checkbox {
    width: auto;
    margin: 1px 9px 0 0;
    float: left;
    padding: 0;
    border: 0;
    margin: -3px 9px 0 0; /* IE7 Fix */
}

#body label {
    color: #3a454d;
    margin: 9px 0 0 0;
    display: block;
    float: left;
}

#loginForm #body fieldset label {
    display: block;
    float: left;
    margin: 0 0 6px 0;
}

/* Default Input */
#loginForm input[type="password"], #loginForm input[type="text"] {
    width: 92%;
    border: 1px solid #899caa;
    border-radius: 3px;
    -moz-border-radius: 3px;
    color: #3a454d;
    /*SW 11022018> Commented as it is looking odd
    font-weight: bold;*/
    padding: 8px 8px;
    box-shadow: inset 0px 1px 3px #bbb;
    -webkit-box-shadow: inset 0px 1px 3px #bbb;
    -moz-box-shadow: inset 0px 1px 3px #bbb;
    font-size: 12px;
}

/* Sign In Button */
#loginForm #login {
    width: auto;
    float: left;
    background: #339cdf url(../images/loginbuttonbg.png) repeat-x;
    color: #fff;
    padding: 7px 10px 8px 10px;
    text-shadow: 0px -1px #278db8;
    border: 1px solid #339cdf;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0 12px 0 0;
    cursor: pointer;
    *padding: 7px 2px 8px 2px; /* IE7 Fix */
}

/* Forgot your password */
#loginForm span {
    text-align: center;
    display: block;
    padding: 7px 0 4px 0;
}

    #loginForm span a {
        color: #3a454d;
        text-shadow: 1px 1px #fff;
        font-size: 12px;
    }

input:focus {
    outline: none;
}


.logintextBox {
    width: 92%;
    border: 1px solid #899caa;
    border-radius: 3px;
    -moz-border-radius: 3px;
    color: #3a454d;
    font-weight: bold;
    padding: 8px 8px;
    box-shadow: inset 0px 1px 3px #bbb;
    -webkit-box-shadow: inset 0px 1px 3px #bbb;
    -moz-box-shadow: inset 0px 1px 3px #bbb;
    font-size: 12px;
}


.logonbottomtext {
    padding: 30px;
    color: #979797;
    font-size: 14px;
    height: 120px;
}

.loginbottomheader {
    color: #DE6300;
    font-size: 20px;
}

.btnsignup {
    background: transparent url(../images/btn_square.png) no-repeat !important;
    height: 49px !important;
    margin: -2px 0 0 23px !important;
    width: 160px !important;
    font-weight: bold;
}

button, input[type="button"], input[type="submit"] {
    width: 100px;
    height: 26px;
    border: 1.5px solid #525252; /* @flavorFields.Flavor_Dark_Color; SW 02102017> Changed  as per CC new requirement. */
    font-size: 9pt !important;
    font-weight: 200 !important;
    background-color: transparent;
    -moz-border-radius: 5px; /*10px; SW 02132017> Commented as per CC requirement.*/
    -webkit-border-radius: 5px; /*10px; SW 02132017> Commented as per CC requirement.*/
    border-radius: 5px; /*10px; SW 02132017> Commented as per CC requirement.*/
    cursor: pointer;
    background-color: white;
}

    /*button:hover, input[type="button"]:hover, input[type="submit"]:hover {
        background-color: @flavorFields.Flavor_Light_Color;
        color: white;
    }*/

    button:active, input[type="button"]:active, input[type="submit"]:active {
        background-color: #f3f3f3;
    }