/* Minification failed. Returning unminified contents.
(566,1): run-time error CSS1019: Unexpected token, found '@import'
(566,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap')'
(1898,1): run-time error CSS1019: Unexpected token, found '@import'
(1898,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap')'
 */
/*!
 * jQuery UI CSS Framework 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,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; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*!
 * jQuery UI CSS Framework 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=06_inset_hard.png&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=02_glass.png&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #a6c9e2; background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #73B84A; background: #D0D0D0 url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; color: #E4E4E4; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #E4E4E4; background: #EFEFEF  url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; font-weight: bold; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2e6e9e; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #79b7e7; background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1d5987; }
.ui-state-hover a, .ui-state-hover a:hover { color: #1d5987; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #79b7e7; background: #f5f8f9 url(images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #e17009; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #e17009; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fad42e; background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_469bdd_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_469bdd_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_d8e7f3_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_6da8d5_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_217bc0_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_f9bd01_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { 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 is deprecated, use ui-icon-seek-start instead */
.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; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*!
 * jQuery UI Resizable 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*!
 * jQuery UI Selectable 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*!
 * jQuery UI Accordion 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
/*!
 * jQuery UI Autocomplete 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.21
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}
/*!
 * jQuery UI Button 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*!
 * jQuery UI Dialog 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*!
 * jQuery UI Slider 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-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; }/*!
 * jQuery UI Tabs 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.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: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*!
 * jQuery UI Datepicker 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.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-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.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 { border-left-width:0; }
.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:0em; }

/* RTL support */
.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 { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/*!
 * jQuery UI Progressbar 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
/*--------------------------------------------------------------------------------------------------
	global styles and wrapper
--------------------------------------------------------------------------------------------------*/
a {
    text-decoration: none;
    color: #74b74a;
}

    a:hover {
        color: #74b74a;
        text-decoration: underline;
    }

html, body {
    height: 100%;
    width: 100%;
}

.bodydev {
    /*background: url("../Image/backgrounddev.png") repeat-x scroll center -33px #fff;*/
}
.bodybeta {
    /*vertical-align: top;*/
    /*background: url("../Image/backgroundbeta.png") repeat-x scroll center -33px #fff;*/
}
.bodyProd {
    /*vertical-align: top;*/
    /*background: url("../Image/background.png") repeat-x scroll center -33px #fff;*/
}
body {
    /*vertical-align: top;*/
     /*background: url("../Image/background.png") repeat-x scroll center -33px #fff;*/
}
h1, h2, h3, h4, h5, h6, p, ol, div, img, body, ul, li {
    padding: 0;
    margin: 0 0 0 0px;
}

img {
    overflow: hidden;
    border: none;
}

ol, ul {
    list-style: none;
}

p {
    /*font: normal 12px Arial, Helvetica, sans-serif;*/
    line-height: 14px;
    color: #404041;
    padding: 0 0 10px 0;
}

h1 {
    font: 600 20px 'Poppins', sans-serif;
    
    line-height: 22px;
    color: #404041;
    padding: 0 0 10px 0;
    text-transform: uppercase;
}

.h1_alt {
    font: 600 20px 'Poppins', sans-serif;
    line-height: 22px;
    color: #404041;
    padding: 0 0 10px 0;
    text-transform: uppercase;
}

h2 {
    font: 600 16px 'Poppins', sans-serif;
    line-height: 17px;
    color: #404041;
    padding: 0 0 8px 0;
}

.h2_alt {
    font: 600 16px 'Poppins', sans-serif;
    line-height: 17px;
    color: #404041;
    padding: 0 0 8px 0;
}

h3 {
    font: 600 14px 'Poppins', sans-serif;
    line-height: 15px;
    color: #404041;
    padding: 0 0 5px 0;
}

.h3_alt {
    font: 600 14px 'Poppins', sans-serif;
    line-height: 15px;
    color: #404041;
    padding: 0 0 5px 0;
}


#bottom_gradient {
    width: 100%;
}

#wrapper {
    width: 95%;
    height: auto;
    margin: 0 auto 0 auto;
}

/*--------------------------------------------------------------------------------------------------
	header and image hooks 
--------------------------------------------------------------------------------------------------*/
.Logo-Header {
    padding: 0px 75px;
}
#header {
    /*width: 90%;*/
    height: 100px;
    min-height: 100px !important;
    position: relative;
    margin: 0 auto;
    /*background-color: #2BB7E0;*/
}
.row-with-top-margin {
    /*background-color: #2BB7E0;*/
}

.logo {
    float: left;
    margin: 10px 0 0 0;
}


p.small_button a {
    font: 600 11px Arial, Helvetica, sans-serif;
    float: right;
    height: 19px;
    color: #404041;
    display: block;
    text-align: center;
    text-transform: uppercase;
}

p.logout a {
    background: url(../Image/logout_off.gif) left no-repeat;
    padding: 4px 10px 0 25px;
    margin: 0;
    width: 79px;
}

    p.logout a:hover {
        background: url(../Image/logout_on.gif) no-repeat;
        text-decoration: none;
    }

.logoutButton {
    background: url(../Image/logout_off.gif) left no-repeat;
    padding: 4px 10px 0 25px;
    margin: 0;
}

    .logoutButton:hover {
        background: url(../Image/logout_on.gif) no-repeat;
        text-decoration: none;
    }

#divWelcomeMessage {
    margin-top: 25px;
}

/*--------------------------------------------------------------------------------------------------
	horizontal navigation
--------------------------------------------------------------------------------------------------*/

ul#topnav {
    width: auto;
    height: 35px;
    position: absolute;
    left: 0;
    top: 98px;
    list-style: none;
    z-index:1000;
}

    ul#topnav li {
        float: left;
        margin: 0;
        padding: 0;
        position: relative;
        z-index: 10;
    }

        ul#topnav li a {
            padding: 7px 0 0 0;
            width: 116px;
            float: left;
            text-align: center;
            height: 28px;
            color: #FFFFFF;
            /*background: url(../Image/nav_off.gif) top no-repeat;*/
            text-decoration: none;
            text-transform: uppercase;
            line-height: 2.5;
        }


            ul#topnav li:hover a, ul#topnav li a:hover {
                text-decoration: none;
                color: #000;
                /*background: url(../Image/nav_off.gif) top no-repeat;*/
            }


        ul#topnav li .sub {
            position: absolute;
            top: 35px;
            left: 0;
            /*background: #FFFFFF url(../Image/subnav.gif) bottom repeat-x;*/
            padding: 0;
            float: left;
            display: none;
            border: 1px solid #d1d2d4;
            z-index: 10;
        }

        ul#topnav li .row {
            clear: both;
            float: left;
            width: 100%;
            margin-bottom: 10px;
        }

        ul#topnav li .sub ul {
            list-style: none;
            float: left;
        }

    ul#topnav .sub ul li {
        width: 100%;
        border-bottom: 1px solid #d1d2d4;
    }

        ul#topnav .sub ul li a {
            float: none;
            text-indent: 0; /*--Reset text indent--*/
            height: auto;
            /*background: url(../Image/subnav_off.gif) left no-repeat;*/
            background: left no-repeat;
            padding: 7px 10px 7px 20px;
            display: block;
            margin: 0;
            text-decoration: none;
            color: #404041;
            font-size: 11px;
            width: 140px;
            line-height: 14px;
            text-align: left;
        }

        ul#topnav .sub ul li:last-child {
            border: none !important;
        }


        ul#topnav .sub ul li a:hover {
            color: #FFFFFF;
            /*background: #336615 url(../Image/subnav_off.gif) left no-repeat;*/
        }

    ul#topnav li a.active {
        text-decoration: none;
        color: #FFFFFF;
        /*background: url(../Image/nav_on.gif) top left no-repeat;*/
    }

/*--------------------------------------------------------------------------------------------------
	index
--------------------------------------------------------------------------------------------------*/

#content {
    width: auto;
    overflow: visible !important;
    padding: 30px 0 30px 0;
}

#login {
    width: 300px;
    overflow: hidden;
    padding: 40px;
    margin: 0 0 30px 0;
    border: 1px solid #d1d3d4;
    background: #FFFFFF url(../Image/subnav.gif) bottom repeat-x;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
}

.login_field {
    padding: 5px 0 5px 5px;
    margin: 0 0 10px 0;
    border: 1px solid #d1d3d4;
}

.field {
    padding: 5px 0 5px 5px;
    margin: 7px 7px 7px 0;
    border: 1px solid #d1d3d4;
    float: left;
    color: #404041;
}

.table_header {
    background: #eeeeee;
    line-height: 11px;
    color: #0047AB;
    padding: 8px 5px 22px 10px;
    text-transform: uppercase;
    text-align: left;
    font-size: 13px;
    font-weight: bold;
}

.table_headerNew {
    background: #FFFFFF url(../Image/accordian_header.gif) bottom left no-repeat;
    line-height: 11px;
    color: #404041;
    padding: 8px 5px 22px 10px;
    text-transform: uppercase;
    text-align: left;
    font-size: 13px;
    font-weight: bold;
    background-repeat: repeat-x;
}


.table_header p {
    font: 'Poppins',sans-serif;
    line-height: 13px;
    color: #fff;
    padding: 10px 5px 8px 10px;
    text-transform: uppercase;
}

.table_header_small {
    background: #FFFFFF url(../Image/header.gif) bottom left no-repeat;
}

    .table_header_small p {
        font: bold 11px Arial, Helvetica, sans-serif;
        line-height: 11px;
        color: #404041;
        padding: 8px 5px 22px 10px;
        text-transform: uppercase;
    }

.table_subheader {
    background-color: #404041;
    text-align: left;
    padding-left: 10px;
    color: White;
    height: 30px;
    vertical-align: middle;
    font-size: 13px;
    font-weight: bold;
    cursor: hand;
}

.table_subheaderHead {
    background-color: #404041;
    text-align: left;
    padding-left: 10px;
    color: White;
    height: 30px;
    vertical-align: middle;
    font-size: 13px;
    font-weight: bold;
    cursor: hand;
}

.table_subheader p {
    color: #FFF;
}

.controls {
    width: auto;
    padding: 10px 0 10px 0;
    margin: 0 0 30px 0;
    border-bottom: 3px solid #2cb7e0;
    overflow: hidden;
    clear: both;
}

#pages {
    width: auto;
    overflow: hidden;
    clear: both;
    padding: 7px 0 7px 0;
    background-color: #f1f2f2;
    text-align: center;
    border-bottom: 1px solid #d1d2d4;
}

    #pages p {
        padding: 0;
    }

p.button a {
    float: left;
    height: 23px;
    color: #231f20;
    display: block;
    text-align: center;
    /*border: 1px solid #231f20;*/
    text-transform: uppercase;
    padding: 5px;
    background: #a9a9a9;
    text-decoration:none;
    margin-right:10px;
}

p.submit a {
    background: url(../Image/submit_off.gif) left no-repeat;
    padding: 5px 10px 0 20px;
    margin: 0 10px 0 0;
}

    p.submit a:hover {
        background: url(../Image/submit_on.gif) left no-repeat;
        text-decoration: none;
    }

p.cancel a {
    background: url(../Image/cancel_off.gif) left no-repeat;
    padding: 5px 10px 0 26px;
    margin: -10px 10px 0 0;
}

    p.cancel a:hover {
        background: url(../Image/cancel_on.gif) left no-repeat;
        text-decoration: none;
    }


p.view a {
    background: url(../Image/view_off.gif) left no-repeat;
    padding: 5px 10px 0 37px;
    margin: 0 10px 0 0;
}

    p.view a:hover {
        background: url(../Image/view_on.gif) no-repeat;
        text-decoration: none;
    }

p.create a {
    background: url(../Image/create_off.gif) left no-repeat;
    padding: 5px 10px 0 37px;
    margin: 0 10px 0 0;
}

    p.create a:hover {
        background: url(../Image/create_on.gif) no-repeat;
        text-decoration: none;
    }

.second_button {
    margin-top: -10px;
}

.edit {
    margin: 5px 0 5px 10px;
    float: left;
}
/*--------------------------------------------------------------------------------------------------
	tabbed tables
--------------------------------------------------------------------------------------------------*/

#example-one {
    margin: 0;
}

    #example-one img {
        padding: 0 10px 0 0;
        float: left;
    }


    #example-one .nav {
        overflow: hidden;
        margin: 0;
        border-bottom: 3px solid #d1d2d4;
    }

        #example-one .nav li {
            float: left;
            margin: 0;
            border-right: 1px solid #bcbec0;
        }

            #example-one .nav li.last {
                margin-right: 0;
                border: none;
            }

            #example-one .nav li a {
                display: block;
                height: 23px;
                padding: 8px 10px 0 20px;
                color: #404041;
                background: url(../Image/tab_off.gif) left no-repeat;
                font: bold 13px Arial, Helvetica, sans-serif;
                text-align: center;
                border: 0;
                text-decoration: none;
                text-transform: uppercase;
            }


            #example-one .nav li a {
                background-color: #FFFFFF;
            }

                #example-one .nav li a:hover {
                    display: block;
                    height: 23px;
                    padding: 8px 10px 0 20px;
                    color: white;
                    background: url(../Image/submit_off.gif) left no-repeat;
                    font: bold 13px Arial, Helvetica, sans-serif;
                    text-align: center;
                    border: 0;
                    text-decoration: none;
                    text-transform: uppercase;
                }


            #example-one .nav li a {
                background-color: #FFFFFF;
            }

                #example-one .nav li a:hover {
                    text-decoration: none;
                }



    #example-one ul li.nav-one a.current, #example-one ul.one li a:hover {
        background: url(../Image/submit_off.gif) left no-repeat;
        color: #FFFFFF;
    }

    #example-one ul li.nav-two a.current, #example-one ul.two li a:hover {
        background: url(../Image/submit_off.gif) left no-repeat;
        color: #FFFFFF;
    }

    #example-one ul li.nav-three a.current, #example-one ul.three li a:hover {
        background: url(../Image/submit_off.gif) left no-repeat;
        color: #FFFFFF;
    }

    #example-one ul li.nav-four a.current, #example-one ul.four li a:hover {
        background: url(../Image/submit_off.gif) left no-repeat;
        color: #FFFFFF;
    }

/*--------------------------------------------------------------------------------------------------
	subpage
--------------------------------------------------------------------------------------------------*/
#left_column {
    width: 100%;
    float: left;
}

#right_column {
    width: 0%;
    float: right;
}

ul.bullet {
    list-style-type: none;
    font: normal 12px Arial, Helvetica, sans-serif;
    line-height: 16px;
    color: #414042;
    padding: 0 0 5px 20px;
}

.bullet li {
    background: url(../Image/bullet.gif) left top no-repeat;
    padding: 0 0 5px 8px;
}


/*--------------------------------------------------------------------------------------------------
	footer
--------------------------------------------------------------------------------------------------*/

#footer {
    width: 100%;
    height: auto;
    padding: 20px 0 0 0;
    margin: 0 auto 0 auto;
    min-height: 40px !important;
    /*background: rgb(90, 90, 90);!important;*/
    /*background: #2BB7E0 !important;*/
}

    #footer img {
        margin: 0 8px 8px 0;
        float: left;
    }

#footerright {
    width: 100%;
    float: right;
    text-align: right;
}

.snipe {
    color: #818285;
}

.divider {
    color: #000000;
}

#footerright a {
    text-decoration: none;
    color: #FFFFFF;
}

    #footerright a:hover {
        color: #FFFFFF;
        text-decoration: underline;
    }

a.link {
    text-decoration: none;
    color: #FFFFFF;
}

    a.link:hover {
        color: #FFFFFF;
        text-decoration: underline;
    }



a.gecko {
    text-decoration: none;
    color: #818285;
}

    a.gecko:hover {
        color: #FFFFFF;
        text-decoration: underline;
    }


/*--------------------------------------------------------------------------------------------------
	misc
--------------------------------------------------------------------------------------------------*/
.spacer {
    clear: both;
}
/*--------------------------------------------------------------------------------------------------
	global styles and wrapper
--------------------------------------------------------------------------------------------------*/
a {
    text-decoration: none;
    color: #74b74a;
}

    a:hover {
        color: #74b74a;
        text-decoration: underline;
    }

html, body {
    height: 100%;
    width: 100%;
}

body {
    vertical-align: top;
}

h1, h2, h3, h4, h5, h6, p, ol, div, img, body, ul, li {
    padding: 0;
    margin: 0;
}

img {
    display: inline;
    overflow: hidden;
    border: none;
}

ol, ul {
    list-style: none;
}

p {
    /*font: normal 12px Arial, Helvetica, sans-serif;*/
    line-height: 14px;
    color: #404041;
    padding: 0 0 10px 0;
}

h1 {
    font: 500 20px 'Poppins',sans-serif;
    line-height: 22px;
    color: #404041;
    padding: 0 0 10px 0;
    text-transform: uppercase;
}

.h1_alt {
    font: 500 20px 'Poppins',sans-serif;
    line-height: 22px;
    color: #404041;
    padding: 0 0 10px 0;
    text-transform: uppercase;
}

h2 {
    font: 500 16px 'Poppins',sans-serif;
    line-height: 17px;
    color: #404041;
    padding: 0 0 8px 0;
}

.h2_alt {
    font: 500 16px 'Poppins',sans-serif;
    line-height: 17px;
    color: #404041;
    padding: 0 0 8px 0;
}

h3 {
    font: 500 14px'Poppins',sans-serif;
    line-height: 15px;
    color: #404041;
    padding: 0 0 5px 0;
}

.h3_alt {
    font: 500 14px 'Poppins',sans-serif;
    line-height: 15px;
    color: #404041;
    padding: 0 0 5px 0;
}


#bottom_gradient {
    width: 100%;
}

#wrapper {
    width: 95%;
    height: auto;
    margin: 0 auto 0 auto;
}


/*--------------------------------------------------------------------------------------------------
	horizontal navigation
--------------------------------------------------------------------------------------------------*/

ul#topnav {
    width: auto;
    height: 35px;
    position: absolute;
    left: 0;
    top: 65px;
    list-style: none;
    z-index:1000;
}

    ul#topnav li {
        float: left;
        margin: 0;
        padding: 0;
        position: relative;
        z-index: 10;
        /*border-right: 1px solid #2BB7E1;*/
    }
    ul#topnav li:nth-child(8) a {
        /*width: 150px !important;*/
    }
        ul#topnav li a {
            padding: 0;
            width: 95px;
            float: left;
            text-align: center;
            height: 35px;
            font-size: 13px;
            color: #000;
            /*background: #2BB7E1;*/
            text-decoration: none;
            text-transform: capitalize;
            line-height: 2.5;
        }
/*.topnavLi li a {
    background: #FF0000 !important;
}
ul.topnavLi li .sub ul li a {
    background: #ffffff !important;
}
.topnavLibeta li a {
background: #FFFF00 !important;
}

ul.topnavLibeta li .sub ul li a {
 background: #ffffff !important;
 }*/
    ul #topnav li:hover a, ul#topnav li a:hover {
                text-decoration: none;
                color: #000;
                background:none;
            }


        ul#topnav li .sub {
            position: absolute;
            top: 35px;
            left: 0;
            /*background: #3e3e3f;*/
            background: #ffffff;
            padding: 0;
            float: left;
            display: none;
            /*border:1px solid #d1d2d4;*/
            z-index: 10;
        }

        ul#topnav li .row {
            clear: both;
            float: left;
            width: 100%;
            margin-bottom: 10px;
        }

        ul#topnav li .sub ul {
            list-style: none;
            float: left;
        }

    ul#topnav .sub ul li {
        width: 100%;
        border: none;
        /*border-bottom: 1px solid #d1d2d4;*/
    }

        ul#topnav .sub ul li:hover {
            background: #fff !important;
        }

        ul#topnav .sub ul li a {
            float: none;
            text-indent: 0; /*--Reset text indent--*/
            height: auto;
            padding: 7px 10px 7px 20px;
            display: block;
            margin: 0;
            text-decoration: none;
            /*color: #fff;*/
            color: #000 !important;
            font-size: 12px;
            width: 140px;
            line-height: 14px;
            text-align: left;
        }

        ul#topnav .sub ul li:last-child {
            border: none;
        }


        ul#topnav .sub ul li a:hover {
            color: #FFFFFF;
            background: #2BB7E0; /*url(../Image/subnav_off.gif) no-repeat left center;*/
        }

    ul#topnav li a.active {
        text-decoration: none;
        /*color: #FFFFFF;
        background: #000;*/
        color: #000;
        background: #fff;
    }

/*--------------------------------------------------------------------------------------------------
	index
--------------------------------------------------------------------------------------------------*/

#content {
    width: auto;
    min-height: 370px;
    overflow: hidden;
    padding: 0 0 60px;
    margin: 15px 0;
}

#login {
    width: 300px;
    overflow: hidden;
    padding: 20px;
    margin: 0 0 30px 0;
    border: 1px solid #d1d3d4;
    background: #FFFFFF url(../Image/subnav.gif) bottom repeat-x;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
}

.login_field {
    padding: 5px 0 5px 5px;
    margin: 0 0 10px 0;
    border: 1px solid #d1d3d4;
    border-radius: 6px;
    -webkit-border-radius: 6px;
}

.field {
    padding: 5px 0 5px 5px;
    margin: 7px 7px 7px 0;
    border: 1px solid #d1d3d4;
    float: left;
    color: #404041;
}



.table_header_small {
    background: #FFFFFF url(../Image/header.gif) bottom left no-repeat;
}

    .table_header_small p {
        font: bold 11px Arial, Helvetica, sans-serif;
        line-height: 11px;
        color: #404041;
        padding: 8px 5px 22px 10px;
        text-transform: uppercase;
    }

.table_subheader {
    /*background-color: #404041;*/
    background-color: #0047ab;
}

    .table_subheader p {
        color: #FFF;
    }

#controls {
    width: auto;
    padding: 10px 0 10px 0;
    margin: 0 0 30px 0;
    border-bottom: 3px solid #d1d2d4;
    overflow: hidden;
    clear: both;
}

#pages {
    width: auto;
    overflow: hidden;
    clear: both;
    padding: 7px 0 7px 0;
    background-color: #f1f2f2;
    text-align: center;
    border-bottom: 1px solid #d1d2d4;
}

    #pages p {
        padding: 0;
    }

p.button a {
    /*font: 600 12px Arial, Helvetica, sans-serif;*/
    float: left;
    height: 23px;
    color: #FFFFFF;
    display: block;
    text-align: center;
    /*border: 1px solid #231f20;*/
    text-transform: uppercase;
    border-radius: 4px;
}

p.submit a {
    background: url(../Image/submit_off.gif) left no-repeat;
    padding: 5px 10px 0 20px;
    margin: 0 10px 0 0;
}

    p.submit a:hover {
        background: url(../Image/submit_on.gif) left no-repeat;
        text-decoration: none;
    }

p.cancel a {
    background: url(../Image/cancel_off.gif) left no-repeat;
    padding: 5px 10px 0 26px;
    margin: -10px 10px 0 0;
}

    p.cancel a:hover {
        background: url(../Image/cancel_on.gif) left no-repeat;
        text-decoration: none;
    }


p.view a {
    background: url(../Image/view_off.gif) left no-repeat;
    padding: 5px 10px 0 37px;
    margin: 0 10px 0 0;
}

    p.view a:hover {
        background: url(../Image/view_on.gif) no-repeat;
        text-decoration: none;
    }

p.create a {
    background: url(../Image/create_off.gif) left no-repeat;
    padding: 5px 10px 0 37px;
    margin: 0 10px 0 0;
}

    p.create a:hover {
        background: url(../Image/create_on.gif) no-repeat;
        text-decoration: none;
    }

.second_button {
    margin-top: -10px;
}

.edit {
    margin: 5px 0 5px 10px;
    float: left;
}
/*--------------------------------------------------------------------------------------------------
	tabbed tables
--------------------------------------------------------------------------------------------------*/

#example-one {
    margin: 0;
    padding: 0 0 20px 0;
}

    #example-one img {
        padding: 0 10px 0 0;
        float: left;
    }


    #example-one .nav {
        overflow: hidden;
        margin: 0;
        border-bottom: 3px solid #d1d2d4;
    }

        #example-one .nav li {
            float: left;
            margin: 0;
            border-right: 1px solid #bcbec0;
        }

            #example-one .nav li.last {
                margin-right: 0;
                border: none;
            }

            #example-one .nav li a {
                display: block;
                height: 23px;
                padding: 8px 10px 0 20px;
                color: #404041;
                background: url(../Image/tab_off.gif) left no-repeat;
                font: bold 13px Arial, Helvetica, sans-serif;
                text-align: center;
                border: 0;
                text-decoration: none;
                text-transform: uppercase;
            }


            #example-one .nav li a {
                background-color: #FFFFFF;
            }

                #example-one .nav li a:hover {
                    text-decoration: none;
                }



/*#example-one ul li.nav-one a.current, #example-one ul.one li a:hover {background:url(../Image/tab_on.gif) left no-repeat; color:#FFFFFF;}
#example-one ul li.nav-two a.current, #example-one ul.two li a:hover {background:url(../Image/tab_on.gif) left no-repeat; color:#FFFFFF;}
#example-one ul li.nav-three a.current, #example-one ul.three li a:hover {background:url(../Image/tab_on.gif) left no-repeat; color:#FFFFFF;}
#example-one ul li.nav-four a.current, #example-one ul.four li a:hover {background:url(../Image/tab_on.gif) left no-repeat; color:#FFFFFF;}*/

/*--------------------------------------------------------------------------------------------------
	subpage
--------------------------------------------------------------------------------------------------*/
#left_column {
    width: 100%;
    float: left;
}

#right_column {
    width: 0%;
    float: right;
}

ul.bullet {
    list-style-type: none;
    font: normal 12px Arial, Helvetica, sans-serif;
    line-height: 16px;
    color: #414042;
    padding: 0 0 5px 20px;
}

.bullet li {
    background: url(../Image/bullet.gif) left top no-repeat;
    padding: 0 0 5px 8px;
}


/*--------------------------------------------------------------------------------------------------
	footer
--------------------------------------------------------------------------------------------------*/

#footer {
    width: 100%;
    padding: 20px 0 0 0;
    margin: 0 auto 0 auto;
}

    #footer img {
        margin: 0 8px 8px 0;
        float: left;
    }

#footerright {
    width: 100%;
    float: right;
    text-align: right;
}

#footer p {
    font: normal 10px Arial, Helvetica, sans-serif;
    line-height: 13px;
    padding: 0;
    color: rgb(90, 90, 90);
    text-align: left;
}

#footerright p {
    color: #000000;
    padding: 0;
}

.snipe {
    color: #818285;
}

.divider {
    color: #000000;
}

#footerright a {
    text-decoration: none;
    color: #FFFFFF;
}

    #footerright a:hover {
        color: #FFFFFF;
        text-decoration: underline;
    }

a.link {
    text-decoration: none;
    color: #FFFFFF;
}

    a.link:hover {
        color: #FFFFFF;
        text-decoration: underline;
    }



a.gecko {
    text-decoration: none;
    color: #818285;
}

    a.gecko:hover {
        color: #FFFFFF;
        text-decoration: underline;
    }


/*--------------------------------------------------------------------------------------------------
	misc
--------------------------------------------------------------------------------------------------*/
.spacer {
    clear: both;
}

/*--------------------------------------------------------------------------------------------------
	custom css
--------------------------------------------------------------------------------------------------*/

.mainDiv .mainDiv-container {
    background: #F6F6F6;
    border: 1px solid #E2E2E2;
    border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
    margin: 20px 0;
    padding: 10px;
}

#spnWelcome {
    color: #73B84A;
    font-size: 15px;
    font-weight: bold;
    line-height: 2;
}

    #spnWelcome .profile-pic {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #E1E1E1;
        float: left;
        margin-right: 5px;
        padding: 2px;
        display: none;
    }

        #spnWelcome .profile-pic img {
            float: left;
        }

#spnName {
    color: #73B84A;
    font-size: 15px;
}
#spnDesig {
    color: #73B84A !important;
    font-size: 15px;
}
#profile-container {
    float: right;
    width: auto;
    position: relative;
}

    #profile-container ul.links {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #DFDFDF;
        display: none;
        position: absolute;
        right: 0;
        top: 23px;
        min-width: 160px;
        padding: 5px 0;
        z-index: 1000;
    }

    #profile-container a#profile-options {
        background: url(../Image/down_arrow.png) no-repeat;
        float: left;
        height: 15px;
        margin-top: 8px;
        text-indent: -9999px;
        width: 20px;
        cursor: pointer;
    }

    #profile-container ul.links li {
        float: left;
        width: 100%;
    }

    #profile-container ul.links a {
        display: block;
        font-size: 12px;
        padding: 5px 10px;
        text-decoration: none;
        font-weight: bold;
        color: #73B84A;
    }

        #profile-container ul.links a:hover {
            background: #73B84A;
            color: #fff !important;
        }

html, body {
    height: 100%;
}

#simplyWrapper {
    min-height: 100%;
    margin-bottom: -55px;
    position: relative;
}

#footer {
    height: 33px;
    position: relative;
    padding-top: 15px;
}

.clearfooter {
    height: 33px;
    clear: both;
}

form.simplyForm {
    height: 100%;
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
.rowBottomBorder {
    border-bottom: 1px solid gray;
    height: 35px;
    font-size: 12px;
}

.marginLeft22 {
    margin-left: 22px;
}


.rowBottomBorder:hover {
    background-color: #E6FFE6 !important;
    height: 35px;
    font-size: 12px;
}


.marginTop1 {
    margin-top: 1px;
}

.marginLeft25 {
    margin-left: 25px;
}

.marginTop8 {
    margin-top: -8px;
}

.MenuNew {
    /*background: url(../Image/subnav_off.gif) left no-repeat !important;*/
}
.marginLeft12{
    margin-right:12px !important;
}

.cancelButton {
    background: url('../Image/cross.png');
    background-color: #333333;
    background-repeat: no-repeat;
    background-position: left center;
    text-align: center;
    width: 100px;
    color: White;
    font-weight: bold;
    height: 30px;
}

    .cancelButton:hover {
        background: url('../Image/cross.png');
        background-color: Gray;
        background-repeat: no-repeat;
        background-position: left center;
        text-align: center;
        width: 100px;
        color: White;
        font-weight: bold;
        height: 30px;
    }

.okButton {
    background: url('../Image/tick.png');
    background-color: #333333;
    background-repeat: no-repeat;
    background-position: left center;
    text-align: center;
    width: 100px;
    color: White;
    font-weight: bold;
    height: 30px;
}

    .okButton:hover {
        background: url('../Image/tick.png');
        background-color: Gray;
        background-repeat: no-repeat;
        background-position: left center;
        text-align: center;
        width: 100px;
        color: White;
        font-weight: bold;
        height: 30px;
    }

.submitButton {
    background: url('../Image/tick.png');
    background-color: #333333;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 5px;
    text-align: center;
    width: 100px;
    color: White;
    font-weight: bold;
    height: 30px;
}

    .submitButton:hover {
        background: url('../Image/tick.png');
        background-color: Gray;
        background-repeat: no-repeat;
        background-position: left center;
        text-align: center;
        width: 100px;
        color: White;
        font-weight: bold;
        height: 30px;
    }


.saveButton {
    background: url('../Image/disk.png');
    background-color: #333333;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 5px;
    text-align: center;
    width: 100px;
    color: White;
    font-weight: bold;
    height: 30px;
    height: 30px;
}

    .saveButton:hover {
        background: url('../Image/disk.png');
        background-color: Gray;
        background-repeat: no-repeat;
        background-position: left center;
        text-align: center;
        width: 100px;
        color: White;
        font-weight: bold;
        height: 30px;
    }

.addButton {
    background: url('../Image/add.png');
    background-color: #333333;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 5px;
    text-align: center;
    width: 130px;
    color: White;
    font-weight: bold;
    height: 30px;
}

    .addButton:hover {
        background: url('../Image/add.png');
        background-color: Gray;
        background-repeat: no-repeat;
        background-position: left center;
        text-align: center;
        width: 130px;
        color: White;
        font-weight: bold;
    }

.headerImagePos {
    float: right;
    left: 21px;
    position: relative;
    top: -18px;
    cursor: pointer;
}

.headerImagePos1 {
    float: right;
    left: 1px;
    position: relative;
    top: -10px;
    cursor: pointer;
}

.TblHead {
    background: #f3f3f3;
    line-height: 15px;
    color: #0047ab;
    padding: 8px 5px 8px 10px;
    text-transform: uppercase;
    text-align: left;
    font-size: 13px;
    font-weight: 500;
}
.TblHeadPayment {
    background: #0047ab;
    line-height: 15px;
    color: #fff;
    padding: 5px 5px 5px 0px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    
}
.AccordHead {
    background: url(../Image/accordian_header.gif) bottom left no-repeat;
    line-height: 41px;
    color: #404041;
    padding: 8px 5px 22px 10px;
    text-transform: uppercase;
    text-align: left;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}

.AccordHeadInvoice {
    background: url(../Image/accordian_header.gif) bottom left no-repeat;
    line-height: 41px;
    color: #404041;
    padding: 8px 5px 22px 10px;
    text-transform: uppercase;
    text-align: left;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}

.AccordHead:hover {
    background: url(../Image/accordian_on.gif) bottom left no-repeat;
    line-height: 41px;
    color: #404041;
    padding: 8px 5px 22px 10px;
    text-transform: uppercase;
    text-align: left;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}
.TblHeadNew {
    background: #fff;
    line-height: 15px;
    color: #404041;
    padding: 8px 5px 8px 10px;
    text-transform: uppercase;
    text-align: left;
    font-size: 12px;
    color: #0047ab;
    font-weight: 500;
}

.tabl_tr {
    border-top: 1px solid #D1D3D4;
    font-size: 10px;
    font-size: 12px;
    height: 25px;
    border-left: 1px solid #D1D3D4 !important;
    border-right: 1px solid #D1D3D4 !important;
}

.laborMatch {
    border-top: 1px solid #D1D3D4;
    font-size: 10px;
    font-size: 12px;
}

.tabl_tr:hover {
    background-color: #E6FFE6;
}

.table_tr:hover {
    background-color: #E6FFE6;
}
.selectRecord {
    background-color: #E6FFE6;
}

.TblPager {
    width: auto;
    overflow: hidden;
    clear: both;
    padding: 7px 0 7px 0;
    background-color: #eeeeee;
    text-align: center;
    border-bottom: 1px solid #d1d2d4;
}

    .TblPager a {
        text-decoration: none;
        color: #74b74a !important;
        font-weight: bold;
        font-size: 12px;
    }

        .TblPager a :hover {
            color: #74b74a;
            text-decoration: underline;
            font-weight: bold;
            font-size: 12px;
        }


a.apager {
    text-decoration: none;
    color: #74b74a !important;
    font-weight: bold;
    font-size: 12px;
}

    a.apager:hover {
        color: #74b74a;
        text-decoration: underline;
        font-weight: bold;
        font-size: 12px;
    }

.TblTitle {
    text-align: left;
    vertical-align: middle;
    padding-bottom: 10px;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    
    color: Black;
    font-weight: bold;
}

.PageImage:hover {
    background-color: White;
    display: inline;
}

.searchbox input {
    background-image: url("../Image/searchbg.png");
    border: 0 none;
    float: left;
    height: 20px;
    outline: medium none;
    padding: 2px;
    width: 230px;
}


.searchbtn input {
    background-image: url("../Image/searchbtn.png");
    border: 0 none;
    color: #FFFFFF;
    float: left;
    font-weight: bold;
    height: 24px;
    width: 86px;
}

.searchbutton {
    height: 28px;
    width: 80px;
    top: 6px;
    border-radius: 38px;
    -moz-border-radius: 38px;
    -webkit-border-radius: 38px;
    box-shadow: 0 0 3px #000;
    -moz-box-shadow: 0 0 3px #000;
    -webkit-box-shadow: 0 0 3px #000;
    background-color: white;
    z-index: 10000;
    border-color: white;
    background-image: url(../Image/background.gif);
}

.star {
    color: Red;
    display: inline;
}

.CommonHeader {
    background-color: #DFEFFC;
    color: #5C9CCC;
    height: 25px;
}

.CommonTh {
    border-right: 1px solid #91bcec;
    border-bottom: 1px solid #91bcec;
    height: 15px;
}

.headerImg {
    background: url('../Image/small_Logo_Final1.jpg') no-repeat;
    vertical-align: middle;
    margin-left: 90px;
    height: 100px;
    margin-top: 10px;
    width: 300px;
}

.footerMaster {
    background: url('../Image/footer_rule.png') no-repeat;
    vertical-align: middle;
    text-align: center;
    background-position: center;
}

.arrImg {
    background-color: #E9EAEB;
    background-repeat: repeat-x;
    border-left: 5px solid #939393;
    filter: alpha(opacity=50);
    -moz-filter: alpha(opacity=50);
    width: 5%;
}

    .arrImg:hover {
        background-color: #E9EAEB;
        -moz-filter: alpha(opacity=10);
        filter: alpha(opacity=100);
        z-index: 10;
    }

.imgScroll {
    width: 88px;
    height: 84px;
    border: 1px solid gray;
    text-align: center;
}

    .imgScroll:hover {
        width: 88px;
        height: 84px;
        border: 1px solid gray;
        z-index: 10;
    }

.viewer {
    border-right: 10px solid WhiteSmoke;
    border-left: 10px solid WhiteSmoke;
    border-bottom: 10px solid WhiteSmoke;
    border-top: 3px solid WhiteSmoke;
}
/*#divTextQuantity
{
    border-right: 10px solid WhiteSmoke;
    border-left: 10px solid WhiteSmoke;
    border-bottom: 2px solid WhiteSmoke;
    border-top: 2px solid WhiteSmoke;
}*/
.signOutBracket {
    color: #0055A6;
    font-size: small;
}

#spnSeparator {
    font-size: small;
    color: Red;
}

#spnDesig {
    font-size: 12px;
    margin-left: 5px;
    color: #404041;
}

#spnWelcome {
    color: #74BA4A;
    font-size: small;
}

#spnName {
    color: #404041;
    font-size: small;
}

select {
    font-family: 'Poppins', sans-serif;
    font-size: 11px !important;
}

#hrefSignOut {
    text-decoration: none;
    font-size: small;
    color: #0055A6;
}

    #hrefSignOut:hover {
        text-decoration: none;
        font-size: small;
        color: Gray;
    }


.red {
    color: #BD1A00;
    font-weight: bold;
    font-size: small;
}

.redImg {
    background: url('../Image/form-ajax.png') no-repeat scroll left;
    z-index: 10;
    vertical-align: top;
    height: 20px;
    width: 20px;
    background-position: 0px 0px;
}

.greenImg {
    background: url('../Image/form-ajax.png') no-repeat scroll left;
    z-index: 10;
    vertical-align: top;
    height: 20px;
    width: 20px;
    background-position: 0px -100px;
}

.txtStyle:not(:disabled) {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    padding: 2px;
}

.SelectedTable {
    background-color: #EBEBEB;
}

.txtStyleHover {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #BBBBBB;
    padding: 2px;
}

fieldset {
    border: 0px solid #005E9E;
}

legend {
    /*padding: 0.2em 0.5em;*/
    border: 1px solid #005E9E;
    font-size: 100% !important;
    text-align: left;
    background-color: #404041;
}

    legend:hover {
        /*padding: 0.2em 0.5em;*/
        border: 1px solid #005E9E;
        font-size: 100% !important;
        text-align: left;
        background-color: #404041;
    }



.tblColor {
    background-color: White;
    background-repeat: repeat-x;
}

.gradientBg {
    /* Mozilla: */
    background: -moz-linear-gradient(top,#FFFFFF, White); /* Chrome, Safari:*/
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF)); /* MSIE */
    zoom: 1; /* turns hasLayout on */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#FFFFFF', endColorstr='#FFFFFF')";
    filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#FFFFFF', endColorstr='#FFFFFF');
}

.errorColor {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid red; /* padding: 5px 0 5px 5px;     margin: 0 0 10px 0; */
}

.formErrorContent {
    background: #ee0101;
    z-index: 5001;
    color: #fff;
    width: 150px;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    border: 2px solid #ddd;
    box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    padding: 4px 10px 4px 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    opacity: 0.87;
}

.tooltipProduct {
    background: #74B74A;
    z-index: 5001;
    color: #fff;
    width: 150px;
    font-family: 'Poppins', sans-serif;
  
    font-size: 11px;
    border: 2px solid #ddd;
    box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    padding: 4px 10px 4px 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    opacity: 0.87;
}

.UserActivityContent {
    background: WhiteSmoke !important;
    z-index: 5001;
    color: #72B84C !important;
    width: 250px;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    border: 2px solid #ddd;
    box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    padding: 4px 10px 4px 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    opacity: 0.87;
}


.fstRow {
    background-color: #E4F2FD;
    height: 30px;
    font-size: small;
    font-weight: bold;
    border: 1px solid black;
}

.secondRow {
    background-color: #F4F9FD;
    height: 35px;
    font-size: small;
    border: 1px solid black;
}

    .secondRow:hover {
        background-color: #C4E2FF;
        height: 35px;
        font-size: small;
        border-color: #C9DCEB;
        color: Black;
    }

.sortedLetter {
    background-color: White;
    color: #5C9CCC;
    border: 1px solid #3A8CC8;
    font-family: 'Poppins', sans-serif;
    width: 27px;
    font-weight: bold;
    text-transform: capitalize;
    cursor: hand;
    font-family: 'Poppins', sans-serif;
}

    .sortedLetter:hover {
        background-color: WhiteSmoke;
        color: #005E9E;
        border: 1px solid #3A8CC8;
        font-family: 'Poppins', sans-serif;
    }

.sortLetter {
    background-color: White;
    color: #5C9CCC;
    border: 1px solid #3A8CC8;
    font-family: 'Poppins', sans-serif;
    width: 24px;
    font-weight: bold;
    text-transform: capitalize;
    cursor: hand;
    font-family: 'Poppins', sans-serif;
    font-size: small;
}

    .sortLetter:hover {
        background-color: WhiteSmoke;
        color: #005E9E;
        border: 1px solid #3A8CC8;
        font-family: 'Poppins', sans-serif;
    }

.tableHeader {
    /*background: url("../Image/p7exp_mbar.jpg") repeat-x scroll 0 50% #2581C2;*/
    background-color: #5C9CCC;
    color: White;
    height: 30px;
    padding-left: 10px;
    font-size: small;
}

.Colortab {
    background-color: #5C9CCC;
    background-position: top;
    color: White;
    font-weight: bold;
    font-family: 'Poppins', sans-serif;
    height: 20px;
    padding-top: 4px;
    text-align: center;
    vertical-align: baseline;
    font-size: small;
    border: 1px solid white;
}

    .Colortab:hover {
        background-color: #DFEFFC;
        background-position: top;
        color: Black;
        font-weight: bold;
        font-family: 'Poppins', sans-serif;
        height: 20px;
        padding-top: 4px;
        text-align: center;
        vertical-align: baseline;
        font-size: small;
        border: 1px solid white;
    }

.Selectedtab {
    background-color: #DFEFFC;
    background-position: top;
    color: Green;
    font-weight: bold;
    font-family: 'Poppins', sans-serif;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    padding-top: 4px;
    font-size: small;
}

.tabColor {
    background-attachment: scroll;
    background-repeat: repeat-x;
    background-color: rgb(211, 213, 211);
    color: black !important;
    font-weight: bold;
    font-family: 'Poppins', sans-serif;
    height: auto;
    text-align: center;
    vertical-align: middle;
    padding: 4px 4px 4px 20px;
    width: 20%;
    font-size: small;
    display: inline-block;
    font-weight:500;
}

.tabColorPick {
    background-color: #5C9CCC;
    background-position: top;
    color: White;
    font-weight: bold;
    font-family: 'Poppins', sans-serif;
    height: 20px;
    padding-top: 4px;
    text-align: center;
    vertical-align: baseline;
    width: 130px;
    font-size: small;
    border: 1px solid white;
}

.tabColor:hover {
    background-attachment: scroll;
    background-repeat: repeat-x;
    background-color: rgb(87, 76, 76);
    color: White !important;
    font-weight: bold;
    font-family: 'Poppins', sans-serif;
    height: auto;
    text-align: center;
    vertical-align: middle;
    padding-top: 4px;
    width: 20%;
    font-size: small;
    cursor: pointer;
}

.tabSelected {
    /*background-image: url("../Image/submit_off.gif") !important;*/
    background-attachment: scroll;
    background-repeat: repeat-x;
    background-color: rgb(87, 76, 76);
    color: White !important;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    height: auto;
    text-align: center;
    vertical-align: middle;
    padding: 4px 4px 4px 20px;
    width: 20%;
    font-size: small;
    display: inline-block;
    cursor: pointer;
}

.tabSelectedPick {
    background-color: #DFEFFC;
    background-position: top;
    color: Green;
    font-weight: bold;
    font-family: 'Poppins', sans-serif;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    padding-top: 4px;
    width: 130px;
    font-size: small;
}

.scrollDiv {
    overflow: auto;
    overflow-x: hidden;
    -ms-overflow-x: hidden;
    height: 250px;
    -webkit-overflow-scrolling: touch;
}

.scrollDivHorizontal {
    overflow: auto;
    height: 330px;
    width: 100%;
    -webkit-overflow-scrolling: touch;
}

.txtWidth {
    width: 200px;
}

#divPager, .divpager {
    border: 1px solid #F0F0F1;
    background-color: #F0F0F1;
    color: Black !important;
}

.toolTip {
    background: url("../Image/arrowleft.PNG") no-repeat;
    color: White;
}


#divtbl {
    border: 2px solid #B8C7DA;
    padding-top: 0px;
    margin-top: 0px;
    vertical-align: top;
    height: 650px;
}

.proposalTbl {
}

.tblHeader {
    font-size: small;
    color: #0055A6;
    background-color: #9EB8D4;
}

.generalTable {
    border: 1px solid #C4E2FF;
    cursor: pointer;
}

.generalTr {
    background-color: #EDEEEE;
    height: 25px;
    color: Black;
}

.generalProposalSetup {
    background-color: #EFF0F0;
    height: 20px;
    color: Black;
}

.generalTr:hover {
    height: 25px;
    background-color: #EDEEEE;
}

.btnGeneral {
    background-color: #444345 !important;
    border-color: #231f20;
    border-style: solid;
    border-width: 2px;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    margin: 1px;
    padding: 3px 4px 3px 2px;
    text-decoration: none;
    white-space: nowrap;
    color: #FFFFFF !important;
    width: 100px;
    font-weight: bold;
    text-transform: uppercase;
}

    .btnGeneral:hover {
        text-decoration: none;
        color: #fff;
        border-color: #404041;
        background-position: 0 -124px;
        font-weight: bold;
        cursor: pointer;
    }
.btnGeneralNote {
    background-color: #ccc;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    margin: 1px;
    padding: 3px 4px 3px 2px;
    text-decoration: none;
    white-space: nowrap;
    color: #FFFFFF !important;
    width: 100px;
    font-weight: bold;
    text-transform: uppercase;
}
.disabled {
    background-color: #BABABA !important;
    cursor: text;
}

.disableSetMargin:disabled{
    background-color: #BABABA !important;
    border:none;
    color:#FFFFFF;
}


.popupHeader {
    /*background-color: rgb(64, 64, 65);*/
    background-color: #f3f3f3;
    color: #0047ab;
    height: 30px;
    text-transform: uppercase;
    border-bottom: 2px white solid;
}

    .popupHeader:hover {
        cursor: pointer;
    }


.popupHeaderSection {
    background-color: #f3f3f3 !important;
    color: #0047ab !important;
    height: 30px;
    text-transform: uppercase;
    border-bottom: 2px white solid;
}

    .popupHeaderSection:hover {
        cursor: pointer;
    }
.setupDiv {
    background-color: #9EB8D4;
    color: White;
    border: 1px solid black;
    text-align: center;
}

.setupDiv:hover {
    background-color: #DCEAFA;
    color: Black;
    text-align: center;
    border: 1px solid black;
}

.marginBtn {
    background-color: Gray;
    border: 1px solid black;
    display: inline;
    font-weight: bold;
    color: White;
    padding-left: 10px;
    text-align: center;
    text-transform: capitalize;
}

.landingPageButton {
    color: White;
    width: 200px;
    height: 60px;
    text-align: center;
    background-color: #406DB8;
    border-left: 11px solid #003F77;
    border-top: 5px solid #003F77;
    border-right: 5px solid #0058A8;
    border-bottom: 1px solid #003F77;
    cursor: hand;
    font-family: 'Poppins', sans-serif;
}

    .landingPageButton:hover {
        color: White;
        width: 200px;
        height: 60px;
        text-align: center;
        background-color: #113791;
        border-left: 11px solid #000091;
        border-top: 5px solid #000091;
        border-right: 5px solid #000091;
        border-bottom: 1px solid #000091;
        cursor: hand;
        font-family: 'Poppins', sans-serif;
    }


.ulRecentDeocs {
    text-align: left;
    font-size: small;
    background-color: #406DB8;
    color: White;
    margin-left: 30px;
    border: 2px solid Gray;
}

    .ulRecentDeocs:hover {
        text-align: left;
        font-size: small;
        background-color: #113791;
        color: White;
        margin-left: 30px;
        border: 2px solid Gray;
    }

.recentDocsHeader {
    background-color: #406DB8;
    border: 2px solid Gray;
}

    .recentDocsHeader:hover {
        background-color: #113791;
        border: 2px solid Gray;
    }

.wizardCenterDiv {
    color: Black;
    width: 65%;
    height: auto;
    vertical-align: middle;
    text-align: center;
}

    .wizardCenterDiv:hover {
        color: Black;
        width: 65%;
        height: auto;
        vertical-align: middle;
        text-align: center;
    }

.selectedWizard {
    color: Red;
    cursor: pointer;
}

.navStyle {
    color: Green;
    height: 50px;
}

    .navStyle:hover {
        /* color: Red;     height: 50px;     cursor: pointer; */
    }

.watermark {
    color: #999;
}

.Collapse {
    background-image: url(../Image/ui-icons_2e83ff_256x240.png);
    background-position: -96px -192px;
    background-repeat: no-repeat;
    display: inline;
    float: right;
    margin-right: 4px;
    border: 1px solid white;
    background-color: White;
}

    .Collapse:hover {
        background-image: url(../Image/ui-icons_2e83ff_256x240.png);
        background-position: -96px -192px;
        background-repeat: no-repeat;
        width: 14px;
        display: inline;
        float: right;
        margin-right: 4px;
        border: 1px solid white;
        background-color: Green;
    }

.Expand {
    background-position: -64px -192px;
    background-repeat: no-repeat;
    width: 14px;
    display: inline;
    float: right;
    margin-right: 4px;
    border: 1px solid white;
    background-color: White;
}

    .Expand:hover {
        /*background-image: url(../Image/ui-icons_2e83ff_256x240.png); */
        background-position: -64px -192px;
        background-repeat: no-repeat;
        width: 14px;
        display: inline;
        float: right;
        margin-right: 4px;
        border: 1px solid white; /* background-color: Green; */
    }

.HeaderGrey {
    background-color: #E9EAEB;
    color: #404041;
}

.HeaderBlack {
    /*background-color: #404041;*/
    background-color: #0047ab;
    cursor: pointer;
    height: 25px;
    color: #ffffff;
}

.btnLogin {
    font: 500 13px 'Poppins', sans-serif;
    float: left;
    height: 30px;
    color: white;
    display: block;
    text-align: center;
    border: 1px solid #74b74a;
    text-transform: uppercase;
    /*background: url(../Image/submit_off.gif) left no-repeat;*/
    padding: 5px 10px 0 20px;
    margin: 0 10px 0 0;
    background: #74b74a !important;
}

    .btnLogin:hover {
        background: url(../Image/submit_on.gif) left no-repeat;
    }

.trClickble:hover {
    cursor: pointer;
}

.bgGray {
    background-color: Gray;
}

img.Clickable {
    cursor: pointer;
}

.td_Label {
    font-size: 13px;
    padding-left: 5px;
    font-weight: bold;
}

.truncatedText12 {
    white-space: nowrap;
    width: 69px; /* OR as much space that allows */
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    display: inline-block;
}

.truncatedText {
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    display: inline-block;
}

/*for customer div flexbox*/
#divCustomer div.content {
    margin: 0 0 0 0;
}

/*Cancel Hyperlink Color on Import status notification*/
.cancel {
    color: #FED262;
}

    .cancel:hover {
        color: #FED262;
    }


.noty_text, .noty_buttons {
    display: inline;
}
/* progress bar container */
#ProgressBarLoader {
    border: 1px solid White;
    width: 400px;
    height: 20px;
    position: relative;
    color: black;
}
    /* color bar */
    #ProgressBarLoader div.progress {
        position: absolute;
        width: 0;
        height: 100%;
        overflow: hidden;
        background-color: #72B84C;
    }
        /* text on bar */
        #ProgressBarLoader div.progress .text {
            position: absolute;
            text-align: center;
            color: white;
        }
    /* text off bar */
    #ProgressBarLoader div.text {
        position: absolute;
        width: 100%;
        height: 100%;
        text-align: center;
    }

.messageHeader {
    background-color: rgb(64, 64, 65);
    color: White;
    height: 30px;
    text-transform: uppercase;
}

.greyheader {
    background-color: #A4A4A4;
    border-top: 1px solid #D1D3D4;
    font-size: 10px;
    font-size: 12px;
    height: 25px;
    color: Black;
    font-weight: bold;
}

.SearchFont {
    color: green;
    font-size: 12px;
}

.TdBorder {
    border-bottom: 1px solid #D1D3D4 !important;
}

.optionalItem1{
color : darkcyan;
}

.optionalItem0{
color : black;
}
#txtCompanyCategory {
    width: 250px;
    margin-bottom: 5px !important;
}
.btnGeneralCancel {
    background-color: #cc0000 !important;
    border-color: #cc0000;
    border-style: solid;
    border-width: 2px;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    margin: 1px;
    padding: 3px 4px 3px 2px;
    text-decoration: none;
    white-space: nowrap;
    color: #FFFFFF !important;
    font-weight: 500;
    border: none;
    height: 30px;
}
.btnGeneralAdd {
    background-color: #4ca94f !important;
    border-color: #4ca94f;
    border-style: solid;
    border-width: 2px;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 500;
    margin: 1px;
    padding: 3px 4px 3px 2px;
    text-decoration: none;
    white-space: nowrap;
    color: #FFFFFF !important;
    border: none;
    height: 30px;
}
.btnGeneralGrey {
    background-color: #ccc !important;
    border-color: #ccc;
    border-style: solid;
    border-width: 2px;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 500;
    margin: 1px;
    padding: 3px 4px 3px 2px;
    text-decoration: none;
    white-space: nowrap;
    color: #000 !important;
    border: none;
    height:30px;
}
.btnGeneralHyper {
    border-style: solid;
    border-width: 2px;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 500;
    margin: 1px;
    padding: 3px 4px 3px 2px;
    text-decoration: none;
    white-space: nowrap;
    color: #4ca94f !important;
    border: none;
    height: 30px;
    text-decoration: underline;
}
.btnGeneralPlus {
    border: 0px;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 500;
    margin: 1px;
    padding: 3px 4px 3px 2px;
    text-decoration: none;
    white-space: nowrap;
    color: #4ca94f !important;
    border: none;
    height: 30px;
    box-shadow: inset 0 0px 0px rgba(0,0,0,0);
}
.btnGeneralPlusentity {
    border: 0px;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 500;
    margin: 1px;
    padding: 3px 4px 3px 2px;
    text-decoration: none;
    white-space: nowrap;
    color: #4ca94f !important;
    border: none;
    height: 30px;
    box-shadow: inset 0 0px 0px rgba(0,0,0,0);
    background: none;
}

.cycle-tab-container a {
    color: #173649;
    font-size: 16px;
    font-family: roboto;
    text-align: center;
}

.tab-pane {
    text-align: center;
    height: 100px !important;
    margin: 30px auto;
    width: 500px;
    max-width: 100%;
}

.fade {
    opacity: 0;
    transition: opacity 4s ease-in-out;
}

    .fade.active {
        opacity: 1;
    }

.cycle-tab-item {
    width: 90px;
}

    .cycle-tab-item:after {
        display: block;
        content: '';
        border-bottom: solid 3px #2BB7E0;
        transform: scaleX(0);
        transition: transform 0ms ease-out;
    }

    .cycle-tab-item.activeTab:after {
        transform: scaleX(1);
        transform-origin: 0% 50%;
        transition: transform 1000ms ease-in;
    }


    .nav-link:focus,
    .nav-link:hover,
    .cycle-tab-item.activeTab a {
        border-color: transparent !important;
        color: orange;
    }
.uploadProductCss {
    background-color: #ccc !important;
    border-color: #ccc !important;
    color: #000 !important;
    font-weight: 500
}


.tablerounededCorner {
    border-radius: 6px;
}

.roundedTable {
    border-collapse: collapse;
    border-radius: 6px;
    overflow: hidden;
    width: 100%;
    margin: 0;
}
.borderTr{
    border-bottom:1px solid #ccc;   
}
.paddingleft10{
    padding-left:10px;
}

.activeTab {
    color: #0047ab !important;
}
html, body
{
    height: 100%;
}
body
{
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    height: 100%;
    min-height: 100%;
}
.headerLogo
{
    background: url('../Image/p7exp_mgrad.jpg') repeat-x scroll left;
    background-repeat: repeat-x;
    height: 83px;
    vertical-align: middle;
    border-bottom: 2px solid #3F3F3F;
    background-position: top;
}
.footer
{
    border-top: 1px solid red;
    height: 100px;
    margin-top: 100px;
    position: relative;
    font-size: small;
    color: Gray;
    vertical-align: top;
    font-family: Serif;
    background: url('../Image/p7exp_mgrad.jpg') repeat scroll left;
    background-repeat: repeat;
}
.masterFooter
{
    border-top: 1px solid red;
    margin-top: 30px;
    height: 100px;
    padding-top: 0.5em;
    position: relative;
    font-size: small;
    color: Gray;
    vertical-align: top;
    background: url('../Image/p7exp_mgrad.jpg');
    background-repeat: repeat;
    text-align: center;
}
.logBtn
{
    background: url('../Image/button-right.png') no-repeat scroll left;
    cursor: pointer;
    display: inline-block;
    height: 26px;
    margin-bottom: 1em;
    padding-left: 10px;
    text-decoration: none;
    width: auto;
    font-weight: bold;
    text-align: left;
}
.logBtn:hover
{
    background-position: left bottom;
    color: Black;
}
.menuBar
{
    background: url('../Image/p7exp_mbar.jpg');
    background-repeat: repeat-x;
}
.topHeader
{
    background: url('../Image/rc_header_mid.gif');
    background-repeat: repeat-x;
}
.masterCenter
{
    background: url('../Image/shadow.png');
    background-repeat: repeat-y;
}
/*
h1
{
    font: 4.7em normal Georgia, 'Times New Roman' , Times, serif;
    color: #333;
    margin: 0;
    padding: 5px 0;
} */
h1 small
{
    font: 0.2em normal Verdana, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1.5em;
    display: block;
    color: #fff;
}
.container
{
    width: 100%;
    margin: 0 auto;
}



ul#topnav
{
    margin: 0;
    padding: 0;
    float: left;
    width: 970px;
    list-style: none;
    position: relative;
    font-size: 1.2em;
   /* background: url(topnav_stretch.gif) repeat-x;  */
}
ul#topnav li
{
    float: left;
    margin: 0;
    padding: 0;
    /*border-right: 1px solid #555;*/
}
ul#topnav li a
{
    padding: 10px 15px;
    display: block;
    color: #f0f0f0;
    text-decoration: none;
}
ul#topnav li:hover
{
    /*background: #1376c9 url(topnav_active.gif) repeat-x;*/
}
ul#topnav li span
{
    float: left;
    padding: 15px 0;
    position: absolute;
    left: 0;
    top: 35px;
    display: none;
    width: 100%;
    background: #1376c9;
    color: #fff;
    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}
ul#topnav li:hover span
{
    display: block;
}
ul#topnav li span a
{
    display: inline;
}
ul#topnav li span a:hover
{
    text-decoration: underline;
}
.expandStyle
{
    list-style-type: none;    
}
.lists
{
    color: #005E9E;
    font-size: small;
    margin-left: 30px;
    vertical-align: top;
    font-weight:bold;
   
}
.ulChild
{
    list-style-type: none;
     width:100%;
   
}
.child
{
     border-top: 1px solid #92AC53;
     font-size: small;
     color:Black;
     padding-top:10px;
     padding-left:30px;
     background: url('../Image/download (2).gif');
     background-repeat: repeat-x;
     width:85%;
     margin-bottom:10px;
}
.margin
{   
    vertical-align:middle;
    margin-bottom:5px;
    color:#005E9E;
    border:1px solid #005E9E;
    
 
}

.DynamicPopupBackground {
    display: none;
    position: fixed;
    height: 100%;
    width: 80%;
    top: 0;
    left: 0;
    background: #7F8EAB;
    border: 1px solid #7F8EAB;
    z-index: 1;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}
.DynamicPopupClose
{
  
    font-size: 14px;
    line-height: 14px;
    right: 6px;
    top: 4px;
    position: absolute;
    color: #6fa5fd;
    font-weight: 700;
    display: block;
}

.strength0 {
    width: 80px;
    height: 10px;
    background-color: #DEDEDE;
    border-radius: 8px;
    border: 0 none;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.35) inset;
    -khtml-box-shadow: 1px 1px 2px rgba(0,0,0,0.35) inset;
    box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.35) inset;
}

.strength1 {
    width: 80px;
    height: 10px;
    background-color: Red;
    border-radius: 8px;
    border: 0 none;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.35) inset;
    -khtml-box-shadow: 1px 1px 2px rgba(0,0,0,0.35) inset;
    box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.35) inset;
}

.strength2 {
    width: 80px;
    height: 10px;
    background-color: #FF5F5F;
    border-radius: 8px;
    border: 0 none;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.35) inset;
    -khtml-box-shadow: 1px 1px 2px rgba(0,0,0,0.35) inset;
    box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.35) inset;
}

.strength3 {
    width: 80px;
    height: 10px;
    background-color: #56E500;
    border-radius: 8px;
    border: 0 none;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.35) inset;
    -khtml-box-shadow: 1px 1px 2px rgba(0,0,0,0.35) inset;
    box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.35) inset;
}

.strength4 {
    width: 80px;
    height: 10px;
    background-color: #4DCD00;
    border-radius: 8px;
    border: 0 none;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.35) inset;
    -khtml-box-shadow: 1px 1px 2px rgba(0,0,0,0.35) inset;
    box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.35) inset;
}

.strength5 {
    width: 155px;
    height: 10px;
    background-color: #399800;
    border-radius: 8px;
    border: 0 none;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.35) inset;
    -khtml-box-shadow: 1px 1px 2px rgba(0,0,0,0.35) inset;
    box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.35) inset;
}

#tblChngPassword td {
    font-size: 15px;
}

.trClose {
    display: none;
}

tr.row td {
    border-bottom: 1px solid #5C9CCC;
}

.open {
    background-image: url(../Image/ui-icons_2e83ff_256x240.png);
    background-position: -45px -128px;
    background-repeat: no-repeat;
    padding-left: 15px;
    cursor: hand;
}

.close {
    background-image: url(../Image/ui-icons_2e83ff_256x240.png);
    background-position: -13px -131px;
    background-repeat: no-repeat;
    padding-left: 15px;
    cursor: hand;
    display: none;
}

.proposalnameTr {
    background-color: #DFEFFC;
}

.minus {
    background-image: url(../Image/ui-icons_2e83ff_256x240.png);
    background-position: -80px 0px;
    background-repeat: no-repeat;
    padding-left: 10px;
    display: none;
}

.expand {
}

.datatr {
    background-color: White;
    border-bottom: 1px solid red;
}

    .datatr:hover {
        background-color: whiteSmoke;
    }

.ColIndi {
    background-image: url(../Image/toggle-expand.png);
    background-repeat: no-repeat;
}

.scndLevel {
    height: 25px;
    background-color: #E9EAEB;
    font-size: 14px;
    font-weight: bold;
    padding-left: 10px;
    cursor: pointer;
    color: Black;
    border: 1px solid #404041;
}

    .scndLevel:hover {
        background-color: #E9EAEB;
        color: Black;
    }

.tdMainChk {
    background-color: #404041;
    text-align: center;
    vertical-align: middle;
    height: 20px;
    padding: 5px 5px 5px 5px;
    border: 1px solid #3A82B4;
    color: White;
}

.HeaderTxtStyle {
    font-weight: bold;
    font-size: 10px;
    color: White;
    background-color: #404041;
    cursor: pointer;
}

    .HeaderTxtStyle:hover {
        font-weight: bold;
        font-size: 10px;
        background-color: #404041;
        cursor: pointer;
    }

.fstLevel {
    height: 25px;
    background-color: #0047ab;
    font-size: 14px;
    font-weight: bold;
    padding-left: 10px;
    cursor: pointer;
    color: White;
    border: 1px solid #FFFFFF;
}

.animated td {
    padding-left: 10px;
}

.btnSmall {
    width: 4%;
    min-width: 100px;
}

.btnXLarge {
    width: 10%;
    min-width: 180px;
}

.btnLarge {
    width: 8%;
    min-width: 150px;
}

.currencyFormat {
    font-size: 12px;
    font-style: normal;
}

.subHeader {
    height: 32px;
    text-align: left;
}

.HeaderTxtStyle {
    font-weight: bold;
    font-size: 13px;
    color: White;
    background-color: #404041;
    cursor: pointer;
    padding-left: 6px;
    text-transform: uppercase;
}

    .HeaderTxtStyle:hover {
        font-weight: bold;
        font-size: 13px;
        background-color: #404041;
        cursor: pointer;
        padding-left: 6px;
    }

/* progress bar container */
#progressbar {
    border: 1px solid white;
    width: 400px;
    height: 20px;
    position: relative;
    color: black;
}
    /* color bar */
    #progressbar div.progress {
        position: absolute;
        width: 0;
        height: 100%;
        overflow: hidden;
        background-color: #72B84C;
    }
        /* text on bar */
        #progressbar div.progress .text {
            position: absolute;
            text-align: center;
            color: white;
        }
    /* text off bar */
    #progressbar div.text {
        position: absolute;
        width: 100%;
        height: 100%;
        text-align: center;
    }

.colorpicker {
    z-index: 2000 !important;
}

.access {
    display: none;
}
/*Tax Settings*/
.taxGroup {
    text-decoration: underline;
    text-align: left;
    text-transform: uppercase;
    color: Blue;
    font-size: 13px;
}

    .taxGroup:hover {
        color: red;
        font-size: 13px;
    }

.pntr {
    cursor: pointer;
}

/*Modifier*/
.thModifier {
    background-color: #575759;
    font-size: 12px;
    color: White;
}

.thScndModi {
    background-color: #F0F0F1;
    color: #5C9CCC;
    height: 20px;
}

#trInvoiceClose, #trInvoice, #trPurchaseClose, #trPurchase, #trWorkOrder, #trWorkOrderClose {
    display: none;
}

.Sort {
    text-align: left;
    font-size: 20px;
    background-color: #D5D6D7;
    border-bottom: 1px solid black;
    margin-bottom: 3px;
    cursor: pointer;
    text-indent: 10px;
}


#sortable li {
    margin: 0 3px 3px 3px;
    padding: 0.4em;
    padding-left: 1.5em;
    font-size: 1.4em;
    height: auto;
    word-break: break-word;
    white-space: -moz-pre-wrap;
}

#divSortLabor {
    height: auto !important;
}

#sortable li span {
    /*position: absolute;*/
    float: left;
    margin-left: -1.3em;
}

#spnUpdateExistingProposalLabor {
    font-size: 1.3em;
}

#AddAppointmentToCalenderSec {
    margin-left: 40px;
    margin-top: 12px;
    margin-bottom: 12px;
}

.noDisplay {
    display: none;
}

#tblQBOIntegration tr td {
    padding-left: 5px;
}

    #tblQBOIntegration tr td span {
        padding-left: 15px;
    }
#inventoryNonItem tr td span {
    padding-left: 15px;
}

#tblQBOIntegration tr {
    font-size: 15px;
}

#tblQBOIntegration .table_header th {
    height: 30px;
}

    #tblQBOIntegration .table_header th span {
        margin-left: 5px;
    }


/*Popover css*/

.webui-popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
    width: 276px;
    min-height: 32px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

    .webui-popover.top {
        margin-top: -10px;
    }

    .webui-popover.in {
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1;
    }

.webui-popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f9f9f9;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.webui-popover-content {
    font-size: 14px;
    padding: 9px 14px;
}

.webui-popover > .arrow,
.webui-popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.webui-popover > .arrow {
    border-width: 11px;
}

    .webui-popover > .arrow:after {
        border-width: 10px;
        content: "";
    }

.webui-popover.top > .arrow,
.webui-popover.top-right > .arrow,
.webui-popover.top-left > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999999;
    border-top-color: rgba(0, 0, 0, 0.25);
    border-bottom-width: 0;
}

    .webui-popover.top > .arrow:after,
    .webui-popover.top-right > .arrow:after,
    .webui-popover.top-left > .arrow:after {
        content: " ";
        bottom: 1px;
        margin-left: -10px;
        border-top-color: #ffffff;
        border-bottom-width: 0;
    }


.customtag {
    display: initial !important;
    padding: 0 !important;
}

.QboHide {
    display: none;
}

#tblTrxIntegration tr td {
    padding-left: 5px;
}

    #tblTrxIntegration tr td span {
        padding-left: 15px;
    }

#tblTrxIntegration tr {
    font-size: 15px;
}

#tblTrxIntegration .table_header th {
    height: 30px;
}

#tblTrxIntegration .table_header th span {
        margin-left: 5px;
}

#lblIaAccountType {
    font-weight: 400;
    padding: 0px 15px 0px 15px;
}


.modal-header .close1 {
    margin-top: -2px;
    padding-top: 5px;
}
button.close1 {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
}
.close1 {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
}

.bootboxHeader {
    background-color: #EBECED;
    height: auto;
    padding-top: 9px;
    border-radius: 6px;

}

#divQBOQuickConnection {
    overflow: visible !important;
    z-index: 500 !important;
}
#txtSyncStartDate,#txtInventoryStartDate {
    width: 150px;
  }
.IaAppSection {
    display: none;
}

#tblSSIntegration tr td {
    padding-left: 5px;
}

    #tblSSIntegration tr td span {
        padding-left: 32px;
    }

#tblSSIntegration tr {
    font-size: 15px;
}

#tblSSIntegration .table_header th {
    height: 30px;
}

#tblSSIntegration .table_header th span {
        margin-left: 5px;
}

#tblCurrencyFormat tr td {
    padding: 0 5px 0 5px !important;
}

#tblInvoiceTemplatePrintSetup tr td {
        padding-left: 5px;
}

#tblPurchaseOrderTemplatePrintSetup tr td {
    padding-left: 5px;
}

#tblWorkOrderTemplatePrintSetup tr td {
    padding-left: 5px;
}

.float-right {
    float: right;
}

.margin-bottom-5px {
    height: 35px;
    margin-bottom: 5px;
}
