/* Minification failed. Returning unminified contents.
(427,1): run-time error CSS1019: Unexpected token, found '/'
(427,2): run-time error CSS1019: Unexpected token, found '/'
(1301,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(1309,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(1925,1): run-time error CSS1019: Unexpected token, found '@charset'
(1925,10): run-time error CSS1019: Unexpected token, found '"UTF-8"'
(1925,17): run-time error CSS1019: Unexpected token, found ';'
(7512,26): run-time error CSS1019: Unexpected token, found ':'
(7512,26): run-time error CSS1042: Expected function, found ':'
(7512,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(9971,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(9972,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9981,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(9982,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9991,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9992,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10005,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10006,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13978,1): run-time error CSS1019: Unexpected token, found '}'
 */
/*
 * jQuery UI CSS Framework 1.8.7
 *
 * 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/Theming/API
 *moved dialog styles from 1.10
 
 */

/* 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:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.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 */
/* GG - replaced absolute with fixed */
.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework 1.8.7
 *
 * 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/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ctl=themeroller
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Helvetica,Arial,sans-serif; font-size: 13px; line-height:20px; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Helvetica,Arial,sans-serif; font-size: 13px; }
.ui-widget-content { border: 1px solid #CCC; background-color:#FFF; color: #333; }
#tabs-0, #tabs-1, #tabs-2, #tabs-3, #tabs-4, #tabs-5, #tabs-6, #tabs-7, #tabs-8, #tabs-9, #tabs-10, 
#ui-tabs-1, #ui-tabs-2, #ui-tabs-3,#ui-tabs-4,#ui-tabs-5,#ui-tabs-6,#ui-tabs-7,#ui-tabs-8,#ui-tabs-9,#ui-tabs-10{
 background-color: #FDFDFD;
}
.ui-widget-content a { color: #4F4F4F; }
.ui-widget-header { border: 1px solid #CCC; color: #4f4f4f; font-weight: bold; }
.ui-widget-header {
	background-color: #F8F8F8;
}
.ui-widget-header a { color: #C5FCF7;}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{ border: 1px solid #CCC; font-weight: normal; color: #4F4F4F; }

.ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { 
	/*background: url(images/bg_fallback.png) 0 -50px repeat-x;*/
	font-weight:bold;
	background-color: #F2F3F3;
}

a.ui-state-default{ 
	font-weight:bold;
	background-color: #204678;
    color:#fff;
}

a.ui-state-default:hover{ 
	background-color: #929494;
    color:#fff;
}

a.ui-state-default .ui-icon,
.ui-icon-closethick,
.ui-accordion-header-active .ui-icon-triangle-1-s,
.ui-state-hover .ui-icon-triangle-1-e
 {
    background-image: url(images/ui-icons_ffffff_256x240.png) !important;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #4F4F4F; 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 #CCC;
	font-weight:bold;
	color: #369;
	/*background: url(images/bg_fallback_hover.png) 0 0 repeat-x;*/
	background-color: #F2F3F3;
}


.ui-state-hover a, .ui-state-hover a:hover { 
	color: #369;
	text-decoration: none; 
} 
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { 
	outline: none;
/*	color: #1c4257; */
	border: 1px solid #CCC;
	/*background: url(images/bg_fallback.png) 0 0 repeat-x;*/
        background:#204678;
	color:#FFF !important; 
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color:#FFF; text-decoration: none; }
.ui-widget :active { outline: none; }


.ui-tabs .ui-state-default{
   background-color:#D6D5D5;
}
.ui-tabs .ui-tabs-active{
   background-color:#204678;
}
.ui-tabs .ui-state-hover{
    background:#929494;
}
.ui-tabs .ui-state-hover a:hover{
    color:#fff;
}
.ui-accordion-header .ui-state-active
{
    background:#204678;
}

.ui-accordion-header .ui-state-active a{
    color:#fff !important;
}
.ui-accordion-header:hover, .ui-accordion-header a:hover, .ui-accordion-header .ui-state-active a:hover{
    background:#929494;
    color:#fff;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  { border: 1px solid #d2dbf4; background: #f4f8fd; color: #0d2054; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; }
.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 #e2d0d0; background: #fcf0f0; color: #280b0b; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; margin:15px 0; }
.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/refresh.png); }
/*.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_2694e8_256x240.png);}*/
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_2694e8_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background: url(images/icon_sprite.png) -16px 0 no-repeat !important; }
.ui-state-highlight .ui-icon, .ui-state-error .ui-icon { margin-top: -1px; }

/* 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: url(images/icon_sprite.png) 0 0 no-repeat !important; }
.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-tl { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; }
.ui-corner-tr { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; }
.ui-corner-br { -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
.ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
.ui-corner-right {  -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
.ui-corner-left { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; }
.ui-corner-all { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.ui-border{border:1px solid transparent;}
/* Overlays */
.ui-widget-overlay { background: #262b33; opacity: .35;filter:Alpha(Opacity=35); z-index:3;}
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #000000; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
 * jQuery UI Resizable 1.8.7
 *
 * 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/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; 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.7
 *
 * 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/Selectable#theming
 */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*
 * jQuery UI Accordion 1.8.7
 *
 * 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/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { 
	width: 100%; 
	/*Add by Ben 03/09/12*/
	margin: 0 0 50px 0;
}
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-header, .ui-accordion .ui-accordion-content { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.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: 12px; font-weight: bold; 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-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; 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.7
 *
 * 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/Autocomplete#theming
 */
.ui-autocomplete {
	position: absolute; cursor: default; z-index: 3 !important;
	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    	overflow-y: auto;
    	max-height: 200px;
}	

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

/*
 * jQuery UI Menu 1.8.7
 *
 * 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;
	background: #5f83b9;
	color: #FFFFFF;
	text-shadow: 0px 1px 1px #234386;
	border-color: #466086;
	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
}
/*
 * jQuery UI Button 1.8.7
 *
 * 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/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;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 2px solid #fff!important;
    white-space:nowrap;
}
/* 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 animation properties */
.ui-button
{
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
    background: #204678 !important;
    color: #fff !important;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255,255,255,0.4) inset;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255,255,255,0.4) inset;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255,255,255,0.4) inset;
}

/*states*/

.ui-button.ui-state-hover
{
    /*-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset;*/
    background:#929494 !important;
    color:#fff;
}
.ui-button:focus ,.ui-button.ui-state-focus {
	outline: none;
	border: 2px solid #0067EE!important;
    background-color:#204678;
	color:#FFF; 
}

.ui-button.ui-state-active {
	
    background: #204678 !important;
}

/*button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: 1.4;
	font-size: 11px; /* 12.5px; */
	font-weight: bold;
	/*text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);*/
	/* filter: dropshadow(offx=10, offy=10, color=#dcdcdc); */ /* IE */
 }
.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: -8.5px; }
.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;
	background: #204678;
   	border: 1px solid #CCC !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	
}

.ui-buttonset .ui-button.ui-state-active
{
    color: #fff;
    border-color: #fff;
    background: #204678;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */


/*
 * jQuery UI Dialog 1.8.7
 *
 * 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/Dialog#theming
 */
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
    z-index:3;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
	width:auto !important;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: 1em 1em !important;
	background: none;
	overflow: auto;
	border: 1px solid  #CCC;
	margin: 15px; 
	background: #FFF; 
	overflow: auto; 
	zoom: 1; 
	background-color:#E4E8F4;
	
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*
 * jQuery UI Slider 1.8.7
 *
 * 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/Slider#theming
 */
.ui-slider { position: relative; text-align: left; background: #d7d7d7; }
.ui-slider { -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset; }
.ui-slider .ui-slider-handle { background: url(images/slider_handles.png) 0px -23px no-repeat; position: absolute; z-index: 2; width: 23px; height: 23px; cursor: default; border: none; outline: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.ui-slider  .ui-state-hover, .ui-slider  .ui-state-active { background-position: 0 0; }
.ui-slider .ui-slider-range { background: #a3cae0; position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.ui-slider .ui-slider-range { -moz-box-shadow: 0 1px 2px rgba(17,35,45,0.6) inset; -webkit-box-shadow: 0 1px 2px rgba(17,35,45,0.6) inset; }


.ui-slider-horizontal { height: 5px; }
.ui-slider-horizontal .ui-slider-handle { top: -8px; margin-left: -13px; }
.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: 5px; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -8px; margin-left: 0; margin-bottom: -13px; }
.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.7
 *
 * 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/Tabs#theming
 */
.ui-tabs { position: relative; zoom: 1; border: 0; } /* 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: 0; background: transparent; border-width: 0 0 1px 0; border-bottom: 4px solid #204678; }
.ui-tabs .ui-tabs-nav { 
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 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;*/ padding: .5em !important; text-decoration: none; font-size: 12px; font-weight: bold; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; background: url(images/bg_fallback.png) 0 0 repeat-x; border-color: #B6B6B6; }
.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; outline: none; }
.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 1px 1px 1px; padding: 1em 1.4em 3em 1.4em; background: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}

.ui-tabs .ui-tabs-hide { display: none !important; }
/*
 * jQuery UI Datepicker 1.8.7
 *
 * 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/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: 0; display: none; border-color: #DDDDDD; }
.ui-datepicker {
	-moz-box-shadow: 0 4px 8px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.5);
	box-shadow: 0 4px 8px rgba(0,0,0,0.5);
}
.ui-datepicker .ui-datepicker-header { position:relative; padding:.35em 0; border: none; border-bottom: 1px solid #B6B6B6; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 6px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { border: 1px none; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev span { background-position: 0px -32px !important; }
.ui-datepicker .ui-datepicker-next span { background-position: -16px -32px !important; }
.ui-datepicker .ui-datepicker-prev-hover span { background-position: 0px -48px !important; }
.ui-datepicker .ui-datepicker-next-hover span { background-position: -16px -48px !important; }
.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; background: url(images/icon_sprite.png) no-repeat; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; font-size: 12px; text-shadow: 0 1px 0 rgba(255,255,255,0.6); }
.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; }
.ui-datepicker .ui-state-default { background: transparent; border-color: #FFF; }
.ui-datepicker .ui-state-active { background: #5F83B9; border-color: #5F83B9; color: #FFF; font-weight: bold; text-shadow: 0 1px 1px #234386; }

/* 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%; }

/* 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.7
 *
 * 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/Progressbar#theming
 */
.ui-progressbar { height: 12px; text-align: left; background: #FFF url(images/progress_bar.gif) 0 -14px repeat-x; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; background: url(images/progress_bar.gif) 0 0 repeat-x; }

/* Extra Input Field Styling */
textarea, input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]), select
{
    /*background-image:url(images/inputfield_orange.gif);*/
    background-color: #FFF;
    padding: 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #cecece;
    outline: none;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1) inset, 0 1px 0 rgba(255,255,255,0.2);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1) inset, 0 1px 0 rgba(255,255,255,0.2);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1) inset, 0 1px 0 rgba(255,255,255,0.2);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25 ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
textarea:hover, input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):hover {
	border: 1px solid #bdbdbd;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2) inset, 0 1px 0 rgba(255,255,255,0.2);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2) inset, 0 1px 0 rgba(255,255,255,0.2);
	box-shadow: 0 1px 3px rgba(0,0,0,0.2) inset, 0 1px 0 rgba(255,255,255,0.2);
}
textarea:focus, input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):focus, select:focus {
	border: 1px solid #0067EE;
	-webkit-box-shadow: 0 2px 3px rgba(161,202,226,0.5) inset, 0 1px 0 rgba(255,255,255,0.2);
	-moz-box-shadow: 0 2px 3px rgba(161,202,226,0.5) inset, 0 1px 0 rgba(255,255,255,0.2);
	box-shadow: 0 2px 3px rgba(161,202,226,0.5) inset, 0 1px 0 rgba(255,255,255,0.2);
}

/* Selectmenu
----------------------------------*/
.ui-selectmenu { display: block; display: inline-block; position: relative; vertical-align: middle; text-decoration: none; overflow: hidden; zoom: 1; }
.ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; }
.ui-selectmenu-menu { padding:0; margin:0; list-style:none; position:absolute; top: 0; display: none; overflow: auto; z-index: 1005;} /* z-index: 1005 to make selectmenu work with dialog */
.ui-selectmenu-open { display: block; }
.ui-selectmenu-menu-popup { margin-top: -1px; }
.ui-selectmenu-menu-dropdown { }
.ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; }
.ui-selectmenu-menu li a,.ui-selectmenu-status { line-height: 1.4em; display: block; padding: 3px 1em; outline:none; text-decoration:none; }
.ui-selectmenu-menu li.ui-state-disabled a { cursor: default; }
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
.ui-selectmenu-status { /*line-height: 1.4em; */}
.ui-selectmenu-open li.ui-selectmenu-item-focus a { }
.ui-selectmenu-open li.ui-selectmenu-item-selected { }
.ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; }
.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }
.ui-selectmenu-menu li .ui-selectmenu-item-content { }
.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }
/* for optgroups */
.ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; }
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding: .6em .5em 0; font-weight: bold; }
.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }
/* IE6 workaround (dotted transparent borders) */
* html .ui-selectmenu-menu li { border-color: pink; filter:chroma(color=pink); width:100%; }
* html .ui-selectmenu-menu li a { position: relative }
/* Z-INDEX */
 .formError { z-index: 990; }
    .formError .formErrorContent { z-index: 991; }
    .formError .formErrorArrow { z-index: 996; }
    .ui-dialog .formError { z-index: 5000; }
    .ui-dialog .formError .formErrorContent { z-index: 5001; }
    .ui-dialog .formError .formErrorArrow { z-index: 5006; }
.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	z-index: 5000;
	cursor: pointer;
	text-align: left;
}

.formError.inline {
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
}
.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none;
}

.formError .formErrorContent {
	width: 100%;
	background: #ee0101;
	position:relative;
	z-index:5001;
	color: #fff;
	min-width: 120px;
	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;
	-o-box-shadow: 0 0 6px #000;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
}
.formError.inline .formErrorContent {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	border: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
  	position:relative;
  	z-index: 5006;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
	margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
  	box-shadow: none;
  	-moz-box-shadow: none;
  	-webkit-box-shadow: none;
	-o-box-shadow: none;
	margin: 0px 0 0 12px;
	top:2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	-o-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: #ee0101;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
  	box-shadow: none;
 	 -moz-box-shadow: none;
  	-webkit-box-shadow: none;
	-o-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 11px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}

body {
	background: #ececec;
}

form.formular, .validationEngineContainer {
	font-family: tahoma, verdana, "sans-serif";
	font-size: 12px;
	padding: 20px;
	border: 1px solid #A5A8B8;
	width: 300px;
	margin: 0 auto;
}

.formular fieldset {
	margin-top: 20px;
	padding: 15px;
	border: 1px solid #B5B8C8;
}

.formular legend {
	font-size: 12px;
	color: #15428B;
	font-weight: 900;
}

.formular fieldset label {
	float: none;
	text-align: inherit;
	display:block;
	width: auto;
}

.formular label span {
	color: #000;
}

.formular input,.formular select,.formular textarea {
	display: block;  /* this breaks relative positioning */
	margin-bottom: 5px;
}

.formular .text-input {
	width: 250px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	margin-top: 4px;
	background: #FFF repeat-x;
}

.formular textarea {
	width: 250px;
	height: 70px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	margin-top: 4px;
	background: #FFF repeat-x;
}

.formular .infos {
	background: #FFF;
	color: #333;
	font-size: 12px;
	padding: 10px;
	margin-bottom: 10px;
}

.formular span.checkbox, .formular .checkbox, .formular .radio {
	display: inline;
}

.formular .submit {
	
	border: 1px solid #AAA;
	padding: 4px;
	margin-top: 20px;
	float: right;
	text-decoration: none;
	cursor: pointer;
}

.formular hr {
	clear: both;
	visibility: hidden;
}

.formular .fc-error {
	width: 350px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	margin-bottom: 15px;
	background: #FFEAEA;
}
.formular input[data-prompt-position="inline"] {
	display: inline;
}
.footnote {
	font-size: 11px;
	color: #666;
	font-style: italic;
}
.prompt-target {
	border: 1px dotted #666;
	min-height: 21px;
}

.inline-prompts label>span{
	display: inline-block;
	width: 250px;
}

.inline-prompts .text-input+.formError{
	margin-left: 10px;
}

.prompt-summary .inline {
	display: block;
}
/* Simple scalable breadcrumb by Veerle Pieters
------------------------------------------------------------------*/
ul.ui-bCrumbs,
ul.ui-bCrumbs-quote {
	/* background-color: */
	list-style-type: none;
	padding: 0;
	margin: 0;
	
	font-size: 1.1em;
}
.ui-bCrumbs,
.ui-bCrumbs-quote {
	height: 2.55em; 
	border: 1px solid #dedede;
}
.ui-bCrumbs li,
.ui-bCrumbs-quote li {
	float: left;
	line-height: 2.55em;
	color: #777;
	padding-left: 0em;
    min-width:90px;
    text-align:center;
}		
.ui-bCrumbs li a {
	background: url(images/bCrumb.jpg) no-repeat right center;
	display: block;
	padding: 0 15px 0 8px;
	text-decoration: none;
	background-color: #DAE6F1;
}							
.ui-bCrumbs li a:link,
.ui-bCrumbs li a:visited,
.ui-bCrumbs-quote li a:link,
.ui-bCrumbs-quote a:visited {
	color: #444;
	text-decoration: none;
}
.ui-bCrumbs li a:hover,
.ui-bCrumbs li a:focus,
.ui-bCrumbs-quote li a:hover,
.ui-bCrumbs-quote li a:focus {
	color: #336699;
}

.ui-bCrumbs-quote li a {
	background: url(images/bCrumb-quote.jpg) no-repeat -12px -6px;
	background-color: #fff;
	display: block;
	padding: 0 17px 0 6px;
	text-decoration: none;
}

/*
 *  File:         demo_table_jui.css
 *  CVS:          $Id$
 *  Description:  CSS descriptions for DataTables demo pages
 *  Author:       Allan Jardine
 *  Created:      Tue May 12 06:47:22 BST 2009
 *  Modified:     $Date$ by $Author$
 *  Language:     CSS
 *  Project:      DataTables
 *
 *  Copyright 2009 Allan Jardine. All Rights Reserved.
 *
 * ***************************************************************************
 * DESCRIPTION
 *
 * The styles given here are suitable for the demos that are used with the standard DataTables
 * distribution (see www.datatables.net). You will most likely wish to modify these styles to
 * meet the layout requirements of your site.
 *
 * Common issues:
 *   'full_numbers' pagination - I use an extra selector on the body tag to ensure that there is
 *     no conflict between the two pagination types. If you want to use full_numbers pagination
 *     ensure that you either have "example_alt_pagination" as a body class name, or better yet,
 *     modify that selector.
 *   Note that the path used for Images is relative. All images are by default located in
 *     ../images/ - relative to this CSS file.
 */


/*
 * jQuery UI specific styling
 
 * tr.even row          original color: #E2E4FF (purple)            --> see below
 * tr.odd row           original color: white                       --> white
 * tr.even td.sorting_1 original color: #D3D6FF (very light purple) --> see below
 * tr.odd  td.sorting_1 original color: #EAEBFF (light purple)      --> see below
 
 */

.paging_two_button .ui-button {
	float: left;
	cursor: pointer;
	* cursor: hand;
}

.paging_full_numbers .ui-button {
	padding: 0px 6px;
	margin: 0;
	cursor: pointer;
	font-size: 1.0em;  /* 0.8 */
	* cursor: hand;
}

.ui-buttonset .ui-button {
	margin-right: -0.1em !important;
}

.paging_full_numbers {
	width: 350px !important;
}

.ui-toolbar {
	padding: 5px;
}

.dataTables_paginate {
	width: auto;
}

.dataTables_info {
	padding-top: 3px;
}

table.display thead th {
	padding: 3px 3px;
	cursor: pointer;
	cursor: hand;
}

div.dataTables_wrapper .ui-widget-header {
	font-weight: normal;
	/* font-size:1.2em; */ /* 0.8 */
}


/*
 * Sort arrow icon positioning
 */
table.display thead th div.DataTables_sort_wrapper {
	position: relative;
	padding-right: 20px;
	padding-right: 20px;
}

table.display thead th div.DataTables_sort_wrapper span {
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 0;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * Everything below this line is the same as demo_table.css. This file is
 * required for 'cleanliness' of the markup
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */

.dataTables_wrapper {
	position: relative;
/*	min-height: 302px;
	_height: 302px;*/
	clear: both;
	width:100%;
}

.dataTables_processing {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 250px;
	margin-left: -125px;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 11px;
	padding: 2px 0;
}

.dataTables_length {
	width: 40%;
	float: left;
	/*Add by Ben 03/09/12 for seach div in accordion*/
	padding: 5px 0 3px 0;
}

.dataTables_length select{
	width: 55px;
    min-width: 55px; 
	
}
.dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;

	/*Add by Ben 03/09/12 for seach div in accordion*/
	padding: 8px 0 8px 0;
}

.dataTables_info {
	width: 50%;
	float: left;
}

.dataTables_paginate {
	float: right;
	text-align: right;
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
	height: 19px;
	width: 19px;
	margin-left: 3px;
	float: left;
}

.paginate_disabled_previous {
	background-image: url('../images/back_disabled.jpg');
}

.paginate_enabled_previous {
	background-image: url('../images/back_enabled.jpg');
}

.paginate_disabled_next {
	background-image: url('../images/forward_disabled.jpg');
}

.paginate_enabled_next {
	background-image: url('../images/forward_enabled.jpg');
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
	margin: 0 auto;
	width: 100%;
	clear: both;
	border-collapse: collapse;
	border-width:1px;
}

table.display tfoot th {
	padding: 3px 0px 3px 10px;
	font-weight: bold;
	font-weight: normal;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display td {
	padding: 3px 10px;
}

table.display td.center {
	text-align: center;
}

table.display tr {
	  border-left :1px solid #B6B6B6; 	
	  border-right :1px solid #B6B6B6; 	
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

/*.sorting_asc {
	background: url('../images/sort_asc.jpg') no-repeat center right;
}

.sorting_desc {
	background: url('../images/sort_desc.jpg') no-repeat center right;
}

.sorting {
	background: url('../images/sort_both.jpg') no-repeat center right;
}*/




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
table.display tr.odd.gradeA {
	background-color: #ddffdd;
}

table.display tr.even.gradeA {
	background-color: #eeffee;
}




table.display tr.odd.gradeA {
	background-color: #ddffdd;
}

table.display tr.even.gradeA {
	background-color: #eeffee;
}

table.display tr.odd.gradeC {
	background-color: #ddddff;
}

table.display tr.even.gradeC {
	background-color: #eeeeff;
}

table.display tr.odd.gradeX {
	background-color: #ffdddd;
}

table.display tr.even.gradeX {
	background-color: #ffeeee;
}

table.display tr.odd.gradeU {
	background-color: #ddd;
}

table.display tr.even.gradeU {
	background-color: #eee;
}


tr.odd { /* odd is the 1st row in table */
	background-color: white;
}


tr.even {
	background-color:#eee;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.dataTables_scroll {
	clear: both;
}

.top, .bottom {
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
}

.top .dataTables_info {
	float: none;
}

.clear {
	clear: both;
}

.dataTables_empty {
	text-align: center;
}

tfoot input {
	margin: 0.5em 0;
	width: 100%;
	color: #444;
}

tfoot input.search_init {
	color: #999;
}

td.group {
	background-color: #d1cfd0;
	border-bottom: 2px solid #A19B9E;
	border-top: 2px solid #A19B9E;
}

td.details {
	background-color:#CCEBFF;
	border: 1px solid #A19B9E;
}


.example_alt_pagination div.dataTables_info {
	width: 40%;
}

.paging_full_numbers span.paginate_button,
 	.paging_full_numbers span.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
}

.paging_full_numbers span.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers span.paginate_button:hover {
	background-color: #ccc;
}

.paging_full_numbers span.paginate_active {
	background-color: #99B3FF;
}

table.display tr.even.row_selected td {
	background-color: #B0BED9;
}

table.display tr.odd.row_selected td {
	background-color: #9FAFD1;
}


/*
 * Sorting classes for columns
 */
/* For the standard odd/even */
tr.odd td.sorting_1 {  /* odd is the 1st row in table */
	/*background-color: #f9f9f9;*/   /* UI changed */
	/*By Ben 03/07/12*/
	background-color:#FFF;
}

tr.odd td.sorting_2 {
	background-color: #DADCFF;
}

tr.odd td.sorting_3 {
	background-color: #E0E2FF;
}

tr.even td.sorting_1 {
	background-color: #ccc;
}

tr.even td.sorting_2 {
	background-color: #F2F3FF;
}

tr.even td.sorting_3 {
	background-color: #F9F9FF;
}


/* For the Conditional-CSS grading rows */
/*
 	Colour calculations (based off the main row colours)
  Level 1:
		dd > c4
		ee > d5
	Level 2:
	  dd > d1
	  ee > e2
 */
tr.odd.gradeA td.sorting_1 {
	background-color: #c4ffc4;
}

tr.odd.gradeA td.sorting_2 {
	background-color: #d1ffd1;
}

tr.odd.gradeA td.sorting_3 {
	background-color: #d1ffd1;
}

tr.even.gradeA td.sorting_1 {
	background-color: #d5ffd5;
}

tr.even.gradeA td.sorting_2 {
	background-color: #e2ffe2;
}

tr.even.gradeA td.sorting_3 {
	background-color: #e2ffe2;
}

tr.odd.gradeC td.sorting_1 {
	background-color: #c4c4ff;
}

tr.odd.gradeC td.sorting_2 {
	background-color: #d1d1ff;
}

tr.odd.gradeC td.sorting_3 {
	background-color: #d1d1ff;
}

tr.even.gradeC td.sorting_1 {
	background-color: #d5d5ff;
}

tr.even.gradeC td.sorting_2 {
	background-color: #e2e2ff;
}

tr.even.gradeC td.sorting_3 {
	background-color: #e2e2ff;
}

tr.odd.gradeX td.sorting_1 {
	background-color: #ffc4c4;
}

tr.odd.gradeX td.sorting_2 {
	background-color: #ffd1d1;
}

tr.odd.gradeX td.sorting_3 {
	background-color: #ffd1d1;
}

tr.even.gradeX td.sorting_1 {
	background-color: #ffd5d5;
}

tr.even.gradeX td.sorting_2 {
	background-color: #ffe2e2;
}

tr.even.gradeX td.sorting_3 {
	background-color: #ffe2e2;
}

tr.odd.gradeU td.sorting_1 {
	background-color: #c4c4c4;
}

tr.odd.gradeU td.sorting_2 {
	background-color: #d1d1d1;
}

tr.odd.gradeU td.sorting_3 {
	background-color: #d1d1d1;
}

tr.even.gradeU td.sorting_1 {
	background-color: #d5d5d5;
}

tr.even.gradeU td.sorting_2 {
	background-color: #e2e2e2;
}

tr.even.gradeU td.sorting_3 {
	background-color: #e2e2e2;
}


/*
 * Row highlighting example
 */
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
	background-color: #ECFFB3;
}

.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
	background-color: #E6FF99;
}
/* Styles for jQuery menu widget
Author:	Maggie Wachs, maggie@filamentgroup.com
Date:		September 2008
*/


/* REQUIRED STYLES - the menus will only render correctly with these rules */	

.fg-menu-container { position: absolute; top:0; left:-999px; padding: .4em;  overflow: hidden; background-color:#CCEBFF; z-index:3;}
.fg-menu-container.fg-menu-flyout { overflow: visible; }

.fg-menu, .fg-menu ul { list-style-type:none; padding: 0; margin:0; }

.fg-menu { position:relative; }
.fg-menu-flyout .fg-menu { position:static; }

.fg-menu ul { position:absolute; top:0; }
.fg-menu ul ul { top:-1px; }

.fg-menu-container.fg-menu-ipod .fg-menu-content, 
.fg-menu-container.fg-menu-ipod .fg-menu-content ul { background: none !important; }

.fg-menu.fg-menu-scroll,
.fg-menu ul.fg-menu-scroll { overflow: scroll;  overflow-x: hidden; }

.fg-menu li { clear:both; float:left; width:100%; margin: 0; padding:0; border: 0; }	
.fg-menu li li { font-size:1em; } /* inner li font size must be reset so that they don't blow up */

.fg-menu-flyout ul ul { padding: .4em; }
.fg-menu-flyout li { position:relative; }

.fg-menu-scroll { overflow: scroll; overflow-x: hidden; }

.fg-menu-breadcrumb { margin: 0; padding: 0; }

.fg-menu-footer {  margin-top: .4em; padding: .4em; }
.fg-menu-header {  margin-bottom: .4em; padding: .4em; }

.fg-menu-breadcrumb li { float: left; list-style: none; margin: 0; padding: 0 .2em; font-size: .9em; opacity: .7; }
.fg-menu-breadcrumb li.fg-menu-prev-list,
.fg-menu-breadcrumb li.fg-menu-current-crumb { clear: left; float: none; opacity: 1; }
.fg-menu-breadcrumb li.fg-menu-current-crumb { padding-top: .2em; }

.fg-menu-breadcrumb a, 
.fg-menu-breadcrumb span { float: left; }

.fg-menu-footer a:link,
.fg-menu-footer a:visited { float:left; width:100%; text-decoration: none; }
.fg-menu-footer a:hover,
.fg-menu-footer a:active {  }

.fg-menu-footer a span { float:left; cursor: pointer; }

.fg-menu-breadcrumb .fg-menu-prev-list a:link,
.fg-menu-breadcrumb .fg-menu-prev-list a:visited,
.fg-menu-breadcrumb .fg-menu-prev-list a:hover,
.fg-menu-breadcrumb .fg-menu-prev-list a:active { background-image: none; text-decoration:none; }
	
.fg-menu-breadcrumb .fg-menu-prev-list a { float: left; padding-right: .4em; }
.fg-menu-breadcrumb .fg-menu-prev-list a .ui-icon { float: left; }
	
.fg-menu-breadcrumb .fg-menu-current-crumb a:link,
.fg-menu-breadcrumb .fg-menu-current-crumb a:visited,
.fg-menu-breadcrumb .fg-menu-current-crumb a:hover,
.fg-menu-breadcrumb .fg-menu-current-crumb a:active { display:block; background-image:none; font-size:1.3em; text-decoration:none; }



/* REQUIRED LINK STYLES: links are "display:block" by default; if the menu options are split into 
	selectable node links and 'next' links, the script floats the node links left and floats the 'next' links to the right	*/

.fg-menu span,
.fg-menu a:link,
.fg-menu a:visited,
.fg-menu a:hover,
.fg-menu a:active { 
	float:left; 
	width:92%; 
	padding:.3em 3%; 
	text-decoration:none; 
	outline: 0 !important;
	
}

.fg-menu a { border: 1px dashed transparent; }

.fg-menu a.ui-state-default:link,
.fg-menu a.ui-state-default:visited,
.fg-menu a.ui-state-default:hover,
.fg-menu a.ui-state-default:active,
.fg-menu a.ui-state-hover:link,
.fg-menu a.ui-state-hover:visited,
.fg-menu a.ui-state-hover:hover,
.fg-menu a.ui-state-hover:active,
.fg-menu a.ui-state-active:link,
.fg-menu a.ui-state-active:visited,
.fg-menu a.ui-state-active:hover,
.fg-menu a.ui-state-active:active { 
	border-style: solid; 
	font-weight: bold;

}

.fg-menu a span { display:block; cursor:pointer; }


 /* SUGGESTED STYLES - for use with jQuery UI Themeroller CSS */	
 
.fg-menu-indicator span { float:left; }
.fg-menu-indicator span.ui-icon { float:right; }

.fg-menu-content.ui-widget-content, 
.fg-menu-content ul.ui-widget-content { border:0; }


/* ICONS AND DIVIDERS */

.fg-menu.fg-menu-has-icons a:link,
.fg-menu.fg-menu-has-icons a:visited,
.fg-menu.fg-menu-has-icons a:hover,
.fg-menu.fg-menu-has-icons a:active { padding-left:20px; }

.fg-menu .horizontal-divider hr, .fg-menu .horizontal-divider span { padding:0; margin:5px .6em; }
.fg-menu .horizontal-divider hr { border:0; height:1px; }
.fg-menu .horizontal-divider span { font-size:.9em; text-transform: uppercase; padding-left:.2em; }


@charset "UTF-8";
/*
 * jQuery File Upload Plugin CSS 1.3.0
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */

.fileinput-button {
    position: relative;
    overflow: hidden;
}
.fileinput-button input {
    /*position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px;
    direction: ltr;
    cursor: pointer;*/

    position: absolute;
    top: -34px;
    right: -16px;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    direction: ltr;
    cursor: pointer;
    font-size:50px;
    /*width:100px;*/
}


.bar {
    background-color: #B4F5B4;
    height: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.percent {
position: absolute;
display: inline-block;
top: 3px;
left: 48%;
}

/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}

.gen-font-size-x-small {
    font-size: 0.5em;
}

.gen-font-size-small {
    font-size: 0.75em !important;
}

.gen-font-size-large {
    font-size: 1.5em;
}

.gen-font-size-x-large {
    font-size: 2em;
}

.gen-font-style-italic {
    font-style: italic;
}

.gen-text-weight-thick {
    font-weight: bold;
}

.gen-text-color-bright {
    color: #ff0000;
}

.gen-text-color-dim {
    color: #cccccc;
}

.gen-text-align-left {
    text-align: left;
}

.gen-text-align-right {
    text-align: right;
}

.gen-text-align-center {
    text-align: center;
}

.gen-text-valign-top {
    vertical-align:top;
}

.gen-text-valign-middle {
    vertical-align:middle;
}

.gen-text-valign-bottom {
    vertical-align:bottom;
}



.tblDefault
{
    width: 100%;
    border-spacing: 0px;
    border-collapse: collapse;
    border: 1px solid #B6B6B6;
    padding: 0px;
    margin: 0px;
    
}

.tblDefault tbody td
{
    border-bottom: solid #B6B6B6 1px;
    border-right: solid #B6B6B6 1px;
    padding: 5px;
    margin: 0px;
}
.tblDefault thead th, .tblDefault tr th
{
    border-bottom: solid #B6B6B6 1px;
    border-right: solid #B6B6B6 1px;
    padding: 5px;
  /*  font-weight: bold;*/
}

/*  gen table styles
----------------------------------------------------------*/

.ui-divcolumn-first
{
    display: inline;
    float: left;
}
.ui-divcolumn-next
{
    display: inline;
    float: left;
    margin-left: 14px;
}
.ui-divcolumn-end
{
    clear: both;
   
}

.data-popupcommon, .data-popup, .data-expandrow, .data-replace-content
{
    text-decoration: none;
    cursor: pointer;
}

.ui-editor-error
{
    color:Red;
    }
    
.ui-editor-table-header
{
   font-weight:bold;
}



	.fg-button-hidden { position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; }
	
	.fg-button { clear:left; margin:0px 4px 0px 20px; padding: .4em 1em; text-decoration:none !important;
				cursor:pointer; position: relative; text-align: center; zoom: 1; }
    .fg-button-header
	{ 
	/* clear:left; */
	margin:0px 4px 0px 0px;  /* 0px 4px 0px 20px; */
	padding: .4em 1em;
	text-decoration:none !important;
	cursor:pointer;
	position: relative;
	text-align: center;
	zoom: 1;
	display: block;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.3;
    /*text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);*/
	}
	.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
	.fg-button-header .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
	a.fg-button { float:left;  }
	a.fg-button-header { float:left;  }
	button.fg-button { width:auto; overflow:visible; } /* removes extra button width in IE */
	button.fg-button-header{ width:auto; overflow:visible; } /* removes extra button width in IE */
	
	.fg-button-icon-left { padding-left: 2.1em; }
	.fg-button-icon-right { padding-right: 2.1em; }
	.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
	.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
	.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	
	
	.fg-button.ui-state-loading .ui-icon { background: url(images/spinner_bar.gif) no-repeat 0 0; }
	.fg-button-header.ui-state-loading .ui-icon { background: url(images/spinner_bar.gif) no-repeat 0 0; }
	
	
	.css_right {float: right;} 

		.ui-button-active { cursor: pointer; vertical-align: middle; }

	.ui-button-inactive { vertical-align: middle; }



    #tbl div.arrow { background:transparent url(images/arrow.png) no-repeat scroll 0px -9px; width:20px; height:9px; display:block; cursor:pointer;}

    #tbl div.up { background-position:0px 0px; cursor:pointer;}

html {
    background: #151A46;
    background: url(images/loginBg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/loginBG.jpg', sizingMethod='scale')";
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/loginBG.jpg', sizingMethod='scale');
}

html, body, input, select, textarea {
    font-family: Helvetica, Arial, sans-serif !important;
}

body {
    background-color: transparent;
}

h1 {
    color: #00568d;
}

input, select {
    color: #4f4f4f !important;
    background: #fff;
    background-color: #FFF !important;
    border-radius: 2px;
    border: 1px solid #cecece;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #ccc;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ccc;
    opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ccc;
    opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ccc !important;
}

html > /**/ body :placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
    color: #ccc;
}


.pure-control-group option { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:    black;
}


input.error {
    border: 1px dotted #C50202;
}


label.error {
    color: #C50202;
    font-size: 12px;
    position: relative;
    min-width: 400px !important;
    left: 200px;
    top: -12px;
}

#loginPage #form1 label.error {
    left: 0px;
    top: 35px;
    position: absolute;
    text-align:left;
}

#loginPage #form2 label.error {
    left: 0px;
    text-align: left;
    top: -2px;
    min-width: 387px !important;
}

div.error p {
    background-color: #F9EBEC;
    border: solid #C50202 1px;
    max-width: 630px;
    width:auto;
    padding: 20px;
    margin: 20px auto;
}

div.success p {
    background-color: #E4F4ED;
    border: solid green 1px;
    max-width: 630px;
    width:auto;
    padding: 20px;
    margin: 0px auto 20px auto;
}

div.warning p {
    background-color: #F7E9DE;
    border: solid #E47A05 1px;
    width: auto;
    max-width: 630px;
    padding: 20px;
    margin: 20px auto;
}

#loginPageBody div.error {
    margin-top: 70px;
}

.links, .links:visited, .links:active {
    text-decoration: none !important;
    color: white;
}

    .links:hover {
        color: rgba(255,255,255,0.4);
        text-decoration: none !important;
    }
/*#header1 {
    text-align: center;
    line-height: 34px;
    background-color: rgba(0, 69, 128, 0.3);
    height: 115px;
    padding: 25px 0 0 0px;
}*/
.container1 {
    /*width: 100%;
    margin: 0 auto;
    background-image: url(images/transparentBar.png); 
    background-color: rgba(55, 116, 172, 0.3);
    background-repeat: repeat;
    height: 140px;*/
}

.container2 {
    width: 980px;
    margin: 0 auto;
}

#SecondFactorAuthenticationContainer {
    width: auto;
}

#header {
    width: 245px;
    height: 100px;
    /*background-image: url(images/logo.png);
    background-repeat: no-repeat;
    position: relative;*/
    top: 31px;
    left: 58px;
}

#footer {
    /*background-image: url(images/transparentBar.png);
    background-repeat: repeat-x;
    background-color: rgba(55, 116, 172, 0.8);
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 45px;
    border-top: solid 3px #DCE54C;*/
    /*background-color: rgba(0, 69, 128, 0.3);
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 60px;*/
}

.publicPageConsumerBody #footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 35px;		
}

.publicPageConsumerBody #footer p {
    padding: 10px 0 0 0;
    margin: 0px auto;
    width: 100%;	
}

.termsAndConditionBody #footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 35px;
}

.termsAndConditionBody #footer p {
    padding: 10px 0 0 0;
    margin: 0px auto;
    width: 100%;
}

#FPBody #footer p {
    position: fixed;
    bottom: 0;
}

    #footer p {
        padding: 0;
        margin: 23px auto;
        color: #FFF;
        text-align: center;
        width: 100%;
        font-size: 13px;
    }

.contentWrapper {
    background-color: #E4E8F4;
    /*background-color: rgba(228, 232, 244, 0.6);*/
    margin: 0% auto;
    border: solid 5px #fff;
    padding: 20px 30px;
    /*opacity: 0.85;
    filter: alpha(opacity=85);*/
    -webkit-border-radius: 15px !important;
    -moz-border-radius: 15px !important;
    -ms-border-radius: 15px !important;
    -o-border-radius: 15px !important;
    border-radius: 15px !important;
    -moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
    -webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
    box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
    zoom: 1;
    line-height: 20px;
    font-size: 14px;
}

    .contentWrapper h3 {
        font-size: 16px;
        padding: 20px 0;
        white-space: normal;
    }

#expiredPage a {
    float: right;
    top: -35px;
    position: relative;
}

#loginPage,
#quoteReallPage {
    width: 100%;
    position: relative;
    /*left:-25px;*/
    top: -40px;
}

#expiredPage {
    width: 765px;
    margin: 7% auto !important;
}

#registrationPage {
    width: 750px;
}

#passwordResetPage,
#usernameRecoveryPage {
    width: 720px;
}

#passwordResetPage #crumbs ul li a{
   height: 31px;
}


#secondFactorAuthenticationPage {
    width: 720px;
    min-width: 720px;
}

[id^="div_popup"] #secondFactorAuthenticationPage {
    width: auto;
    padding: 0;
    margin: 0;
}

.fltLeft {
    float: left;
}

.fltRight {
    float: right;
}

#separaterBar {
    margin: 0 auto;
    background-image:url(images/separateBar.png);
    background-repeat:no-repeat;
    width: 1px;
    height:450px;
}

.clear {
    clear: both;
}

#endOfCompatibility {
    position: relative;
    padding: 10px;
    margin-top: 20px;
    margin-left: auto !important;
    margin-right: auto;
    margin-bottom: 20px;
    left: 1.65%;
    width: 830px;
    background-color: #FFCA18;
    color: white;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.3;
}

.loginHeader {
    height: 78px;
}

#loginBtnBox {
    padding-top: 105px;

}

#getAQuoteBtnBox{
    text-align: center;
    position: absolute;
    top: 310px;
    height: 40px;
    padding-top: 40px;
}

#quickQuoteBox {
    height: 264px;
}

.pure-form-aligned .pure-control-group label:not(.error) {
    color:white;
}

#secondFactorAuthenticationPage .pure-form-aligned .pure-control-group label:not(.error) {
    color: #4f4f4f;
}

.pure-form-aligned .pure-control-group label {
    text-align: left !important;
    width: 14em !important;
    font-weight: bold;
    font-size: 13px;
    vertical-align: top !important;
}

#loginPage .pure-form-aligned .pure-control-group label {
    width: 8em;
}

#loginPage .pure-form-aligned .pure-control-group {
    width: 400px;
}

.btnBox {
    text-align: right;
    padding-top: 20px;
}

.pure-button {
    background-color: #0078e7 !important;
    border: 2px solid #FFF;
    text-decoration: none;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255,255,255,0.4) inset;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4) inset;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4) inset;
    font-size: 1.1em;
    padding: .1em 1em;
    color: #fff;
    cursor: pointer;
}

    .pure-button-hover, .pure-button:hover, .pure-button:focus {
        background-color: #2E8AB8;
    }

.pure-form-aligned .pure-control-group {
    display: inline-block;
}

.pure-form-aligned .pure-control-group,
.pure-form-aligned select,
.pure-form-aligned input {
    margin-bottom: 10px;
    /*max-height:45px;*/
    min-height: 30px;
}

[id^="div_popup"] .saveCancelButton .ui-button,
[id^="div_popup"] .contCancelButton .ui-button,
[id^="div_popup"] .deleteCancelButton .ui-button,
[id^="div_popup"] .newDocDialogFooter .ui-button,
[id^="div_popup"] .pure-controls .ui-button,
[id^="div_popup"] .viewCloseButton .ui-button,
[id^="div_popup"] .wizardButtons .ui-button,
[id^="div_popup"] .printCancelButtons .ui-button,
[id^="div_popup"] .submitButton .ui-button,
.ui-dialog .ui-dialog-buttonpane .ui-button,
.ui-dialog .ui-dialog-viewclose .ui-button,
.details .saveCancelButton .ui-button,
.details .createNewButton .ui-button,
.details .addNewWrapper .ui-button {
    margin: 0px 0 0 -5px !important;
    /* height: 35px; */
}

[id^="div_popup"] .saveCancelButton,
[id^="div_popup"] .contCancelButton,
[id^="div_popup"] .deleteCancelButton,
[id^="div_popup"] .newDocDialogFooter,
[id^="div_popup"] .pure-controls,
[id^="div_popup"] .viewCloseButton,
[id^="div_popup"] .wizardButtons,
[id^="div_popup"] .printCancelButtons,
[id^="div_popup"] .submitButton,
.ui-dialog .ui-dialog-buttonpane,
.ui-dialog .ui-dialog-viewclose,
.details .saveCancelButton,
.details .createNewButton,
.details .addNewWrapper {
    padding: 0px !important;
    float: none !important;
    text-align: right;
    margin-bottom: 0px !important;
    bottom: 0px;
    left: 0px;
    width: 100%;
    position: absolute;
}

#div_popup_failBox .saveCancelButton {
    height: 35px;
}

.details .saveCancelButton,
.details .createNewButton,
.details .addNewWrapper,
.toggleContents .newDocDialogFooter {
    bottom: auto;
    position: relative;
}

#loginPage select {
    /*-webkit-appearance: button;*/
    -moz-appearance: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    /*-webkit-padding-end: 20px;*/
    -moz-padding-end: 20px;
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;
    background-color: rgba(0, 0, 0, 0.1);
    /*background-image: url(images/select_arrow.png);*/
    background-position: center right;
    background-repeat: no-repeat;
    border: 1px solid #AAA;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    color: #E8E8E8;
    font-size: inherit;
    margin: 0;
    overflow: hidden;
    padding-top: 2px;
    padding-bottom: 2px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

#loginPage select option{
    background:#fff;
    background-color:#fff;
    color: #4f4f4f;
}

#loginPage select::-ms-expand {
    display: none;
}

#loginPage select:focus::-ms-value {
    background: none;
    color:#4f4f4f;
}

#loginPage .select-disabled {
    /*-webkit-appearance: button;*/
    -moz-appearance: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    /*-webkit-padding-end: 20px;*/
    -moz-padding-end: 20px;
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;
    background-color: rgba(0, 0, 0, 0.1);
    background-position: center right;
    background-repeat: no-repeat;
    border: 1px solid #AAA;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    color: #ccc;
    font-size: inherit;
    margin: 0;
    overflow: hidden;
    padding-top: 2px;
    padding-bottom: 2px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

#btnRegister {
    margin-right: 35px;
}

#header1 {
    height: 85px;
    padding: 25px 0 25px 0px;
    text-align: center;
    line-height: 30px;
}

#secondFactorAuthenticationPage {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;
}

/*steps*/
#secondFactorAuthenticationPage #crumbs {
    min-width: 720px;
    width: 100%;
    margin: 10px auto !important;
}

#crumbs {
    text-align: left;
    width:700px;
}

    #crumbs ul {
        list-style: none;
        display: inline-table;
        padding: 0px;
    }

        #crumbs ul li {
            display: inline-block;
        }

#secondFactorAuthenticationPage #crumbs ul {
    width: 80%;
    margin: 0 auto;
    display: inherit;
}

#secondFactorAuthenticationPage #crumbs ul li {
    width: 190px;
    min-width: 90px;
    float: left;
}

#secondFactorAuthenticationPage #crumbs ul li a {
    display: block;
    float: left;
    position: relative;
    height: 55px;
    width: 55px;
    margin-left: 45px;
    padding: 0;
}

            #crumbs ul li a {
                display: block;
                float: left;
                height: 42px;
                background: #999999;
                text-align: center;
                padding: 10px 10px 0 29px;
                position: relative;
                margin: 0 2px 0 0;
                font-size: 1em;
                text-decoration: none;
                color: #fff;
            }



#crumbs ul li a:after {
    content: "";
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #999999;
    position: absolute;
    right: -20px;
    top: 0;
    z-index: 1;
}

#crumbs ul li a:before {
    content: "";
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #ffffff;
    position: absolute;
    left: 0;
    top: 0;
}

#crumbs ul li:first-child a {
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

    #crumbs ul li:first-child a:before {
        display: none;
    }

#secondFactorAuthenticationPage #crumbs ul li:last-child a {
    border-radius: 50%;
}

#crumbs ul li:last-child a {
    padding-right: 40px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

    #crumbs ul li:last-child a:after {
        display: none;
    }

#crumbs ul li a.complete {
    background: #0078e7;
}

    #crumbs ul li a.complete:after {
        border-left-color: #0078e7;
    }

/*Forget Password Crumbs Starts*/
#passwordResetPage h2, #secondFactorAuthenticationPage h2 {
    color: #4f4f4f;
}

#passwordResetPage .pure-form-aligned .pure-control-group label:not(.error), #secondFactorAuthenticationPage .pure-form-aligned .pure-control-group label:not(.error) {
    color: #4f4f4f;
}

#passwordResetPage .pure-form-aligned .pure-control-group label.error, #secondFactorAuthenticationPage .pure-form-aligned .pure-control-group label.error {
    color: red;
    font-size: 12px;
    text-align: left !important;
    left: 200px;
    position: relative;
    display: block;
    min-width: 400px !important;
}

#passwordResetPage #crumbs, #secondFactorAuthenticationPage #crumbs {
    min-width: 720px;
    width: 100%;
    margin: 10px auto !important;
}

    #passwordResetPage #crumbs ul, #secondFactorAuthenticationPage #crumbs ul {
        width: 80%;
        margin: 0 auto;
        display: inherit;
        text-align: center;
    }

        #passwordResetPage #crumbs ul li, #secondFactorAuthenticationPage #crumbs ul li {
            display: inline-block;
            width: 115px;
            min-width: 90px;
            float: left;
        }

        #passwordResetPage #crumbs ul li, #secondFactorAuthenticationPage #crumbs ul li {
            width: 110px;
        }

#usernameRecoveryPage #crumbs ul li {
    width: 135px;
}

#secondFactorAuthenticationPage #crumbs ul li a {
    display: block;
    float: left;
    position: relative;
    height: 55px;
    width: 55px;
    margin-left: 131px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 1em;
    color: #262729;
    border: 1px solid transparent !important;
    background: #fff !important;
    font-weight: 600;
}

#passwordResetPage #crumbs ul li a{
    display: block;
    float: left;
    position: relative;
    height: 55px;
    width: 55px;
    margin-left: 45px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 1em;
    color: #262729;
    border: 1px solid transparent !important;
    background: #fff !important;
    font-weight: 600;
}

    #passwordResetPage #crumbs ul li a:after, #secondFactorAuthenticationPage #crumbs ul li a:after {
        right: -20px;
        top: 0;
        z-index: 1;
        content: "";
        border: none;
    }

    #passwordResetPage #crumbs ul li a:before, #secondFactorAuthenticationPage #crumbs ul li a:before {
        left: 0;
        top: 0;
        content: "";
        border: none;
    }

#passwordResetPage #crumbs .stepTitle, #secondFactorAuthenticationPage #crumbs .stepTitle {
    margin-left: 30px;
    margin-top: 65px;
    font-weight: 600;
    color: #4f4f4f;
}

#passwordResetPage #crumbs li a.complete, #secondFactorAuthenticationPage #crumbs li a.complete {
    background: #204678 !important;
    color: #FFF !important;
}

#secondFactorAuthenticationPage #crumbs ul li:first-child a {
    border-radius: 50%;
}

#secondFactorAuthenticationPage #crumbs .stepTitle {
    margin-left: 135px;
    margin-top: 65px;
}

#passwordResetPage .stepLineProfile {
    margin: 50px auto !important;
    display: block;
    height: 75px;
    width: 445px;
    border-top: 1px solid #4d5376;
    border-bottom: none !important;
}

#secondFactorAuthenticationPage .stepLineProfile {
    margin: 40px auto !important;
    display: block;
    height: 75px;
    width: 250px;
    border-top: 1px solid #4d5376;
    border-bottom: none !important;
}

#passwordResetPage #userNameId, #secondFactorAuthenticationPage #userNameId {
    text-transform: uppercase;
}

#registrationPage .stepLineProfile {
    margin: 37px auto !important;
    display: block;
    height: 75px;
    width: 340px;
}

#usernameRecoveryPage .stepLineProfile {
    margin: 37px auto !important;
    display: block;
    height: 75px;
    width: 275px;
}

.crumbsWrapper {
    width: 94%;
    margin: 0 auto;
    overflow: hidden;
}

/*Forget Password Crumbs Ends*/

.header {
    text-align: center;
    margin: 0px auto;
}

    .header #logo {
        background-image:url(images/logo/logo-public.png);
        background-repeat: no-repeat;
        width: 150px;
        height: 81px;
        margin: 0 auto;
    }

#usernameAddon, #passwordAddon,
#quoteNumAddon, #lastnameAddon,
#emailAddon{
   
    padding: 8px 10px;
    border-color: #ccc !important;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    background: #185ec1;
    color: white;
}

.pure-control-group input {
    margin-top: 1px;
    color: white;
    -webkit-border-top-right-radius: 3px !important;
    border-top-right-radius: 3px !important;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    width: 50%;
    border: 1px solid #ccc;
}

#loginPage #email, 
#loginPage #password,
#loginPage [name="QuickQuoteCreateModel.Zipcode"],
#loginPage .quoteRecallInput {
    padding: 8px 6px !important;
    margin-top: 1px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    width: 350px;
    border: 1px solid #ccc;
    margin-bottom: 0;
    height:36px;
}

#loginPage [name="QuickQuoteCreateModel.Zipcode"]{
    width:385px;
}

#loginPage #email:focus, 
#loginPage #password:focus,
#loginPage [name="QuickQuoteCreateModel.Zipcode"]:focus,
.selectList select:focus{
    outline:1px solid rgba(0, 0, 0, 0.3);
}

.selectList{
    text-align:right;
}
.selectList select,
.selectList input{
    width: 385px;
    height:36px;
    padding-left:5px !important;
    margin-bottom: 1px;
}

#usernameInputGroup,
#quoteNumInputGroup {
    margin-top: 14px;
    padding-bottom: 20px;
}

#lastnameInputGroup,
#emailInputGroup{
    padding-bottom: 25px;
}

#lobList {
    margin-top: 20px;
    padding-bottom: 62px;
    max-height: 50px;
}

#stateList {
    position:relative;
    max-height: 50px;
    margin-bottom: 60px;
}

#checkboxInputGroup {
    padding: 15px 0px 0 5px;
    text-align: left;
}

#footerTextWrapper {
    background-image: url('../../images/footerLogo.jpg') !important;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 150px;
    background: #fff;
    background-repeat-x: no-repeat;
    background-repeat: no-repeat;
    text-align: center;
    background-position-x: 50%;
}

label[for="remember"] {
    padding-left: 14px;
    color: #4f4f4f !important;
    font-weight: normal;
}

#btnLogin, #getAQuote {
    background-color: #006aff;
    border: 1px solid #fff;
    padding: 10px;
    border-color: white;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 385px;
}

#loginLinks {
    text-align: center;
    white-space: nowrap;
    font-size: 13px;
    width: 385px;
    margin: 15px 0 15px -47px;
}

#retriveSavedQuoteLinks {
    width: 385px;
    margin: 15px 0;
}
label[for="loginLinksLabel"] {
    color: white !important;
    font-weight: normal;
    padding: 0;
}

#loginPageBody #step1,
#quoteRecallPageBody #step1 {
    width: 970px;
    margin: 120px auto;
    text-align: left;
}

.insuredLoginBody#loginPageBody #step1 {
    width: 100%;
}

.insuredLoginBody#loginPageBody #loginBox {
    width: 386px;
    margin: 0 auto;
}

.editProfile #step1, .editProfile #step2, .editProfile #step3, .editProfile #step4 {
    width: 100%;
    padding: 20px 0;
    text-align: left;
}

#step1 p, #step2 p, #step3 p, #step4 p {
    text-align: left;
}

#step2 .cookieInfo {
    font-style: italic;
    text-align: center;
    max-width: 630px;
    width: auto;
    margin: 30px auto 15px auto;
}

#divCodeSent .textboxInput {
    text-align: center;
}

#divCodeSent .continueButtonAlign {
    /*margin-right: 24px !important;*/
    padding-top: 5px;
}

#divCodeSent .verificationLabel {
    text-transform: uppercase;
    top: 50%;
    transform: translateY(30%);
}

.resetPageContent .pure-control-group input[type="text"],
.resetPageContent .pure-control-group input[type="password"],
.resetPageContent .pure-control-group input[type="email"],
.resetPageContent .pure-control-group select {
    width: 450px !important;
    max-width: 450px;
    line-height: 20px;
}

#changeUserName #step3 .btnBox {
    margin-right: -48px;
}

#changeSecQuest .btnBox {
    margin-right: 25px;
}

#changeSecQuest #step3 .btnBox {
    margin-right: -14px;
}

#registrationPage .btnBox {
    margin-right: -3px;
}

#registrationPage #step3 .btnBox {
    margin-right: 31px;
}

#passwordResetPage .btnBox {
    margin-right: 14px;
}

#secondFactorAuthenticationPage .btnBox {
    margin-right: 14px;
}

#usernameRecoveryPage .btnBox {
    margin-right: 13px;
}

#changeUserName .error .btnBox,
#changeUserName .success .btnBox,
#changeUserName #step3 .error .btnBox,
#changeUserName #step3 .success .btnBox,
#changeSecQuest .error .btnBox,
#changeSecQuest .success .btnBox,
#registrationPage .error .btnBox,
#registrationPage .success .btnBox,
#usernameRecoveryPage .error .btnBox,
#usernameRecoveryPage .success .btnBox,
#passwordResetPage .error .btnBox,
#passwordResetPage .success .btnBox {
    margin-right: 0px;
}

#secondFactorAuthenticationPage .error .btnBox,
#secondFactorAuthenticationPage .success .btnBox {
    margin-right: 0px;
}

.ui-requiredInput {
    position: relative;
    height: auto;
    max-height: 36px;
    float: left;
    margin-right: 2px;
}

.ui-requiredBlock {
    background-color: #C00;
    position: absolute;
    left: 0px;
    width: 3px;
    height: auto;
    top: 0px;
    bottom: 0px;
}

#loginBox .ui-requiredBlock {
    top:2px;
}

#aLineOfBusiness, #aZipcode {
    position:relative;
    max-height: 50px;
    margin-bottom: 20px;
}

.progress_login {
    color: black;
    background-image: url('../../images/trans.png');
    display: none;
    z-index: 2000;
    position: absolute;
    top: 0px;
    left: 0px;
    min-width: 675px;
    width: 100%;
    height: 100%;
}

/*for message alert box*/
.message-content-wrapper {
    color: #fff;
    margin: 10px 0;
}

.message-content-wrapper h2 {
    font-size: 18px;
    color: #FFF;
    text-transform: uppercase;
    margin: 0px 28px 10px 28px;
}

.message-inner-wrapper {
    /*float: left;
    margin-bottom: 20px;*/
}

.message-success .ui-state-success {
    border: none;
    background: #83c450;
    color: #fff;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    padding: 22px;
    margin-top: 0px;
}

.message-info .ui-state-highlight {
    border: none;
    background: #00d0e7;
    color: #fff;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    padding: 22px;
    margin-top: 0px;
}

.message-warning .ui-state-warning {
    border: none;
    background: #dc6720;
    color: #fff;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    padding: 22px;
    margin-top: 0px;
}

.message-error .ui-state-error {
    border: none;
    background: #cd0a0a;
    color: #fff;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    padding: 22px;
    margin-top: 0px;
}

.message-confirm .ui-state-confirm {
    border: none;
    background: #FFC9AC;
    color: #4F4F4F;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    padding: 22px;
    margin-top: 0px;
}

#actionBtnWrapper {
    float: right;
    margin-top: 20px;
}

.confirmActionBtn {
    padding: .6em 1em;
    color: #fff;
}

.confirmActionBtnIcon{
    vertical-align:middle;
}

.confirmActionBtnText{
    margin: 5px;
}

.message-close-btn{
    display: block;
    margin: -5px !important;
    color: #fff !important;
}  

.message-close-btn:hover{
    color: #fff !important;
}
    
.message-close-btn .fa-times-circle:before{
    content: "\f057" !important;
}

.message-close-btn:hover .fa-times-circle-o:before{
    content: "\f05c" !important;
}

.message-close-btn .fa-arrow-circle-right:before{
    content: "\f0a9" !important;
}

.message-close-btn:hover .fa-arrow-circle-o-right:before{
    content: "\f18e" !important;
}


div.message-success > div,
div.message-info > div,
div.message-warning > div,
div.message-error > div,
div.message-confirm > div
{
    top: 0;
    left: 0 !important;
    margin: 0 auto;
    position: relative !important;
}

    div.message-success > div > div,
    div.message-info > div > div,
    div.message-warning > div > div,
    div.message-error > div > div,
    div.message-confirm > div > div
    {
        left: 0 !important;
        margin: 0 auto;
        width: 100%;
        position: relative;
    }

.icon-wrapper {
    position: relative;
}

.message-icon {
    color: #fff;
    position: absolute;
    top: -5px;
    left: 2px;
}

#secondFactorAuthenticationPage .message-icon {
    left: -5px;
}

.message-success strong,
.message-info strong,
.message-warning strong,
.message-error strong,
.message-confirm strong
{
    vertical-align: middle;
}

span.message-info-text,
span.message-warning-text,
span.message-error-text
{
    padding: 0px 30px;
    line-height: 14px;
    vertical-align: middle;
    display: inline-block;
    width: 90%;
}
    span.message-success-text b,
    span.message-info-text b,
    span.message-warning-text b,
    span.message-error-text b,
    span.message-error-text b
    {
        color: #fff;
    }

#secondFactorAuthenticationPage .message-error-text {
    line-height: 20px;
}

#loginPageBody .message-confirm .ui-state-confirm{
    background: #a8c1d0;
    padding: 4px 22px 7px 22px;
}

#loginPageBody #actionBtnWrapper {
    float: right;
    margin-top: 0;
}
/*for message alert box ends*/

/*removed the X clear function on IE*/
::-ms-clear {
  width : 0;
  height: 0;
}

#secondFactorAuthenticationPage .pure-button::before {
    margin: 0 5px 0 -5px;
}

/* open-sans-300 - vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-300.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Light'), local('OpenSans-Light'), url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-300.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-600.eot'); /* IE9 Compat Modes */
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-600.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-700.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* roboto-300 - vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-300.eot'); /* IE9 Compat Modes */
    src: local('Roboto Light'), local('Roboto-Light'), url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-300.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Roboto'), local('Roboto-Regular'), url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-500.eot'); /* IE9 Compat Modes */
    src: local('Roboto Medium'), local('Roboto-Medium'), url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-500.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-700.eot'); /* IE9 Compat Modes */
    src: local('Roboto Bold'), local('Roboto-Bold'), url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}


html {
    background-color: #151A46;
    background: url(images/loginBg.jpg) no-repeat center bottom fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/loginBg.jpg', sizingMethod='scale')";
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/loginBg.jpg', sizingMethod='scale');
}

html, body, input, select, textarea {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #071255;
}

body {
    background-color: transparent;
}

#loginPageBody,
.publicPageConsumerBody {
    background-color: #151a46;
    background: url(images/loginBg.jpg) no-repeat center bottom fixed;
}

.publicPageConsumerBody #footer {
    height: inherit;
    position: fixed;
    bottom: 0;
}

.termsAndConditionBody #footer {
    height: inherit;
    position: fixed;
    bottom: 0;
}

#termsAndConditionPageBody {
    background: #fff;
}

.redirectLink {
    color: #337ab7
}

a,
#lookupWrapper {
    color: #E97117;
    font-weight: 600;
    transition: color 0.3s ease-in-out;
    text-decoration: none !important;
    cursor: pointer;
}

    a:hover,
    #lookupWrapper:hover {
        color: #F7A86D;
    }

    a:focus,
    a:active,
    #lookupWrapper:focus,
    #lookupWrapper:active {
        color: #036fca;
        outline: none;
    }

#lookupWrapper {
    font-size: 20px;
}


h1, h2, h3, h4, h5, h6 {
    color: #036fca;
    font-weight: normal;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
}

h1 {
    font-size: 32px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 20px;
    color: #C33;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 500;
}

h4, .ui-content-title {
    font-size: 24px;
    font-weight: normal;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

input, select {
    background: none;
    border: none !important;
    border-bottom: 1px solid #071255 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    color: #071255 !important;
}

.insuredLogin input {
    color: #fff !important;
}

.insuredLogin #btnLogin {
    width: 400px;
    height: 67px;
}

    .insuredLogin #btnLogin::before {
        font: normal normal normal 24px/1 FontAwesome;
        content: "\f090";
    }

    .insuredLogin .input-group {
        padding-bottom: 25px;
    }

#insuredTypes input[type="radio"] {
    background: none !important;
    margin: 0;
    height: 25px;
    width: 25px !important;
    float: left;
    position: absolute;
    min-height: 0;
}

#insuredTypes label {
    padding: 0 20px 4px 25px;
    margin-bottom: 0;
}

#insuredTypes label[data-label="LogOnModelAnon.InsuredType"]  {
    color: #fff;
}

    #loginPage .quoteRecallInput, .insuredLogin input {
        width: 400px !important;
    }

#policyTypeInputGroup {
    padding-bottom: 25px;
}

    /* Extra Input Field Styling */
    input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]), select {
        background-color: transparent !important;
        border-bottom: 1px solid #071255;
        color: #071255;
        font-family: 'Open Sans', Helvetica, Arial, sans-serif;
        font-size: 16px !important;
    }

    input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):hover {
        border-bottom: 1px solid #071255;
    }

    input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):focus, select:focus,
    select:focus + .select2-container .select2-selection {
        border-bottom: 1px solid #036fca;
    }

    input[type="checkbox"] + label,
    .checkboxRequiredInput + label {
        font-weight: 600;
    }

#txtSearch,
#txtSearch:hover,
#txtSearh:focus,
#txtSearch:active {
    border-bottom: 1px solid #FFF;
    color: #fff;
}

textarea {
    background-color: #fff;
    border: none;
    border: 1px solid #071255;
    color: #071255;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

    textarea:hover {
        border: 1px solid #071255;
    }

    textarea:focus {
        border: 1px solid #036fca;
    }

.ui-display-textarea {
    border: 1px solid #071255;
}


/* Extra Input Field Styling Ends */
input::-webkit-input-placeholder,
input:focus::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #afafaf;
}

input:-moz-placeholder,
input:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #afafaf;
    opacity: 1;
}

input::-moz-placeholder,
input:focus::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #afafaf;
    opacity: 1;
}

input:-ms-input-placeholder,
input:focus:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #afafaf !important;
    opacity: 1;
}

html > /**/ body input:placeholder-shown,
html > /**/ body input:focus:placeholder-shown,
input[placeholder]:focus {
    color: #afafaf;
    opacity: 1;
}

#loginPageBody input::-webkit-input-placeholder,
#loginPageBody input:focus::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #f2f2f2;
}

#loginPageBody input:-moz-placeholder,
#loginPageBody input:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #f2f2f2;
    opacity: 1;
}

#loginPageBody input::-moz-placeholder,
#loginPageBody input:focus::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #f2f2f2;
    opacity: 1;
}

#loginPageBody input:-ms-input-placeholder,
#loginPageBody input:focus:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #FFF !important;
    opacity: 1;
}

html > /**/ body #loginPageBody input:placeholder-shown,
html > /**/ body #loginPageBody input:focus:placeholder-shown,
input[placeholder]:focus {
    color: #f2f2f2;
    opacity: 1;
}

html > body .tooltipImg::after {
    color: #fff;
}
html > body #tooltipImgPaperless::after {
    color: #071255 !important;
}
html > body #tooltipImgPaperless {
    top: 2px;
    margin-right: 10px;
    margin-left: -5px;
}

span.submitError {
    color: #C50202;
    font-size: 14px !important;
    margin: 0 2px;
    padding: 0 5px;
}

input.error {
    border: 1px dotted #C50202;
}


label.error {
    color: #C50202;
    font-size: 14px !important;
}

#loginPage #form1 label.error {
    text-align: left;
}

#loginPage #form2 label.error {
    text-align: left;
}

[id^="div_popup"] .saveCancelButton .ui-button,
[id^="div_popup"] .contCancelButton .ui-button,
[id^="div_popup"] .deleteCancelButton .ui-button,
[id^="div_popup"] .newDocDialogFooter .ui-button,
[id^="div_popup"] .pure-controls .ui-button,
[id^="div_popup"] .viewCloseButton .ui-button,
[id^="div_popup"] .wizardButtons .ui-button,
[id^="div_popup"] .printCancelButtons .ui-button,
[id^="div_popup"] .submitButton .ui-button,
.ui-dialog .ui-dialog-buttonpane .ui-button,
.ui-dialog .ui-dialog-viewclose .ui-button,
.details .saveCancelButton .ui-button,
.details .createNewButton .ui-button,
.details .addNewWrapper .ui-button {
    margin: 0px 0 0 -5px !important;
    /* height: 35px; */
}

[id^="div_popup"] .saveCancelButton,
[id^="div_popup"] .contCancelButton,
[id^="div_popup"] .deleteCancelButton,
[id^="div_popup"] .newDocDialogFooter,
[id^="div_popup"] .pure-controls,
[id^="div_popup"] .viewCloseButton,
[id^="div_popup"] .wizardButtons,
[id^="div_popup"] .printCancelButtons,
[id^="div_popup"] .submitButton,
.ui-dialog .ui-dialog-buttonpane,
.ui-dialog .ui-dialog-viewclose,
.details .saveCancelButton,
.details .createNewButton,
.details .addNewWrapper {
    padding: 0px !important;
    float: none !important;
    text-align: right;
    margin-bottom: 0px !important;
    bottom: 0px;
    left: 0px;
    width: 100%;
    position: absolute;
}

#div_popup_failBox .saveCancelButton {
    height: 35px;
}

.details .saveCancelButton,
.details .createNewButton,
.details .addNewWrapper,
.toggleContents .newDocDialogFooter {
    bottom: auto;
    position: relative;
}

div.error p {
    background-color: #C33;
    border: none;
    color: #fff;
    text-align: left;
}

div.success p {
    background-color: #7cb350;
    border: none;
    color: #FFF;
    text-align: left;
}

div.warning {
    background-color: #E47A05;
    border: none;
    color: #FFF;
    text-align: left;
}

div.info p {
    background: #00d0e7;
    border: none;
    color: #FFF;
    text-align: left;
}

.links, .links:visited, .links:active {
}

    .links:hover {
    }

#header {
}

#footer {
    background-color: rgba(15, 57, 132, 0.8);
}

#footerText {
    z-index: 2;
    color: #fff !important;
}

.contentWrapper {
    background-color: rgba(234, 234, 234, .9);
    border: solid 3px #fff;
    border-radius: 3px !important;
    box-shadow: none;
    line-height: 20px;
    font-size: 16px;
}

    .contentWrapper h3 {
        font-size: 16px;
        white-space: normal;
        color: #071255;
    }

[id^="div_popup"] .contentWrapper#passwordResetPage {
    background-color: transparent;
    border: none;
}

[id^="div_popup"] #passwordResetPage {
    width: 720px;
    min-width: 720px;
    padding: 0;
    margin: 0;
}

#expiredPage a::before {
    color: #fff;
}

#expiredPage a:hover::before {
    color: #E97117;
}

#expiredPage a:hover:focus::before,
#expiredPage a:hover:active::before {
    color: #FFF;
}

#separaterBar {
    background: #FFF;
}


#loginBtnBox {
    text-align: center;
    padding-top: 10px;
}

.compatibilityText {
    text-align: center;
    padding-top: 10px;
    color: #FFF;
}

#getAQuoteBtnBox {
    text-align: center;
}

.pure-form-aligned .pure-control-group label {
    text-align: left !important;
    font-weight: 600;
    font-size: 16px;
    vertical-align: top !important;
}

.btnBox {
    text-align: right;
}

.ui-dialog {
    background: #EAEAEA !important;
}

    .ui-dialog .ui-dialog-titlebar {
        background-color: #07508e;
        border-bottom: 3px solid #F7A86D;
    }

    .ui-dialog .ui-dialog-title {
        font-family: 'Roboto', Helvetica, Arial, sans-serif;
        font-weight: normal;
        color: #FFF;
    }

    .ui-dialog .ui-dialog-content {
        border: none;
        background: #EAEAEA;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        background: transparent !important;
        border: none !important;
    }

.pure-button {
    background-color: transparent !important;
    border: 1px solid #FFF !important;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    border-radius: 0;
    box-shadow: none;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

    .pure-button-hover,
    .pure-button:hover {
        background-color: #FFF !important;
        border-color: #E97117;
        color: #E97117;
        background-image: none;
    }

    .pure-button-focus, .pure-button:focus,
    .pure-button-active, .pure-button:active {
        background-color: #036fca !important;
        border-color: #036fca;
        color: #FFF;
        box-shadow: none;
    }

[id^="div_popup"] .saveCancelButton,
[id^="div_popup"] .deleteCancelButton,
[id^="div_popup"] .contCancelButton,
[id^="div_popup"] .pure-controls,
[id^="div_popup"] .newDocDialogFooter,
[id^="div_popup"] .viewCloseButton,
[id^="div_popup"] .wizardButtons,
[id^="div_popup"] .printCancelButtons,
[id^="div_popup"] .submitButton,
#actionBtnWrapper,
.ui-dialog .ui-dialog-buttonpane,
.dataTable .details .saveCancelButton,
.dataTable .details .createNewButton {
    background: #E97117;
    text-align: right !important;
}

    [id^="div_popup"] .saveCancelButton .ui-button,
    [id^="div_popup"] .deleteCancelButton .ui-button,
    [id^="div_popup"] .contCancelButton .ui-button,
    [id^="div_popup"] .newDocDialogFooter .ui-button,
    [id^="div_popup"] .pure-controls .ui-button,
    [id^="div_popup"] .viewCloseButton .ui-button,
    [id^="div_popup"] .wizardButtons .ui-button,
    [id^="div_popup"] .printCancelButtons .ui-button,
    [id^="div_popup"] .submitButton .ui-button,
    #actionBtnWrapper .ui-button,
    .ui-dialog .ui-dialog-buttonpane .ui-button,
    .dataTable .details .saveCancelButton .ui-button,
    .dataTable .details .createNewButton .ui-button {
        color: #fff !important;
        border: none !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }

        [id^="div_popup"] .saveCancelButton .ui-button:hover,
        [id^="div_popup"] .deleteCancelButton .ui-button:hover,
        [id^="div_popup"] .contCancelButton .ui-button:hover,
        [id^="div_popup"] .newDocDialogFooter .ui-button:hover,
        [id^="div_popup"] .pure-controls .ui-button:hover,
        [id^="div_popup"] .viewCloseButton .ui-button:hover,
        [id^="div_popup"] .wizardButtons .ui-button:hover,
        [id^="div_popup"] .printCancelButtons .ui-button:hover,
        [id^="div_popup"] .submitButton .ui-button:hover,
        #actionBtnWrapper .ui-button:hover,
        .ui-dialog .ui-dialog-buttonpane .ui-button:hover,
        .dataTable .details .saveCancelButton .ui-button:hover,
        .dataTable .details .createNewButton .ui-button:hover {
            color: #E97117 !important;
            background: #fff !important;
        }

            [id^="div_popup"] .saveCancelButton .ui-button:hover:before,
            [id^="div_popup"] .deleteCancelButton .ui-button:hover:before,
            [id^="div_popup"] .contCancelButton .ui-button:hover:before,
            [id^="div_popup"] .newDocDialogFooter .ui-button:hover:before,
            [id^="div_popup"] .pure-controls .ui-button:hover:before,
            [id^="div_popup"] .viewCloseButton .ui-button:hover:before,
            [id^="div_popup"] .wizardButtons .ui-button:hover:before,
            [id^="div_popup"] .printCancelButtons .ui-button:hover:before,
            [id^="div_popup"] .submitButton .ui-button:hover:before,
            #actionBtnWrapper .ui-button:hover:before,
            .ui-dialog .ui-dialog-buttonpane .ui-button:hover:before,
            .dataTable .details .saveCancelButton .ui-button:hover:before,
            .dataTable .details .createNewButton .ui-button:hover:before {
                color: #E97117 !important;
            }

        [id^="div_popup"] .saveCancelButton .ui-button:focus,
        [id^="div_popup"] .deleteCancelButton .ui-button:focus,
        [id^="div_popup"] .contCancelButton .ui-button:focus,
        [id^="div_popup"] .newDocDialogFooter .ui-button:focus,
        [id^="div_popup"] .pure-controls .ui-button:focus,
        [id^="div_popup"] .viewCloseButton .ui-button:focus,
        [id^="div_popup"] .wizardButtons .ui-button:focus,
        [id^="div_popup"] .printCancelButtons .ui-button:focus,
        [id^="div_popup"] .submitButton .ui-button:focus,
        #actionBtnWrapper .ui-button:focus,
        .ui-dialog .ui-dialog-buttonpane .ui-button:focus,
        .dataTable .details .saveCancelButton .ui-button:focus,
        .dataTable .details .createNewButton .ui-button:focus,
        [id^="div_popup"] .saveCancelButton .ui-button:active,
        [id^="div_popup"] .deleteCancelButton .ui-button:active,
        [id^="div_popup"] .contCancelButton .ui-button:active,
        [id^="div_popup"] .newDocDialogFooter .ui-button:active,
        [id^="div_popup"] .pure-controls .ui-button:active,
        [id^="div_popup"] .viewCloseButton .ui-button:active,
        [id^="div_popup"] .wizardButtons .ui-button:active,
        [id^="div_popup"] .printCancelButtons .ui-button:active,
        [id^="div_popup"] .submitButton .ui-button:active,
        #actionBtnWrapper .ui-button:active,
        .ui-dialog .ui-dialog-buttonpane .ui-button:active,
        .dataTable .details .saveCancelButton .ui-button:active,
        .dataTable .details .createNewButton .ui-button:active {
            color: #FFF;
            background: #036fca;
            border: none !important;
        }

            [id^="div_popup"] .saveCancelButton .ui-button:focus:before,
            [id^="div_popup"] .deleteCancelButton .ui-button:focus:before,
            [id^="div_popup"] .contCancelButton .ui-button:focus:before,
            [id^="div_popup"] .newDocDialogFooter .ui-button:focus:before,
            [id^="div_popup"] .pure-controls .ui-button:focus:before,
            [id^="div_popup"] .viewCloseButton .ui-button:focus:before,
            [id^="div_popup"] .wizardButtons .ui-button:focus:before,
            [id^="div_popup"] .printCancelButtons .ui-button:focus:before,
            [id^="div_popup"] .submitButton .ui-button:focus:before,
            #actionBtnWrapper .ui-button:focus:before,
            .ui-dialog .ui-dialog-buttonpane .ui-button:focus:before,
            .dataTable .details .saveCancelButton .ui-button:focus:before,
            .dataTable .details .createNewButton .ui-button:focus:before {
                color: #fff;
            }

        [id^="div_popup"] .saveCancelButton .ui-button:not(:last-child),
        [id^="div_popup"] .deleteCancelButton .ui-button:not(:last-child),
        [id^="div_popup"] .contCancelButton .ui-button:not(:last-child),
        [id^="div_popup"] .newDocDialogFooter .ui-button:not(:last-child),
        [id^="div_popup"] .pure-controls .ui-button:not(:last-child),
        [id^="div_popup"] .viewCloseButton .ui-button:not(:last-child),
        [id^="div_popup"] .wizardButtons .ui-button:not(:last-child),
        [id^="div_popup"] .printCancelButtons .ui-button:not(:last-child),
        [id^="div_popup"] .submitButton .ui-button:not(:last-child),
        #actionBtnWrapper .ui-button:not(:last-child),
        .ui-dialog .ui-dialog-buttonpane .ui-button:not(:last-child),
        .dataTable .details .saveCancelButton .ui-button:not(:last-child),
        .dataTable .details .createNewButton .ui-button:not(:last-child) {
            border: none !important;
        }

        [id^="div_popup"] .saveCancelButton .ui-button:not(:first-child),
        [id^="div_popup"] .deleteCancelButton .ui-button:not(:first-child),
        [id^="div_popup"] .contCancelButton .ui-button:not(:first-child),
        [id^="div_popup"] .newDocDialogFooter .ui-button:not(:first-child),
        [id^="div_popup"] .pure-controls .ui-button:not(:first-child),
        [id^="div_popup"] .viewCloseButton .ui-button:not(:first-child),
        [id^="div_popup"] .wizardButtons .ui-button:not(:first-child),
        [id^="div_popup"] .printCancelButtons .ui-button:not(:first-child),
        [id^="div_popup"] .submitButton .ui-button:not(:first-child),
        #actionBtnWrapper .ui-button:not(:first-child),
        .ui-dialog .ui-dialog-buttonpane .ui-button:not(:first-child),
        .ui-dialog .ui-dialog-viewclose .ui-button:not(:first-child),
        .dataTable .details .saveCancelButton .ui-button:not(:first-child),
        .dataTable .details .createNewButton .ui-button:not(:first-child),
        .dataTable .details .addNewWrapper .ui-button:not(:first-child) {
            border-left: 1px solid #fff !important;
            border-bottom: none !important;
            border-top: none !important;
            border-right: none !important;
        }

.ui-button-inactive {
    opacity: 0.3;
}

.ui-button-img-inactive {
    filter: alpha(opacity=30); /* For IE8 and earlier */
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
.ui-button, .ui-widget-content .ui-button, .ui-widget-header .ui-button {
    border: 1px solid #E97117;
    font-weight: 600;
    color: #fff;
    background: #E97117;
    margin: 3px 0;
    transition: background-color 0.3s ease-in-out;
}

    .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
        color: #fff;
        text-decoration: none;
    }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover {
    border: 1px solid #E97117;
    font-weight: 600;
    color: #E97117;
    background: #fff;
}

    .ui-state-hover a, .ui-state-hover a:hover {
        color: #E97117;
        text-decoration: none;
    }

.ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-state-focus,
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    outline: none;
    color: #FFF;
    border: 1px solid #036fca;
    background: #036fca;
    box-shadow: none;
}

    .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
        color: #fff !important;
        text-decoration: none;
    }

.ui-button .ui-state-default, .ui-button .ui-widget-content .ui-state-default, .ui-button .ui-widget-header .ui-state-default,
.ui-datepicker .ui-datepicker-buttonpane button.ui-state-default {
    border: 1px solid #E97117;
    font-weight: 600;
    color: #fff;
    background: #E97117;
    margin: 3px 0;
}

.ui-button:hover,
.ui-button.ui-state-hover, .ui-button .ui-widget-content .ui-state-hover, .ui-button .ui-widget-header .ui-state-hover,
.ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus {
    color: #E97117;
    background: #fff;
}

.ui-button:focus,
.ui-button.ui-state-focus,
.ui-button:active,
.ui-button.ui-state-active,
.ui-datepicker .ui-datepicker-buttonpane button.ui-state-active {
    background: #036fca;
    border: 1px solid #036fca;
    outline: none;
    color: #FFF;
}

    .ui-button .ui-state-focus:before,
    .ui-button:active:before,
    .ui-button .ui-state-active:before,
    .ui-button .ui-state-hover.ui-state-focus,
    .ui-button .ui-state-hover.ui-state-active {
        color: #FFF;
    }

.ui-button .ui-button-text {
    text-shadow: none !important;
    font-size: 16px;
    font-weight: 600;
}

a.ui-widget.ui-button, button.ui-widget.ui-button, input.ui-widget.ui-button {
    font-size: 16px;
    line-height: normal;
}


.ui-button.ui-state-disabled:hover {
    opacity: 0.5;
    border: 1px solid #E97117;
}


#loginPage select {
    -webkit-appearance: button;
    -moz-appearance: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-padding-end: 20px;
    -moz-padding-end: 20px;
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;
    background-color: transparent;
    background-image: url(images/select_arrowWhite.png);
    background-position: center right;
    background-repeat: no-repeat;
    border: 1px solid #AAA;
    border-radius: 3px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    color: #FFF !important;
    font-size: 16px !important;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

    #loginPage select option,
    #loginPageBody #ddLanguage option {
        background: #fff;
        background-color: #fff;
        color: #071255;
        font-size: 16px !important;
    }

    #loginPage select:focus::-ms-value,
    .insuredPortal select:focus::-ms-value {
        background: none;
        color: #071255;
    }

#loginPage .select-disabled {
    -webkit-appearance: button;
    -moz-appearance: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-padding-end: 20px;
    -moz-padding-end: 20px;
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;
    background-color: rgba(0, 0, 0, 0.1);
    background-position: center right;
    background-repeat: no-repeat;
    border: 1px solid #AAA;
    border-radius: 3px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    color: #ccc;
    font-size: inherit;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

#header1 {
    text-align: left;
    line-height: 30px;
}

/*steps*/
/*#crumbs {
    text-align: left;
}

    #crumbs ul li a {
        background: #999999;
        text-align: center;
        font-size: 1em;
        text-decoration: none;
        color: #fff;
    }

#crumbs ul li a:after {
    content: "";
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #999999;
}

#crumbs ul li a:before {
    content: "";
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #FFF;
}

#crumbs ul li:first-child a {
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

   
#crumbs ul li:last-child a {
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

#crumbs ul li a.complete {
    background: #0078e7;
}

    #crumbs ul li a.complete:after {
        border-left-color: #0078e7;
    }*/

/*Forget Password Crumbs Starts*/
#crumbs ul {
    text-align: center;
}

    #crumbs ul li a {
        text-align: center;
        text-decoration: none;
        border-radius: 50%;
        font-size: 1em;
        color: #262729;
        border: 1px solid transparent !important;
        background: #fff !important;
        font-weight: 600;
    }

        #crumbs ul li a:after {
            content: "";
            border: none;
        }

        #crumbs ul li a:before {
            content: "";
            border: none;
        }

#crumbs .stepTitle {
    font-weight: 600;
}

#crumbs li a.complete {
    background: #036fca !important;
    color: #FFF !important;
}

.stepLineProfile {
    border-top: 1px solid #A5ACAF;
    border-bottom: none !important;
}


/*Forget Passwork Crumbs Ends*/

.header {
    text-align: left;
    width: 80%;
    height: 140px;
    display: inline-block;
}

    .header #logo {
        background-image: url(images/footerLogo.jpg);
        background-repeat: no-repeat;
        width: initial;
        height: 153px;
        margin: 34px 10px;
    }

#usernameAddon, #passwordAddon,
#quoteNumAddon, #lastnameAddon,
#emailAddon {
    border-color: #ccc !important;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    background: #185ec1;
    color: white;
}

.pure-control-group input {
    color: #071255;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0 !important;
    border: 1px solid #ccc;
}

#loginPage #email,
#loginPage #password,
#loginPage [name="QuickQuoteCreateModel.Zipcode"],
#loginPage .quoteRecallInput {
    color: #fff !important;
    font-size: 24px !important;
}

    #loginPage #email:focus,
    #loginPage #password:focus,
    #loginPage [name="QuickQuoteCreateModel.Zipcode"]:focus,
    .selectList select:focus {
    }

#loginPageBody h1 {
    color: #fff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    font-weight: 300;
    font-size: 36px;
}

#loginBogHeader {
    text-align: left;
    height: 78px;
}

#insuredLoginBoxHeader {
    text-align: center;
}


#quoteRecallformWrapper #loginBoxHeader {
    text-align: center;
}

#quickQuoteBoxHeader {
    text-align: right;
}

.selectList {
    text-align: right;
}

#checkboxInputGroup {
    text-align: left;
}

label[for="remember"] {
    color: #071255 !important;
    font-weight: normal;
}


#loginLinks {
    text-align: center;
    white-space: nowrap;
    font-size: 15px;
}

#retriveSavedQuoteLinks {
    text-align: center;
    white-space: nowrap;
    font-size: 15px;
}

label[for="loginLinksLabel"] {
    color: #FFF !important;
    font-weight: 500;
}

#btnLogin,
#getAQuote {
    font-size: 24px;
}

    #btnLogin:hover,
    #getAQuote:hover {
    }

#loginPageBody #step1,
#quoteRecallPageBody #step1 {
    text-align: left;
    margin: 90px auto;
}

.editProfile #step1, .editProfile #step2, .editProfile #step3, .editProfile #step4 {
    text-align: left;
}

.ui-requiredBlock {
    background-color: transparent;
}

    .ui-requiredBlock + input,
    .ui-requiredBlock + select,
    .ui-requiredBlock + textarea,
    .ui-requiredBlock + .radioWrapper > label,
    #commonsTable .ui-requiredBlock + .radioWrapperStack > label:last-child,
    .ui-requiredInput .select2-container .select2-selection {
        border-bottom: 2px solid #c33 !important;
    }

        .ui-requiredBlock + input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):focus,
        .ui-requiredBlock + select:focus,
        .ui-requiredBlock + textarea:focus,
        .ui-requiredBlock + .radioWrapper > label:focus,
        #commonsTable .ui-requiredBlock + .radioWrapperStack > label:last-child:focus,
        .ui-requiredInput .select2-container .select2-selection:focus,
        .ui-requiredBlock + select:focus + .select2-container .select2-selection {
            border-bottom: 2px solid #ff4c4c !important;
        }

.classicRadio .ui-requiredBlock,
.checkboxWrapper .ui-requiredBlock {
    background-color: #c33;
}

.progress_login {
    background-image: url('images/trans.png');
}

#languagePickerLable {
    font-weight: bold;
    color: #fff;
}

#ddLanguage {
    -webkit-appearance: button;
    -moz-appearance: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-padding-end: 20px;
    -moz-padding-end: 20px;
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;
    background-image: url(images/select_arrowWhite.png);
    background-position: center right;
    background-repeat: no-repeat;
    border-bottom: 1px solid #FFF !important;
    border-radius: 3px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    color: #fff !important;
    font-size: inherit;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

/*for message alert box*/
.message-content-wrapper {
    color: #fff;
}

    .message-content-wrapper h2 {
        font-size: 18px;
        color: #FFF;
        text-transform: uppercase;
    }

.message-success .ui-state-success {
    border: none;
    background: #83c450;
    color: #fff;
    border-radius: 0px !important;
}

.message-info .ui-state-highlight {
    border: none;
    background: #00d0e7;
    color: #fff;
    border-radius: 0px !important;
}

.message-warning .ui-state-warning {
    border: none;
    background: #Dc6720;
    color: #FFF;
    border-radius: 0px !important;
}

.message-error .ui-state-error {
    border: none;
    background: #C33;
    color: #fff;
    border-radius: 0px !important;
}

.message-confirm .ui-state-confirm {
    border: none;
    background: #FFC9AC;
    color: #4F4F4F;
    border-radius: 0px !important;
}

.confirmActionBtn {
    color: #fff;
}

.confirmActionBtnIcon {
    vertical-align: middle;
}

.confirmActionBtnText {
    margin: 5px;
}


.message-close-btn {
    color: #fff !important;
}

    .message-close-btn:hover {
        color: #fff !important;
    }


.message-icon {
    color: #4f4f4f !important;
    font-size: 1.4em;
}

span.message-success-text b,
span.message-info-text b,
span.message-warning-text b,
span.message-error-text b,
span.message-confirm-text b {
    color: #fff;
}

span.message-success-text a,
span.message-info-text a,
span.message-warning-text a,
span.message-error-text a,
span.message-confirm-text a {
    color: #FFF;
    text-decoration: underline;
}

#loginPageBody .message-confirm .ui-state-confirm {
    background: #07508e;
}

#loginPageBody #actionBtnWrapper {
    text-align: right;
}
/*for message alert box ends*/

/*Copied from Agent Portal Policy Starts*/
* {
    margin: 0;
    padding: 0;
}

html, body {
    min-width: 1024px;
}

.container {
    min-height: 100%;
    height: 70px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding-bottom: 40px;
    margin: 0 auto;
}

#wrapper {
    min-width: 1024px;
    width: 100%;
    height: 100%;
}



input[type="text"], input[type=password] {
    height: 39px;
    width: 175px;
}

[id^="div_popup_Customer_EditInsuredInfo"] input[name="Email.EmailAddress"] {
    width: 270px !important;
}

[id^="div_popup_Customer_EditInsuredInfo"] td > label:not([for="PaperlessPreference"]) {
    margin-top: 9px;
}

[id^="div_popup_Customer_EditInsuredInfo"] p.paperlessLabel {
    margin-top: 10px;
    padding-bottom: 10px;
}

/* Extra Input Field Styling Stats*/
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]), select {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: none;
    outline: none;
    padding: 6px 4px;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]) {
    background-image: none !important;
}


textarea {
    padding: 4px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    outline: none;
    width: 510px;
    -webkit-margin-after: -3px;
}

.ui-display-textarea {
    padding: 4px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    outline: none;
    width: 510px;
    display: block;
    max-height: 300px;
    overflow-y: auto;
}

/* Extra Input Field Styling Ends*/

h3 {
    padding: 20px;
}



h4, .ui-content-title {
    padding: 5px 0 5px;
    letter-spacing: 2px;
    font-size-adjust: 0.45;
    text-align: left;
}


/*for IE8 compatible view hack*/
@media \0screen {
    h6 {
        font-size: 13px;
    }
}
/*for IE10 hack*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    h6 {
        font-size: 12px !important;
    }
}

#ui-container_top {
    background-image: none !important;
    margin-bottom: 20px;
    display: block;
    width: 100%;
    height: 56px;
    padding: 10px 0px;
}

div.ui-container {
    border: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    padding: 0px 0 10px 0;
}

.left {
    text-align: left !important;
}

.right {
    text-align: right !important;
}

.center {
    text-align: center !important;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.infoTd {
}

.topRight {
    float: right !important;
    margin-right: 10px;
    padding-right: 30px;
}

#txtSearch {
    height: 30px;
    margin-top: 13px;
    padding: 0 4px;
}

.tooltip {
    display: none;
    position: absolute;
    padding: 2px 6px;
}

.headerSearchContainer {
    margin-top: 35px;
}

.noPadding,
#noPadding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.noMargin {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.greenStripe {
    height: 69px;
    width: 100%;
    padding-right: 0px;
}

.breadcrumbsBar {
    height: 50px;
    width: 100%;
    min-width: 1024px;
}

.logo {
    padding: 0px 12px 0px 23px !important;
}

#logoX {
    background-image: url(images/logo/logo.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display: block;
    width: 150px;
    height: 57px;
    border-style: none;
    margin: 3px 15px 0 38px;
    background-size: 65%;
    position: relative;
    left: 26px;
}

#btnSearch {
    border: none !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    margin-top: 13px;
    padding: 5px 10px 5px 10px;
}

.fg-button-header {
    margin-top: 4px;
    padding: .4em 1em;
    text-shadow: none !important;
}

.ui-button-text {
    text-shadow: none !important;
}

.ui-button {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none !important;
}

.tabs_main {
    margin-top: 14px !important;
}

.x-panel-header-default-framed-top {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    height: 53px;
}

.x-panel-default-framed {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    border-radius: 0px !important;
}

.x-fieldset-default {
    border: none !important;
}

#fieldsetPanel-innerCt {
    width: 300px;
    padding-top: 15px;
}

#ui-main {
    width: 100%;
    min-height: 100%;
    margin: 0 auto;
    position: relative;
    display: table;
}

.greenBar {
    width: 30px;
    height: 100%;
    float: left;
    position: absolute;
    z-index: 1;
    top: 0px;
    display: table-cell;
}

.leftFilters {
    margin-top: 4px;
    float: left;
    width: 220px;
    margin-left: 30px;
}

@media screen and (max-width: 1400px) {

    .x-toolbar-docked-bottom .x-toolbar-text:last-of-type {
        display: none;
    }

    .x-toolbar-docked-bottom .x-form-trigger-wrap {
        width: 96% !important;
    }
}

.rightGraphs {
    float: right;
    width: calc(100% - 285px);
    margin-bottom: 30px;
}

#tabs_main {
    padding: 0 10px 0 0;
}

#quoteDetailWrapper,
#policyDetailsWrapper {
    margin: 35px 0 0 300px;
}

#tabs-0 #quoteDetailWrapper,
#tabs-0 #policyDetailsWrapper {
    margin: 0;
}

#fieldsetPanel-outerCt {
    margin-left: -5px !important;
}

.x-form-radio-default {
    line-height: 0px !important;
    padding: 0 0px 0px 0px !important;
    height: 20px !important;
    margin: 1px 0px 7px -4px !important;
    cursor: pointer;
    width: 20px !important;
}

.x-btn-default-small {
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
}


.pageHeader {
    height: 60px !important;
    width: 100%;
}

.homeButtons,
.homeButtonsPlus {
    float: left;
}

.dateContainer {
    width: 70px;
    height: 60px;
}

#newDate {
    line-height: 32px;
    margin: 1px 0 0 41px;
}

#day {
    margin-left: -10px;
}

#month {
    margin-left: 18px;
    margin-top: -9px;
}

#dayNum {
    margin-left: 10px;
    margin-top: -12px;
}

#year {
    margin-left: 13px;
    margin-top: -11px;
    font-size: 15px;
}


.settings {
    float: right;
    padding: 15px 25px 11px 40px;
    margin-right: -30px;
    height: 34px;
    width: 18px;
}

.homeButton,
.customersButton,
.newButton,
.bimiButton,
.viewAllTasksButton {
    padding: 15px 30px 11px 31px;
    float: left;
    height: 34px;
    width: 20px;
}

    .homeButton.fg-menu-open,
    .customersButton.fg-menu-open,
    .newButton.fg-menu-open,
    .settings.fg-menu-open {
        height: 32px;
        width: 18px;
    }

table.display td {
    padding: 5px 10px;
}

td:empty {
    min-width: 0;
}

.x-panel-body-default {
    background: transparent;
}

.searchPlus {
    padding: 0 30px;
    font-size: 20px;
    margin-top: 17px;
    margin-left: 25px;
}

.searchBox {
    position: relative;
    float: right;
}

.fLeft {
    float: left;
}

.fRight {
    float: right;
}

.center {
    text-align: center;
}

.contentContainer {
    min-width: 1024px;
}

.details td {
    text-align: left !important;
}

.details .ui_tblHeader {
    text-align: center !important;
}

.details form {
    padding: 10px 0 0 0;
    margin: 5px 0;
}

.closeButton {
    float: right;
    margin: 10px;
    width: 18px;
    height: 19px;
    display: block;
    overflow: hidden;
}

a.btnTransRollback :before {
    padding-right: 10px;
}

.ui-corner-all {
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
}

.fg-menu li {
    min-width: 230px;
}


.fg-menu a:link {
    min-width: 230px !important;
}

.fg-menu a,
.fg-menu .noOutput {
    padding: 11px 0px 11px 5px !important;
}

.fg-menu span {
    padding: 10px 0px 10px 5px;
}

/* BI/MI Menu Starts */
.biMiParent {
    padding: 5px 0px 5px 5px !important;
}

.biMiParentSub {
    padding: 5px 0px 5px 5px !important;
}

.biMiSub {
    margin-left: -20px;
}

.biMiWrapper ul,
.biMiWrapper li,
.biMiWrapper span {
    margin: 0;
    padding: 0;
    position: relative;
}

#cssmenu > ul > li {
    display: inline-block;
    float: left;
}

#cssmenu.align-center {
    text-align: center;
}

    #cssmenu.align-center > ul > li {
        float: none;
    }

    #cssmenu.align-center ul ul {
        text-align: left;
    }

#cssmenu.align-right > ul {
    float: right;
}

#cssmenu.align-right ul ul {
    text-align: right;
}



#cssmenu.align-right .has-sub ul {
    left: auto;
    right: 0;
}

.biMiWrapper .has-sub {
    z-index: 1;
}

.biMiWrapper {
    width: auto;
    height: auto;
    z-index: 1;
    padding: 12px 20px;
}

    .biMiWrapper .subMenu {
        position: relative;
        width: auto;
        max-height: 55vh;
        z-index: 1;
    }
    /* use to override scroll bar but not work on IE or Fierfox */
    /*.biMiWrapper .subMenu::-webkit-scrollbar {
    width: 8px;
}

.biMiWrapper .subMenu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.biMiWrapper .subMenu::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}*/

    .biMiWrapper .has-sub ul li a {
        -webkit-filter: none;
        filter: none;
        display: block;
        line-height: 30px;
    }

    .biMiWrapper .parentBIMILink,
    .biMiWrapper .subParentBIMILink {
        cursor: default;
    }


    .biMiWrapper .parentBIMILinkWrapper {
        float: left;
        padding-right: 20px;
    }

    .biMiWrapper .subParentBIMILinkWrapper ul li a {
        padding-left: 10px;
    }


#cssmenu a.tach {
    padding-left: 30px !important;
    padding-top: 15px !important;
    padding-bottom: 11px !important;
    width: 60px !important;
}

    #cssmenu a.tach:hover {
        padding-left: 30px !important;
        padding-top: 15px !important;
        padding-bottom: 11px !important;
        width: 60px !important;
    }

.tooltipsTop20 {
    margin-bottom: -29px !important;
}

.tach .fa-tachometer {
    margin: 0px -4px;
}

/* BI/MI Menu Ends */


.settingsTop {
    float: right;
    margin-top: 45px;
    margin-left: 50px;
    margin-right: 30px;
}

a,
#documentID a,
.logon-labelLink a {
    text-decoration: none !important;
    cursor: pointer;
}

.infoTdTop {
    vertical-align: top;
    padding-top: 5px;
}

#lookupWrapper img {
    cursor: pointer;
}

img#status {
    height: 20px;
}

#ui-sysdate {
    float: right;
    padding: 0px 20px 0px 0px;
}

.ui-message {
    text-align: left;
    list-style-type: none;
    padding: 5px 7px 5px 5px;
}

.errorMessage {
    margin-left: 15px !important;
}

.errorField {
    margin-left: 5px !important;
}

#logo1TD {
    width: 360px;
}

#logo1Icon {
    background-image: url(images/logo/logo.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display: block;
    width: 188px;
    height: 64px;
    border-style: none;
}

#logo2Icon {
    display: none;
}

#buttonsHeaderHomeIcon,
.ui-state-active #buttonsHeaderHomeIcon {
    background-image: url(images/home-white.png);
    background-repeat: no-repeat;
    background-position: 0 -2px;
    width: 16px;
    height: 16px;
    display: block;
}

    #buttonsHeaderHome:hover #buttonsHeaderHomeIcon,
    #buttonsHeaderHomeIcon:hover {
        background-image: url(images/home-pink.png);
    }

#buttonsHeaderCustomersIcon,
.ui-state-active #buttonsHeaderCustomersIcon {
    background-image: url(images/person-white.png);
    background-repeat: no-repeat;
    background-position: 0 -2px;
    width: 21px;
    height: 16px;
    display: block;
}

    #buttonsHeaderCustomers:hover #buttonsHeaderCustomersIcon,
    #buttonsHeaderCustomersIcon:hover {
        background-image: url(images/person-pink.png);
    }


/* DRC Address Scrub Stats*/
.data-address-scrub-div {
    max-height: 350px;
    min-width: 250px;
    overflow-y: auto;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    font-weight: 600;
    white-space: normal;
}

.data-address-scrub-inner-div {
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
    padding: 10px !important;
    margin-bottom: 10px;
}

.populate-address-div {
    max-width: 430px;
    max-height: 300px;
}

.data-address-scrub-div-item {
    margin: 10px 0 0 0;
}

.populate-address-div-item {
    margin: 10px 0 !important;
    padding: 10px !important;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    border-radius: 8px !important;
}

.populate-address-div .ui-state-error,
.populate-address-div .ui-widget-content .ui-state-error,
.populate-address-div .ui-widget-header .ui-state-error {
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
    padding: 20px !important;
}

/* DRC Address Scrub Ends*/

/*Message alert Starts*/
.message-content-wrapper {
    margin: 10px 0;
}

    .message-content-wrapper h2 {
        margin: 0px 28px 10px 35px;
    }

.message-inner-wrapper {
    padding-top: 5px;
    margin-bottom: -5px;
}

.message-success .ui-state-success {
    border: none;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    padding: 22px;
    margin-top: 0px;
}

.message-info .ui-state-highlight {
    border: none;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    padding: 22px;
    margin-top: 0px;
}

.message-warning .ui-state-warning {
    border: none;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    padding: 22px;
    margin-top: 0px;
}

.message-error .ui-state-error {
    border: none;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    padding: 22px;
    margin-top: 0px;
}

.message-confirm .ui-state-confirm {
    border: none;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    padding: 22px;
    margin-top: 0px;
}

.message-sideInfo {
    width: 270px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

    .message-sideInfo .ui-state-sideInfo {
        padding: 10px;
        width: 45px;
        height: 45px;
    }

#actionBtnWrapper a {
    border: 0px;
    margin: 0 0 0 -5px;
}

.confirmActionBtn span.ui-button-text {
}

.confirmActionBtnIcon {
    vertical-align: middle;
}

.confirmActionBtnText {
    margin: 5px;
}

.message-close-btn {
    display: block;
    margin: -5px !important;
}

    .message-close-btn:hover {
    }

    .message-close-btn .fa-times-circle:before {
        content: "\f057" !important;
    }

    .message-close-btn:hover .fa-times-circle-o:before {
        content: "\f05c" !important;
    }

    .message-close-btn .fa-arrow-circle-right:before {
        content: "\f0a9" !important;
    }

    .message-close-btn:hover .fa-arrow-circle-o-right:before {
        content: "\f18e" !important;
    }

div.message-success > div,
div.message-info > div,
div.message-warning > div,
div.message-error > div,
div.message-confirm > div {
    top: 0;
    left: 0 !important;
    margin: 0 auto;
    position: relative !important;
}

    div.message-success > div > div,
    div.message-info > div > div,
    div.message-warning > div > div,
    div.message-error > div > div,
    div.message-confirm > div > div {
        left: 0 !important;
        margin: 0 auto;
        width: 100%;
        position: relative;
    }

.icon-wrapper {
    position: relative;
}

.message-icon {
    position: absolute;
    top: -5px;
    left: 2px;
}


.message-success strong,
.message-info strong,
.message-warning strong,
.message-error strong,
.message-confirm strong {
    vertical-align: middle;
}

span.message-success-text,
span.message-info-text,
span.message-warning-text,
span.message-error-text,
span.message-confirm-text {
    padding-bottom: 2px;
    line-height: 14px;
    font-size: 14px;
    vertical-align: middle;
    display: inline-block;
    width: 90%;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

html > /**/ body .message-sideInfo-tooltipBody {
    width: 240px;
    min-height: 45px;
    line-height: 20px;
    position: relative;
    padding: 15px;
    margin: 0em 0 0 1.8em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 250px;
    display: block;
    left: -25px;
}

    .message-sideInfo-tooltipBody:before {
        content: "";
        position: absolute;
        top: 25px;
        bottom: auto;
        left: -30px;
        border-width: 15px 30px 15px 0;
        border-style: solid;
        display: block;
        width: 0;
    }

    .message-sideInfo-tooltipBody:after {
        content: "";
        position: absolute;
        top: 5px;
        bottom: auto;
        left: -21px;
        border-width: 20px 21px 20px 0;
        border-style: solid;
        display: block;
        width: 0;
    }


/*Message alert Ends*/

.searchTips p {
    line-height: 20px;
    padding-left: 30px !important;
}

.resultMessage {
    padding: 30px 0 0 20px;
}

.searchSuggestion {
    padding: 10px 0 0 20px;
}

.rightColLayout {
    width: 100%;
}

.baseLayoutFooter,
.footer,
footer {
    width: 100%;
    position: absolute;
}



#footer {
    z-index: 1;
    background-image: url(images/footerLogo.jpg) !important;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 160px;
    background: #fff;
    background-repeat-x: no-repeat;
    background-repeat: no-repeat;
    text-align: center;
    background-position-x: 50%;
    padding-top: 143px;
    text-transform: none;
}

#ui-footer {
    min-height: 35px;
    height: auto;
    padding: 10px 0px;
    margin: 0px auto;
    overflow: hidden;
    clear: both;
}


#dtCustomer tr, #dtCustomer td,
#dtCustomers tr, #dtCustomers td {
    padding: 5px 0 0px 5px;
    line-height: 20px;
}


#quoteCopy::before {
    content: none;
}

a.saveNewBtn::after {
    display: block;
    margin-top: -16px;
    position: absolute;
    margin-left: 3px;
}

a.pure-button.saveNewBtn::after {
    display: block;
    margin-top: -16px;
    position: absolute;
    margin-left: 8px;
}

#_PolicyInfo {
    padding: 10px 5px 5px 40px;
}

#_BillingInfo {
    padding: 10px 50px 8px 40px;
}

#_QuoteInfo {
    padding: 10px 60px 8px 40px;
    margin-top: -5px;
    text-align: left !important;
}

[id^="div_popup"] {
    position: relative !important;
}

    [id^="div_popup"] table:not(.dataTable):not(#CreditCardIconsRow),
    [id^="div_popup"] [class^="FormID"],
    [id^="div_popup"] .popupContentWrapper,
    .docNoteBg,
    .newNoteBg,
    .detailNoteContentWrapper {
        margin: 20px;
    }

    [id^="div_popup"] form p {
        margin-bottom: 0px;
    }


    [id^="div_popup"] .dataTables_wrapper,
    [id^="div_popup"] .billingButtonWrapper,
    [id^="div_popup"] .modal-dialog {
        padding: 0 20px;
        width: auto;
    }

#btnAmendContinue {
    padding-left: 10px;
}


[id^="div_popup"] .saveCancelButton .ui-button,
[id^="div_popup"] .contCancelButton .ui-button,
[id^="div_popup"] .deleteCancelButton .ui-button,
[id^="div_popup"] .newDocDialogFooter .ui-button,
[id^="div_popup"] .pure-controls .ui-button,
[id^="div_popup"] .viewCloseButton .ui-button,
[id^="div_popup"] .wizardButtons .ui-button,
[id^="div_popup"] .printCancelButtons .ui-button,
[id^="div_popup"] .submitButton .ui-button,
.ui-dialog .ui-dialog-buttonpane .ui-button,
.ui-dialog .ui-dialog-viewclose .ui-button,
.details .saveCancelButton .ui-button,
.details .createNewButton .ui-button,
.details .addNewWrapper .ui-button,
.pure-button {
    margin: 0px 0 0 -5px !important;
    height: 35px;
    min-height: 35px;
    vertical-align: middle;
}

[id^="div_popup"] .saveCancelButton,
[id^="div_popup"] .contCancelButton,
[id^="div_popup"] .deleteCancelButton,
[id^="div_popup"] .newDocDialogFooter,
[id^="div_popup"] .pure-controls,
[id^="div_popup"] .viewCloseButton,
[id^="div_popup"] .wizardButtons,
[id^="div_popup"] .printCancelButtons,
[id^="div_popup"] .submitButton,
.ui-dialog .ui-dialog-buttonpane,
.ui-dialog .ui-dialog-viewclose,
.details .saveCancelButton,
.details .createNewButton,
.details .addNewWrapper {
    padding: 0px !important;
    float: none !important;
    text-align: right;
    margin-bottom: 0px !important;
    bottom: 0px;
    width: 100%;
    position: absolute;
}

.details .saveCancelButton,
.details .createNewButton,
.details .addNewWrapper,
.toggleContents .newDocDialogFooter {
    bottom: auto;
    position: relative;
}

.pure-button {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 6px 20px;
    display: inline-block;
}

    .pure-button:before {
        margin: 0 5px 0 0px;
    }


#btnVinLookup {
    margin-left: 10px;
}

#mvrContent {
    padding: 10px;
    width: 250px;
    display: block;
}

.wizardYesNoQuestion {
    margin: 20px;
}


[id^="uwPopup"] b {
    padding: 10px !important;
    display: inline-block;
}

div[data-table-type="PolicyEntity"] .tblDefault {
    margin-bottom: 20px;
}

select[data-field="EntityAddress.NamedInsuredAddrMail.CountryId"],
select[data-field="EntityAddress.NamedInsuredAddrRisk.CountryId"] {
    width: 250px;
}


[id^="div_EmptyList"] .saveCancelButton a[data-type="Contractor"] {
    margin-left: 0px !important;
}

[id^="div_popup_PolicyEntity_Create"] p {
    padding: 0px !important;
    float: none !important;
    text-align: right;
    margin-bottom: 0px !important;
}

[id^="div_popup"] .toggleTriggerWrapper {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

[id^="div_popup"] .toggleTrigger {
    margin-left: 10px !important;
}

[id^="div_popup"] .toggleTriggerGlobal {
    margin-top: 15px;
}

.saveCancelButton a[data-type="Designee"] {
    margin-left: 0px !important;
}

#securityQuestions select {
    min-width: 360px !important;
    width: auto !important;
    margin-right: 15px !important;
    padding-right: 20px !important;
}

[id^="divSubmitFail"] p {
    max-width: 470px;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
}

[id^="divSubmitFail"] .saveCancelButton a::before {
    padding-left: 10px;
}

[id^="divSubmitSuccess"] p {
    max-width: 470px;
    padding: 10px;
    margin: 60px auto;
}

#divCodeSent p {
    max-width: 470px;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
}

#divNoMatch p {
    max-width: 510px;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
}

#divError p {
    max-width: 510px;
    padding: 10px;
    margin: 80px auto 30px auto;
}

#divNoMatch p {
    max-width: 510px;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
}

[id^="div_popup_Account_ChangePassword"] #step2 #form2 {
    margin-top: 50px;
}

[id^="div_popup_Account_ChangePassword"] #step4 {
    margin-top: 20px;
}

#popupForm_SuspenseLetter {
    padding-top: 0px !important;
}

    #popupForm_SuspenseLetter:hover {
        padding-top: 0px !important;
    }

#popupForm_RejectEndorsement {
    padding-top: 0px !important;
}

    #popupForm_RejectEndorsement:hover {
        padding-top: 0px !important;
    }

#popupForm_PaymentReturn {
    padding-top: 0px !important;
}

    #popupForm_PaymentReturn:hover {
        padding-top: 0px !important;
    }

#popupForm_CancellationSignature {
    padding-top: 0px !important;
}

    #popupForm_CancellationSignature:hover {
        padding-top: 0px !important;
    }

.btnTransHistoryDetails:hover {
    cursor: pointer;
}

#AddEarlyCash {
    margin-left: 10px;
}

/* #AddEarlyCash::before {
        margin-right: -10px;
    } */


a[data-action="CreateWizard"] {
    padding: 3px 0px 0px 5px;
}

.positionHelper div {
    min-width: 240px !important;
    padding: 0;
}

.customerActionIconMenuList {
    min-width: 250px !important;
    max-height: 275px;
    overflow-y: auto !important;
}

    .customerActionIconMenuList li,
    .customerActionIconMenuList a:link {
        min-width: 250px !important;
    }

.ui-datepicker .ui-datepicker-title {
    text-shadow: none !important;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 100% !important;
}

.ui-datepicker th {
}

.ui-datepicker .ui-datepicker-prev span {
    margin-top: -11px !important;
}

.ui-datepicker .ui-datepicker-next span {
    margin-top: -11px !important;
}

.dataTables_filter {
    width: auto !important;
}

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button !important; /*Bootstrap was setting this to none*/
}

#Task_CommentAdd h2 {
    margin-left: 10px;
}

#annotationNew {
    margin-top: 10px;
    margin-left: 10px;
}

#TaskNote_Comment {
    margin-left: 20px;
}

.headerInfoTitle {
    line-height: 10px;
    text-transform: uppercase;
}

.headerSpan {
    display: block;
    line-height: 25px;
    padding-top: 3px;
}

.effectiveDateLabel {
    font-size: 16px;
}

.headerInfoTitle td {
}

#_QuoteInfo .arrow {
    right: 10px;
}

#_PolicyInfo .arrow {
    right: 65px;
}

@media only screen and (max-width: 1550px) {
    #_PolicyInfo .arrow {
        right: 0px;
    }
}

.policyTabs {
    margin-left: 90px !important;
    width: 80% !important;
}

.policyInfoTable {
    margin-top: 10px;
}

.quoteInfoTable {
    margin-top: 20px;
    margin-left: 0px;
}

.dashboardRow td {
    font-size: 13px !important;
    text-align: left;
}

#newCustomerBtn {
    margin-top: 20px;
    margin-left: 35px;
}


#div_customer_edit,
#customersContent,
.pageContentWrapper {
    margin-left: 0px;
}

.billingPageContentWrapper {
    margin-left: 5px;
}

[id^="div_popup"] .pageContentWrapper > span {
    margin-left: 25px;
}

#Task_CustomerIndex .pageContentWrapper {
    margin-left: 0;
}

[id^="div_popup"] .fileinput-button input,
#policyNotesBody .fileinput-button input {
    width: 460px;
}


.btn {
    padding: 0 !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
}

    .btn.ui-button {
        padding: .4em 1em !important;
    }

a.ui-button, button.ui-button {
    padding: .4em 1em;
}

.ui-helper-hidden-accessible {
    display: none;
}

.ffb .content .row {
    margin-left: 0px;
    margin-right: 0px;
    padding: 5px;
}

/*for progress spinner on the wizard*/
div#_progress_wizard {
    min-width: 100% !important;
}

    div#_progress_wizard > div {
        width: 32% !important;
    }

/* Required field - icon */
.ui-required {
    background-image: url(images/req.gif);
    background-position: top right;
    background-repeat: no-repeat;
    padding-right: 10px;
}

/* Required field - vertical bar */
.ui-requiredInput {
    position: relative;
    height: 100%;
    float: left;
    margin-right: 2px;
    max-height: none;
}

.ui-requiredBlock {
    position: absolute;
    left: 0px;
    width: 3px;
    height: 100%;
    top: 0px;
    bottom: 1px;
    max-height: none;
}

.classicRadio .ui-requiredBlock {
    height: 87%;
    margin: 0px 0 0 -25px;
}

.checkboxWrapper .ui-requiredBlock {
    left: 2px;
    width: 19px;
    height: 3px;
    top: 18px;
}

#ddNew {
    white-space: nowrap;
}

.ui-header-label {
    padding-right: 5px;
    white-space: nowrap;
}


.ui-label {
    padding: 0px 0 0 0px;
}

#comboDivision {
    padding-top: 20px;
}

#lookUpNaics {
    padding-top: 20px;
}

table.dtPolicyNote {
    margin: 0px !important;
}

.dataTable th.ui-state-default {
    text-align: center;
    border-bottom: none !important;
    padding-top: 10px;
    padding-bottom: 10px;
}


th {
    text-align: center;
    border-bottom: none !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

ul.systemMenu {
    height: auto !important;
    overflow: hidden !important;
    width: 100% !important;
}

.userName {
    text-align: center;
    padding: 10px;
    width: 220px !important;
    min-width: 220px !important;
}

#layout_new_task_popup:before {
    display: none;
}

.profileInfoMenu {
    line-height: 20px;
    font-size: 16px;
}

    .profileInfoMenu a {
        display: block;
        width: 100%;
        padding: 12px 0px 12px 5px;
    }


.fg-menu-open {
    border: none !important;
    border-left-width: 1px !important;
    border-right-width: 1px !important;
}

.editor-label {
    padding: 0;
    min-width: 175px;
    width: auto;
    max-width: 250px;
    text-align: left;
}

#divAdvancedSearch .editor-label {
    min-width: 175px;
    width: 170px;
}

.ui-editor-prompt {
    vertical-align: middle !important;
    max-width: 500px;
    min-width: 175px;
    width: auto;
    line-height: normal;
    text-align: left;
}


    .ui-editor-prompt label,
    .ui-display-prompt label {
        padding-left: 25px !important;
        display: block;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .ui-editor-prompt label .spanBlock,
        .ui-display-prompt label .spanBlock {
            display: inline-block;
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    .ui-editor-prompt.alternate label, .ui-display-prompt.alternate label {
        padding-left: 0 !important;
    }

[id^="div_popup_CustomerNote"] .ui-editor-prompt {
    min-width: 61px;
    width: 61px;
    vertical-align: inherit !important;
}

#newDocTbl .ui-editor-prompt {
    min-width: 0;
}

.ui-display-prompt {
    padding: 0 20px 10px 0;
    max-width: 500px;
    width: auto;
    min-width: 175px;
    line-height: 20px;
    vertical-align: top !important;
}

span.ui-display-prompt {
    display: inline-block;
    min-width: 250px;
    max-width: 250px;
}

.addlDataDisplay .ui-editor-prompt,
.elementWrapper .ui-editor-prompt {
    width: 250px;
}

.ui-display-label {
    text-align: left;
    height: 10px;
    padding: 0 0 10px 0;
    line-height: 24px;
}

.ui-editor-input label {
    font-weight: 600;
    line-height: 24px;
}

.ui-editor-label {
    text-align: left;
    height: 10px;
    line-height: 24px;
    padding-left: 15px;
}

.labelTooltipException.ui-editor-prompt label,
.labelTooltipException.ui-display-prompt label,
.labelTooltipException .ui-editor-prompt label,
.labelTooltipException .ui-display-prompt label {
    padding-left: 25px !important;
    display: inline-block;
    white-space: normal;
    -ms-text-overflow: unset;
    -o-text-overflow: unset;
    text-overflow: unset;
}

.ui-dialog-content .ui-editor-prompt label,
.ui-dialog-content .ui-display-prompt label {
    padding-left: 0 !important;
}

.ui-editor-prompt label[for="Zipcode2"], label[for="Zipcode2"] {
    padding-left: 0 !important;
    width: 5px;
    text-align: center;
}

.smallLabel {
    min-width: 600px;
}

    .smallLabel .ui-editor-prompt:first-of-type,
    .smallLabel .ui-display-prompt:first-of-type {
        min-width: 100px;
        width: 100px;
    }

.mediumLabel {
    min-width: 600px;
}

    .mediumLabel .ui-editor-prompt:first-of-type,
    .mediumLabel .ui-display-prompt:first-of-type {
        min-width: 400px;
        width: 400px;
        max-width: 400px;
    }

.longLabel {
    min-width: 600px;
}

    .longLabel .ui-editor-prompt:first-of-type,
    .longLabel .ui-display-prompt:first-of-type {
        min-width: 600px;
        width: 600px;
        max-width: 600px;
    }

.checkboxLabel {
    padding-left: 10px;
}

.checkboxWrapper {
    display: inline;
    float: left;
    padding: 0px 0px;
    margin: 0 0 -1px 2px;
}

.checkboxLabelWrapper {
    display: inline;
    float: left;
    margin-left: 0.5em;
}

input[type="checkbox"] + label,
.checkboxRequiredInput + label {
    max-width: 400px;
    /*display: flex;*/
}

.indent {
    padding-left: 35px;
}

.checkboxWrapperInner {
    margin: 5px 0;
}

#billingArea_checkboxLabel {
    display: block;
    margin-left: 15px;
}

.billingPolicy {
    padding-right: 12px;
}

.ui-editor-header-top {
    font-weight: 600;
    padding: 20px 20px 20px 0;
    text-align: left;
}

#acceptOverideCol {
    width: 170px;
}

tr[id^="ui-Premium"] td {
    padding-right: 10px;
    padding-left: 50px;
}

    tr[id^="ui-Premium"] td:empty {
        display: none;
    }

/*use this to style "Note" label above the textarea*/
.ui-tabs-panel form > .editor-label:not(.errorM) {
    padding-left: 10px;
}

.dataTables_length {
    padding-left: 10px;
}

.ui-editor-input {
    min-width: 175px;
    max-width: 700px;
    vertical-align: middle;
    line-height: 26px;
    /*display: flex;*/
}

    .ui-editor-input.alternate {
        min-width: 220px;
    }

#occupation-input div.ui-widget {
    width: 370px;
}

input[data-field="CustomerViewModel.OcuupationCodeAndName"] {
    width: 340px !important;
}

#comboMajor {
    width: 408px !important;
}

.ui-display-input {
    min-width: 175px;
    vertical-align: text-top !important;
    line-height: 26px;
    display: inline-block;
}

.billOptionDisplay td.ui-display-input {
    min-width: 160px;
    width: 160px;
    display: table-cell;
}

.ui-editor-input.ui-display-flex,
.ui-display-input.ui-display-flex {
    display: flex;
}

.ui-display-right {
    text-align: right;
    height: 30px;
    padding: 0 15px 0 0;
}

.ui-display-left {
    text-align: left;
    height: 30px;
    padding: 0 15px 0 0;
}

.ui-display-report {
    padding-bottom: 10px;
    vertical-align: top !important;
    line-height: 20px;
}

.logon-label {
    text-align: left;
}

#logon-checkbox {
    padding: 10px 0 0 10px;
}

#advanceSearchFieldset {
    border: none;
    float: left;
    padding: 0 50px 0 20px;
    display: inline;
}


#btnBillingFunction {
    float: right;
    margin-right: 10px;
    padding-right: 25px;
    padding-left: 11px;
    margin-top: 0px !important;
}

/*FOR LOG ON PAGE*/
.logonPage {
    margin-top: 10px;
}

    .logonPage p {
        margin: 10px 0 50px 10px;
    }

.editor-field {
    text-align: left;
    padding: 5px 10px;
}

[id^="div_popup"] .editor-field {
    padding: 0px 10px;
}

.editor-field-in-table {
    padding-right: 5px !important;
}

.ui_lineBizSelect_label {
    width: 10%;
    min-width: 10%;
    white-space: nowrap;
    padding-bottom: 10px;
    padding-left: 8px;
}

.ui_lineBizSelect {
    width: 90%;
    /* line-height: 35px; */
}

    .ui_lineBizSelect a {
        margin-top: 0 !important;
    }

.ui-containerMain {
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    min-height: 100%;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-image: none !important;
}


.tbl-container {
    border: 0;
    width: 100%;
}


.tbl-footer {
    width: 100%;
    padding-left: 3px;
    bottom: 0px;
}

#policyNotesBody .tbl-footer {
    padding-left: 0;
}

div.ui-block /* no rounded corner */ {
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    behavior: url(css/PIE.htc);
}

div.ui-container-msg {
    position: relative;
    left: 0px;
    top: 0px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    behavior: url(css/PIE.htc);
}

.ui-table {
    padding: 2px 4px;
    border-collapse: collapse;
}


.ui-fieldset {
    border-collapse: collapse;
    padding: 0px 8px 38px; /* padding top is not consistent in all 3 major browsers, use line-break instead */
}

.ui-images {
    background: url("images/refresh.png") no-repeat;
    vertical-align: baseline;
    position: absolute;
    text-decoration: none;
    width: 16px;
    height: 16px;
}

/* Input type='file' */
.file_input_textbox {
    float: left;
    vertical-align: middle;
}

.file_input_div {
    position: relative;
    top: -2px;
    width: 105px;
    height: 27px;
    overflow: hidden;
}

.file_input_button {
    width: 100px;
    position: absolute;
    top: 0px;
    border-style: solid;
}

.questionnaireTd {
    width: 900px;
    padding-right: 50px !important;
}

.button_adj {
    top: 0px;
    left: 5px;
}

.file_input_hidden {
    font-size: 45px;
    position: absolute;
    right: 0px;
    top: 0px;
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
}

.leftTopButton {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 0 2px 0 9px;
}

.ui-header-right {
    padding: 0 2px 0 0;
}

.ui-accordion .ui-accordion-icons {
    padding-left: 20px;
}

.ui-accordion {
    margin: -46px 0 50px 24px;
    width: 99%;
}

/*ie 10 and above*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .ui-accordion {
        margin: -47px 0 50px 23px;
    }
}

@-moz-document url-prefix() {
    .ui-accordion {
        margin-top: -47px;
    }
}

.ui-accordion .ui-accordion-header.ui-state-default {
    width: 218px;
    height: 60px;
    margin: 0;
}

/*ie 10 and above*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .ui-accordion .ui-accordion-header.ui-state-default {
        width: 219px;
    }
}

.ui-accordion .ui-accordion-header a {
    padding: 20px 0;
}

.ui-accordion .ui-accordion-content {
    border: none;
    width: calc(100% - 290px);
    padding: 0 0 15px 0;
    clear: both;
    float: right;
    left: -30px;
    top: 0px;
    overflow: hidden;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    display: none;
}

/*FOR SEARCH FIELD*/
.searchField {
    margin: 4px 3px 0 0;
}

#divSimpleSearch {
    padding-top: 30px;
    padding-left: 50px;
}

#divAdvancedSearch {
    margin-left: 40px;
    margin-top: 7px;
}

/*FOR CUSTOMER TYPE ID DROPDOWN*/
#customer_typeID {
    margin: 33px 0 0px 278px;
}

#div_customer_edit #customer_typeID {
    margin: 33px 0 0px 0;
}

#div_customer_edit .ui-editor-prompt {
    width: 210px;
    line-height: 36px;
}

/*
FOR SELECTED DROPDOWN MENU
*/
#Customer_CustomerTypeId,
#AddressTypeId,
#PhoneTypeId,
#NamedInsuredName_NamePrefixId,
#Customer_Entity_BestTimeToContactId,
#NamedInsuredName_MaritalStatusId,
.selectMenu, select,
.ui-editor-input select,
.editor-field select,
select[data-field^='UnderwritingResult.Results'] {
    min-width: 183px;
    width: auto;
    max-width: 350px;
    padding-right: 18px;
}

.select2,
.select2-selection {
    min-width: 183px;
    width: auto;
    max-width: 350px;
}

.select2-container .select2-selection {
    height: 39px;
}

    .select2-container .select2-selection .select2-selection__rendered {
        line-height: 39px;
    }


/*for IE8 compatible view hack*/
@media \0screen {
    #Customer_CustomerTypeId,
    #AddressTypeId,
    #PhoneTypeId,
    #NamedInsuredName_NamePrefixId,
    #Customer_Entity_BestTimeToContactId,
    #NamedInsuredName_MaritalStatusId,
    .selectMenu, select,
    .ui-editor-input select,
    .editor-field select {
        height: 24px;
    }
}

select[name='Results[0].Override'] {
    width: 65px;
}

.ui-editor-input select.expirationMonth,
.ui-editor-input select.expirationYear {
    min-width: 87px;
    width: 87px;
}

select {
    height: 39px;
    padding-left: 4px !important;
    -webkit-appearance: button;
    -moz-appearance: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-padding-end: 20px;
    -moz-padding-end: 20px;
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    overflow: hidden;
    padding-top: 6px;
    padding-bottom: 6px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
    /*hide IE default select arrow*/
    select::-ms-expand {
        display: none;
    }

/*IE Hanck*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
}

.select-disabled {
    -webkit-appearance: button;
    -moz-appearance: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-padding-end: 20px;
    -moz-padding-end: 20px;
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 0;
    overflow: hidden;
    padding-top: 2px;
    padding-bottom: 2px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}


/*IE 8 compatible view hack*/
@media \0screen {
    #FileField, .searchField input, .editor-field input[type=text], .editor-field input[type=password], input[type=text], .editor-field-in-table input[type=text], #UserName, #Password {
        width: 160px;
        height: 20px;
        padding: 0 0 0 3px;
    }

    .zipCode input {
        width: 67px !important;
        height: 20px !important;
        padding: 0 0 0 3px !important;
    }
}

.ui-editor-input-combo input {
    width: 510px;
}

#comboDivision_input {
    width: 480px;
}

.address-field input {
    width: 225px;
}

.zipCode input {
    width: 79px !important;
}

#AddressTableMailing .zipCode input,
#AddressTableRisk .zipCode input {
    width: 103px !important;
}

#StateCode,
#State,
#NamedInsuredAddrMail_StateCode,
#NamedInsuredAddrRisk_StateCode,
.zipCode select {
    width: 57px;
}

#occupation-input input {
    width: 420px;
}

#dba-input input {
    width: 230px;
}
/*make checkboxes normal width and align left*/
input[type="checkbox"] {
    width: initial;
}
/*FOR TEXT FILED*/
#Customer_Description {
    width: 600px;
}

#CustomerNote_Comment {
    width: 755px;
    margin-top: 30px;
}

#customerIndex {
    padding: 10px 0 10px 0;
}

/*FOR TABLE CELL SPACING*/
table.ui-Editor td {
    padding: 2px 5px;
}

table.ui-Display td {
    padding: 5px;
}

    table.ui-Editor td.classicRadio,
    table.ui-Display td.classicRadio {
        padding: 10px 5px !important;
    }


[id^="div_popup"] table.ui-Editor td,
[id^="div_popup"] table.ui-Display td {
    padding: 0px 5px;
}

/*FOR CUSTOMER TABLE SET NO WRAP ON FIRST AND THIRDE COL*/
.action_col {
    white-space: nowrap;
}

/*FOR SAVE SAVE NEW CANCEL BUTTON*/
.savebuttonSet {
    padding: 20px 60px 20px 0px;
    float: right;
}

.savebuttonSetLeft {
    padding: 5px 0 5px 0;
}

/*FOR SAVE CANCEL BUTTON ON BILLING PAYMENT CREATE/ REFUND PAGE*/
#billingPaymentSavebuttonSet,
#refundSavebuttonSet {
    padding-left: 30px;
    padding-top: 15px;
}

#policyBillingPaymentSavebuttonSet {
    padding-top: 15px;
}


.tdCenter {
    text-align: center;
}

/*FOR ADDRESS ADD BUTTON*/
#addbutton {
    padding: 0 0 0 0;
}

.addmoreButton,
.createNewButton,
.returnButton {
    padding: 10px 0 5px 5px;
    text-align: left;
}

[id^="div_popup"] .addmoreButton,
[id^="div_popup"] .createNewButton,
[id^="div_popup"] .returnButton {
    margin: 0px 20px 20px 20px;
}

/*FOR ALL HAIR LINES*/
hr,
.hairline {
    margin: 10px 0;
    clear: both;
    border-bottom-style: none;
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    border-bottom-color: transparent !important;
    border-top-color: transparent !important;
}

/*FOR ADD PHONE FORM*/
#tbl_addPhone {
    padding: 0 0 0 0;
}

/*FOR ADD DBA*/
#tbl_addDBA {
    padding: 10px 0 0 0;
}

#ui-phone {
    width: 225px;
}

[id^="div_popup"] .editor-field textarea {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 10px;
}

#contactDelete h3 {
    padding-left: 25px;
}

#contactDelete:before {
    display: none !important;
}


#div_popup_Task_Create_ h2 {
    padding-left: 20px;
}

/*FOR ADDRESS TABLE*/
#tbl_addAddress {
    padding: 0 0 0 0;
}

#address_table {
    padding: 0 390px 0 150px;
    width: 260px;
    position: relative;
}

.newNoteBg .ui-editor-prompt {
    width: 50px;
}

.newDocBg {
    margin: 20px 20px 20px 0px;
    width: 600px;
    padding-left: 10px;
}

.detailNoteBg {
    min-height: 210px;
    height: auto;
}

    .detailNoteBg.cancel:before {
        display: none;
    }

.ui_tblHeader {
    font-size: 14px;
    font-weight: normal;
    padding: 10px 0 10px 0;
    text-align: center;
}

.tblDefault {
    border-width: 1px;
    border-collapse: collapse;
    padding: 10px;
    margin: 20px 0px !important;
    text-align: center;
}

    .tblDefault td {
    }

/*For History Details page starts*/
.details b {
    display: block;
    margin: 5px;
}
/*For History Details page ends*/


/*FOR SHOW HIDE BUTTON*/
#trickerButton, #trickerButton2 {
    width: 5px;
    height: 5px;
    float: right;
}

ul {
    list-style: none;
}

#showHideButton1 {
    height: 20px;
    padding: 5px;
    position: absolute;
    top: 30px;
    right: 390px;
}

#showHideButton2 {
    height: 20px;
    padding: 5px;
    position: absolute;
    top: 55px;
    right: 390px;
}

.clear {
    margin: 0;
    padding: 0;
    clear: both;
}

/*FOR TABLE IN SIDE ACORDION STARTS*/
.tblDefaultInAcordion {
    border-collapse: collapse;
    border-width: 1px;
}
/*FOR TABLE IN SIDE ACORDION ENDS*/

/*FOR CUSTOMER PREVIEW PAGE STARTS*/
.tableInfoInAcordion {
    padding: 10px 0 10px 8px;
}

.tblDefaultInAcordion a {
    text-decoration: none;
}
/*FOR CUSTOMER PREVIEW PAGE ENDS*/

/*FOR ATTACHMENT BUTTON IN NEW NOTE SECTION*/
.fileuploadwrapper {
    margin: 0 5px 0 5px;
}

.fileinput-button {
    position: relative;
    overflow: hidden;
}

    .fileinput-button input {
        width: 145px;
        height: 40px;
        right: 0px;
        top: -28px;
        font-size: 0px;
    }

#uploaded_files,
#uploaded_files_alone,
[id^="uploaded_files"] {
    height: auto;
    min-height: 30px;
    padding: 0px 5px 0 5px;
    line-height: 25px;
}

.uploaded_files,
.uploaded_files_alone {
    height: auto;
    min-height: 28px;
    padding: 0px 5px 0 5px;
    line-height: 25px;
    font-weight: 600;
}

#BrowserVisible {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    height: 26px;
    width: 270px;
}

#attachFileButton {
    top: -1px;
}

/*TEXT FIELD IN ACCORDION NOTE SECTION */
#FileField,
#CustomerNote-Subject_51574536 {
    height: 20px;
}

#BrowserHidden {
    position: relative;
    width: 240px;
    height: 26px;
    text-align: right;
    -moz-opacity: 0;
    filter: alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
}

#relate {
    width: 150px;
}

#relate2 {
    width: 250px;
}

.ffb-input {
    height: 22px !important;
}

.ffb-arrow {
    position: relative;
    right: 18px;
}

.ffb-arrow-over {
    background-position: 0 0 !important;
}

/* DRC Search */
#divSearchResults {
    max-height: calc(100vh/2);
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 99;
    clear: both;
    position: absolute;
    right: 0;
    top: 66px;
}

#tblSearchResults {
    width: 100%;
    z-index: 99;
    position: relative;
}

    #tblSearchResults a span {
        display: inline;
        float: none;
        padding: 1px 0 1px 1px;
    }

.drc-search-autocomplete-row a {
    padding: 10px !important;
}

.drc-search-autocomplete-row-mouseover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}



/*Parent/Default tabs Starts*/

#tabs {
    margin-bottom: 10px;
    min-height: 600px;
    height: 100%;
    width: 100%;
    position: relative;
}

.billingTabs {
    min-height: 520px !important;
}

.topButtons {
    position: absolute;
    z-index: 2;
    margin-left: 44%;
    width: 200px !important;
}

.ui-tabs .ui-tabs-nav li {
    height: 60px;
    width: 240px;
    padding-top: 0px;
    cursor: pointer;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
}

    .ui-tabs .ui-tabs-nav li:hover a {
        color: white !important;
    }

    .ui-tabs .ui-tabs-nav li a {
        float: none;
        padding: 24px 0 24px 20px;
        display: inline-block;
        width: 220px;
    }

.ui-tabs:not(.noTabStyle) .ui-tabs-panel {
    width: calc(100% - 250px); /*280*/
    float: right;
    padding: 0;
    margin-bottom: 150px;
    margin-top: 10px;
}

.ui-tabs:not(.noTabStyle) .ui-tabs-nav {
    overflow: hidden;
    width: 238px;
    margin-top: 3px !important;
    margin-left: 0px !important;
    position: absolute;
    padding-bottom: 50px;
}

.noTabStyle.ui-tabs .ui-tabs-nav {
    float: right;
    padding: 3px 30px 10px 10px;
}

.noTabStyle.ui-tabs .ui-tabs-panel {
    padding: 0px 10px;
}

.noTabStyle.ui-tabs .ui-tabs-nav li {
    width: 115px;
}

    .noTabStyle.ui-tabs .ui-tabs-nav li a {
        padding: 0px;
        display: inline-block;
        width: 50px;
        height: 50px;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px;
        white-space: normal;
    }

.noTabStyleLinkIcon {
    padding: 4px 10px;
    display: block;
    white-space: nowrap;
}

.noTabStyleLinkText {
    display: block;
    position: relative;
    margin: 5px -35px;
}

.noTabStyle-background {
    width: 100%;
    height: 30px;
}

.noTabStyle-background-bottom {
    width: 100%;
    min-height: 50px;
    height: auto;
}
/*Parent/Default tabs Ends*/

/*Child tabs for Pacakge Starts*/
.ui-tabs-panel .ui-tabs .ui-tabs-panel {
    margin: 5px 0 0 0;
    float: none;
    width: 100%;
}

.ui-tabs-panel .ui-tabs-nav,
.ui-tabs-panel .tabsWrap .ui-tabs-nav {
    width: 239px;
    position: absolute;
    top: 117px;
    left: -280px;
}

.ui-tabs-panel .ui-tabs .ui-tabs-nav li {
    float: none;
    width: 238px;
    height: auto;
}

    .ui-tabs-panel .ui-tabs .ui-tabs-nav li a {
        padding: 10px 25px;
        text-transform: none;
    }
/*Child tabs for Pacakge Ends*/


.premium-not-current {
}

/*Previous and Next button for the tab pages*/
.tbl-nextPreviousButton, #nextButton,
.btnContinueWrapper {
    padding: 40px 0px 0px 0;
    margin-left: 275px;
    width: calc(100% - 275px);
    position: relative;
}

    .tbl-nextPreviousButton ul,
    #nextButton ul {
        list-style: none;
        display: block;
        width: 300px;
        margin: 0 auto;
    }

    .tbl-nextPreviousButton li,
    #nextButton li {
        float: right;
        white-space: nowrap;
    }

    .tbl-nextPreviousButton a:focus {
        outline: none;
    }


html > /**/ body .elementOpaque,
input[readonly="readonly"],
input[disabled],
select[readonly="readonly"],
select[disabled] {
    pointer-events: none;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

html > /**/ body .elementNotOpaque {
    pointer-events: initial;
    opacity: 1.0;
    filter: alpha(opacity=100);
}

html > /**/ body .elementOpaqueDisabled {
    pointer-events: none;
    opacity: 0.5;
    filter: alpha(opacity=70);
}

html > /**/ body #Previous[disabled="disabled"]:hover,
html > /**/ body #PreviousInfoBtn[disabled="disabled"]:hover {
    opacity: 0.5;
    filter: alpha(opacity=30);
}

.nextLink {
    width: 60px;
}

    .nextLink i {
        display: block;
        height: 45px;
        width: 45px;
        margin-left: 50px;
        margin-top: -31px;
    }

        .nextLink i:after {
            display: block;
            height: 25px;
            width: 25px;
            content: " ";
            position: absolute;
            z-index: -1;
            top: 10px;
            left: 10px;
        }

.previousLink {
    width: 89px;
    padding: 0 0 20px 0px;
}

    .previousLink i {
        display: block;
        height: 45px;
        width: 45px;
        margin-left: -29px;
        margin-top: -31px;
    }

        .previousLink i:after {
            display: block;
            height: 25px;
            width: 25px;
            content: " ";
            position: absolute;
            z-index: -1;
            top: 10px;
            left: 10px;
        }

.rightArrow {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.leftArrow {
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}


html > /**/ body #Next,
html > /**/ body #NextInfoBtn {
    margin-left: 50px;
    border: 0px !important;
}

    html > /**/ body #Next::after,
    html > /**/ body #NextInfoBtn::after {
        display: none;
    }

    html > /**/ body #Next:hover,
    html > /**/ body #NextInfoBtn:hover {
    }

    html > /**/ body #Next[disabled="disabled"]:hover,
    html > /**/ body #NextInfoBtn[disabled="disabled"]:hover {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

.ui-button::before {
    margin: 0 5px 0 -5px;
}

.dataTable [class*="BtnSetWrapper"] .ui-button-text-only .ui-button-text,
.tblDefault .ui-button-text-only .ui-button-text {
    padding: 0 1em;
}


button,
.ui-datepicker .ui-datepicker-buttonpane button {
    padding: .4em 1em;
}

    button::before,
    .ui-datepicker .ui-datepicker-buttonpane button::before {
        margin: 0 5px 0 -5px;
    }

.currency, .numeric {
    text-align: right;
}

.nonNumeric {
    text-align: left;
}

.ui-display-report-decimal {
    text-align: right;
}

#InforceVal {
    padding-left: 0 !important;
}

#divPolicySearch,
#radioButton,
#searchButton {
    padding: 10px 0 0 0px;
}

/*.radioWrapper {
    white-space: nowrap;
    display: inline;
    cursor: pointer;
}*/

td.classicRadio input[type="radio"] {
    -moz-appearance: none;
    margin: 0;
    height: 1px;
    width: 1px;
    float: left;
    position: absolute;
    opacity: 0;
}

/*div > .radioWrapperStack input[type="radio"], .radioWrapperStack input[type="radio"] {
    -moz-appearance: none;
    margin: 0;
    height: 1px;
    width: 1px;
    float: left;
    position: absolute;
    opacity: 0;
}*/

/* div > input[type="radio"], input[type="radio"] {
    -moz-appearance: none;
    margin: 0;
    height: 1px;
    width: 1px;
    float: left;
    position: absolute;
    opacity: 0;
}

    input[type="radio"] ~ label:not(.hidden) {
        line-height: 35px;
        padding: 2px 4px;
        -moz-transition: color 1s ease;
        -o-transition: color 1s ease;
        -webkit-transition: color 1s ease;
        transition: color 1s ease;
        min-width: 84px;
        width: auto;
        height: 42px;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        margin: 10px 0px 0px -6px !important;
        font-weight: 600;
        cursor: pointer;
    }*/

    input[type="radio"] ~ label:hover {
    }

#radioButtonStacked {
    max-width: 650px;
    width: auto;
    padding-left: 12px;
    background: transparent !important;
}

    #radioButtonStacked input[type="radio"] ~ label:not(.hidden) {
        height: 35px;
        line-height: 35px !important;
        padding: 0px 15px 0px 15px;
        display: block;
        white-space: nowrap;
    }

input[type="radio"] + label {
    -moz-border-radius: 0px 0px 0px 0;
    -webkit-border-radius: 0px 0px 0px 0;
    border-radius: 0px 0px 0px 0;
}

input[type="radio"]:first-child + label,
input[type="radio"]:first-of-type + label {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.radioWrapperStack {
    display: inline-block;
    white-space: nowrap;
}

#radioButtonStacked input[type="radio"]:first-child + label,
#radioButtonStacked input[type="radio"]:first-of-type + label {
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
}

input[type="radio"]:last-child + label,
input[type="radio"]:last-of-type + label {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

#radioButtonStacked input[type="radio"]:last-child + label,
#radioButtonStacked input[type="radio"]:last-of-type + label {
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
}

#radioButtonStacked input[type="radio"]:last-child + .singleRadio,
#radioButtonStacked input[type="radio"]:last-of-type + .singleRadio {
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
}

input[type="radio"]:disabled + label {
    opacity: 0.5;
    cursor: default;
}

input[type="radio"]:checked:disabled + label {
    opacity: 0.5;
    cursor: default;
}

.classicRadio .radioWrapper {
}

.classicRadio .radioWrapperStack .radioStackLabelSpan {
    display: inline-block;
    vertical-align: text-bottom;
}

/*Firefox hack*/
@-moz-document url-prefix() {
    .classicRadio .radioWrapperStack {
        white-space: normal;
    }
}

.classicRadio .radioWrapperStack input[type="radio"] ~ label {
    min-width: 0px;
    width: 0px;
    float: left;
}

.classicRadio .radioWrapper input[type="radio"] ~ label {
    min-width: 0;
    width: 0;
    float: none;
    margin: 0 50px 0 -5px !important;
}

.classicRadio .radioWrapper > input[type="radio"] {
    float: none;
}

.classicRadio input[type="radio"] ~ label {
    padding: 0 0px 0px 24px;
    -moz-transition: color 1s ease;
    -o-transition: color 1s ease;
    -webkit-transition: color 1s ease;
    transition: color 1s ease;
    height: 19px;
    text-align: center;
    vertical-align: middle;
    /*  margin: 15px 3px 0px -25px !important; */
    margin: 0px 3px 10px -25px !important;
    cursor: pointer;
    line-height: 4px;
}


.classicRadio div > input[type="radio"], .classicRadio input[type="radio"] {
    position: inherit;
    width: 5px;
    height: 5px;
}

.classicRadio label + input[type="radio"] {
    clear: both;
}

td > input[type="checkbox"],
input[type="checkbox"] {
    margin-right: 10px;
    margin-top: 2px;
    height: 20px;
    width: 20px;
    float: left;
}

span > input[type="checkbox"] {
    float: none;
    vertical-align: middle;
}

.centerCheckbox > input[type="checkbox"] {
    float: none;
    margin-right: 0;
}


/* tooltip styling */
html > /**/ body .tooltipImg {
    width: 27px;
    height: 22px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    top: 8px;
    background-size: 80%;
    margin-left: 10px;
}

input[type="checkbox"] ~ .tooltipImg,
.radioWrapperStack + .tooltipImg {
    top: 0;
}

html > body .tooltipImg::after {
    font: normal normal normal 20px/1 FontAwesome;
    content: "\f05a"; /*infor circle*/
}

.description_tooltipImg {
    background-image: url(images/description_tooltip.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    top: 8px;
    background-size: 80%;
}

html > /**/ body .tooltipBody {
    width: 250px;
    min-height: 45px;
    line-height: 14px;
    position: relative;
    padding: 15px;
    margin: 0em 0 0 1.8em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .tooltipBody:before {
        content: "";
        position: absolute;
        top: 8px;
        bottom: auto;
        left: -30px;
        border-width: 15px 30px 15px 0;
        border-style: solid;
        display: block;
        width: 0;
    }

    .tooltipBody:after {
        content: "";
        position: absolute;
        top: 13px;
        bottom: auto;
        left: -21px;
        border-width: 9px 21px 9px 0;
        border-style: solid;
        display: block;
        width: 0;
    }

html > /**/ body .tooltip {
    padding: 10px 15px;
    width: 200px;
    display: none;
    text-align: left;
    position: relative;
    /* outline radius for mozilla/firefox only */
    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
}

html > /**/ body .labelTooltipBody {
    line-height: 16px;
    min-height: 0;
    padding: 10px 10px 0 10px;
    position: absolute;
    overflow: initial !important;
    z-index: 99999;
    width: 200px;
}

    .labelTooltipBody:before {
        border: none;
    }

    .labelTooltipBody:after {
        content: "";
        position: relative;
        bottom: -15px;
        left: 10px;
        border-width: 15px 15px 0;
        border-style: solid;
        display: block;
        width: 0;
        top: 15px;
    }

.labelTooltipContentWrapper {
    display: block;
}

.tooltipBodyFlip {
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1);
    -ms-filter: "FlipV";
    filter: FlipV;
}

    .tooltipBodyFlip span.labelTooltipContentWrapper {
        -moz-transform: scaleY(-1);
        -o-transform: scaleY(-1);
        -webkit-transform: scaleY(-1);
        -ms-transform: scaleY(-1);
        transform: scaleY(-1);
        -ms-filter: "FlipV";
    }

html > /**/ body .emailTooltipBody {
    width: 200px;
    min-height: 45px;
    line-height: 14px;
    position: relative;
    padding: 15px;
    margin: 0 0 10px 0;
}

    .emailTooltipBody:before {
        position: absolute;
        top: 100%;
        left: 75%;
        margin-left: -10px;
        margin-top: 5px;
    }

    .emailTooltipBody:after {
        position: absolute;
        top: 100%;
        left: 75%;
        margin-left: -10px;
        margin-top: -2px;
        z-index: 1;
    }

/*for ext.net main navigation*/
html > /**/ body .mainNavTooltip {
    position: absolute;
    width: auto;
    visibility: hidden;
    opacity: 0;
    -moz-transition: visibility 0s, opacity 0.8s linear;
    -o-transition: visibility 0s, opacity 0.8s linear;
    -webkit-transition: visibility 0s, opacity 0.8s linear;
    transition: visibility 0s, opacity 0.8s linear;
}

#policyFunction td {
    padding-top: 6px;
}

#divSessionWillExpire {
    padding: 5px !important;
    width: 323px !important;
}

#btnExtendAuthentication, #btnLogout {
    width: 153px;
    margin-left: 1px;
}

#quoteBreadCrumb {
    margin: 0px 0 0 25px;
    padding-top: 5px;
}

#policyBreadCrumb,
#billingBreadCrumb {
    margin: 0px 0 20px 0;
    padding-top: 10px;
}

#breadCrumb {
    margin: -49px 0 20px 0;
}

/*_:-ms-fullscreen, :root #breadCrumb { margin-top: -60px; }*/

#breadcrumb_img_edit {
    background: url(images/bigPencil.png);
    height: 24px;
    width: 24px;
}

#breadcrumb_img_edit_disabled {
    background: url(images/bigPencil_disable.png);
    height: 24px;
    width: 24px;
}

#breadcrumb_img_issue {
    background: url(images/issuepolicy.png);
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    padding-right: 10px;
}

#breadcrumb_img_issue_disabled {
    background: url(images/issuepolicy.png);
    height: 24px;
    width: 24px;
}

#breadcrumb_img_billbutton {
    background: url(images/newbillingBig.png);
    background-repeat: no-repeat;
    height: 28px;
    width: 42px;
    margin-right: -7px;
}

#breadcrumb_img_save {
    background: url(images/save.png);
    height: 24px;
    width: 24px;
}

#breadcrumb_img_print_disabled {
    background: url(images/print_disable.png);
    height: 24px;
    width: 24px;
}

#breadcrumb_img_print {
    background: url(images/print.png);
    height: 24px;
    width: 24px;
}

#breadcrumb_notes {
    background: url(images/notes.png);
    height: 24px;
    width: 24px;
}

#breadcrumb_addnotes {
    background: url(images/addNote.png);
    height: 24px;
    width: 24px;
}

.quote-save-complete {
}


/*for task page home*/
.dtTaskTable {
    width: 100% !important;
}

select[data-field="Loss.CauseOfLoss"] {
    max-width: 510px;
}

select[data-field="CustomerNoteViewModel.relate"] {
    margin-top: -4px;
}

input[data-field="CustomerNote.CustomerNote.Subject"] {
    margin-top: -11px;
}

input[data-field="Payment.FinancialInstitution"] {
    width: 300px !important;
}

input[data-field="EntityName.NamedInsuredName.CommercialName"] {
    width: 240px !important;
}

input[data-field="Customer.Customer.ExternalCustomerNumber"] {
    width: 240px !important;
}

[id^="div_EmptyList"] p.saveCancelButton a[data-type="SPP"] {
    margin-left: 0px !important;
}

label[data-label="Payment.PaymentMethod"] {
}

    label[data-label="Payment.PaymentMethod"] span {
        margin-top: 8px;
    }

#div_EmptyList_Photography_Create .saveCancelButton a[data-action="Create"] {
    margin-left: 0px !important;
}

[id^="div_EmptyList"] .saveCancelButton a[data-type="AddlLoc"] {
    margin-left: 0px !important;
}

    [id^="div_EmptyList"] .saveCancelButton a[data-type="AddlLoc"]:hover {
        margin-left: 0px !important;
    }

/*selectable item in a table*/
.pickable tr:hover {
    cursor: pointer;
}

.premium-total {
}

.hidden, .btn-hidden,
.ui-tabs .ui-tabs-nav li a.btn-hidden {
    display: none;
}


/*Style for Billinig*/
#installmentDate {
}

/* yellow for validation */
.valboxDiv {
    margin: 10px 30px 30px 30px;
    width: 100%;
}

.valbox_top, .valbox_bottom {
    display: block;
    font-size: 1px;
}

.valbox_b1, .valbox_b2, .valbox_b3, .valbox_b4 {
    display: block;
    overflow: hidden;
}

.valbox_b1, .valbox_b2, .valbox_b3 {
    height: 1px;
}

.valbox_b1 {
    margin: 0 5px;
}

.valbox_b2 {
    margin: 0 3px;
    border-width: 0 2px;
}

.valbox_b3 {
    margin: 0 2px;
}

.valbox_b4 {
    height: 2px;
    margin: 0 1px;
}

.valbox_boxcontent {
    display: block;
    border-width: 0 1px;
    font-size: 15px;
    padding: 5px;
    padding-bottom: 5px;
}

.ui_insert {
    position: relative;
    top: 10px;
    padding-bottom: 10px;
}

.billOptions .ui-editor-prompt {
    min-width: 175px;
    width: 181px;
}

    .billOptions .ui-editor-prompt label {
        padding-left: 0 !important;
    }

.billOptionInput {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 159px\9 !important; /*IE9 compatible mode hack*/
}
/*for IE10 hack*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .billOptionInput {
        width: 159px !important;
    }
}

/*to differentiate the col header in the generated page from the normal label, by using different color*/
.gen-text-weight-thick {
    padding-left: 10px !important;
}



.ui-dialog {
    padding: 0;
}

    .ui-dialog .ui-dialog-content {
        padding: 1em 1em !important;
        margin: 10px 0 35px 0 !important;
        position: static !important;
        overflow: auto !important;
        max-height: 80vh !important;
    }

        .ui-dialog .ui-dialog-content > form {
            padding-bottom: 35px;
        }

        .ui-dialog .ui-dialog-content div[data-table-action="index"] {
            padding: 0 10px;
        }


        .ui-dialog .ui-dialog-content h2 {
            padding-left: 10px !important;
        }

    .ui-dialog [id^="div_popup_AgentUserAdmin"].ui-dialog-content {
        margin: 0px !important;
    }

    .ui-dialog .ui-dialog-content.noMaxHeightNoScrool {
        max-height: none !important;
        overflow-y: hidden;
    }


/*overrride for BOP*/
div.ui-dialog-content.ui-widget-content.expandableBOP {
    position: relative !important;
    padding: 0px !important;
    margin: 0px !important;
}

p.saveCancelButton.expandableBOP, p.viewCloseButton.expandableBOP, p.deleteCancelButton.expandableBOP {
    position: relative !important;
}

div.ui-dialog-content.expandableBOP > form {
    padding-bottom: 0px !important;
}

#div_popup_pdfPolicy {
    padding: 0 !important;
}
/*overrride for ENV*/
.ui-dialog [id^="div_popup_BEAZLEY_ENV_Risk_"] {
    max-height: none !important;
}

.ui-dialog-content .gen-text-weight-thick {
    padding-left: 0 !important;
}

.gen-text-weight-thick label,
.labelTooltipException.gen-text-weight-thick label {
    padding-left: 10px !important;
    letter-spacing: 1px;
}


/*for payment page*/
select[name="CreditcExp"], select[name="CreditcYear"] {
    width: 65px;
}

#btnRiskMeterLookup {
    display: inherit;
}

#quickquote_form {
    padding-top: 30px;
}

span.ui-display-prompt label {
    display: inline-block;
    min-width: 67px;

}

#validateBtnWrapper {
    width: 395px;
}

    #validateBtnWrapper #Reset {
        margin-left: 215px;
    }

    #validateBtnWrapper #ValidateAddress {
        float: right;
    }

.nodisplay {
    display: none;
}


/*for Structure page starts*/
html > /**/ body div[data-field^="ConnectRoof"] {
    position: relative;
    top: -30px;
    left: 30px;
}

html > /**/ body div[data-field^="ConnectVertical"] {
    position: relative;
    top: 170px;
    left: -25px;
}

div[data-field^="PlywoodShutters"] {
    position: relative;
    top: 203px;
    left: -25px;
}

html > /**/ body div[data-field^="ImpactResistent"] {
    position: relative;
    top: 283px;
    left: -25px;
}

#structurePage input[type="checkbox"] {
    margin-left: 50px;
}

#structureNote {
    font-style: italic;
    font-weight: normal;
    padding-left: 50px;
}

/*for Structure page ends*/

.docNoteBg.cancel::before {
    display: none;
}

#Customerdocs_Description {
    width: 450px;
}

/*for thank you page starts*/
#thankyou-containerWrapper {
    line-height: 20px;
}

#thankyou-container1 {
    margin: 28px auto;
    width: 640px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#thankyou_container2 {
    margin: 28px auto;
    width: 580px;
}

#topHeader {
    width: 560px;
    text-align: right;
}

#policy-quoteID {
}

.decorator, .purchaseLink {
    text-decoration: none;
}

    .purchaseLink:hover {
    }

#mainContent {
    margin: 20px auto;
    width: 540px;
}

#leftSec {
    width: 260px;
    padding-right: 10px;
    float: left;
}

#rightSec {
    width: 260px;
    padding-left: 10px;
    float: right;
}

#thankyouH1 {
    line-height: 20px;
    margin-bottom: 20px;
}

article p {
    margin: 10px 0;
}

#purchaseBtnWrapper {
    padding: 30px 0;
}

#purchaseBtn {
    background-image: url(images/purchaseBtn.png);
    background-repeat: no-repeat;
    width: 185px;
    height: 44px;
    display: block;
    text-indent: -99999px;
}

    #purchaseBtn:hover {
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

#topRightSec {
    margin: 0 auto;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    height: 30px;
    text-align: center;
}

#totalDue, #amountPaid {
    padding: 5px 0;
}

#midRightSec {
    margin: 8px auto;
    height: 60px;
    text-align: center;
    padding: 5px 0;
}

    #midRightSec p {
        margin: 20px 0;
    }

#bottomRightSec {
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    margin: 0 auto 15px auto;
    padding: 14px 10px;
    width: 240px;
}

    html > /**/ body #bottomRightSec tr[id^="ui-Premium"] td {
        padding: 0;
    }

    html > /**/ body #bottomRightSec #ui-Premium-row3 {
        display: none;
    }

    html > /**/ body #bottomRightSec .ui-display-label, html > /**/ body #bottomRightSec .ui-display-report {
    }

    html > /**/ body #bottomRightSec #ui-Premium-row8 .ui-display-label {
        text-align: center !important;
        line-height: 50px;
        padding-left: 72px !important;
    }

/*for thank you page ends*/

#pageOptionsWrapper {
    float: right;
}

    #pageOptionsWrapper label {
        padding: 0 6px 4px 5px;
    }

    #pageOptionsWrapper input[type="checkbox"] {
        float: none;
        vertical-align: middle;
    }

/*Quote recall page*/
html > /**/ body #quoteRecallWrapper {
    margin: 30px auto;
    width: 350px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    padding: 35px;
    line-height: 24px;
}

#retrieveQuote {
    padding: 15px 37px 0 0;
    float: right;
}

div[data-table-type="QuoteEntity"] table {
    margin-bottom: 20px;
}

/*wizard steps*/
#createWizard {
    white-space: nowrap;
}

.stepLine {
    z-index: -1;
    width: 350px;
    margin: -20px auto;
    display: block;
    height: 75px;
}

.profileStepLine {
    z-index: 0;
    width: 350px;
    top: 28px;
    left: 60px;
}

.stepTitle {
    margin-top: 65px;
    text-align: center;
}

.crumbsProfileContainer .stepLine {
    height: 40px;
    z-index: -1;
    width: 335px;
    display: block;
    margin: 10px auto 90px auto;
}

.stepLineProfile {
    margin: 10px auto !important;
    display: block;
    height: 75px;
}

#changeUserName .stepLineProfile {
    margin: -20px auto !important;
    display: block;
    height: 120px;
    width: 320px;
}


.endorsementStepLine {
    width: 200px;
}

.endorsementStepTitle {
    margin: 65px -23px 0 -23px !important;
}

.crumbsProfileContainer {
    position: relative;
}

#crumbs {
    height: 2.55em;
    min-width: 600px;
    width: 80%;
    margin: 10px auto;
}

    #crumbs ul {
        text-align: center;
        margin: 0 auto;
        width: 80%;
    }

        #crumbs ul li {
            vertical-align: top;
            display: inline-block;
            width: 160px;
            float:none;
        }

            #crumbs ul li a {
                display: block;
                float: left;
                position: relative;
                height: 55px;
                width: 55px;
                margin-left: 46px;
                cursor: default;
            }

                #crumbs ul li a:after {
                    content: "";
                    position: absolute;
                    right: -20px;
                    top: 0;
                    display: none;
                    z-index: 1;
                }

                #crumbs ul li a:before {
                    content: "";
                    position: absolute;
                    left: 0;
                    top: 0;
                    display: none;
                }

            #crumbs ul li:first-child a {
            }

                #crumbs ul li:first-child a:before {
                    display: none;
                }

            #crumbs ul li:last-child a {
            }

                #crumbs ul li:last-child a:after {
                    display: none;
                }

.crumbsEditProfile ul li {
    width: 115px !important;
}

    .crumbsEditProfile ul li a {
        display: block;
        float: left;
        text-align: center;
        position: relative;
        text-decoration: none;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        height: 55px;
        width: 55px;
        margin-left: 45px;
    }

.crumbsEditProfile .stepTitle {
    margin-left: 30px;
}

/*Forget Password Crumbs Starts*/
#passwordResetPage #crumbs {
    min-width: 720px;
    width: auto;
    max-width: 750px;
    margin: 10px auto !important;
}

    #passwordResetPage #crumbs ul {
        width: 80%;
        margin: 0 auto;
        display: inherit;
    }

        #passwordResetPage #crumbs ul li {
            display: inline-block;
            width: 110px !important;
            min-width: 90px;
            float: left;
        }

            #passwordResetPage #crumbs ul li a {
                display: block;
                float: left;
                position: relative;
                height: 55px;
                width: 55px;
                margin-left: 45px;
                padding: 0;
                z-index: 1;
            }

                #passwordResetPage #crumbs ul li a:after {
                    right: -20px;
                    top: 0;
                    z-index: 1;
                }

                #passwordResetPage #crumbs ul li a:before {
                    left: 0;
                    top: 0;
                }

    #passwordResetPage #crumbs .stepTitle {
        margin-left: 30px;
        margin-top: 65px;
    }

#passwordResetPage .stepLineProfile {
    display: block;
    height: 2px;
    border-top: 1px solid #4d5376;
    border-bottom: none !important;
    width: 480px;
    position: relative;
    top: -95px;
    clear: both;
    z-index: 0;
}

[id^="div_popup"] #passwordResetPage .saveCancelButton {
    margin: 0px !important;
}
/*Forget Password Crumbs Ends*/

/*Second Factor Authentication Starts*/
#secondFactorAuthenticationPage #crumbs {
    min-width: 720px;
    width: auto;
    max-width: 750px;
    margin: 10px auto !important;
}

    #secondFactorAuthenticationPage #crumbs ul {
        width: 80%;
        margin: 0 auto;
        display: inherit;
    }

        #secondFactorAuthenticationPage #crumbs ul li {
            display: inline-block;
            width: 190px !important;
            min-width: 190px;
            float: left;
        }

            #secondFactorAuthenticationPage #crumbs ul li a {
                display: block;
                float: left;
                position: relative;
                height: 55px;
                width: 55px;
                margin-left: 45px;
                padding: 0;
                z-index: 1;
            }

                #secondFactorAuthenticationPage #crumbs ul li a:after {
                    right: -20px;
                    top: 0;
                    z-index: 1;
                }

                #secondFactorAuthenticationPage #crumbs ul li a:before {
                    left: 0;
                    top: 0;
                }

    #secondFactorAuthenticationPage #crumbs .stepTitle {
        margin-left: 30px;
        margin-top: 65px;
    }

#secondFactorAuthenticationPage .stepLineProfile {
    display: block;
    height: 2px;
    width: 385px;
    position: relative;
    top: -80px;
    clear: both;
    z-index: 0;
}

[id^="div_popup"] #secondFactorAuthenticationPage .saveCancelButton {
    margin: 0px !important;
}

.crumbsWrapper {
    width: 94%;
    margin: 0 auto;
    overflow: hidden;
}

/*Second Factor Authentication Crumbs Ends*/


.ui-dialog .ui-dialog-content[id^="div_popup_Account_ProfileSetup"] {
    overflow: hidden !important;
}

#tabs_main > .message-error {
    position: relative;
    left: 15px;
    width: 96%;
    margin: 0 auto;
}

[id^="div_popup"] #createWizard .message-error .ui-state-error {
    max-width: 530px !important;
    white-space: normal !important;
    margin: 0px 10px -10px 10px;
}

[id^="div_popup"] .message-error {
    padding: 0px 10px;
    position: relative !important;
}

[id^="div_popup"] .noTabStyle .message-error {
    max-width: 900px;
    margin: 40px auto;
}

[id^="div_popup"] .message-error-text {
    width: auto !important;
    padding-left: 40px !important;
    line-height: 20px;
}

.crumbsProfile ul li {
    width: 109px !important;
}

.crumbsProfile a {
    margin-left: 26px !important;
}

.vehicleStepsContainer {
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    text-align: center;
    position: relative;
}

.crumbsVehicle {
    width: 800px !important;
}

    .crumbsVehicle ul li {
        width: 148px !important;
    }

.stepLineVehicle {
    width: 335px !important;
    margin-left: 240px !important;
}

/*FOR PREMIUM REPORT STARTS*/
#beautifyPremiumBlock .mCSB_container {
    min-width: 880px;
    max-width: 890px;
}

#beautifyPremiumBlock table,
.reportTblWrapper table {
    margin: 0 !important;
}

.reportOutterWrapper {
    width: 950px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    padding: 20px;
    margin: 3px auto;
}

.reportOutterWrapperUWAlert {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 20px;
    margin: 3px auto;
}

.reportInnerWrapper {
}

.reportTblWrapper {
    padding: 10px;
}


#reportTableTop {
    margin: 0 !important;
}

#reportTblWrapperBottom {
    width: 920px;
    overflow: hidden;
}

#reportTblWrapperBottomUWAlert {
    overflow: hidden;
}

#reportTableBottom {
    border: none;
    margin: 0 !important;
}

.report_ui_tblHeader_fistCol {
    width: 310px !important;
    text-align: left;
    line-height: 13px;
}

.report_ui_tblHeader_fistCol_Ho3,
.report_ui_tblHeader_fistCol_Center {
    width: 310px !important;
    text-align: center;
    line-height: 13px;
}

.report_ui_tblHeader_fistCol_uppercase {
    text-transform: uppercase;
}

.report_ui_tblHeader_fistCol_UWAlert {
    width: 130px !important;
    text-align: left;
    line-height: 13px;
}

.report_ui_tblHeader_UWAlert {
    width: 160px;
    line-height: 13px;
}

.report_ui_tblHeader {
    width: 95px;
    line-height: 13px;
}

.report_ui_tblHeader_fistCol_indent {
    text-indent: 15px;
    font-style: italic;
}

.reportDescription {
}

.trAccent, .tdAccent {
    line-height: 8px;
    background-image: none;
}

.blankTD {
    border-bottom: none !important;
}

.reportHeader {
    padding: 0 !important;
}

#reportNote {
    padding: 0px 0 20px;
}

.report-editor-field {
    text-align: right;
}

.report-editor-field-UWAlert {
    text-align: center;
    width: 160px;
}

.discounts span {
    white-space: nowrap;
}

#TotalAmountDue {
    width: 455px;
    float: left;
}

#effDateBlock {
    float: right;
    line-height: 24px;
    margin: 0 0 2px 0;
}

#effDateBlock_Policy {
    float: right;
    line-height: 24px;
    height: 70px;
    margin: 0px;
}

#report-tbl-nextPreviousButton,
#saveForLater-continueButton {
    padding: 15px 0 50px 0;
}

#reportNextPreviousUL,
#saveForLater-continueUL {
    min-width: 585px !important;
    width: 585px !important;
}

.reportSaveForLaterLink,
.saveForLaterLink {
    width: 122px;
}

.reportPurchaseLink,
.continuePurchaseLink {
    float: right;
    width: 121px;
}

.totalPremium-tr-accent, .totalPremium-td-accent {
    background-image: none;
}

.TDseparater {
    border-bottom: none !important;
    border-right: none !important;
    padding: 0px !important;
}
/*FOR PREMIUM REPORT ENDS*/

/*for enroll auto pay starts*/
#qualgradedoc, #qualgradedocdv {
    background-image: url(images/pdf-icon.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 35px;
    height: 30px;
    display: inline-block;
    position: relative;
}

#qualgradedocdv {
    left: 8px;
    vertical-align: top;
}

#qualgradedoc {
    left: -6px;
}

#CreditCardIcons_AMEX_Selected {
    background-image: url(images/creditcards2.png);
    background-position: 0px -3px;
    background-repeat: no-repeat;
    width: 33px;
    height: 24px;
}

#CreditCardIcons_Discover_Selected {
    background-image: url(images/creditcards2.png);
    background-position: -37px -3px;
    background-repeat: no-repeat;
    width: 33px;
    height: 24px;
}

#CreditCardIcons_MasterCard_Selected {
    background-image: url(images/creditcards2.png);
    background-position: -73px -3px;
    background-repeat: no-repeat;
    width: 33px;
    height: 24px;
}

#CreditCardIcons_VISA_Selected {
    background-image: url(images/creditcards2.png);
    background-position: -106px -3px;
    background-repeat: no-repeat;
    width: 33px;
    height: 24px;
}

#CreditCardIcons_AMEX_Unselected {
    background-image: url(images/creditcards2.png);
    background-position: 0px -25px;
    background-repeat: no-repeat;
    width: 33px;
    height: 24px;
}

#CreditCardIcons_Discover_Unselected {
    background-image: url(images/creditcards2.png);
    background-position: -37px -25px;
    background-repeat: no-repeat;
    width: 33px;
    height: 24px;
}

#CreditCardIcons_MasterCard_Unselected {
    background-image: url(images/creditcards2.png);
    background-position: -73px -25px;
    background-repeat: no-repeat;
    width: 33px;
    height: 24px;
}

#CreditCardIcons_VISA_Unselected {
    background-image: url(images/creditcards2.png);
    background-position: -106px -25px;
    background-repeat: no-repeat;
    width: 33px;
    height: 24px;
}


/*for enroll auto pay ends*/


.pure-form fieldset {
    margin: 0;
    padding: .35em 0 .75em;
    border: 0;
}

.pure-form-aligned textarea {
    vertical-align: top;
}

.pure-form-aligned .pure-control-group {
    padding-left: 20px;
}

    .pure-form-aligned .pure-control-group label {
        width: 15em;
        text-align: left !important;
        display: inline-block;
        vertical-align: middle;
    }

.pure-form-aligned label.error {
    display: block;
    width: 300px;
}

.pure-form-aligned:not(.userAccountAdminForm) .pure-control-group label.error {
    margin-left: 13px
}

/*Toggle Group Starts*/
.toggleTriggerGlobal {
    float: right;
}

.toggleTriggerWrapper .ui-requiredInput {
    width: 100%;
}

.toggleTrigger {
    padding-left: 10px !important;
    cursor: pointer;
    display: block;
    height: auto;
    min-height: 27px;
    padding-top: 3px;
    line-height: 24px;
    border-left: 20px solid transparent;
}

    .toggleTrigger .ui-requiredBlock {
        left: 0px;
        height: 31px;
        top: 0px;
        width: 100%;
        margin-left: 0px;
        padding-right: 2px;
    }

    .toggleTrigger [class^="toggleDown"] {
        display: inline-block;
        width: 11px;
        vertical-align: middle;
        padding: 0px 5px 0 0;
        margin: 0 0 0 -20px;
    }
/*Toggle Group Ends*/

/* All next CSS is for UW Dashboard */

.viewAllTaskButton {
    margin-top: 6px !important;
}

.saveChartButton {
    top: 19px !important;
}

    .saveChartButton + .x-tool {
        top: 12px !important;
    }

    .saveChartButton::before {
        margin-right: -10px;
    }

/*.x-panel-header-default-framed-horizontal .x-tool-after-title {
    margin-top: 10px !important;
}*/

.x-grid-header-ct {
    background-image: none;
}

.x-column-header {
    background-image: none;
}

#dashboardProduction-body .x-panel-default-framed,
.x-fieldset-default {
}

#taskHeader-title {
    padding-left: 18%;
}

#fieldsetPanel-legend {
    width: 100%;
    text-align: center;
    height: 40px;
    padding: 6px 3px 0 1px;
}

#fieldsetPanel-body {
    width: 100%;
}


.Update {
    float: right;
    padding: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

    .Update .x-btn-wrap.x-btn-wrap-default-small {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .Update:active .x-btn-wrap.x-btn-wrap-default-small,
    .x-btn-wrap-default-small.x-btn-pressed {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none;
        -moz-border-image: initial !important;
        -o-border-image: initial !important;
        -webkit-border-image: initial !important;
        border-image: initial !important;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .Update .x-btn-wrap.x-btn-wrap-default-small span {
        padding: 2px;
    }

    .Update:hover .x-btn-wrap.x-btn-wrap-default-small span {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .Update.x-btn-pressed .x-btn-wrap-default-small span {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

#DateFrom-inputEl, #DateTo-inputEl {
    width: 90px !important;
}

#DateFrom-triggerWrap, #DateTo-triggerWrap {
    width: 108px !important;
}

#DateFrom-trigger-picker, #DateTo-trigger-picker {
    background-image: url("images/calendar_icon.png");
    background-size: cover;
    background-size: 80%;
    background-position: 5px;
}

.x-toolbar-default.orderToolBar {
    background-image: none;
    border: none;
}

.x-fieldset-header-default > .x-fieldset-header-text {
    margin-top: 6px;
    width: 100%;
    height: 20px;
}

.HideDashBoard, .LoadMoreDashboard {
    width: 100%;
    text-align: center;
    cursor: pointer;
    height: 25px;
    padding: 2px 0 0 0;
}

    .HideDashBoard, .LoadMoreDashboard span {
        vertical-align: middle;
        font-size: larger;
    }

        .HideDashBoard span:after {
            content: "";
            border-left: 11px solid transparent;
            border-right: 11px solid transparent;
            position: absolute;
            margin-top: 3px;
            margin-left: 3px;
        }

        .LoadMoreDashboard span:after {
            content: "";
            border-left: 11px solid transparent;
            border-right: 11px solid transparent;
            position: absolute;
            margin-top: 3px;
            margin-left: 3px;
        }


.x-form-item-body.x-form-item-body-default.x-form-text-field-body.x-form-text-field-body-default input[type="text"] {
    width: 100%;
}

.x-form-item-body.x-form-item-body-toolbar.x-form-text-field-body.x-form-text-field-body-toolbar input[type="text"] {
    width: 100%;
}

.x-panel.x-portlet.x-panel-default-framed.x-resizable.x-panel-resizable.x-panel-default-framed-resizable.x-border-box {
    z-index: 0;
}

.OrderButton {
    -moz-border-radius: 50px 50px;
    -webkit-border-radius: 50px 50px;
    border-radius: 50px 50px;
    Width: 90px;
    Height: 20px;
}

.AscendingButton, .DescendingButton {
    -moz-border-radius: 50px 50px;
    -webkit-border-radius: 50px 50px;
    border-radius: 50px 50px;
    Width: 90px;
    Height: 20px;
}

.x-btn-focus.x-btn-default-toolbar-small .x-btn-wrap {
    outline: none !important;
}

.AscendingButton .x-btn-wrap.x-btn-wrap-default-toolbar-small {
    position: relative;
}

.AscendingButton .x-btn-button:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 6px;
    right: 3px;
}

.DescendingButton .x-btn-wrap.x-btn-wrap-default-toolbar-small {
    position: relative;
}

.DescendingButton .x-btn-button:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 6px;
    right: 3px;
}

.DescendingButton:hover .x-btn-button:after {
}

.x-form-trigger-default {
    width: 29px !important;
    border: none;
}


/* END: All next CSS is for UW Dashboard */


/* New UW Dashboard Starts */
#dashboardHeader h4 {
    text-align: center;
    margin-bottom: 10px;
}

.countingWrapper {
    min-width: 34px;
    height: 27px;
    float: right;
    position: relative;
    top: -4px;
    right: -1.2px;
    padding: 5px 5px 0 5px;
    line-height: 12px;
    margin-bottom: -2px;
}

.countingNum {
    font-size: 18px;
}

.countingUnit {
    font-size: 9px;
}

#dashboardWrapper {
    margin: 0 auto;
    padding: 0 20px 50px 50px;
}

    #dashboardWrapper .toggleTriggerWrapper {
        margin: 0 !important;
    }

    #dashboardWrapper .toggleContents {
        padding: 15px;
    }

.dashboardContents div.dataTables_wrapper .ui-widget-header {
    padding: 0 5px;
}

/* New UW Dashboard Ends */

/*For Main Layout Starts*/
#WorkItem {
    display: none;
}

.ui-bCrumbs {
    height: 20px;
    margin-left: 40px !important;
}

    .ui-bCrumbs li {
        line-height: normal;
        padding-top: 4px;
        text-align: left;
    }

        .ui-bCrumbs li a {
            background: none !important;
            padding: 0px !important;
            cursor: default;
        }

            .ui-bCrumbs li a:before {
                display: none;
            }

            .ui-bCrumbs li a:after {
                display: none;
            }

#policyBreadCrumb .ui-bCrumbs li a {
    cursor: pointer;
}

.searchBreadcrumb i,
.quoteBreadcrumb i {
    margin: 0px 5px;
}

.crumbsProfile {
    min-width: 580px;
    width: 80% !important;
    padding-bottom: 75px;
    height: 8em !important;
}

.crumbsEditProfile {
    min-width: 600px;
    width: 80%;
    margin: 10px auto !important;
}

    .crumbsEditProfile ul {
        width: 80%;
        text-align: center;
        margin: 0 auto;
    }

.crumbsProfile ul {
    width: 80%;
    text-align: center;
    margin: 0 auto;
    display: inherit !important;
}

.breadcrumbSeparator {
    padding-left: 5px;
    padding-right: 5px;
}

/*For Main Layout Ends*/

#btnPolicyFunction {
    margin-left: 0px;
    margin-right: 5px;
    margin-top: -5px;
    padding: 5px 20px 5px 10px;
}

#btnMyPolicyFunction {
    margin-left: 0px;
    margin-right: 5px;
    margin-top: 0px;
    padding: 5px 20px 5px 10px;
}

#btnAmendPolicy i {
    margin-top: 3px;
}

#btnSavePolicy {
    float: right;
    vertical-align: middle;
    padding-top: 2px;
    padding-right: 64px;
}

    #btnSavePolicy i {
        margin-right: 5px;
    }

#btnSaveQuote i {
    padding-top: 2px;
}

#quoteNotes i {
    padding-top: 2px;
}

#quoteAmend {
    padding-left: 2px !important;
}

    #quoteAmend i {
        font-size: 24px;
        padding-top: 2px;
        cursor: pointer;
    }

#btnPrintQuote i {
    padding-top: 0px;
    cursor: pointer;
    margin-left: -6px;
    margin-top: -1px;
}

#btnQuoteFunction {
    padding: 5px 20px 5px 10px;
    margin-right: 3px;
    margin-top: 0px;
}


#btnSaveQuote {
    float: right;
    vertical-align: middle;
    padding-top: 2px;
    margin-right: 67px;
}

#ui_amend_save_print_icon {
    padding: 4px 2px 0 0;
    float: right;
    right: 5px;
    width: 300px;
}


#btnPrintPolicy i {
    margin-top: -10px;
    margin-left: -5px;
}


/*For document meter bar*/
.meter > span {
    display: block;
    width: 100%;
    height: 15px;
    overflow: hidden;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    margin: 2px -65px 2px 0;
    position: relative;
}

    .meter > span:after,
    .animate > span > span {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
        z-index: 1;
        background-size: 50px 50px;
        -moz-animation: move 2s linear infinite;
        -o-animation: move 2s linear infinite;
        -webkit-animation: move 2s linear infinite;
        animation: move 2s linear infinite;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        overflow: hidden;
    }

.animate > span:after {
    display: none;
}


@-moz-keyframes move {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 50px 50px;
    }
}

@-ms-keyframes move {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 50px 50px;
    }
}

@-webkit-keyframes move {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 50px 50px;
    }
}

@-ms-viewport {
    width: auto !important;
}

@keyframes move {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 50px 50px;
    }
}

/*removed the X clear function on IE*/
::-ms-clear {
    width: 0;
    height: 0;
}

/*for Pricing Grid starts*/
/*index starts*/
#ratinggridWrapper {
    width: 100%;
}

#ratinggrid .scrollable {
    white-space: nowrap;
    overflow-x: auto;
    width: 88%;
    display: inline-block;
    min-height: 905px;
}

.optionContainer .optionSelected.title:hover {
    cursor: pointer;
}

#gridxlabels .togHeader, .option .togHeader {
    float: none;
    height: 13px;
    width: 164px;
    position: relative;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 0px;
    margin: 5px 0;
}

#gridxlabels div.togHeader {
    width: 100%;
}

.toggleContents > .title, #gridxlabels .title {
    height: 20px;
    margin: 0;
    text-align: center;
    text-transform: lowercase;
    font-variant: small-caps;
    font-weight: 600;
}

.toggleContents > .title {
    cursor: pointer;
}

.popover.togHeader {
    height: 20px;
    margin: 1px 0;
    text-align: center;
}


.option > .header, #gridxlabels > .header {
    height: 20px;
    margin: 0;
}

#ratinggrid #gridxlabels {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    height: auto;
    vertical-align: top;
    margin-right: 0px;
    width: 250px;
}

#gridxlabels label {
    display: block;
    padding: 9px 4px 0px 0px;
    height: 30px;
    text-align: right;
}

.optionContainer {
    display: inline-block;
    vertical-align: top;
    margin-right: 3px;
}

.floated {
    position: fixed;
    width: 545px;
    height: 225px;
    right: -525px;
    top: 338px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 3px;
}


.floatedContents {
    width: 525px;
    height: 100%;
    position: absolute;
    right: 0px;
    overflow: hidden;
}

.doubleRow > .floatedContents {
    overflow-y: auto;
}

.floated.doubleRow {
    height: 400px;
}

.floatedOption {
    width: 65px;
    height: 185px;
    position: relative;
    display: inline-block;
    margin: 0 3px 3px 3px;
    vertical-align: top;
}

.floatedContents > .floatedLabels {
    padding: 10px 5px 0 5px;
}

.floatedContents > .floatedOptions {
    padding-right: 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 71%;
    padding-top: 10px;
    white-space: normal;
}

.floatedContents > div {
    display: inline-block;
    vertical-align: top;
}

.floatedOption > p:nth-child(1) {
    text-align: center;
}

.floatedOption > p {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 8px;
    line-height: 1.2;
}

.floatedLabels > .labelContainer {
    height: 170px;
    margin-bottom: 18px;
}

.doubleRow .floatedLabels > .labelContainer:nth-child(2) {
    display: block;
}

.floatedLabels > .labelContainer:nth-child(2) {
    display: none;
}

.sbOptionHeader {
    height: 17px;
    text-align: center;
    font-weight: 600 !important;
    text-transform: lowercase;
    font-variant: small-caps;
}

.floatedContents dl > dt {
    font-size: 12px;
}

.floatedContents dl {
    text-align: right;
}

.labelContainer > dl > .sbOptionHeader {
    background: transparent;
}

.labelContainer dt {
    padding: 0 5px 3px 0px;
}

.floatedOption dt {
    padding: 0 3px 3px 3px;
}


.floatedTitle {
    position: absolute;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    left: -67px;
    top: 80px;
}

.tabOrderLabel {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    height: 33px !important;
}

#tabOrder1 + .tabOrderLabel,
#tabOrder2 + .tabOrderLabel {
    margin: -5px 0 0 -5px !important;
}

.tabOrderText {
    position: relative;
    top: -6px;
}

#tabOrder1 + .tabOrderLabel #tabOrder1Icon {
    width: 22px;
    height: 26px;
    display: inline-block;
    position: relative;
    top: 3px;
}


#tabOrder2 + .tabOrderLabel #tabOrder2Icon {
    width: 26px;
    height: 26px;
    display: inline-block;
    position: relative;
    top: 3px;
}

.buttoSetWrapper {
    float: right;
    margin-bottom: 7px;
}

#newOptionIconWrapper {
    padding-right: 5px;
    vertical-align: sub;
}

#newOptionBtnWrapper {
    display: inline;
    padding: 0;
}

.outputs {
    position: relative;
}

/*target IE 10 and Greater*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #newOptionBtnWrapper {
        position: relative;
        top: 2px;
    }
}

.optionContainer .status_spinner {
    width: 162px;
    height: 255px !important;
    display: block;
    z-index: 99999;
    bottom: 0px;
}

    .optionContainer .status_spinner img {
        position: absolute;
        top: 40%;
        left: 35%;
    }

/*index ends*/
/*edit starts*/
.scrollable input {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    height: 23px;
}

input::-webkit-calendar-picker-indicator {
    /*hide datalist arrow*/
    opacity: 0;
}

.scrollable .ui-requiredInput {
    float: none;
}

.option span, .option input, .option label, .option select {
    display: block;
}

.toggleContents > .header {
    height: 20px;
    margin: 0px;
}

.endorsementsContainerHeader {
    margin-top: 5px !important;
    height: 20px;
    margin: 0px;
}


    .endorsementsContainerHeader span.arrowDown {
        margin: 0px 5px;
        position: relative;
        top: 2px;
    }

.endorsementsContainerHeaderText {
    position: relative;
    top: 1px;
}

.endorsement > .togHeader {
    text-align: left;
}

.popover span.arrowDown {
    margin: 0px 2px;
    position: relative;
    top: 2px;
}

.optionContainer .titleText {
    padding: 3px 0 0px 4px;
    height: 23px;
}

.optionContainer .togWrapper span, .toggleContents > span {
    padding: 9px 0 0px 4px;
    height: 30px;
    overflow: hidden;
}

.mmBBRPricing .optionContainer .togWrapper span, .mmBBRPricing .toggleContents > span {
    padding: 10px 0 0px 4px;
}

a.headerButton {
    position: relative;
    width: 10px;
    height: 10px;
    display: inline-block;
    padding: 2px 22px;
}


a.toggleExpandAll.headerButton {
    width: 157px;
    height: 16px;
    margin: 0 0 0 -17px;
}

a.toggleExpand.headerButton {
    margin: 0 0 0 -1px;
    padding: 0px 0 0px 5px;
    width: 195px;
}

span.toggleExpandText {
    padding: 0px 0 0px 5px;
    position: relative;
    top: -1px;
}

.endorsement {
    display: none;
    vertical-align: top;
}

    .endorsement h5 {
        padding: 5px 0;
    }

    .endorsement .togWrapper label {
        display: block;
        margin: 5px 0 0 0;
    }

    .endorsement > input {
        display: block;
    }

.endoTogWrapper a.toggleExpand {
    text-indent: 7px;
}

.toggleContents.option {
    display: inline-block;
    width: 166px;
}

.popoverContainer {
    display: none;
    vertical-align: top;
    margin: 22px 0 0 3px;
    height: 865px;
    overflow-y: auto;
}


[data-field="Pricing.OptionSelectedFlag"] {
    display: none !important;
}
/*edit ends*/
/*for Pricing Grid ends*/

/*Pricing Grid selectable starts*/
.selectableRatingGrid #ratinggrid #gridxlabels {
    width: 323px;
}

.selectableRatingGrid #gridxDeductibleLabels {
    width: 323px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    height: auto;
    vertical-align: top;
    margin-right: 0px;
}

.selectableRatingGrid #ratinggrid .scrollable {
    width: 69%;
    min-width: 170px;
}

.selectableRatingGrid #ratinggrid .togHeaderBreak {
    height: 45px;
    margin: 0 0 4px 0;
}

.selectableRatingGrid .deductibleWrapper input {
    width: 105px;
}

.selectableRatingGrid .deductibleWrapper {
    float: left;
    width: 138px;
    margin: 0;
}

.selectableRatingGrid #gridxlabels label {
    margin: 6px;
}

.selectableRatingGrid #gridxlabels .deductibleWrapper label {
    white-space: normal;
    text-align: center;
    margin: 0;
}

.selectableRatingGrid .inputWrapper {
    margin: 6px;
    cursor: default;
}

.selectableRatingGrid .inputWrapperNonSelector {
    margin: 6px;
    cursor: pointer;
}

.mmBBRPricing.selectableRatingGrid .inputWrapperNonSelector {
    height: 39px;
}

.selectableRatingGrid .inputWrapperNonSelector span {
    padding: 9px 0 0px 4px;
    height: 30px;
    overflow: hidden;
    display: block;
}

.mmBBRPricing.selectableRatingGrid .inputWrapperNonSelector span {
    padding: 10px 0 0px 4px;
}

.selectableRatingGrid .inputSelector {
    width: 12px;
    height: 39px;
    float: left;
    cursor: pointer;
}

.selectableRatingGrid .inputNonSelector {
    width: 12px;
    height: 35px;
    float: left;
    cursor: default;
}

.selectableRatingGrid .scrollable input {
    width: 130px;
    height: 26px;
}

.selectableRatingGrid span.toggleExpandText {
    top: -2px;
}

.selectableRatingGrid .deductibleTogWrapper {
    margin-bottom: 22px;
}

.selectableRatingGrid .deductibleTogWrapperDisplayMode {
    margin-bottom: 20px;
}

.selectableRatingGrid .PremiumOverrideTogWrapper {
    margin-bottom: 20px;
}

.selectableRatingGrid .controlWrapper {
    width: 43px;
    height: 166px;
    float: left;
    position: relative;
    padding: 49px 0 0 0;
}

.selectableRatingGrid .rowcontrolWrapper {
    padding: 13px 0;
}

.selectableRatingGrid a.rowController {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
}

.selectableRatingGrid .toggleContents > .title {
    display: block;
}

.selectableRatingGrid .titleDisplayMode {
    cursor: default;
}

    .selectableRatingGrid .titleDisplayMode:hover {
        opacity: 1;
    }

.selectableRatingGrid span.headerButton {
    position: relative;
    width: 10px;
    height: 10px;
    display: inline-block;
    padding: 2px 22px;
    opacity: 0.5;
}

.selectableRatingGrid span.rowController {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    text-align: center;
    cursor: default;
    opacity: 0.5;
}
/*Pricing Grid selectable ends*/

/*for Email Template*/
#btnMailQuote.ui-state-active {
    background: transparent;
    border: none;
}

#emailBtn.ui-button-active {
    border: none;
    background: none;
}

#emailBtn {
    float: right;
    vertical-align: middle;
    padding-top: 2px;
    padding-right: 6px;
}

#emailDisabledBtn {
    float: right;
    vertical-align: middle;
    padding-top: 2px;
    padding-right: 6px;
}


#content {
    display: none;
}

#emailBackDrop {
    min-width: 1480px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0 auto;
    padding: 0;
    z-index: 9001;
}

#emailModalWrapper {
    width: 900px;
    margin: 0 auto;
    padding-top: 30px;
}

#emailModalHeader {
}

#emailCloseWrapper {
    float: right;
    margin: 15px;
    top: 0;
    right: 0;
}

    #emailCloseWrapper #emailCloseLink {
    }

        #emailCloseWrapper #emailCloseLink:hover .fa-times-circle:before {
            content: "\f05c" !important;
        }

.emailLabel {
    padding: 0;
    width: 60px;
    display: inline-block;
}

.emailDT {
    margin: 10px 0;
}

.emailInput {
    width: 707px !important;
    height: 23px !important;
}

.emailTextArea {
    width: 696px !important;
    height: 35px !important;
    -webkit-margin-after: -12px;
    resize: none;
    margin-top: -10px;
}

.emailInput:focus {
}

#editorContainer {
    margin: 25px 0;
}

#emailSendWrapper {
    float: right;
    margin: -170px 0px 0 0;
}

#emailSendBtn {
    display: block;
    width: 93px;
    height: 93px;
    padding: 10px;
    cursor: pointer;
}

#emailSendIcon {
    padding: 28px;
}

#emailAttachBtn {
    display: inline;
    width: 20px;
    height: 20px;
    padding: 18px 13px 8px 13px;
    cursor: pointer;
    margin-right: 13px;
}

#emailSendWrapper > .btn {
    margin-bottom: 15px;
}

.saveEmailCheckboxWrapper {
    color: #262729;
    display: inline-block;
    vertical-align: bottom;
    margin: 10px 0 0 10px;
}

    .saveEmailCheckboxWrapper > label {
        padding-left: 0;
    }

/*Document Modal*/
#documentBackDrop {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    margin: 0 auto;
    padding: 0;
    z-index: 9002;
}

#documentModalWrapper {
    width: 900px;
    margin: 0 auto;
}

#documentModalHeader {
    margin-left: 10px;
}

#documentCloseWrapper {
    float: right;
    margin-right: 20px;
    margin-top: 20px;
}

    #documentCloseWrapper #documentCloseLink {
    }

        #documentCloseWrapper #documentCloseLink:hover .fa-times-circle:before {
            content: "\f05c" !important;
        }

/*Email Template Ends*/

/*CommonsTable Stats*/
.commonsTable .radioWrapperStack {
    white-space: normal;
}

.commonsTable .ui-editor-input {
    width: 250px;
}

.commonsTable .ui-editor-prompt {
    width: 220px;
}

.commonsTable .radioWrapperStack input[type="radio"] ~ label:not(.hidden) {
    width: 96%;
    line-height: 50px;
    height: 50px;
    margin: 0px 0px -1px -6px !important;
}

#plus_sign {
    position: relative;
    margin-top: 40px;
    text-align: center;
    vertical-align: middle !important;
}

    #plus_sign label {
        padding-left: 0 !important;
    }

.commonsTable .DataTables_sort_wrapper {
    display: none;
}

.commonsTable input[type="radio"] ~ label:hover {
}


.commonsTable input[type="radio"]:checked + label {
}

.boxWrapper {
    padding: 5px;
    margin-bottom: 20px;
}

.commercialPackageTbl {
    width: 765px;
    margin-bottom: 21px;
}

#LocTable {
    min-width: 750px;
}

    #LocTable .ui-editor-prompt,
    [id^="div_popup_CPP_Loc"] .ui-display-prompt {
        width: 175px !important;
    }

/*CommonsTable Ends*/

/*Policy Info - Subjectivities starts*/
.attachFileInput {
    width: 110px;
    top: -41px !important;
    font-size: 40px !important;
}
/*Policy Info - Subjectivities ends*/

textarea[data-field^="SubjectivitiesDescription"] {
    resize: vertical;
}

tr[id^="subjectivityRow-"] .ui-editor-input {
    vertical-align: middle !important;
}

/*UWResult page starts*/

.ui-editor-error {
}

.ui-editor-table-header {
    font-weight: 600;
}

.uwResultErrorWrapper {
    display: block;
    width: 100%;
    padding: 15px 0;
}


.uwResultDtHeader {
    display: block;
    text-align: center;
    padding: 10px;
}

.uwResultDTHeaderPass {
}

dl.uwResultDL {
    display: block;
    counter-reset: uwResult-list;
    margin-top: 15px;
}

dt.uwResultDt {
    padding: 3px 10px;
    margin: 0 5px;
}

    dt.uwResultDt:before {
        content: counter(uwResult-list);
        counter-increment: uwResult-list;
        vertical-align: middle;
        margin-right: 10px;
    }

/*UW Result in Edit mode*/
.uwResultTbl {
    border-collapse: separate;
    border-spacing: 5px 0;
    margin: 5px -5px;
}

.uwResultDtHeaderTh {
    padding: 10px;
}

.uwResultTd {
    padding: 3px 10px;
    margin: 0 5px;
}

span.UWResultListNum {
    vertical-align: middle;
    margin-right: 10px;
}

/*UWResult page ends*/

/*For Endorsement Request Table */
.endorsement-col {
    max-width: 350px;
    white-space: normal;
}

.endorsement-field {
    max-width: 400px;
    white-space: normal;
}
/*For Endorsement Request Table Ends */

/*For Addt Data Starts*/
.ui-span-prompt {
    display: inline-block;
    padding: 3px 0 5px 5px;
    font-weight: normal;
    font-size: 1em;
    text-align: left;
    vertical-align: top !important;
    max-width: 250px;
    min-width: 250px;
    width: 250px;
    line-height: 20px;
}

.elementWrapper input:nth-child(1) {
    margin-left: 25px;
}

.elementWrapper input + input:not(:nth-child(1)) {
    margin-left: 85px !important;
}

.ui-span-prompt:first-child span {
    padding-left: 25px;
}

span#Forms_Comments {
    display: inline-block;
    max-width: 400px;
}

/*For Addt Data Ends*/

/*Billing - Agency Bill Pay Start*/


#divSearchResultsPartial {
    margin-left: 30px;
    margin-top: 30px;
}

    #divSearchResultsPartial h4 {
        padding-left: 20px;
        padding-right: 30px;
    }


.agencyCurrentOutterWrapper {
    margin: 0px 0px 0px 30px;
    max-width: 800px;
    display: inline-block;
}

.agencyBillOuterWrapper {
    margin: 0px 0px 0px 30px;
}

.agencyBillWrapper {
    margin: 0px 0px 0px 20px;
}


.agencyFilterByInnerWrapper {
    margin: 0px 0px 30px 0px;
}

.premiumSummaryBlockWrapper {
    margin: 20px 0px 0px 0px;
}

.premiumSummaryButtonWrapper {
    margin: 10px 0px 0px 0px;
    padding: 20px 25px 20px 25px;
}

    .premiumSummaryButtonWrapper div {
        display: inline;
    }

    .premiumSummaryButtonWrapper span a {
    }

    .premiumSummaryButtonWrapper .importBtnWrapper {
        float: right;
    }

    .premiumSummaryButtonWrapper .addAdjustmentBtnWrapper {
        margin-top: -20px;
        margin-right: -25px;
        float: right;
    }

.premiumSummaryTitle {
    padding: 10px 0px 0px 10px;
}

.premiumSummaryBlock {
    padding: 20px 60px 30px 60px;
}

.premiumSummaryVal {
    color: #FFF !important;
}

.agencyBillSaveCancelBlock {
    display: inline-block;
    float: right;
    margin: 10px 0px 0px 0px;
}

.importBillWrapper {
    margin: 20px;
}

.toolbarAgencyBillPay {
    display: inline;
}

#div_popup_dlgAgencyPickList {
    min-width: 800px;
}

/*Billing - Agency Bill Pay Ends*/

/*Billing - Pending Commissions Start*/
.pendingCommissionsCurrentOutterWrapper {
    margin: 0px 0px 0px 30px;
    max-width: 800px;
    display: inline-block;
}

.pendingCommissionsOuterWrapper {
    margin: 0px 0px 0px 30px;
}

.pendingCommissionsWrapper {
    margin: 0px 0px 0px 20px;
}

.pendingCommissionsFilterByInnerWrapper {
    margin: 0px 0px 30px 0px;
}

/*Billing - Pending Commissions Ends*/

/*Billing - Multi-Payment Start*/
#dtMultiPaymentBatch input {
    min-width: 50px;
    width: 100px;
}

#dtMultiPaymentBatch select {
    min-width: 50px;
    width: 120px;
}

/*Billing - Multi-Payment Ends*/

.top40 {
    margin-top: 40px;
}

.top20 {
    margin-top: 20px;
}

/*Tooltips Start*/

.customerLinkTooltip {
    margin-left: 15px;
    margin-right: 15px;
}


.billingTooltip + .customerLinkTooltip > .fa {
    width: 12px;
}


.tooltips {
    position: relative;
    display: inline-block;
}

    .tooltips .tooltipContents {
        position: absolute;
        width: auto;
        height: auto;
        line-height: 20px;
        text-align: center;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        border-radius: 1px;
        z-index: 2;
        display: none;
        padding: 5px;
    }

        .tooltips .tooltipContents:before {
            content: '';
            position: absolute;
            bottom: 100%;
            left: 50%;
            margin-left: -12px;
            width: 0;
            height: 0;
        }

        .tooltips .tooltipContents:after {
            content: '';
            position: absolute;
            bottom: 99%;
            left: 50%;
            margin-left: -8px;
            width: 0;
            height: 0;
        }

        .tooltipsRight .tooltipContents:before {
            content: '';
            position: absolute;
            bottom: 10%;
            left: 50%;
            margin-left: 50%;
            width: 0;
            height: 0;
        }

        .tooltipsRight .tooltipContents:after {
            content: '';
            position: absolute;
            bottom: 21%;
            left: 100%;
            margin-left: 0;
            width: 0;
            height: 0;
        }

    .tooltips:hover .tooltipContents {
        z-index: 999;
        display: block;
    }

    .tooltips:hover .esignTooltip {
        top: 30px;
        margin: 0 -42px;
    }

.header .tooltips:hover .tooltipContents,
a#btnSearch:hover .tooltipContents,
a#system:hover .tooltipContents {
    top: 21px;
}

a#btnSearch:hover .tooltipContents {
    top: 40px;
}

#Cancel {
    padding: 0;
}

    #Cancel > span.editor-label {
        padding-left: 25px;
    }

/*Tooltips Ends*/

/*Multi Counter Starts*/
.multiCounter {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 24px !important;
    height: 24px !important;
    top: -20px !important;
    right: -3px;
    padding: 1px !important;
    margin-top: 5px;
    display: inline-block;
    position: absolute;
    font-size: 12px !important;
    font-weight: 600;
    line-height: 20px !important;
}

.dataTable .multiCounter {
    position: relative;
    top: -13px !important;
}

/*Multi Counter Ends*/

/*Remove button text from Edit, Copy, Delete and Details Starts*/
.dataTable .ui-button.deleteBtn,
.dataTable .ui-button.editBtn,
.dataTable .ui-button.copyBtn,
.dataTable .ui-button.detailsBtn,
.tblDefault .ui-button.deleteBtn,
.tblDefault .ui-button.editBtn,
.tblDefault .ui-button.copyBtn,
.tblDefault .ui-button.detailsBtn {
    padding: 5px;
    font-size: 0;
}

.dataTable .deleteBtn,
.dataTable .editBtn,
.dataTable .copyBtn,
.dataTable .detailsBtn,
.tblDefault .deleteBtn,
.tblDefault .editBtn,
.tblDefault .copyBtn,
.tblDefault .detailsBtn {
    padding: 5px !important;
    font-size: 0;
}

    .dataTable .deleteBtn .ui-button-text,
    .dataTable .editBtn .ui-button-text,
    .dataTable .copyBtn .ui-button-text,
    .dataTable .detailsBtn .ui-button-text,
    .tblDefault .deleteBtn .ui-button-text,
    .tblDefault .editBtn .ui-button-text,
    .tblDefault .copyBtn .ui-button-text,
    .tblDefault .detailsBtn .ui-button-text {
        display: none !important;
    }

    .dataTable .deleteBtn::before,
    .dataTable .editBtn::before,
    .dataTable .copyBtn::before,
    .dataTable .detailsBtn::before,
    .tblDefault .deleteBtn::before,
    .tblDefault .editBtn::before,
    .tblDefault .copyBtn::before,
    .tblDefault .detailsBtn::before {
        margin: 0;
    }

/*Agent Portal Starts*/
/*agent portal body*/
body .x-box-inner .x-box-target {
    height: 100% !important;
}

.x-box-inner {
    width: 100% !important;
}

#SearchTab,
#CustomerList,
#PolicyList,
#QuoteList,
#TaskTab,
#Help,
#FrequentlyAskedQuestions,
#Documentation,
#AgencyBillTab,
#mainDashboardPanel,
#mainReportsPanel,
div[id^="tab_policy"],
div[id^="tab_Policy"],
div[id^="tab_quote"],
div[id^="tab_Quote"],
#ClearanceTab,
#SearchTab-body,
#CustomerList-body,
#PolicyList-body,
#QuoteList-body,
#TaskTab-body,
#Help-body,
#FrequentlyAskedQuestions-body,
#Documentation-body,
#AgencyBillTab-body,
#mainDashboardPanel-body,
#mainReportsPanel-body,
#QuoteRecallContent-body,
#ClearanceTab-body {
    width: 100% !important;
    left: 0 !important;
    margin: 0 !important;
    overflow-x: auto;
}

    #SearchTab iframe,
    #CustomerList iframe,
    #PolicyList iframe,
    #QuoteList iframe,
    #TaskTab iframe,
    #Help iframe,
    #FrequentlyAskedQuestions iframe,
    #Documentation iframe,
    #AgencyBillTab iframe,
    div[id^="tab_policy"] iframe,
    div[id^="tab_Policy"] iframe,
    div[id^="tab_quote"] iframe,
    div[id^="tab_Quote"] iframe,
    #QuoteRecallContent iframe,
    #tabHome iframe,
    #mainDashboardPanel iframe,
    #mainReportsPanel iframe {
        width: 100% !important;
        margin: 0 auto !important;
        right: 0;
        left: 0;
    }

    #SearchTab .x-toolbar-default,
    #ClearanceTab .x-toolbar-default,
    #CustomerList .x-toolbar-default,
    #PolicyList .x-toolbar-default,
    #QuoteList .x-toolbar-default,
    #TaskTab .x-toolbar-default,
    #Help .x-toolbar-default,
    #FrequentlyAskedQuestions .x-panel-header,
    #Documentation .x-panel-header,
    #AgencyBillTab .x-toolbar-default {
        width: 100% !important;
    }


#tabPanelWrapper-body {
    overflow-x: auto;
    padding: 0px;
    height: 100% !important;
    width: calc(100% - 40px) !important;
    left: 40px;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.x-tab-bar.opened + #tabPanelWrapper-body {
    width: calc(100% - 170px) !important;
    left: 170px !important;
}

/*IE Hanck*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    #tabPanelWrapper-body {
        width: calc(100% - 40px) !important;
        padding: 0px 0px 0px 0px;
        left: 40px !important;
    }
}

#tabHome {
    width: 100% !important;
    height: 100% !important;
    padding-left: 15px;
}

#tabHome-body {
    width: 100% !important;
    height: 100% !important;
}

#unlicensed {
    display: none !important;
}

#carrierBlock {
    margin-top: 9px;
}

#carrierBlock-body {
    overflow-y: auto;
    padding-bottom: 20px !important;
}

/*reload & help page buttons*/
.portalButton [data-ref="btnInnerEl"]::before {
    font: normal normal normal 13px/1 FontAwesome;
    content: "\f021"; /*refresh symbol*/
    margin-right: 5px;
}

.portalButton.x-btn-over [data-ref="btnInnerEl"] {
    color: #e97117 !important;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#Help .portalButton [data-ref="btnInnerEl"]::before {
    font: normal normal normal 13px/1 FontAwesome;
    content: "\f059"; /*refresh symbol*/
    margin-right: 5px;
}

/*Ext.Net Message Box Stats*/
.x-message-box {
    padding: 0px !important;
    min-height: 150px !important;
}

    .x-message-box .x-box-target {
        width: 100% !important;
        position: inherit !important;
    }

    .x-message-box .x-toolbar-footer {
        top: auto !important;
        width: 100% !important;
        padding: 0px !important;
    }

    .x-message-box .x-window-body {
        top: 0px !important;
        height: 70px !important;
    }

    .x-message-box .x-toolbar-item {
        position: relative !important;
        left: auto !important;
    }

    .x-message-box .x-box-inner {
        width: 100% !important;
    }

    .x-message-box .x-window-header {
        position: relative !important;
        height: 45px;
    }

    .x-message-box .x-btn-default-small {
        height: 36px;
    }

    .x-message-box .x-header > .x-box-inner {
        margin-top: 14px !important;
    }

    .x-message-box .x-btn-inner-default-small::before {
        margin: 0 5px 0 0;
    }

.x-window-header-default-top {
    padding-top: 1px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.x-window-header-title-default {
    left: 0px !important;
    top: 0px !important;
    margin: 0px !important;
}

.x-message-box .x-window-header-title {
    position: relative !important;
}

.x-message-box .x-tool-close {
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -99999px;
    overflow: hidden;
}

.x-message-box .x-container > .x-box-inner > .x-box-target > .x-message-box-question {
    top: 4px !important;
    left: -10px !important;
}

    .x-message-box .x-container > .x-box-inner > .x-box-target > .x-message-box-question + .x-box-item {
        top: 14px !important;
    }

.x-message-box-error {
    background-image: none;
    margin-right: 10px !important;
}

    .x-message-box-error:before {
        font: normal normal normal 24px/1 FontAwesome;
        content: "\f057"; /*times circl( x - close for Details section)*/
        color: #c33;
    }

.x-message-box .x-container .x-box-target > .x-box-item {
    position: relative !important;
    left: 0px !important;
    display: inline-block;
}

.x-message-box .x-window-item {
    position: relative !important;
    left: 0px !important;
    top: 0px !important;
    margin: 0px !important;
}

.x-message-box .x-toolbar {
    bottom: 0px;
    left: 0px;
    border-width: 0;
}

.x-message-box .x-window-default {
    padding: 0px !important;
}

.x-btn-focus.x-btn-default-small .x-btn-wrap {
    outline: 0px !important;
}
/*Ext .Net Message Bos Ends*/

/*for Portal logOn Starts*/
#header1 {
}

    #header1 a {
        display: block;
        width: 12%;
        margin: 0 auto;
    }


    #header1 #logonlogo {
        margin-top: 34px;
    }

#main {
    margin: 0 auto;
}

#agentLogon #main {
    width: 780px;
}

#userNameField-labelEl, #passwordField-labelEl {
    width: 100px !important;
    line-height: 24px !important;
    font-size: 14px;
    white-space: nowrap;
    padding-bottom: 15px;
    visibility: hidden;
}

#userNameField-bodyEl, #passwordField-bodyEl {
    vertical-align: top !important;
}

#panel-1009_header {
    padding: 4px 5px 4px 5px;
}

#panel-1010_header-innerCt {
    height: 30px !important;
}

#logonForm-body .x-autocontainer-innerCt {
    padding: 0 20px 20px 20px !important;
}

#logonForm-body .x-toolbar {
    left: -20px !important;
    top: 165px !important;
}

#logonForm-body div[id^="toolbar"] {
    height: 75px !important;
    margin: 1px 0 !important;
}

#userNameField-inputEl, #passwordField-inputEl {
    min-height: 50px;
    height: 50px;
    line-height: 50px !important;
    width: 100%;
    padding: 5px !important;
}


#Button1, .x-ie #Button1 {
    width: 399px !important;
    height: 67px !important;
    left: 37px !important;
}

:root * > #Button1 #Button1-btnEl #Button1-btnInnerEl,
:root * > #Button1:active #Button1-btnEl #Button1-btnInnerEl,
:root * > #Button1:focus #Button1-btnEl #Button1-btnInnerEl,
:root * > #Button1.x-btn-pressed #Button1-btnEl #Button1-btnInnerEl {
    padding: 60px 0;
}



#Button1 span#Button1-btnIconEl {
    left: 100px;
    display: none;
}


#Button1 #Button1-btnEl::before {
    font: normal normal normal 24px/1 FontAwesome;
    content: "\f090"; /*log on icon*/
    padding-right: 10px;
}


#Button1.x-btn-pressed #Button1-btnEl::before,
#Button1:active #Button1-btnEl::before,
#Button1:focus #Button1-btnEl::before {
    color: #fff !important;
}

.x-ie8 #logonForm-body .x-panel-body-default-framed {
    height: 220px !important;
}

.password-emailReset {
    width: 400px;
    margin: 0 auto;
    position: relative;
    top: -90px;
    left: 0px;
}

#msgWrapper {
    width: 450px;
    height: 35px;
    margin: 0 auto;
    padding: 15px;
    position: relative;
    top: -85px;
}

    #msgWrapper h3 {
        padding-bottom: 5px;
    }

#msg {
    position: relative;
    top: -15px;
    left: 0px;
}

/* tooltip styling */
.logonTooltipImg {
    width: 27px;
    height: 22px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    top: 8px;
}


html > /**/ body .logonTooltipBody {
    width: 325px;
    min-height: 45px;
    line-height: 14px;
    position: relative;
    padding: 15px;
    margin: 0em 0 0 1.8em;
}

    .logonTooltipBody:before {
        content: "";
        position: absolute;
        top: 60px;
        bottom: auto;
        left: -30px;
        border-width: 15px 30px 15px 0;
        border-style: solid;
        display: block;
        width: 0;
    }

    .logonTooltipBody:after {
        content: "";
        position: absolute;
        top: 66px;
        bottom: auto;
        left: -21px;
        border-width: 9px 21px 9px 0;
        border-style: solid;
        display: block;
        width: 0;
    }

.arrow {
    height: 65px !important;
    width: 140px !important;
}

.arrow-body {
    top: 10px !important;
    position: relative;
    padding: 10px;
    white-space: nowrap;
}

.arrow:before {
    content: "";
    position: absolute;
    top: -1px;
    bottom: 100%;
    left: 7%;
    display: block;
    width: 0;
}

.arrow:after {
    content: "";
    position: absolute;
    top: 3px;
    bottom: 100%;
    left: 10.5%;
    display: block;
    width: 0;
}


#languagePicker {
    margin: 12px;
    right: 0;
    position: absolute;
}

    #languagePicker > #languagePickerLable {
        display: none;
    }

#ddLanguage {
    height: 30px;
    min-width: 165px;
    font-size: inherit;
    margin: 0;
    overflow: hidden;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 6px !important;
}

/*Logon form Ends*/

/*Ext.Net Loading Starts*/
.x-mask-msg-inner {
    padding: 30px !important;
}

.x-mask-msg {
    min-width: 200px;
    width: auto;
    height: auto;
    margin: 0 auto;
    white-space: normal;
}

.x-mask-msg-text {
    padding: 20px 40px !important;
}
/*Ext.Net Loading Ends*/

/*For esign Starts*/
#sendForESign .esignPrompt {
    width: 150px !important;
}

#sendForESign .esignCheckbox {
    /*width: 200px !important;*/
}

    #sendForESign .esignCheckbox label {
        white-space: normal;
    }

#sendForESign .esignInput {
    padding: 10px 0;
}

    #sendForESign .esignInput input,
    #sendForESign .esignInput select {
        width: 390px !important;
        min-width: 390px !important;
    }

.esignLink {
    margin: 0;
}

#KeyDocsDiv .esignLink {
    margin: 0 25px;
}

.esignPencilIcon {
    position: absolute;
    left: 17px;
    top: 2px;
}


/**Agent Portal Navigation starts**/
.opened {
    width: 170px !important;
}

.closed {
    width: 40px !important;
}

iframe[name='QuoteList_IFrame'] #tabs_main {
    padding-top: 30px;
}

.x-panel, .x-plain {
    overflow: initial !important;
}

.x-tab-bar {
    width: 40px;
    overflow-x: hidden;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    overflow: visible;
    z-index: 1;
}

.x-tab-bar-body-default {
    min-width: 0 !important;
    height: 100% !important;
    padding: 0 !important;
}

.x-tab {
    padding: 8px !important;
    display: block;
    width: 170px;
    height: 43px !important;
}

.x-tab-close-btn {
    height: 100% !important;
    top: 0px !important;
    width: 14px !important;
    opacity: 1 !important;
    left: 156px;
}

    .x-tab-close-btn:before {
        font: normal normal normal 12px/1 FontAwesome;
        content: "\f00d"; /*times*/
    }

.x-tab-close-btn-over {
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.x-tab-text {
    text-align: left;
}

#dashboardMainPanel-body .x-tab-default-top .x-tab-text {
    text-align: center;
}

#menuButton {
    position: absolute;
    bottom: 40px;
    width: 40px;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 13px;
    z-index: 1;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.showMenu::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f061"; /*arrow right*/
    margin-right: 12px;
}

.hideMenu::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f060"; /*arrow left*/
    margin-right: 12px;
}

/*strip added to tab bars in ext*/
.x-tab-bar-strip {
    display: none;
}

/*navigation font awesome icons*/
.x-tab-icon-el.x-tab-icon-el-default {
    text-align: left;
    width: 28px;
}

#dashboardMainPanel-body .x-tab-icon-el.x-tab-icon-el-default {
    text-align: left;
    width: auto;
}


/*sub tabs that nest on the tab bar when quote or policy is opened*/
.subQuote span.x-tab-inner, .subPolicy span.x-tab-inner {
    padding-left: 3px;
}

.subQuoteText,
.subPolicyText {
    margin-left: -14px;
}

.subQuoteIconText,
.subPolicyIconText {
    position: relative;
    left: -40px;
}


/**Agent Portal Navigation Ends**/

/**Agent Portlets Starts**/
.x-column-padding div div div .x-panel-header-default-framed-top {
    height: 40px;
}

.x-docked-top {
    z-index: 0 !important;
}

.x-panel-header-default {
    height: 44px;
}

.x-grid-cell-inner a {
    cursor: pointer;
}

.x-toolbar-docked-bottom .x-form-text {
    min-width: 0 !important;
}

.x-form-text-field-body-toolbar {
    min-width: 0px !important;
}


/*For Agent Policy Page Starts*/
#customerTabs_li_Summary a i {
    margin-right: 12px;
}

    #customerTabs_li_Summary a i:before {
        margin-right: -26px;
    }

#customerTabs_li_Insured a i .noTabStyleLinkIconInner {
    margin: -8px 0px 0 -9px;
}

#customerTabs_li_Payments a .noTabStyleLinkIcon {
    padding: 4px 6px;
    display: block;
}

#customerTabs_li_Documents a i {
    margin-right: 7px;
}

    #customerTabs_li_Documents a i:before {
        margin-right: -28px;
    }


.policyNumInsuredNameIconWrapper {
    top: 25px;
    padding-left: 10px;
    width: 800px;
}

.LOBWrapper {
    padding: 0 10px 0 0;
    margin-top: 0px;
    margin-bottom: 0px;
}

.policyInsuredNameWrapper {
    margin-top: 0px;
    margin-bottom: 0px;
}


.LOBWrapper,
.policyInsuredNameWrapper {
    display: inline-block;
}

.lobPrefixIcon,
.policyInsuredNameIcon,
.policyInsuredCommercialNameIcon {
    display: inline-block;
    width: 35px;
    height: 35px;
    position: relative;
    padding: 0 3px 0 2px;
}

    .lobPrefixIcon::before,
    .policyInsuredNameIcon::before,
    .policyInsuredCommercialNameIcon::before {
        position: relative;
        top: 5px;
    }

.lobPrefixText,
.policyInsuredNameText {
    padding: 5px 0 0 5px;
    display: inline-block;
    position: relative;
    top: 5px;
}

.lob_defaultPolicyIconText {
    padding: 5px 0 0 3px;
}

.lob_defaultPolicyIcon.lobPrefixIcon {
    padding: 0px 0px 0 6px;
}

.lob_defaultPolicyIcon i {
    position: relative;
    top: 5px;
}

    .lob_defaultPolicyIcon i::before {
        margin: 0px -20px 0 -15px;
    }

.customerTabs {
    overflow-x: auto;
}

.customerTabsBottom {
}

    .customerTabsBottom .tabs {
    }

.customerTabsContentTopWrapper {
    height: auto;
    min-height: 380px;
    max-height: 400px;
    overflow-y: auto;
    margin-bottom: 0px;
    line-height: 20px;
}

.customerTabsContentTop {
    max-height: 335px;
    height: auto;
    min-height: 175px;
    overflow: initial;
    position: relative;
    top: 0px;
}

.tabContentsWrapper {
    height: auto;
    max-height: none;
}

.customerTabsBottom .ui-tabs .ui-tabs-nav li {
    top: 0;
}

.customerTabsBottom div[id^="tabs-"],
.customerTabsBottom div[id^="ui-tabs-"] {
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 400px;
    max-height: none;
    padding: 0 10px !important;
}

#customerTab-li_SubmitBtn .customerTab-submitBtn,
#customerTab-li_CancelBtn .customerTab-submitBtn {
    margin: 0;
}

#customerTab-li_SubmitBtn .noTabStyleLinkIcon,
#customerTab-li_CancelBtn .noTabStyleLinkIcon {
    position: relative;
    top: 2px;
}

#customerTab-li_SubmitBtn .customerTab-submitBtn .ui-button-text,
#customerTab-li_CancelBtn .customerTab-submitBtn .ui-button-text {
    margin: -8px -35px;
}

    #customerTab-li_SubmitBtn .customerTab-submitBtn .ui-button-text .noTabStyleLinkText,
    #customerTab-li_CancelBtn .customerTab-submitBtn .ui-button-text .noTabStyleLinkText {
        margin: 1px -35px;
    }


/*Customer Portal summary page*/
.leftBox {
    float: left;
    width: 33%;
}

.midBox {
    float: left;
    width: 33%;
}

.midBoxWrapper {
    margin: 0 auto;
}

.rightBox {
    float: left;
    padding-left: 20px;
    width: 32%;
}

.noBilling {
    width: 100%;
}

#mailingAddr {
    margin-left: 75px;
}

.saparateBarRight {
    float: left;
    height: auto;
    min-height: 175px;
    margin: 0 6px;
}

.saparateBarLeft {
    float: left;
    height: auto;
    min-height: 265px;
    margin: 0 6px;
}

.customerTabsTopBar {
    width: 100%;
    display: block;
    height: 35px;
}

#customerTabs-1,
#customerTabs-2,
#customerTabs-3,
#customerTabs-4 {
    padding: 5px 10px;
    display: flex;
}

    #customerTabs-1 form,
    #customerTabs-2 form,
    #customerTabs-3 form,
    #customerTabs-4 form {
        width: 100%;
    }

    #customerTabs-1 .leftBox {
    }

    #customerTabs-1 .midBox,
    #customerTabs-1 .rightBox {
    }

        #customerTabs-2 .leftBox{
            width:100%; 
        }

    #customerTabs-2 .midBox,
    #customerTabs-2 .rightBox {
        width: 50%;
    }

    #customerTabs-3 .leftBox {
        width: 35%;
    }


    #customerTabs-3 .midBox,
    #customerTabs-3 .rightBox {
        width: 30%;
    }

    #customerTabs-4 .leftBox,
    #customerTabs-4 .midBox,
    #customerTabs-4 .rightBox {
    }

#customerTabs-3Wrapper {
    /*margin-top: 15px;*/
    width: 100%;
    display: flex;
}

.colHeaderBar {
    width: 100%;
    padding: 0 2px;
}

.colHeader .gen-text-weight-thick {
    padding-left: 0 !important;
}

a.moreLink {
    position: relative;
    top: -30px;
    display: block;
    right: 0;
    margin: 0;
    width: auto;
    float: right;
}

    a.moreLink:hover {
    }

.moreIcon {
    margin-right: 12px;
}

.colHeader {
}

    .colHeader h4 {
        padding: 0;
        min-width: 75%;
        margin-top: 5px;
    }

#btnPolicyActionWrapper {
    height: 45px;
}

#btnPolicyAction {
    float: right;
    margin: 7px 10px;
    padding-right: 2em;
}

#changePolicyWrapper #btnReadOnlyPolicy {
    float: right;
    margin: 4px 10px 4px -5px;
}

#changePolicyWrapper #btnEndorsePolicy {
    float: right;
    margin: 4px 10px 4px -5px;
}

#changePolicyWrapper #btnHistory {
    float: right;
    margin: 4px 10px 4px 3px;
}

#paymentDetailsWrapper {
    white-space: nowrap;
    margin-top: 5px;
}

.display-label {
    padding: 0 10px 0 0;
    /*width: 150px;*/
}

    .display-label label{
        margin-bottom: 0;
    }

    .editInsuredInfo .display-label {
        width: 150px;
    }

input.editInsuredContactEmail {
    width: 250px;
}

.display-label-left {
    padding: 0 10px 0 0;
}

.display-field {
}

.indent15 {
    padding-left: 15px;
}

#viewPaymentBtnset {
    margin: 5px 0 0 0;
    width: 340px;
}

.pdfIcon {
    width: 30px;
    height: 30px;
    display: block;
}

.documentsBtnWrapper {
    position: relative;
    top: -29px;
}

a.docLinks {
    padding: 3px 0;
    display: block;
}

    a.docLinks:hover {
    }

.docsLinkIcon::before {
    margin-right: 10px;
}

.wordBreak, #summary_Email {
}

#DocumentDivWrapper {
    width: 100%;
}

.documentBtnWrapper {
    margin-top: 10px;
}

/*For Agent Policy Page Ends*/


/**Agent Portlets Ends**/



/*Agent Portal Ends*/

/*Agent Portal Nav icon Starts*/
.homeIcon::before {
    font: normal normal normal 24px/1 FontAwesome;
    content: "\f015"; /*home*/
}

.searchIcon::before {
    font: normal normal normal 23px/1 FontAwesome;
    content: "\f002"; /*search*/
}

.customerIcon::before {
    font: normal normal normal 24px/1 FontAwesome;
    content: "\f0c0"; /*users*/
}

.quoteIcon::before {
    font: normal normal normal 24px/1 FontAwesome;
    content: "\f15b"; /*file*/
    margin-right: -24px;
    color: #07508e;
}

.subQuote span.x-tab-inner::before {
    font: normal normal normal 20px/1 FontAwesome;
    content: "\f15b"; /*file*/
    margin-right: 20px;
}

.policyIcon::before {
    font: normal normal normal 24px/1 FontAwesome;
    content: "\f15b"; /*file*/
    margin-right: -24px;
    color: #07508e;
}

.subPolicy span.x-tab-inner::before {
    font: normal normal normal 20px/1 FontAwesome;
    content: "\f15b"; /*file*/
    margin-right: 20px;
}


.helpIcon::before {
    font: normal normal normal 24px/1 FontAwesome;
    content: "\f059"; /*question-circle*/
}

.taskIcon::before {
    font: normal normal normal 24px/1 FontAwesome;
    content: "\f022"; /*tasks*/
}

.dashboardIcon::before {
    font: normal normal normal 24px/1 FontAwesome;
    content: "\f0e4"; /*dashboard*/
}

.reportsIcon::before {
    font: normal normal normal 24px/1 FontAwesome;
    content: "\f02d"; /*book*/
}

.agencyBillIcon::before {
    font: normal normal normal 24px/1 FontAwesome;
    content: "\f0d6"; /*money*/
}

.productionIcon::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f091"; /*trophy*/
}

.claimsIcon::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f0d6"; /*money*/
}


.efficiencyIcon::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f085"; /*gears*/
}

/*Agent Portal Nav icon Ends*/


/*ICON starts*/
.defaultIconBtn::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f192"; /*dot-circle 0 - use as default icon*/
}

.arrow.up .fa-chevron-circle-down:before {
    content: "\f139"; /*chevron-circle-up -arrow up*/
}

.toggleTrigger .toggleUp::before {
    font: normal normal normal 24px/1 FontAwesome;
    content: "\f107" !important; /*angle-down - arrow down*/
    margin-left: -3px;
}

.toggleTrigger [class^="toggleDown"]::before,
.toggleTrigger:hover [class^="toggleDown"]::before {
    font: normal normal normal 24px/1 FontAwesome;
    content: "\f105"; /*angle-right - arrow right*/
}

.toggleTriggerGlobal::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f0b2"; /*arrows-alt - cross arrow*/
}


.createNewBtn::before,
.addNewBtn::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f055"; /*plus circle - create new*/
}

.saveChartButton::before /*on Dashboard*/,
.saveNewBtn::before,
.saveBtn::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f0c7"; /*floppy - save*/
}

.saveNewBtn::after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f067"; /*plus*/
}

.inputSaveBtn {
    font-family: FontAwesome, 'Open Sans', Helvetica, Arial, sans-serif !important; /*for billing no need for content as it's inline aleady*/
    font-size: 16px !important;
}

.pendBtn::before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f110"; /*spinner-progress*/
}

.uploadBtn::before,
.fileinput-button.ui-button:before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f093"; /*upload*/
}

.searchBtn::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f002"; /*search*/
}

.advancedSearchBtn::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f00e"; /*search plus*/
}

.agreeBtn::before {
    font: normal normal normal 17px/1 FontAwesome !important;
    content: "\f2b5"; /*handshake*/
} 

.deleteBtn::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f1f8"; /*trash - delete*/
}

.okBtn::before,
.submitBtn::before,
.ui-datepicker-close::before,
.x-message-box .x-btn-inner-default-small::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f058"; /*check circle - ok btn*/
}

.cancelBtn::before {
    font: normal normal normal 17px/1 FontAwesome !important;
    content: "\f05e"; /*times circle o - cancel*/
}

.closeBtn:before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f057"; /*times circl( x - close for Details section)*/
}

#close:before {
    font: normal normal normal 20px/1 FontAwesome;
    content: "\f057"; /*times circl( x - close for Details section)*/
}

.editBtn::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f044"; /*edit*/
}

.copyBtn::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f24d"; /*clone - copy*/
}

.detailsBtn::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f129"; /*info*/
}

#btnQuoteSaveIssuePolicy::before,
a[data-action="GetMvr"]:before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f15c"; /*file-text*/
}

#btnPolicyPendSaveModified::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f02e"; /*bookmark*/
}


.selectBtn:before,
.btnTransRollback:before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f0a6"; /*hand o - select*/
}

.continueBtn::before,
#override-address-index::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f0a9"; /*arrow circle right, continue*/
}

#btnPrintPreview:before,
.printBtn:before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f02f"; /*print*/
}

.userBtn::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f007"; /*user - person*/
}

a[data-action="EnrollAutoPay"]::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f017"; /*clock*/
}

a[data-action="MyPaymentAccounts"]::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f2bc"; /*address card - id card*/
}

#RefreshMyAccounts::before,
.refreshBtn:before,
.updateBtn::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f021"; /*refresh*/
}

#PayNow::before,
.btnPayNow::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f0d6"; /*money*/
}

[id^="div_popup"] .saveCancelButton .data-post-get-prev:before,
#divError .saveCancelButton a:last-child::before,
.wizardButtons a[data-step="2"]::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f0a8"; /*arrow-circle-left - previous,back*/
}

.mapBtn::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f041"; /*map marker*/
}

.viewBtn::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f06e"; /*eye - view */
}

.downloadBtn::before,
.exportBtn::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f019"; /*download*/
}

.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-current::before,
#DateFrom-trigger-picker::after,
#DateTo-trigger-picker::after {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f073" !important; /*calendar*/
}


#btnExtendAuthentication::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f017"; /*clock*/
}

#btnLogout::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f08b"; /*sign out*/
}

.filterBtn::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f0b0" !important; /*filter*/
}

#ledgerMoreButton:before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f05a"; /*infor circle*/
}

.backTryBtn::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f0e2" !important; /*return/undo*/
}

[id^="div_popup_Account"] .saveCancelButton a[data-action="ChangePassword"]::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f084" !important; /*key*/
}

[id^="div_popup_Account"] .saveCancelButton a[data-action="ChangeSecQuestions"]::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f059" !important; /*question mark in circle*/
}

.attachBtn::before,
#attachDocumentsBtn::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f0c6"; /*paperclip*/
}

#ABPSendStatement::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f0e0"; /*email*/
}

.coverageBtn::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f132"; /*shield*/
}

#validatedAddress::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f124"; /*location arrow*/
}

.popoutBtn::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f14c"; /*popout*/
}

.historyBtn::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f1da"; /*edit*/
}

#paperlessAgreeAndEnroll::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f2b5"; /*fa-handshake-o*/
}

a.linkOpenInNewTab::after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f08e";
    font-size: 17px;
    margin-left: 5px;
}


/*ICON ENDS*/

/*ICON AGENT POLICY STARTS*/
.lob_PA::before {
    font: normal normal normal 20px/1 FontAwesome;
    content: "\f1b9"; /*car*/
}

.lob_HO3::before {
    font: normal normal normal 24px/1 FontAwesome;
    content: "\f015"; /*home*/
}

.lob_HO4::before {
    font: normal normal normal 20px/1 FontAwesome;
    content: "\f236"; /*hotel*/
}

.lob_BOP::before {
    font: normal normal normal 20px/1 FontAwesome;
    content: "\f0f7"; /*building o*/
}

.policyInsuredNameIcon::before {
    font: normal normal normal 24px/1 FontAwesome;
    content: "\f007"; /*person*/
}

.policyInsuredCommercialNameIcon::before {
    font: normal normal normal 20px/1 FontAwesome;
    content: "\f1ad"; /*building*/
}

.docsLinkIcon::before {
    font: normal normal normal 20px/1 FontAwesome;
    content: "\f1c1"; /*pdf*/
}

.esignBtn::before {
    font: normal normal normal 20px/1 FontAwesome;
    content: "\f040"; /*pencil*/
}
/*ICON AGENT POLICY ENDSS*/

/*ICON LOB Specific starts*/
#reclearBtn::before,
#declineBtn::before,
#sendSubEmail::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f0e0"; /*envelop*/
}

#notTakenUpBtn::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f28b"; /*pause-circle*/
}

#clearDocumentsBtn::before,
#LocRemoveAllButton::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f12d"; /*eraser*/
}

a[data-title="Loss Payee/Additional Interest"][data-action="Index"]:before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f2bd"; /*user-circle*/
}

/*ICON LOB Specific Ends*/


/*Universal Notes Icon Starts*/
.arrowCircleDownBtn::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f0ab"; /*arrow circle down*/
}

.arrowCircleUpBtn::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f0aa"; /*arrow circle down*/
}

.chevronDownBtn::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f078"; /*chevron down*/
}

.chevronUpBtn::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f077"; /*chevron up*/
}

.chevronRightBtn::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f054"; /*chevron right*/
}


.chevronLeftBtn::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f053"; /*chevron left*/
}

.userCircleBtn::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f2be"; /*user circle down*/
}

.replyBtn::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f112"; /*reply*/
}

.clearBtn::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f12d"; /*eraser*/
}


.ellipsis-h::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f141"; /*ellipsis-h*/
}

.ellipsis-v::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f142"; /*ellipsis-v*/
}

.xout::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f00d"; /*times (x)*/
}

.caretBtn::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f150"; /*caret square o down*/
}

.univNoteTriggerIconIntable::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f27a"; /*Commenting*/
}

.countingNotePlus::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f067" /*plus*/;
}


#univNoteHelpBtn::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f059" /*questiong circle*/;
}

/*Universal Notes Icon Endss*/

/*Toggle Switch Starts*/

.toggleSwitchWrapper {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 20px 5px;
}

    .toggleSwitchWrapper input[type=checkbox] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .toggleSwitchWrapper .toggleSwitchBar {
        cursor: pointer;
        width: 55px;
        height: 15px;
        display: block;
        position: relative;
    }

        .toggleSwitchWrapper .toggleSwitchBar:after {
            content: '';
            position: absolute;
            top: -7px;
            left: -2px;
            width: 30px;
            height: 30px;
        }

    .toggleSwitchWrapper input:checked ~ .toggleSwitchBar:after {
        left: calc(100% - -2px);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

.toggleSwitchBar:active:after {
    width: 20px;
}

.univNoteSwitchBtnWrapperEmpty {
    height: 55px;
}

.toggleSwitchLabelLeft .ui-editor-prompt,
.toggleSwitchLabelRight .ui-editor-prompt {
    min-width: 0; 
}

/*Toggle Switch Ends*/
/*Universal Notes Starts*/
.univNoteWordCloudContainer {
    display: inline-block;
    min-width: 410px;
    max-width: 500px;
    height: 563px;
}

.wordCloudText {
    cursor: pointer;
}

.univNoteWordCloudToggleBtn {
    display: inline-block;
    width: 25px;
    height: 100px;
}

    .univNoteWordCloudToggleBtn::before {
        position: relative;
        top: 38px;
    }

#univNoteWordCloudToggleBtnRight {
    position: absolute;
}

#univNoteWordCloudWrapperLeft {
    margin-right: -25px;
}

.univNoteWordCloudContainer .message-info {
    width: 90%;
    margin: 10% auto;
}

.univNoteMainContainer {
    padding: 20px;
    width: 100%;
    min-width: 730px;
    height: auto;
}

#univNoteBackDrop .univNoteMainContainer {
    max-width: 730px;
}


.univNoteSerchBarWrapper {
    display: block;
    height: 38px;
    position: relative;
}

input.univNoteSearchInput {
    width: calc(100% - 110px);
    position: absolute;
}

#univNoteClearSearchBtn {
    position: absolute;
    right: 45px;
    height: 38px;
    top: 0px;
    padding: 10px 0px;
    width: 22px;
    margin: 0;
}


.univNoteSearchWithAttachmentWrapper {
    display: inline-block;
    position: absolute;
    right: 72px;
    height: 22px;
    top: -1px;
    padding: 9px;
    width: 15px;
    margin: 0;
}

.univNoteSearchWithAttachmentLabel {
    display: inline-block;
    position: absolute;
    right: 0px;
    height: 38px;
    top: 0px;
    padding: 10px 0;
    width: 22px;
    margin: 0;
    cursor: pointer;
}

    .univNoteSearchWithAttachmentLabel .fa-paperclip {
        color: #b1b1b1;
    }

    .univNoteSearchWithAttachmentLabel:hover .fa-paperclip {
        color: #D7D7D7;
    }

#SearchWithAttachment {
    opacity: 0;
}

    #SearchWithAttachment:checked ~ .univNoteSearchWithAttachmentLabel .fa-paperclip {
        color: #036fca;
    }

#univNoteSearchBtn {
    position: absolute;
    right: -1px;
    height: 38px;
    top: -1px;
    padding: 4px 0;
    width: 38px;
    margin: 0;
}


    #univNoteSearchBtn::before {
        margin: 0 8px;
    }

#univNoteContentToggleBtn,
.univNoteDocsLinkIcon {
    padding: 4px 7px;
    display: inline-block;
    z-index: 1;
}

#univNoteHelpBtn {
    padding: 4px 8px;
    display: inline-block;
    margin: 10px 3px 0 0;
}

#univNoteContentToggleBtn::before {
    position: relative;
}

.chevronDownBtn#univNoteContentToggleBtn::before {
    top: 0px;
    left: 0px;
}

.chevronUpBtn#univNoteContentToggleBtn::before {
    top: -1px;
    left: 1px;
}

.univNoteDocsLinkIcon {
    padding: 5px 8px;
}


.uinvNoteConentToggleWrapper {
    margin: 5px;
}

.univNoteContentContainerWrapper {
    padding: 10px 20px 20px 20px;
    position: relative;
    top: -40px;
    max-height: 50vh;
    width: calc(100% - 35px);
}

.univNoteContentWrapper {
    padding: 10px 20px 20px 20px;
    position: relative;
    top: 0px;
    max-height: 50vh;
    overflow-y: auto;
}

.univNoteNew {
    margin-bottom: 10px;
}

.univNoteContentWrapperOutter {
    /*max-height: 50vh;
    overflow-y: auto;*/
}

#univNoteEditorReplyNoteHeader,
.univNoteEditorNewNoteBtn {
    display: inline-block;
}

.univNoteReply {
    margin: 10px 0 10px 20px;
}

.univNoteContentBody {
    padding: 10px;
}

.univNoteContentCarlendar {
    width: 48px;
    line-height: 15px;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
}


.univNoteContentCarlendarMonth {
}

.univNoteContentCarlendarDate {
}

.univNoteContentCarlendarYer {
}

.univNoteContentTime {
    width: 48px;
    display: block;
}

.univNoteContentBodyTextWrapper {
    display: inline-block;
    width: calc(100% - 95px);
}

.univNoteEditorActionBtnWrapper {
    display: inline-block;
    width: 32px;
    vertical-align: top;
    text-align: right;
}

.univNoteContentAttachDoc {
    padding-bottom: 5px;
}

.univNoteActionLinks {
    padding: 0 10px;
    display: inline-block;
}

.univNoteReadMoreBtn,
.univNoteShowEditorNewNoteBtn {
    padding: 5px 7px;
    display: block;
}

.univNoteReadReplyLinkTrigger {
    padding: 5px 8px;
}

.univNoteReadMoreBtn::before,
.univNoteShowEditorNewNoteBtn::before {
    margin-right: 5px;
}

.univNoteReadMoreBtn.ellipsis-v {
    padding: 5px 13px;
}

.univNoteContentBodyTagWrapper {
    margin: 5px 0 0 0;
}

.univNoteEditorFormLabel {
    max-width: 200px;
    display: inline-block;
}

#univNoteRelated {
    vertical-align: bottom;
}

    #univNoteRelated select {
        vertical-align: middle;
    }

#univNoteRelatedNumber {
    display: inline-block;
    vertical-align: middle;
    top: 7px;
    width: calc(100% - 367px);
    min-width: 322px;
}

#univNoteRelatedNumber_input {
    min-width: 325px !important;
    width: 98% !important;
}

#univNoteRelatedNumber_ctr,
#univNoteRelatedNumber_ctr .content {
    /*max-width: 416px;*/
    width: 100% !important;
}

#univNoteRelatedNumber_arrow {
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-position: top right;
    top: -24px;
    right: 0;
}

.univNoteTag {
    display: inline-block;
    padding: 3px;
}

.univNoteContentBodyParentTagTrigger {
    cursor: pointer;
}

.univNoteSubjectTag {
    padding: 0 3px;
}

.univNoteTag.univNoteCustomTag {
    margin: 2px;
}

.univNoteEditorFormWrapperInner {
    margin: 10px 0;
}

.univNoteEditorNoteHeaderWrapper {
    margin-bottom: -10px;
}

.univNoteEditorNoteSubjectInput {
    width: 100%;
    max-width: calc(100% - 180px);
    display: inline-block;
}

.univNoteEditorNoteTagInputWrapper {
    width: 100% !important;
    max-width: calc(100% - 180px);
    display: inline-block;
}

.univNoteEditorNoteTagInput {
    width: 100% !important;
    max-width: calc(100% - 10px);
    padding: 0 4px !important;
}

.univNoteEditorNoteTagInputWrapper .ui-requiredInput {
    width: 100%;
}

.univNoteContentFooter {
    padding: 0;
    position: relative;
}

.univNoteContentFooterElemWrapper {
    display: inline-block;
}

.univNoteContentFooterUserWrapper {
    margin: 0 5px;
    width: 39%;
}

.univNoteContentFooterProductWrapper {
    width: 40%;
}

.univNoteContentFooterReplyWraper {
    width: 17%;
}

.univNoteContentFooterUserIcon {
    padding: 0 5px 0 0;
}

    .univNoteContentFooterUserIcon::before {
        font-size: 14px;
    }

.univNoteReplyBtn {
    margin: 0 !important;
    padding: .2em 1em !important;
}

div#notEditorContainer {
    background: #f2f2f2;
    padding: 25px 0;
    border: 1px solid #4d5376;
    width: 100%;
    display: inline-flex;
}

#Note_Comment {
    width: 99%;
    resize: vertical;
    border: none !important;
}

.univNoteActionBtnWrapper #uploaded_files {
    text-align: left;
    min-width: 260px;
    width: calc(100% - 440px);
    display: inline-block;
    position: relative;
    top: -2px;
    margin: -11px 0 0 0;
    vertical-align: bottom;
    line-height: 20px;
}

.univNoteActionBtnWrapper #univNoteFileupload {
    top: -10px;
    width: 545px;
}

#univNoteBackDrop .univNoteActionBtnWrapper #univNoteFileupload {
    width: 420px;
}

.univNoteActionBtnWrapper .item {
    padding-right: 5px;
}

    .univNoteActionBtnWrapper .item::after {
        content: ",";
    }

#univNoteBackDrop {
    min-width: 755px;
    width: auto;
    position: absolute;
    right: -900px;
    top: 0;
    z-index: 5;
    padding-bottom: 50px;
    left: auto;
}

.wordCloudOpen {
    width: 1150px;
}

div#univNoteCloseWrapper {
    padding: 5px;
}

.univNoteTriggerIconWrapper {
    padding-left: 10px;
}

.invisibleNoteTextarea {
    height: 0px;
    resize: none;
    width: 80px;
    overflow-y: hidden;
    padding: 0;
    line-height: 0;
}

#univNoteBackDrop + .univNoteRelatedNumber_inputformError.parentForm.formError,
#univNoteBackDrop + .Note_Note-SubjectformError.parentForm.formError,
#univNoteBackDrop + .univNoteRelatedNumber_inputformError.parentForm.formError + .Note_Note-SubjectformError.parentForm.formError,
.externalLayoutBody.noBackground .univNoteRelatedNumber_inputformError.parentForm.formError,
.externalLayoutBody.noBackground .Note_Note-SubjectformError.parentForm.formError,
.externalLayoutBody.noBackground .univNoteRelatedNumber_inputformError.parentForm.formError + .Note_Note-SubjectformError.parentForm.formError {
    left: calc(100% - 190px) !important;
}

.countingNoteNum {
    width: 24px;
    position: absolute;
    top: 6px;
    left: 0;
    display: inline-block;
}

.countingNoteNumTwoDigits {
    top: 6px;
}


.dataTable .univNoteTriggerIcon {
    width: 24px;
}

.dataTable .countingNoteNum {
    top: 4px;
    left: -1px;
    position: absolute;
}

.dataTable .countingNoteNumTwoDigits {
    left: -1px;
}

.noteLinkTooltip .fa {
    width: 24px;
}

.dataTable .noteLinkTooltip .fa {
    width: 22px;
}

.customer.multiCounter {
    position: absolute;
    left: 190px;
    top: 12px !important;
    width: 24px !important;
    height: 24px !important;
}

    .customer.multiCounter .countingNoteNum {
        left: 1px;
        top: 2px;
    }

    .customer.multiCounter .countingNoteNumTwoDigits {
        left: 1px;
        top: 1px;
    }

#createQuoteNotes .tooltip,
#createPolicyNotes .tooltips {
    width: 24px;
}

#createQuoteNotes .fa,
#createPolicyNotes .fa {
    width: 24px;
    height: 24px;
}

#createQuoteNotes .countingNoteNum,
#createPolicyNotes .countingNoteNum {
    top: 6px;
    left: 0px;
    position: absolute;
}

#createQuoteNotes .countingNoteNumTwoDigitsPlus,
#createPolicyNotes .countingNoteNumTwoDigitsPlus {
    top: 5px;
    left: 1px;
}

#universalNoteHelpWrapper {
    margin: 20px;
    padding: 20px;
}


/*for Agent Portal Policy Starts*/
#customerTab-li_NotesBtn .univNoteTriggerIcon .univNoteBtnText {
    display: block;
    position: relative;
    margin: 7px -35px;
}

#customerTab-li_NotesBtn .noteLinkTooltip .fa {
    padding: 7px 0px;
}

#customerTab-li_NotesBtn .countingNoteNum {
    top: 16px;
    left: 47px;
}


/*Agent Portal Policy Ends*/

/*use in Claim UnivNote Iframe Starts*/
.externalLayoutBody .tbl-nextPreviousButton {
    display: none;
}

.externalLayoutBody #main {
    margin: 0;
}

.externalLayoutBody .univNoteContentWrapper {
    max-height: 530px;
}

.externalLayoutBody .univNoteEditorNoteSubjectInput,
.externalLayoutBody .univNoteEditorNoteTagInputWrapper {
    width: 74% !important;
}

.externalLayoutBody.noBackground {
    background-color: transparent !important;
}

.externalLayoutHtml,
.externalLayoutBody {
    height: auto;
}

    .externalLayoutHtml,
    .externalLayoutBody,
    .externalLayoutBody #ui-main,
    .externalLayoutBody #wrapper {
        min-width: 750px;
    }

        .externalLayoutBody .univNoteActionBtnWrapper #univNoteFileupload {
            width: 420px;
        }

/*use in Claim UnivNote Iframe Ends*/


/*Universal Notes Ends*/

/*Copoied from Agent Portal Policy Ends*/


#consumer_container .moreIcon {
    margin-right: 12px;
}

#consumer_header {
    width: auto;
    height: 93px;
}

#consumer_contentWrapper {
    display: inline-block;
    margin: 0px auto;
    width: 100%;
}

#consumer_container {
    /*width: 1200px;*/
    margin: 0px auto;
    padding-right: 0px;
    padding-left: 0px;
}

.consumerBody #consumer_container {
    /*width: 960px;*/
    margin: 0 auto;
}

#consumer_wrapper {
    /*min-height:1024px;*/
}

#consumer_headerWrapper {
    position: relative;
    top: -35px;
}

.consumerBody #consumer_headerWrapper {
    position: relative;
    top: 5px;
}

.consumer_headerWrapperOffset {
    top: 5px !important;
    left: 15px;
}

#consumer_sidePanel {
    padding-right: 0px;
}

#renewalQuoteExistsWrapper {
    display:none;
}

#renewalQuoteAcceptedWrapper {
}

.ui-dialog .danger {
}

#reviewPremiumWrapper {
    display:none;
}

.customerTabs.acceptRenewal {
    min-height: 45px;
}

#renewalQuoteAcceptWrapper {
    margin-top: 36px;
}

#renewalQuoteExistsWrapper #btnRenewNow {
    width: 100%;
    padding: 7px;
}

    #renewalQuoteExistsWrapper #btnRenewNow:hover {
    }

#renewalQuoteExistsWrapper #btnRenewNow span, 
#reviewPremiumWrapper #btnReviewPremium span{
 
}

#reviewPremiumWrapper #btnReviewPremium {
    width: 100%;
    padding: 7px;
}


#consumer_mainContent {
}

    #consumer_mainContent .customerContainer {
        margin: 0;
    }

    #consumer_mainContent .customerTabsTopBar {
        
    }

    #consumer_mainContent #customerTabs-1,
    #consumer_mainContent #customerTabs-2,
    #consumer_mainContent #customerTabs-3,
    #consumer_mainContent #customerTabs-4 {
    }

#customerTabs-3 nav a {
    margin-right: 5px
}

#consumer_mainContent .saparateBarRight {
    min-height: 310px;
}

#consumer_mainContent .saparateBarLeft {
    min-height: 310px;
}

#consumer_container .customerTabsBottom {

    margin-top: 0;
}

#loginPageBody #footerText {
    padding: 0;
}

#consumer_mainContent .ui-tabs .ui-tabs-nav {
  
}

#consumer_mainContent .customerTabsWrap,
#consumer_mainContent .customerTabsBottom .tabsWrap {
 
}

    #consumer_mainContent .customerTabsWrap .ui-tabs-nav li a {
        padding: 0px !important;
    }

#consumer_mainContent .ui-widget-content {
}

#consumer_mainContent .customerTabs {
 
}

#consumer_mainContent .customerTabsBottom div[id^="tabs-"],
#consumer_mainContent .customerTabsBottom div[id^="ui-tabs-"],
#consumer_mainContent .customerTabsBottom .ui-tabs-panel {
    height: auto;
    overflow: hidden;
    min-height: 600px;
    
}

#consumer_mainContent .customerTabsBottom .ui-tabs .ui-tabs-nav li a {
    float: none;
    padding: 10px 0 18px 20px !important;
    display: inline-block;
    width: 220px;
    white-space: normal !important
}

#consumer_mainContent .tabContentsWrapper {
    height: 640px;
    overflow: hidden;
}

#consumer_mainContent .reportOutterWrapper {
    padding: 20px 10px !important;
}

.changeSummary {
    min-height: 0 !important;
    height: auto;
    overflow: hidden !important;
    float: right;
    padding-left: 27px;
    z-index: 1;
}

.customerTabsBottom .tabs {
    top: -3px;
    margin-bottom: 10px;
}

.consumer_header_left {
    float: left;
    margin: -24px 0px;
}

.consumerBody .consumer_header_left {
    float: left;
    width: 60px;
    margin: 0px 50px;
}

.consumer_header_right {
    float: right;
    margin: -16px 0;
}

#consumer_header_menu {

}

#consumer_header_welcome {
    margin: -2px 0 2px 0;

}

.consumer_header_left #logo {
    width: 265px;
    margin-left: -20px;
    margin-top: -34px;
}

#logo img {
    width: 220px;
    margin-left: 35px;
}

#logo a {
    display: block;
    width: 60px;
    height: 40px;
    cursor: pointer;
}

#editProfileLink {
    display: inline-block;
    padding-right: 10px;
}

#logoutLink {
    display: inline-block;
    padding-right: 10px;
}

.consumer_header_right #editProfileIcon {
    display: inline-block;
    margin: 0 10px 0 0;
}

    .consumer_header_right #editProfileIcon:hover {

    }

.consumer_header_right #logoutIcon {
    display: inline-block;

}

    .consumer_header_right #logoutIcon:hover {
    }

#consumer_container .ui-corner-top {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}


#consumer_container .saveCancelButton .ui-button, .ui-button {
    margin: 3px 2px;
}


#consumer_container #customerTab-li_SubmitBtn .ui-button {
    margin: -1px -3px 0 0;
}

#consumer_container #customerTab-li_CancelBtn .ui-button {
    margin: -1px 0;
}

#consumer_container .saparateBarLeft {

}

#consumer_container .saparateBarRight {

}

.sidePanel_panel {

}

div[class="panel-body"] {

}

.sidePanel_innerPanel {
    padding: 15px 10px;
}

select[name="Policy.PolicyId"] {
    margin-top: 5px;
    padding: 5px;
    width: 100%;
}

#consumer_sidePanel .content-title {
    padding: 0px;
}

#Policy_PolicyNumber {
    width: 100%;
}


.agentInfoDiv,
.renewalQuoteDiv,
.renewalQuoteAcceptedDiv,
.reviewPremiumDiv {
    padding: 10px 0px;
}

.renewalQuoteInstructionDiv {
    padding: 10px 12px;
}


#renewalQuoteInstrtionWrapper
{
}

.renewalQuoteInstructionDivList {
    padding-left: 15px;
}

    .renewalQuoteInstructionDivList dt {
        padding-bottom: 12px;  
    }
    .renewalQuoteInstructionDivList dt:before {
        position: absolute;
        left: 27px;
        margin-top: -8px;
    }

    .agentInfoDiv > label,
    .renewalQuoteDiv > label,
    .renewalQuoteAcceptedDiv > label,
    .reviewPremiumDiv > label, 
    .renewalQuoteInstructionDiv > label {
        padding: 0;
        margin: 0;
    }

.ui-dialog-content td {
    padding: 5px 10px 5px 5px !important;
}

.creditCardForm #middleNameTD {
    padding: 0px 8px 5px 0 !important;
}

.ui-dialog-content .creditCardForm td {
    padding: 3px 0px 5px 0px !important;
}

#consumer_contentWrapper .contentWrapper {
    margin: 20px auto;
    padding: 20px 30px;
    zoom: 1;
}

    #consumer_contentWrapper .contentWrapper.logInContentWrapper {
        margin: 7% auto;
        width: 750px;
    }

#consumer_contentWrapper #policyCancelled {
    position: relative;
    top: -20px;
    margin-right: 10px;
}
}

    #consumer_contentWrapper #policyCancelled h3 {
        
    }

#consumer_contentWrapper #expiredPage {
    margin: 7% auto;
    padding: 20px 30px;
    zoom: 1;
}

#consumer_contentWrapper .contentWrapper h3 {
  
}

.paperlessContainer {
    padding-top: 30px;
    padding-left: 300px;
    padding-right: 300px;
    zoom: 1;
    padding-bottom: 180px;
}

#paperlessConditionsBody {
    color: #000;
}

#paperlessConditionsTitle {
    text-align: center;
    font-weight: bold;
}

#paperlessConditionsBody > ol li {
    margin-left: 50px;
}

#paperlessConditionsBody > ol li li{
    margin-left: 80px;
}

.termsAndConditionVersion {
    text-align: right;
    color: lightgray;
    font-size: 10px;
}

div[aria-describedby="div_popup_Paperless__Enroll_undefined"] {
    width: 650px !important;
}

.popupContentWrapper ul li {
    list-style: circle;
    margin-left: 35px;
}

#loginPageBody .container1,
#quoteRecallPageBody .container1 {
    padding-top: 100px;
}

#custRegisBody .container1,
#custProfileRecovBody .container1{
    padding-top: 50px;
}

.editProfile label[for="password"].error,
.editProfile label[for="confirm_password"].error,
.editProfile label[for="code"].error,
.editProfile label[for="answer1"].error,
.editProfile label[for="answer2"].error,
.editProfile label[for="newEmail"].error,
.editProfile label[for="confirm_newEmail"].error {
    top: -12px;
    left: 187px;
}

#changePassWord label[for="answer1"].error,
#changePassWord label[for="answer2"].error {
    top: -13px;
}

.pure-control-group input {
    padding: 0px 6px !important;
}

#consumer_container #step1,
#consumer_container #step2,
#consumer_container #step3,
#consumer_container #step4 {
    width: 100%;
    padding: 20px 0;
}

html > /**/ body [id^="div_popup"] .pure-button-primary #btnSubmitStep1 {
    margin-right: 0;
}

#changeUserName #btnSubmitStep3 {
    margin-right: 48px;
}

#changeSecQuest #btnChangeSecQuestions {
    margin-right: 9px;
}

#changeSecQuest #btnSubmit {
    margin-right: 49px;
}

#changePassWord #btnSubmitStep1 {
    margin-right: 22px;
}

div[id^="div_popup_Policy_EndorsementWizard"] #step1 {
    padding: 0;
}

#consumer_contentWrapper .display-field label {

}

label.error {
    position: relative;
    min-width: 400px !important;
}

.consumerBody div > label {
    padding: 4px 0px 0px 0px;
}

#expirationDateSlash, 
#postalCodeDash{
   margin-left: 2px !important;
   margin-right: 2px;
}

.toggleTriggerConsumer {
    display: block;
}

.toggleIcon {
    float: right;
}

#btnPolicyAction:hover, 
.fg-menu-open.ui-state-active#btnPolicyAction {

}

#btnPolicyAction:hover .ui-icon, 
.fg-menu-open.ui-state-active .ui-icon {

}
 
#SameAsCustomer,
#SameAsMailingAddress {
    margin-left: 4px;
}

/*Arrow like nav for Insure renewal*/
.acceptRenewalQuoteModeTabsWrap {
}

.acceptRenewalQuoteMode .ui-corner-top {

}

.ui-tabs .acceptRenewalQuoteMode {
    width: 100%;
}



/*continue, back, next-previous btn in Insured Renewal*/
.nextPreviousPurchaseButton
{
    margin: 40px auto 70px;
    width: 265px;
    display: block;
    height: 70px;
}

.nextPreviousButton
{
    margin: 40px auto 70px;
    width: 260px;
    display: block;
    height: 70px;
}

.nextPrevBtn .glyphicon-circle-arrow-left,
.nextPrevBtn .glyphicon-circle-arrow-right{
    vertical-align:text-top;
}


#btnContSgl,
#btnBackSgl
{
    width: 165px;
}

#btnBackGroup {
    width: 126px;
}

#btnContGroup {
   
}

.customerTab-returnCurrentPolicy {
    width: 280px;
}

/*Edit Insured Summary*/
#insuredTblSummary {
    margin-top: 20px;
}

    #insuredTblSummary th {
        height:45px;
    }
    
    #insuredTblSummary td {
    }

    #insuredTblSummary .itemCol {
        min-width: 250px;
    }

    #insuredTblSummary .fromCol {
        
        min-width:150px;
    }

    #insuredTblSummary .toCol {
        min-width:150px;
    }

    .InsuredChangerSummary.warning {
        max-width: none !important;
        padding: 10px 10px 0px 10px;
    }

    #changeSummarySaveCancelButton {
        padding: 0px 0px 0px 0px;
    }


/*Copied from Agent Portal Policy Starts*/
/*Contempo CSS:  Color & Fonts  Starts*/

/* open-sans-300 - vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-300.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Light'), local('OpenSans-Light'), url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-300.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-600.eot'); /* IE9 Compat Modes */
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-600.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-700.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Open_Sans/open-sans-v15-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* roboto-300 - vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-300.eot'); /* IE9 Compat Modes */
    src: local('Roboto Light'), local('Roboto-Light'), url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-300.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Roboto'), local('Roboto-Regular'), url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-500.eot'); /* IE9 Compat Modes */
    src: local('Roboto Medium'), local('Roboto-Medium'), url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-500.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-700.eot'); /* IE9 Compat Modes */
    src: local('Roboto Bold'), local('Roboto-Bold'), url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Roboto/roboto-v18-vietnamese_cyrillic_greek-ext_latin-ext_cyrillic-ext_greek_latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

* {
    margin: 0;
    padding: 0;
}

body {
    background: #EAEAEA;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #071255;
    margin: 0 auto;
}


.x-body,
.x-panel-body-default {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;
    color: #071255;
}


.ui-widget-header {
    background-color: transparent;
    color: #01447b;
    border: none;
}

#dashboard-main {
    background: #EAEAEA;
}

.pageHeader {
    background: #07508e;
}

.ui-widget-content a {
    color: #01447b;
}

a,
#lookupWrapper {
    color: #01447b;
    font-weight: 600;
    transition: color 0.3s ease-in-out;
}

    a:hover,
    #lookupWrapper:hover {
        color: #666;
        text-decoration: none !important;
    }

    a:focus,
    a:active,
    #lookupWrapper:focus,
    #lookupWrapper:active {
        color: #666;
        outline: none;
    }

#lookupWrapper {
    font-size: 20px;
}

h1, h2, h4, h5, h6 {
    color: #01447b;
    font-weight: normal;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
}

h1 {
    font-size: 1.5em !important;
    margin: 0 0 4px 0 !important;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 20px;
    color: #c33;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 500;
}

h4, .ui-content-title {
    font-size: 24px;
    font-weight: normal;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

#day {
    font-size: 10px;
    display: none;
}

#month {
    font-size: 13px;
}

#dayNum {
    font-size: 30px;
}



.tooltip {
    font-size: 10pt;
    border: 1px solid #000000;
    background-color: #FFFFE0;
    color: #990000;
}

.breadcrumbsBar {
    background-color: #fff;
}

.iconLink {
    color: #E97117;
}

#fieldsetPanel-innerCt {
    background: #E9F1F8;
}

.greenStripe {
    background-color: #fff;
    border-bottom: 3px solid #07508e;
}

.greenBar {
    background-color: #07508e;
}

.homeButtons {
    border-left: 1px solid #fff;
}

.homeButtonsPlus {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

#newDate {
    color: #FFF;
}

.settings {
    color: #FFF;
    border-left: solid 1px #fff !important;
    font-size: 25px;
    border-right: solid 1px #fff !important;
    transition: background-color 0.3s ease-in-out;
}

.homeButton,
.newButton,
.bimiButton,
.viewAllTasksButton {
    color: #FFF;
    font-size: 25px;
    transition: background-color 0.3s ease-in-out;
}

    .homeButtons a:hover,
    .newButton:hover,
    .bimiButton:hover,
    .viewAllTaskButton:hover {
        color: #07508e;
        background: #FFF;
    }

#btnSearch {
    color: #FFF;
    font-size: 20px;
}

    #btnSearch:hover i {
        opacity: 0.5;
    }

.settings:hover {
    color: #07508e;
    background: #FFF;
}

.customersButton {
    font-size: 25px;
    color: #FFF;
    transition: background-color 0.3s ease-in-out;
}

.searchPlus {
    font-size: 20px;
}

    .searchPlus a {
        color: #FFF;
    }

        .searchPlus a:hover {
            background: transparent;
            color: #FFF;
        }

            .searchPlus a:hover i {
                opacity: 0.5;
            }

#agentLogon #footer {
    background-color: rgba(0, 69, 128, 0.3);
}

    #agentLogon #footer a {
        color: #FFFFFF;
        text-decoration: none;
    }

        #agentLogon #footer a:hover {
            text-decoration: underline;
        }

    #agentLogon #footer .left {
        color: #FFF;
        text-align: center !important;
        font-size: 13px;
    }

.footer,
.baseLayoutFooter,
footer {
    /*background: #cf1097;*/
}

#ui-footer, #ui-footer > span,
#footer-body {
    font-size: 13px;
    color: white;
    background: #07508e;
    text-align: center;
}

/*system spinner background starts*/
div[id^="_progress"] {
    filter: alpha(opacity=70) !important;
    background: rgba(80, 116, 147, 0.7) !important;
    background-image: none !important;
}
/*system spinner background Ends*/

#ui-sysdate {
    font-size: 1.14px;
    color: #071255;
    font-weight: 600;
    display: none;
}

.errorMessage {
    color: #07508e;
}

.message-error a.message-error-btn {
    color: #fff;
}

.resultMessage {
    color: #C33;
}

/*for message alert box*/

[id^="div_popup_Policy_ChangeSummaryInsured"] span.message-error-text b {
    color: #280b0b;
}

.message-content-wrapper {
    margin: 10px 0;
    color: #4F4F4F;
}

    .message-content-wrapper h2 {
        margin: 0px 28px 10px 0px;
    }

    .message-text-wrapper h2,
    .message-content-wrapper h2 {
        color: #4F4F4F;
        font-size: 18px;
        text-transform: uppercase;
    }

.inline-alert-message .inline-success,
.message-success .ui-state-success {
    padding: 22px;
    margin-top: 0px;
    background: #CBE8B4;
    color: #4F4F4F;
    border-bottom: 10px solid #83C450;
    border-radius: 0px !important;
}

.inline-alert-message .inline-info,
.message-info .ui-state-highlight {
    padding: 22px;
    margin-top: 0px;
    background: #C7ECF0;
    color: #4F4F4F;
    border-bottom: 10px solid #00D0E7;
    border-radius: 0px !important;
}

.inline-alert-message .inline-warning,
.inline-alert-message .inline-action-required,
.message-warning .ui-state-warning,
.message-action-required .ui-state-action-required {
    padding: 22px;
    margin-top: 0px;
    background: #FEEEBC;
    color: #4F4F4F;
    border-bottom: 10px solid #E7C100;
    border-radius: 0px !important;
}

.inline-alert-message .inline-error,
.message-error .ui-state-error {
    padding: 22px;
    margin-top: 0px;
    background: #FFB7B7;
    color: #4F4F4F;
    border-bottom: 10px solid #CC3333;
    border-radius: 0px !important;
}

.message-confirm .ui-state-confirm {
    padding: 22px;
    margin-top: 0px;
    border: none;
    background: #FFC9AC;
    color: #4F4F4F;
    border-radius: 0px !important;
}

.confirmActionBtnText {
    margin: 5px;
}


.message-close-btn {
    display: block;
    margin: -5px !important;
    color: #4F4F4F !important;
}

div.message-success > div,
div.message-info > div,
div.message-warning > div,
div.message-action-required > div,
div.message-error > div,
div.message-confirm > div {
    top: 0;
    left: 0 !important;
    margin: 0 auto;
    position: relative !important;
}

    div.message-success > div > div,
    div.message-info > div > div,
    div.message-warning > div > div,
    div.message-action-required > div > div,
    div.message-error > div > div,
    div.message-confirm > div > div {
        left: 0 !important;
        margin: 0 auto;
        width: 100%;
        position: relative;
    }

.icon-wrapper {
    position: relative;
}

.message-icon {
    position: absolute;
    top: -5px;
    left: 2px;
    color: #4F4F4F;
}

.message-prefix {
    font-weight: 800;
}

.message-text-wrapper {
    padding: 0px 0px 8px 40px;
    line-height: 18px;
    vertical-align: middle;
    display: inline-block;
    width: 90%;
}

    .message-text-wrapper > div {
        display: inline;
    }

.inline-alert-message .inline-success,
.inline-alert-message .inline-info,
.inline-alert-message .inline-error,
.inline-alert-message .inline-warning,
.inline-alert-message .inline-action-required {
    border-bottom-width: 5px;
}

.inline-alert-message .message-text-wrapper {
    width: unset;
    line-height: 1.2;
}

.inline-alert-message-with-btn-wrapper .inline-alert-message .message-text-wrapper {
    width: 96%;
}

    .inline-alert-message-with-btn-wrapper .inline-alert-message .message-text-wrapper .ui-button {
        float: right;
        top: 15px;
    }

.inline-alert-message-with-btn-wrapper .message-icon {
    top: -15px;
}

.message-success-text b,
.message-info-text b,
.message-warning-text b,
.message-action-required-text b,
.message-error-text b,
.message-confirm-text b {
    color: #4F4F4F;
}

.message-success-text a:not(.ui-button),
.message-info-text a:not(.ui-button),
.message-warning-text a:not(.ui-button),
.message-action-required-text a:not(.ui-button),
.message-error-text a:not(.ui-button),
.message-confirm-text a:not(.ui-button) {
    color: #E97117;
    text-decoration: underline;
}

    .message-success-text a:not(.ui-button):hover,
    .message-info-text a:not(.ui-button):hover,
    .message-warning-text a:not(.ui-button):hover,
    .message-action-required-text a:not(.ui-button):hover,
    .message-error-text a:not(.ui-button):hover,
    .message-confirm-text a:not(.ui-button):hover {
        color: #F7A86D;
    }

.message-success-text a:hover span,
.message-info-text a:hover span,
.message-warning-text a:hover span,
.message-action-required-text a:hover span,
.message-error-text a:hover span,
.message-confirm-text a:hover span {
    text-decoration: none !important;
}

.message-success-text a:not(.ui-button):focus,
.message-success-text a:not(.ui-button):active,
.message-info-text a:not(.ui-button):focus,
.message-info-text a:not(.ui-button):active,
.message-warning-text a:not(.ui-button):focus,
.message-warning-text a:not(.ui-button):active,
.message-action-required-text a:not(.ui-button):focus,
.message-action-required-text a:not(.ui-button):active,
.message-error-text a:not(.ui-button):focus,
.message-error-text a:not(.ui-button):active,
.message-confirm-text a:not(.ui-button):focus,
.message-confirm-text a:not(.ui-button):active {
    color: #E9F1F8;
}

html > /**/ body .message-sideInfo-tooltipBody {
    border: none;
    color: #FFF;
    background: none;
}

.container {
    min-height: 680px;
}

    .message-sideInfo-tooltipBody:before {
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    }

    .message-sideInfo-tooltipBody:after {
        color: #FFF;
        border-color: rgba(0, 0, 0, 0) rgba(88, 90, 121, 0.80);
    }


#agentLogon .message-confirm .ui-state-confirm {
    background: #07508e;
    padding: 4px 22px 7px 22px;
}

#agentLogon #actionBtnWrapper {
    float: right;
    margin-top: 0;
    text-align: right;
}

/*for message alert box ends*/
.tblDefault th {
    background: #01447b;
    border-left: 2px solid #EAEAEA;
    color: #FFF;
}

tr.odd {
    background-color: #f2f2f2;
}

    tr.odd td.sorting_1 {
        background-color: #D7D7D7;
        border-left: 2px solid #EAEAEA !important;
        border-right: 2px solid #EAEAEA !important;
    }

tr.even td.sorting_1 {
    background-color: #D7D7D7;
}

table.display td {
    background: #E9F1F8;
    border-left: 2px solid #EAEAEA;
    border-right: 2px solid #EAEAEA;
    color: #071255;
}

.tblDefault tbody td {
    background: #ffffff;
    border-left: 2px solid #EAEAEA;
    border-bottom: 1px solid #FFF;
    border-right: 1px solid #EAEAEA;
    color: #01447b;
}

#CompareResults .tblDefault td.ui_tblHeader {
    background: #A5ACAF;
}

#CompareResults .tblDefault td.editor-field {
    background: #f2f2f2;
    color: #071255;
}

/*For History Details page starts*/
.details b {
    color: #036fca;
    font-size: 18px;
    letter-spacing: 1px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
}

td.details {
    background: #f2f2f2 !important;
    color: #071255 !important;
    padding: 5px 10px !important;
}

table.display tr {
    border: none;
    border-bottom: 1px solid #A5ACAF;
}

.details table tr td {
    background: #D1D4D3;
    color: #071255;
    border-bottom: 1px solid #A5ACAF;
    border-left: 2px solid #f2f2f2 !important;
    border-right: 2px solid #f2f2f2 !important;
}

.details .ui_tblHeader {
    font-size: 16px;
    background: #8d9096;
    color: #071255;
    font-weight: 600;
}

.details form,
.details div[data-table-action="Index"] {
    background: #f2f2f2;
}

    .details form table tr,
    .details form table tr td {
        background: transparent;
        border: none !important;
    }

.details .dataTable th.ui-state-default {
    background: #8d9096 !important;
    color: #FFF !important;
    border-left: 2px solid #f2f2f2 !important;
    border-right: 2px solid #f2f2f2 !important;
}

.details .dataTable td {
    background: #D1D4D3 !important;
    color: #071255 !important;
    border-left: 2px solid #f2f2f2 !important;
    border-right: 2px solid #f2f2f2 !important;
}

/*For History Details page ends*/

li.edProfile:hover {
    background-color: #507493;
}

.userName {
    background-color: #07508e;
    color: #FFF;
}

.edProfile {
    background-color: #D7D7D7;
    border-right: 0px solid #fff;
    border-left: 0px solid #fff;
    border-top: 1px solid #507493;
    transition: background-color 0.3s ease-in-out;
}

    .edProfile:hover a {
        color: #FFF;
    }


li.logOff:hover {
    background-color: #507493 !important;
}

.logOff {
    background-color: #D7D7D7;
    border-right: 0px solid #fff;
    border-left: 0px solid #fff;
    border-top: 1px solid #507493;
}

    .logOff:hover a {
        color: #FFF;
    }

.dt-button {
    border: 0px !important;
}

#layout_new_task_popup:before {
    display: none;
}

.ui-message {
    font-size: 1.14px;
    background: #D1D4D3;
}

.customerLink,
.noteLink {
    color: #E97117;
}

    .customerLink i,
    .noteLink i {
        font-size: 20px !important;
        color: #f2f2f2;
    }

    .customerLink:hover i:before,
    .noteLink:hover i:before {
        color: #F7A86D !important;
    }

    .customerLink:focus i:before,
    .customerLink:active i:before,
    .noteLink:focus i:before,
    .noteLink:active i:before {
        color: #036fca !important;
    }

    .customerLink .fa-usd {
        color: #E97117;
    }

        .customerLink .fa-usd:hover {
            color: #F7A86D;
        }

    .customerLink i:hover {
        color: #f2f2f2;
    }

    .customerLink i.fa-pencil-square-o:before {
        color: #E97117;
        font-size: 22px;
        margin-right: -9px;
    }

    .customerLink i.fa-pencil-square-o:hover:before {
        color: #F7A86D;
    }

    .customerLink i.fa-file:before {
        margin-right: -21px;
        color: #E97117;
        font-size: 22px;
    }

    .customerLink i.fa-file:hover:before {
        color: #F7A86D;
    }

    .customerLink i.fa-user:before {
        color: #E97117;
    }

    .customerLink i.fa-user:hover:before {
        color: #F7A86D;
    }

    .customerLink i.fa-building:before {
        color: #E97117;
    }

    .customerLink i.fa-building:hover:before {
        color: #F7A86D;
    }

    .noteLink i.fa-comment-o:before {
        color: #E97117;
    }

    .noteLink i.fa-comment-o:hover:before {
        color: #F7A86D;
    }

    .noteLink i.fa-comment:before {
        color: #E97117;
    }

    .noteLink i.fa-comment:hover:before {
        color: #F7A86D;
    }

    .noteLink i.fa-commenting:before {
        color: #E97117;
    }

    .noteLink i.fa-commenting:hover:before {
        color: #F7A86D;
    }

    .noteLink i.fa-plus:before {
        color: #E97117;
    }

    .noteLink i.fa-plus:hover:before {
        color: #F7A86D;
    }

.addNote i.fa.fa-plus {
    font-size: 18px !important;
    position: relative;
    left: -12px;
}




#dtCustomer .fg-menu-open,
#dtCustomers .fg-menu-open {
    background: transparent !important;
}

.fg-menu-open .customerLink i.fa-file:before {
    color: #07508e;
}


/*search menu starts*/
.fg-menu i.fa-file {
    color: #D7D7D7 !important;
    font-size: 17px !important;
}

    .fg-menu i.fa-file:before {
        font-size: 19px;
        margin-right: -18px;
        color: #07508e;
    }

.fg-menu .drc-search-autocomplete-row-mouseover i.fa-file {
    color: #507493 !important;
}

    .fg-menu .drc-search-autocomplete-row-mouseover i.fa-file:before {
        color: #FFF;
    }

/*search menu ends*/



/* BI/MI Menu Starts */
.biMiSub {
    color: #076fca !important;
    font-size: 16px;
}

.biMiWrapper .parentBIMILink {
    color: #036fca !important;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 30px !important;
}

.biMiWrapper .subParentBIMILink {
    color: #036fca !important;
}

.biMiWrapper .biMiWrapper a:hover {
    color: #F7A86D;
}

.biMiWrapper a:focus,
.biMiWrapper a:active {
    color: #036fca;
}

/* BI/MI Menu Ends */


#btnSearchAdvanced span {
    font-size: 16px;
}

#layout_new_task_popup::after {
    display: none;
}

#documentDelete h3 {
    padding-left: 25px;
    padding-right: 25px;
}

.ffb {
    background-color: #FFF !important;
}

    .ffb .content {
        color: #07508e !important;
    }


        .ffb .content .row {
            border-bottom: 1px solid #507493 !important;
            color: #07508e !important;
        }


        .ffb .content .ffb-sel {
            color: #FFF !important;
            background-color: #507493 !important;
        }

.ffb-match {
    color: #E97117 !important;
}

.ffb-arrow {
    background-image: url(images/select_arrow.png) !important;
    cursor: pointer;
}

.arrow {
    background: none !important;
    text-transform: none;
    color: #E97117;
    font-size: 16px;
}

.arrow-body {
    border: 3px solid #07508e;
    color: #071255;
    background: #E9F1F8;
    border-radius: 0px;
    text-transform: none;
}

.arrow:before {
    border-width: 0px 15px 15px 15px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #07508e rgba(0, 0, 0, 0);
}

.arrow:after {
    border-width: 0px 10px 10px 10px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #E9F1F8 rgba(0, 0, 0, 0);
}

.saveChartButton::before {
    color: #E97117;
}

.saveChartButton:hover::before {
    color: #F7A86D;
}

.fileinput-button {
    background: transparent;
    border: none;
}

    .fileinput-button.ui-state-default:hover,
    .fileinput-button.ui-button:hover {
        color: #E97117 !important;
        background: #fff;
        border: 1px solid #E97117;
    }

[data-field="EntityAddress.AddressTypeId"] {
    width: 200px !important;
}

[data-field="EntityAddress.CountryId"] {
    width: 200px !important;
}

#AddEarlyCash {
}


.billingLink {
    font-size: 20px;
    color: #E97117 !important;
}

.x-toolbar-default {
    background-color: #D7D7D7;
    background-image: none;
}

.x-form-radio-default {
    background: url(images/radioBtn.png) !important;
    background-repeat: no-repeat;
    background-position: 0px -132px !important;
    border: none !important;
}

.x-form-cb-checked .x-form-checkbox-focus.x-form-radio-default,
.x-form-cb-checked .x-form-radio-default {
    background-position: -26px -106px !important;
}

.ui-dialog {
    background: #EAEAEA !important;
}

    .ui-dialog .ui-dialog-titlebar {
        background-color: #01447b;
        border-bottom: 3px solid #333;
    }

    .ui-dialog .ui-dialog-title {
        font-family: 'Roboto', Helvetica, Arial, sans-serif;
        font-weight: normal;
        color: #FFF;
    }

    .ui-dialog .ui-dialog-content {
        border: none;
        background: #EAEAEA;
    }

    [id^="div_popup"] .saveCancelButton,
    [id^="div_popup"] .deleteCancelButton,
    [id^="div_popup"] .contCancelButton,
    [id^="div_popup"] .pure-controls,
    [id^="div_popup"] .newDocDialogFooter,
    [id^="div_popup"] .viewCloseButton,
    [id^="div_popup"] .wizardButtons,
    [id^="div_popup"] .printCancelButtons,
    [id^="div_popup"] .submitButton,
    .ui-dialog .ui-dialog-buttonpane,
    .dataTable .details .saveCancelButton,
    .dataTable .details .createNewButton,
    .pure-button {
        background: #666;
    }

    #actionBtnWrapper {
        background: rgba(102,102,102,0); /*transparent*/
    }

        [id^="div_popup"] .saveCancelButton .ui-button,
        [id^="div_popup"] .deleteCancelButton .ui-button,
        [id^="div_popup"] .contCancelButton .ui-button,
        [id^="div_popup"] .newDocDialogFooter .ui-button,
        [id^="div_popup"] .pure-controls .ui-button,
        [id^="div_popup"] .viewCloseButton .ui-button,
        [id^="div_popup"] .wizardButtons .ui-button,
        [id^="div_popup"] .printCancelButtons .ui-button,
        [id^="div_popup"] .submitButton .ui-button,
        #actionBtnWrapper .ui-button,
        .ui-dialog .ui-dialog-buttonpane .ui-button,
        .dataTable .details .saveCancelButton .ui-button,
        .dataTable .details .createNewButton .ui-button,
        .pure-button {
            color: #fff !important;
            border: none !important;
            box-shadow: none !important;
            border-radius: 0 !important;
            box-sizing: border-box;
        }

            [id^="div_popup"] .saveCancelButton .ui-button:hover,
            [id^="div_popup"] .deleteCancelButton .ui-button:hover,
            [id^="div_popup"] .contCancelButton .ui-button:hover,
            [id^="div_popup"] .newDocDialogFooter .ui-button:hover,
            [id^="div_popup"] .pure-controls .ui-button:hover,
            [id^="div_popup"] .viewCloseButton .ui-button:hover,
            [id^="div_popup"] .wizardButtons .ui-button:hover,
            [id^="div_popup"] .printCancelButtons .ui-button:hover,
            [id^="div_popup"] .submitButton .ui-button:hover,
            #actionBtnWrapper .ui-button:hover,
            .ui-dialog .ui-dialog-buttonpane .ui-button:hover,
            .dataTable .details .saveCancelButton .ui-button:hover,
            .dataTable .details .createNewButton .ui-button:hover,
            .pure-button:hover {
                color: #01447b !important;
                background: #fff !important;
            }

                [id^="div_popup"] .saveCancelButton .ui-button:hover:before,
                [id^="div_popup"] .deleteCancelButton .ui-button:hover:before,
                [id^="div_popup"] .contCancelButton .ui-button:hover:before,
                [id^="div_popup"] .newDocDialogFooter .ui-button:hover:before,
                [id^="div_popup"] .pure-controls .ui-button:hover:before,
                [id^="div_popup"] .viewCloseButton .ui-button:hover:before,
                [id^="div_popup"] .wizardButtons .ui-button:hover:before,
                [id^="div_popup"] .printCancelButtons .ui-button:hover:before,
                [id^="div_popup"] .submitButton .ui-button:hover:before,
                #actionBtnWrapper .ui-button:hover:before,
                .ui-dialog .ui-dialog-buttonpane .ui-button:hover:before,
                .dataTable .details .saveCancelButton .ui-button:hover:before,
                .dataTable .details .createNewButton .ui-button:hover:before,
                .pure-button:hover:before {
                    color: #01447b !important;
                }

            [id^="div_popup"] .saveCancelButton .ui-button:focus,
            [id^="div_popup"] .deleteCancelButton .ui-button:focus,
            [id^="div_popup"] .contCancelButton .ui-button:focus,
            [id^="div_popup"] .newDocDialogFooter .ui-button:focus,
            [id^="div_popup"] .pure-controls .ui-button:focus,
            [id^="div_popup"] .viewCloseButton .ui-button:focus,
            [id^="div_popup"] .wizardButtons .ui-button:focus,
            [id^="div_popup"] .printCancelButtons .ui-button:focus,
            [id^="div_popup"] .submitButton .ui-button:focus,
            #actionBtnWrapper .ui-button:focus,
            .ui-dialog .ui-dialog-buttonpane .ui-button:focus,
            .dataTable .details .saveCancelButton .ui-button:focus,
            .dataTable .details .createNewButton .ui-button:focus,
            [id^="div_popup"] .saveCancelButton .ui-button:active,
            [id^="div_popup"] .deleteCancelButton .ui-button:active,
            [id^="div_popup"] .contCancelButton .ui-button:active,
            [id^="div_popup"] .newDocDialogFooter .ui-button:active,
            [id^="div_popup"] .pure-controls .ui-button:active,
            [id^="div_popup"] .viewCloseButton .ui-button:active,
            [id^="div_popup"] .wizardButtons .ui-button:active,
            [id^="div_popup"] .printCancelButtons .ui-button:active,
            [id^="div_popup"] .submitButton .ui-button:active,
            #actionBtnWrapper .ui-button:active,
            .ui-dialog .ui-dialog-buttonpane .ui-button:active,
            .dataTable .details .saveCancelButton .ui-button:active,
            .dataTable .details .createNewButton .ui-button:active,
            .pure-button:active, .pure-button:focus {
                color: #FFF;
                background: #036fca;
                border: none !important;
            }

                [id^="div_popup"] .saveCancelButton .ui-button:focus:before,
                [id^="div_popup"] .deleteCancelButton .ui-button:focus:before,
                [id^="div_popup"] .contCancelButton .ui-button:focus:before,
                [id^="div_popup"] .newDocDialogFooter .ui-button:focus:before,
                [id^="div_popup"] .pure-controls .ui-button:focus:before,
                [id^="div_popup"] .viewCloseButton .ui-button:focus:before,
                [id^="div_popup"] .wizardButtons .ui-button:focus:before,
                [id^="div_popup"] .printCancelButtons .ui-button:focus:before,
                [id^="div_popup"] .submitButton .ui-button:focus:before,
                #actionBtnWrapper .ui-button:focus:before,
                .ui-dialog .ui-dialog-buttonpane .ui-button:focus:before,
                .dataTable .details .saveCancelButton .ui-button:focus:before,
                .dataTable .details .createNewButton .ui-button:focus:before,
                .pure-button:focus:before {
                    color: #fff;
                }

            [id^="div_popup"] .saveCancelButton .ui-button:not(:last-child),
            [id^="div_popup"] .deleteCancelButton .ui-button:not(:last-child),
            [id^="div_popup"] .contCancelButton .ui-button:not(:last-child),
            [id^="div_popup"] .newDocDialogFooter .ui-button:not(:last-child),
            [id^="div_popup"] .pure-controls .ui-button:not(:last-child),
            [id^="div_popup"] .viewCloseButton .ui-button:not(:last-child),
            [id^="div_popup"] .wizardButtons .ui-button:not(:last-child),
            [id^="div_popup"] .printCancelButtons .ui-button:not(:last-child),
            [id^="div_popup"] .submitButton .ui-button:not(:last-child),
            #actionBtnWrapper .ui-button:not(:last-child),
            .ui-dialog .ui-dialog-buttonpane .ui-button:not(:last-child),
            .dataTable .details .saveCancelButton .ui-button:not(:last-child),
            .dataTable .details .createNewButton .ui-button:not(:last-child),
            .pure-button:not(:last-child) {
                border: none !important;
            }

            [id^="div_popup"] .saveCancelButton .ui-button:not(:first-child),
            [id^="div_popup"] .deleteCancelButton .ui-button:not(:first-child),
            [id^="div_popup"] .contCancelButton .ui-button:not(:first-child),
            [id^="div_popup"] .newDocDialogFooter .ui-button:not(:first-child),
            [id^="div_popup"] .pure-controls .ui-button:not(:first-child),
            [id^="div_popup"] .viewCloseButton .ui-button:not(:first-child),
            [id^="div_popup"] .wizardButtons .ui-button:not(:first-child),
            [id^="div_popup"] .printCancelButtons .ui-button:not(:first-child),
            [id^="div_popup"] .submitButton .ui-button:not(:first-child),
            #actionBtnWrapper .ui-button:not(:first-child),
            .ui-dialog .ui-dialog-buttonpane .ui-button:not(:first-child),
            .ui-dialog .ui-dialog-viewclose .ui-button:not(:first-child),
            .dataTable .details .saveCancelButton .ui-button:not(:first-child),
            .dataTable .details .createNewButton .ui-button:not(:first-child),
            .dataTable .details .addNewWrapper .ui-button:not(:first-child),
            .pure-button:not(:first-child):not(#cancelRetrieveQuoteBtn) {
                border-left: 1px solid #fff !important;
                border-bottom: none !important;
                border-top: none !important;
                border-right: none !important;
            }

.ui-button:focus, .ui-button.ui-state-focus {
    border: 2px solid #01447b !important;
}

.pure-button {
    font-size: 16px;
    font-weight: 600;
}

#expiredPage a {
    border: 1px solid #E97117 !important;
}

    #expiredPage a:hover {
        border: 1px solid #E97117 !important;
    }

    #expiredPage a:focus,
    #expiredPage a:active {
        border: 1px solid #036fca !important;
    }

.dtQuoteNote {
    margin: 0px auto !important;
}


/*Password change styles*/
input.error {
    border: 1px dotted #c33;
}

label.error {
    color: #c33;
    font-size: 0.9em;
}

/* Extra Input Field Styling */
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]), select {
    background-color: transparent;
    border-bottom: 1px solid #071255;
    color: #071255;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 16px !important;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):hover {
    border-bottom: 1px solid #071255;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):focus, select:focus,
select:focus + .select2-container .select2-selection {
    border-bottom: 1px solid #036fca;
}

input[type="checkbox"] + label,
.checkboxRequiredInput + label {
    font-weight: 600;
}

#txtSearch,
#txtSearch:hover,
#txtSearh:focus,
#txtSearch:active {
    border-bottom: 1px solid #FFF;
    color: #fff;
}

textarea {
    background-color: #fff;
    border: none;
    border: 1px solid #071255;
    color: #071255;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

    textarea:hover {
        border: 1px solid #071255;
    }

    textarea:focus {
        border: 1px solid #036fca;
    }

.ui-display-textarea {
    border: 1px solid #071255;
}

#dtCustomer tr, #dtCustomer td,
#dtCustomers tr, #dtCustomers td {
    background-color: #E9F1F8;
    border-right: 2px solid #EAEAEA !important;
    border-left: 2px solid #EAEAEA !important;
    border-bottom: 1px solid #507493;
    color: #071255;
}

.ui-button-inactive {
    opacity: 0.3;
}

.ui-button-img-inactive {
    filter: alpha(opacity=30); /* For IE8 and earlier */
}

.ui-requiredBlock + input,
.ui-requiredBlock + select,
.ui-requiredBlock + textarea,
.ui-requiredBlock + .radioWrapper > label,
#commonsTable .ui-requiredBlock + .radioWrapperStack > label:last-child,
.ui-requiredInput .select2-container .select2-selection {
    border-bottom: 2px solid #c33 !important;
}

    .ui-requiredBlock + input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):focus,
    .ui-requiredBlock + select:focus,
    .ui-requiredBlock + textarea:focus,
    .ui-requiredBlock + .radioWrapper > label:focus,
    #commonsTable .ui-requiredBlock + .radioWrapperStack > label:last-child:focus,
    .ui-requiredInput .select2-container .select2-selection:focus,
    .ui-requiredBlock + select:focus + .select2-container .select2-selection {
        border-bottom: 2px solid #ff4c4c !important;
    }

.classicRadio .ui-requiredBlock,
.checkboxWrapper .ui-requiredBlock {
    background-color: #c33;
}

.dataField {
    font-size: 13px !important;
    color: #071255 !important;
    font-weight: normal;
}

.ui-requiredBlock {
    background-color: transparent;
}

.ui-header-label {
    font-size: 12px;
    font-weight: 600;
    color: #071255;
}

.ui-header-field {
    color: #071255;
}

    .ui-header-field a {
        color: #E97117;
        font-weight: 600;
    }

        .ui-header-field a:hover {
            color: #F7A86D !important;
        }

.ui-header-label-old {
    font-size: 1.14px;
    font-weight: 600;
    background: #f3f3f3;
    color: #071255;
}

.ui-label {
    font-size: 16px;
    font-weight: 600;
    color: #071255;
}

.ui-widget {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #071255;
}

.ui-widget-content {
    background: transparent;
    border: none;
    color: #071255;
}

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
    .ui-button, .ui-widget-content .ui-button, .ui-widget-header .ui-button {
        border: 1px solid #E97117;
        font-weight: 600;
        color: #fff;
        background: #E97117;
        margin: 3px 0;
        transition: background-color 0.3s ease-in-out;
    }

        .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited,
        .ui-button a, .ui-button a:link, .ui-button a:visited {
            color: #fff;
            text-decoration: none;
        }

    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover {
        border: 1px solid #E97117;
        font-weight: 600;
        color: #E97117;
        background: #fff;
    }

        .ui-state-hover a, .ui-state-hover a:hover {
            color: #E97117;
            text-decoration: none;
        }

    .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-state-focus,
    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
        outline: none;
        color: #FFF;
        border: 1px solid #036fca;
        background: #036fca;
        box-shadow: none;
    }

        .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
            color: #fff !important;
            text-decoration: none;
        }

.ui-button .ui-state-default, .ui-button .ui-widget-content .ui-state-default, .ui-button .ui-widget-header .ui-state-default,
.ui-datepicker .ui-datepicker-buttonpane button.ui-state-default {
    border: 1px solid #E97117;
    font-weight: 600;
    color: #fff;
    background: #E97117;
    margin: 3px 0;
}

.ui-button:hover,
.ui-button.ui-state-hover, .ui-button .ui-widget-content .ui-state-hover, .ui-button .ui-widget-header .ui-state-hover,
.ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus {
    color: #E97117;
    background: #fff;
}

.ui-button:focus,
.ui-button.ui-state-focus,
.ui-button:active,
.ui-button.ui-state-active,
.ui-datepicker .ui-datepicker-buttonpane button.ui-state-active {
    background: #036fca;
    border: 1px solid #036fca;
    outline: none;
    color: #FFF;
}

    .ui-button .ui-state-focus:before,
    .ui-button:active:before,
    .ui-button .ui-state-active:before,
    .ui-button .ui-state-hover.ui-state-focus,
    .ui-button .ui-state-hover.ui-state-active {
        color: #FFF;
    }

.ui-button .ui-button-text {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    padding: initial;
}

a.ui-widget.ui-button, button.ui-widget.ui-button, input.ui-widget.ui-button {
    font-size: 16px;
    line-height: normal;
}


.ui-button.ui-state-disabled:hover {
    opacity: 0.5;
    border: 1px solid #E97117;
}

.dataTables_paginate .ui-button.ui-state-disabled:hover {
    border: none;
}

.dataTable ~ .ui-widget-header {
    border: none !important;
    background: transparent;
    background-image: none;
    color: #071255;
}

.dataTable a,
.dataTable .ui-button,
.dataTable .ui-state-default,
.dataTable .ui-button .ui-widget-content .ui-state-default,
.dataTable .ui-button .ui-widget-header .ui-state-default {
    color: #E97117;
    border: none !important;
    background: transparent;
    transition: color 0.3s ease-in-out;
}

    .dataTable a:hover,
    .dataTable .ui-state-hover,
    .dataTable .ui-button:hover,
    .dataTable .ui-widget-content .ui-state-hover,
    .dataTable .ui-widget-header .ui-state-hover {
        color: #F7A86D;
        background: transparent;
    }

    .dataTable a:focus,
    .dataTable .ui-button:focus,
    .dataTable .ui-button.ui-state-focus,
    .dataTable .data-popup.ui-button:focus:before,
    .dataTable .ui-button.ui-state-focus:before,
    .dataTable .ui-widget-content .ui-state-focus,
    .dataTable .ui-widget-header .ui-state-focus,
    .dataTable a:active,
    .dataTable .ui-button:active,
    .dataTable .ui-button.ui-state-active,
    .dataTable .ui-button.ui-state-active:before,
    .dataTable .ui-widget-content .ui-state-active,
    .dataTable .ui-widget-header .ui-state-active,
    .dataTable a:active:before,
    .dataTable .ui-widget-content .ui-state-focus:before,
    .dataTable .ui-widget-header .ui-state-focus:before,
    .dataTable .ui-widget-content .ui-state-active:before,
    .dataTable .ui-widget-header .ui-state-active:before {
        color: #036fca;
        background: transparent;
    }


.dataTable .data-address-scrub-div .ui-button {
    background: #E97117;
    color: #FFF;
    border: 1px solid #E97117 !important;
}

    .dataTable .data-address-scrub-div .ui-button.ui-state-hover, .dataTable .data-address-scrub-div .ui-button:hover {
        background: #FFF;
        color: #E97117;
        border: 1px solid #E97117 !important;
    }

    .dataTable .data-address-scrub-div .ui-button.ui-state-focus,
    .dataTable .data-address-scrub-div .ui-button.ui-state-active {
        background: #036fca;
        color: #FFF;
        border: 1px solid #036fca !important;
    }

        .dataTable .data-address-scrub-div .ui-button.ui-state-focus:before,
        .dataTable .data-address-scrub-div .ui-button.ui-state-active:before {
            color: #FFF;
        }


.data-expandrow {
    /*background-color: transparent !important;*/
}

.tblDefault .ui-button {
    background: transparent;
    border: none;
    color: #E97117;
}

    .tblDefault .ui-button:hover {
        color: #F7A86D;
    }

    .tblDefault .ui-button:focus,
    .tblDefault .ui-button.ui-state-active,
    .tblDefault .ui-button:focus:before,
    .tblDefault .ui-button.ui-state-active:before {
        color: #FFF !important;
        border: none !important;
    }

    .tblDefault .ui-button .ui-button-text {
        font-weight: 600;
    }

.ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png);
}

.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png);
}

.ui-state-default .ui-icon,
.ui-accordion .ui-state-default .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png);
}

.ui-state-default:hover .ui-icon,
.ui-state-hover .ui-icon {
    background-image: url(images/ui-icons_a5aca_256x240.png);
}

.ui-state-focus .ui-icon,
.ui-state-active .ui-icon {
    background-image: url(images/ui-icons_2694e8_256x240.png);
}

.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png);
}

.ui-dialog .ui-dialog-titlebar-close {
    background: transparent;
    border: none;
    margin-top: -10px;
}

.dataTable th.ui-state-default {
    background: #01447b !important;
    color: #fff !important;
    border-left: 2px solid #EAEAEA !important;
    border-right: 2px solid #EAEAEA !important;
}

/*Button Sets Starts*/
.ui-buttonset {
    margin-right: 7px;
}

    .ui-buttonset .ui-button {
        font-weight: 600;
        margin-left: 0;
        margin-right: -.3em;
        background: transparent;
        color: #E97117;
        border: none;
    }

        .ui-buttonset .ui-button:not(.ui-state-disabled):hover {
            margin-left: 0;
            margin-right: -.3em;
            background: transparent;
            color: #F7A86D;
            border: none;
        }
/*Button Sets Ends*/

/*Datepicket Stats*/
.ui-datepicker {
    border: none;
    box-shadow: none;
    background: #f2f2f2;
}

    .ui-datepicker .ui-datepicker-header {
        border: none;
        border-bottom: 1px solid #507493;
        border-radius: 0;
    }

    .ui-datepicker .ui-state-default {
        background: transparent;
        border-color: transparent;
        color: #01447b;
    }

    .ui-datepicker .ui-state-hover {
        border-color: #01447b;
        color: #FFF;
        background: #01447b;
        font-weight: 600;
        text-shadow: none;
    }

    .ui-datepicker .ui-state-active {
        background: #01447b;
        border-color: #01447b;
        color: #FFF !important;
        font-weight: 600;
        text-shadow: none;
    }

    .ui-datepicker .ui-datepicker-prev.ui-state-hover,
    .ui-datepicker .ui-datepicker-next.ui-state-hover {
        background: transparent;
        border: none;
    }
/*Datepicker Ends*/

.fg-menu-container {
    background: #D7D7D7;
}

.fg-menu-open {
    color: #FFF !important;
    background: #036fca !important;
    border: 1px solid #036fca !important;
}

.fg-menu a {
    color: #07508e;
    transition: background-color 0.3s ease-in-out;
}

.fg-menu .ui-state-hover {
    border-color: transparent;
    color: #FFF !important;
    Background: #507493;
    font-weight: normal !important;
}

.fg-menu .disabled {
    color: Gray !important;
    cursor: default;
}

.fg-menu-container.fg-menu-ipod .fg-menu-content,
.fg-menu-container.fg-menu-ipod .fg-menu-content ul {
    background: #E9F1F8 !important;
}

.fg-menu li {
    border-bottom: 1px solid #507493;
    background-color: #D7D7D7;
    transition: background-color 0.3s ease-in-out;
    font-size: 16px;
    line-height: 20px;
}

.fg-menu a:link i {
    color: #07508e;
}

.fg-menu a:link:hover i {
    color: #FFF;
}

.fg-menu span {
    opacity: 0.5;
}

.fg-button-header {
    border-radius: 0px !important;
}

    .fg-button-header:hover {
        color: #E97117;
        background: #FFF;
        border: 1px solid #E97117 !important;
    }

.ui-autocomplete {
    background: #FFF;
}

    .ui-autocomplete.ui-widget-content .ui-state-focus, .ui-autocomplete.ui-widget-header .ui-state-focus, .ui-autocomplete .ui-state-focus,
    .ui-autocomplete.ui-widget-content .ui-state-active, .ui-autocomplete.ui-widget-header .ui-autocomplete .ui-state-active {
        outline: none;
        color: #FFF;
        border: none;
        background: #036fca;
        box-shadow: none;
        font-weight: 600;
    }

#actionBtnWrapper {
    text-align: right;
}

    #actionBtnWrapper a {
        border: 0px;
        margin: 0 0 0 -5px;
    }

.editor-label {
    font-size: 16px;
    font-weight: 600;
    color: #071255;
}

.ui-editor-prompt,
.elementWrapper {
    font-size: 16px;
    font-weight: 600;
    color: #071255;
}

.ui-display-prompt label {
    font-weight: 600;
}

.ui-editor-header-top {
    color: #071255;
    font-size: 12px;
}

.ui-display-prompt {
    font-size: 16px;
    font-weight: 600;
    color: #071255;
}

.ui-display-label {
    font-size: 16px;
    font-weight: 600;
    color: #071255;
}

.ui-editor-label {
    font-size: 16px;
    font-weight: 600;
    color: #071255;
}

.ui-display-right {
    font-size: 16px;
    font-weight: normal;
}

.ui-display-left {
    font-size: 16px;
    font-weight: normal;
}

.logon-label {
    font-size: 16px;
    font-weight: normal;
    color: Gray;
}

.editor-field {
    color: #071255;
}

div.ui-container {
    background: #fff;
}

div.ui-block /* no rounded corner */ {
    background: #fff;
    border: 1px solid #999;
    box-shadow: #666 0 2px 3px;
}

div.ui-container-msg {
    background: #f1f1f1;
    border: 1px solid #999;
    box-shadow: #666 0 2px 3px;
}

.ui-table {
    border: 0px solid #D1D4D3;
}

.ui-tableInfo td, .ui-forms {
    font-size: 16px;
}

.dtGVTable td, .dtGVTable th, .dtClaim td, .dtClaim th {
    font-size: 16px;
}

.ui-fieldset {
    background-color: #eee;
}

.file_input_button {
    background-color: #33BB00;
    color: #FFFFFF;
}
/*customer page*/

/*FOR TOP HEADER*/
#ui-container_top {
    background: #fff;
}

select {
    background-color: transparent;
    background-image: url(images/select_arrow.png);
    background-position: center right;
    background-repeat: no-repeat;
    border-bottom: 1px solid #071255;
    color: #071255;
}

    select:focus::-ms-value {
        background: none;
        color: #071255;
    }

.select-disabled {
    background-color: #fff; /* fallback color if gradients are not supported */ /* For Chrome and Safari */ /* For old Fx (3.6 to 15) */ /* For pre-releases of IE 10*/ /* For old Opera (11.1 to 12.0) */
    background-image: url(images/select_arrow.png), linear-gradient(#989B9E, #fff 40%, #fff); /* Standard syntax; must be last */
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    color: #071255;
    font-size: inherit;
    border: 1px solid #071255;
}

.select2-container .select2-selection {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #071255;
    border-radius: 0;
}

    .select2-container .select2-selection .select2-selection__arrow b {
        border-color: #4f4f4f transparent transparent transparent;
    }

.select2-selection:focus {
    border-bottom: 1px solid #036fca;
    outline: none;
}


select.userAccountAdminSelectList {
    border: none;
    background: #E9F1F8;
    background-image: none;
}

    select.userAccountAdminSelectList optgroup[label="Current Users"] {
        background: #507493;
        color: #FFF;
        font-size: 16px;
    }

    select.userAccountAdminSelectList option {
        background: #E9F1F8;
        color: #071255;
        border-bottom: 1px solid #071255;
        padding: 5px;
    }

.numberCircle {
    background-color: #E97117;
}

#removeaddmimicpermissionfrom {
    color: #E97117;
    cursor: pointer;
}

    #removeaddmimicpermissionfrom:hover {
        color: #F7A86D;
    }

[id^="div_popup_PolicyEntity_Create"] p {
    background: #222;
}

#ui-accordion-accordion-header-6 a {
    border-bottom: none;
}

#div_EmptyList_Photography_Create table tr {
    border: none !important;
}

    #div_EmptyList_Photography_Create table tr td {
        border: none !important;
    }

[id^="divSubmitFail"] p {
    background-color: #C33;
    color: #FFF;
}

[id^="divSubmitSuccess"] p {
    background-color: #7cb350;
    color: #FFF;
}

div.warning p {
    background-color: #E47A05;
    color: #FFF;
}

#div_EmptyList_Driver_Create p.saveCancelButton {
    background: transparent !important;
}

#div_EmptyList_Vehicle_Create p.saveCancelButton {
    background: transparent !important;
}

#divNoMatch p {
    background-color: #01447b;
    color: #FFF;
}

#divNoMatch .pure-button {
    background-color: #01447b !important;
}

#divNoMatch .pure-button:hover {
    color: #01447b !important;
    background: #fff !important;
}


#divError p {
    background-color: #C33;
    color: #FFF;
}

#divCodeSent p {
    background-color: #00d0e7;
    color: #FFF;
}

/*FOR ALL HAIR LINES*/
hr,
.hairline {
    background: #D1D4D3;
}

.ui_tblHeader {
    color: #071255;
    background: #fff;
}

.tblDefault {
    color: #071255;
    border: 1px solid #D1D4D3;
}

    .tblDefault tr {
        border: 1px solid #D1D4D3;
    }

    .tblDefault td {
        color: #071255;
    }

#_QuoteInfo,
#_PolicyInfo,
#_BillingInfo {
    background: #f2f2f2;
}


.ui-tabs-anchor {
    color: #071255 !important;
    text-transform: uppercase;
    font-size: 13px !important;
}


/*FOR ATTACHMENT BUTTON IN NEW NOTE SECTION*/
#uploaded_files,
#uploaded_files_alone,
[id^="uploaded_files"] {
    border-bottom: solid 1px #989B9E;
    font-weight: 600;
}

.uploaded_files,
.uploaded_files_alone {
    border: solid 1px #989B9E;
}

.btn-success:active:hover {
    color: #071255;
}

.btn-success:active {
    color: #fff;
    background-color: transparent !important;
    border-color: transparent !important;
}

.btn-success:focus {
    color: #fff;
    background-color: transparent !important;
    border-color: transparent !important;
}

.btn:active {
    box-shadow: none !important;
}

.TDseparater {
    background: #F2F2F2 !important;
    border-left: none !important;
}

/* DRC Search */
.drc-search-autocomplete-match {
    font-weight: 600;
    color: #E97117;
}

.drc-search-autocomplete-row {
    border-bottom: 1px solid #507493;
}

.drc-search-autocomplete-row-mouseover {
    background: #507493;
}

    .drc-search-autocomplete-row-mouseover a {
        color: #FFF !important;
    }

#tblSearchResults {
    background-color: #D1D4D3;
    color: #07508e;
    border: none;
}

    #tblSearchResults b {
        color: #036fca;
        font-family: 'Roboto', Helvetica, Arial, sans-serif;
        font-size: 24px;
        font-weight: normal;
        padding-left: 10px;
    }

/* DRC Address Scrub Starts */
.populate-address-div .ui-state-error,
.populate-address-div .ui-widget-content .ui-state-error,
.populate-address-div .ui-widget-header .ui-state-error {
    border: 1px solid #CECECE;
    background: #E4E8F4;
    color: #071255;
}

.populate-address-div-item {
    background: #FFF !important;
}

    .populate-address-div a,
    .populate-address-div-item a {
        color: #fff !important;
    }

        .populate-address-div a:hover,
        .populate-address-div-item a:hover {
            color: #fff !important;
        }

        .populate-address-div a:focus,
        .populate-address-div a:active,
        .populate-address-div-item a:focus,
        .populate-address-div-item a:active {
            color: #fff !important;
        }

.data-address-scrub-div {
}

.data-address-scrub-inner-div {
    border: 1px solid #507493 !important;
    background-color: #f2f2f2 !important;
    color: #071255 !important;
}

.data-address-scrub-div-item {
    color: #071255 !important;
}

.ui-state-error .data-address-scrub-div-item a,
.ui-state-error .data-address-scrub-div-item a:focus,
.ui-state-error .data-address-scrub-div-item a:active {
    color: #FFF;
}

.data-address-scrub-div-item a:hover {
    color: #E97117;
}

#address-config-suggestions .data-address-scrub-inner-div {
    background-color: #f2f2f2 !important;
}

[id^="div_popup"] #address-config-suggestions .data-address-scrub-inner-div {
    background-color: #f2f2f2 !important;
}

/* DRC Address Scrub Ends */

.premium-not-current {
    color: Gray;
}

html > /**/ body #Previous::before,
html > /**/ body #PreviousInfoBtn::before {
    font-family: FontAwesome;
}

html > /**/ body #Next:hover,
html > /**/ body #NextInfoBtn:hover {
    background: transparent;
}

.btnContinueAtEndSession {
    background: #07508e;
    border: 1px solid #07508e;
    color: #fff;
    font-size: 16px;
    border-radius: 30px;
    text-decoration: none;
}

    .btnContinueAtEndSession:hover {
        background: #FFF;
        border: 1px solid #07508e;
        color: #07508e;
    }

    .btnContinueAtEndSession:focus {
        border: solid 1px #0067EE;
    }

#Next {
    color: #E97117;
}

    #Next:hover {
        color: #F7A86D;
    }

.nextLink a {
    color: #E97117;
}

    .nextLink a:hover {
        color: #F7A86D;
    }

.nextLink i {
    border: 2px solid #E97117;
    border-top-color: transparent;
    border-left-color: transparent;
}

    .nextLink i:after {
        border: 1px solid #E97117;
        border-top-color: transparent;
        border-left-color: transparent;
    }

    .nextLink i:hover,
    .nextLink i:hover:after {
        border-color: #F7A86D;
        border-top-color: transparent;
        border-left-color: transparent;
    }

.previousLink a {
    color: #E97117;
}

    .previousLink a:hover {
        color: #F7A86D;
    }

.previousLink i {
    border: 2px solid #E97117;
    border-top-color: transparent;
    border-left-color: transparent;
}

    .previousLink i:after {
        border: 1px solid #E97117;
        border-top-color: transparent;
        border-left-color: transparent;
    }

    .previousLink i:hover,
    .previousLink i:hover:after {
        border-color: #F7A86D;
        border-top-color: transparent;
        border-left-color: transparent;
    }

#Previous {
    color: #E97117;
}

    #Previous:hover {
        color: #F7A86D;
    }

/*div > input[type="radio"], input[type="radio"] {
    -moz-border-bottom-colors: #071255;
}

    input[type="radio"] ~ label:not(.hidden) {
        font-size: 16px;
        border: 1px solid #507493;
        background-color: #fff;
    }

    input[type="radio"] ~ label:hover {
        background: #507493;
        color: #fff;
    }

    input[type="radio"]:focus + label {
        border: 1px solid #036fca;
    }

    input[type="radio"]:checked + label {
        background: #07508e;
        color: #FFF;
    }

[type="radio"]:disabled + label {
    background: #07508e;
    color: #A5ACAF;
}*/

.classicRadio input[type="radio"] ~ label {
    font-size: 16px;
    color: #071255;
    font-weight: 600;
    background: url(images/radioBtn.png);
    background-repeat: no-repeat;
    background-position: 0px -108px;
    border: none;
}

    .classicRadio input[type="radio"] ~ label:hover {
        background-position: -105px -108px;
        border: none;
    }

.classicRadio input[type="radio"]:focus + label {
    background-position: -104px -108px !important;
    border: none !important;
}

.classicRadio input[type="radio"]:checked + label {
    background-position: -26px -108px !important;
    border: none !important;
}

.classicRadio input[type="radio"]:checked:focus + label {
    background-position: -131px -108px !important;
    border: none !important;
}

.classicRadio input[type="radio"]:disabled + label {
    background-position: -53px -108px !important;
    border: none !important;
    cursor: default;
}

.classicRadio input[type="radio"]:checked:disabled + label {
    background-position: -79px -108px !important;
    border: none !important;
    cursor: default;
}

.classicRadio .radioWrapperStack {
    white-space: pre;
    border: none;
}

div > input[type="radio"]:focus, input[type="radio"]:focus,
div > input[type="checkbox"]:focus, input[type="checkbox"]:focus,
td > input[type="checkbox"]:focus, input[type="checkbox"]:focus {
    outline: 1px solid #036fca !important;
}

html > /**/ body .tooltipBody {
    border: 5px solid #07508e;
    color: #071255;
    background: #E9F1F8;
}

    .tooltipBody:before {
        border-color: rgba(0, 0, 0, 0) #07508e;
    }

    .tooltipBody:after {
        color: #FFF;
        border-color: rgba(0, 0, 0, 0) #E9F1F8;
    }

html > /**/ body .tooltip {
    background-color: #000;
    border: 1px solid #fff;
    color: #fff;
    font-size: 12px;
    /* outline radius for mozilla/firefox only */
    box-shadow: 0 0 10px #000;
}

html > /**/ body .labelTooltipBody {
    background: #fff;
    color: #071255;
    font-size: 12px;
}

    .labelTooltipBody:after {
        border-color: #07508e transparent;
    }

html > /**/ body .emailTooltipBody {
    border: 5px solid #07508e;
    color: #071255;
    background: #E9F1F8;
    border-radius: 10px;
}

    .emailTooltipBody:before {
        content: "";
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #07508e;
    }

    .emailTooltipBody:after {
        content: "";
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #E9F1F8;
    }

html > body .tooltipBelow.tooltipBody {
    margin: 1.8em 0 0 0em;
}

    .tooltipBelow.tooltipBody::after {
        top: -18px;
        left: 96px;
        transform: rotate(90deg);
    }

    .tooltipBelow.tooltipBody::before {
        transform: rotate(90deg);
        top: -30px;
        left: 92px;
    }

/*for ext.net main navigation*/
html > /**/ body .mainNavTooltip {
    font-size: 16px;
}

.quote-save-complete {
    font-size: 1.5em;
}

/*for task page home*/
.TaskRead {
    font-weight: normal;
}

.TaskUnRead {
    font-weight: 600;
}

.PriorityHigh {
    color: #ba0101;
}

.premium-total {
    font-size: 1.8em;
    color: green;
}

.datatablerowhighlight {
    background-color: #ECFFB3 !important;
}

.ui-active-element {
    border-color: #071255;
}

/*Style for Billinig*/

/* yellow for validation */
.valboxDiv {
    font-size: 13px;
}

.valbox_top, .valbox_bottom {
    background: transparent;
    font-size: 1px;
}

.valbox_b2, .valbox_b3, .valbox_b4 {
    background: #FBFFC6;
    border-left: 1px solid #FF8D4C;
    border-right: 1px solid #FF8D4C;
}

.valbox_b1 {
    background: #FF8D4C;
}

.valbox_boxcontent {
    background: #FBFFC6;
    border: 0 solid #FF8D4C;
}
/*to differentiate the col header in the generated page from the normal label, by using different color*/
.gen-text-weight-thick {
    color: #036fca !important;
    font-size: 18px !important;
    font-weight: 500;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
}

    .gen-text-weight-thick label {
        color: #036fca !important;
        font-size: 18px !important;
        font-weight: 500;
        font-family: 'Roboto', Helvetica, Arial, sans-serif;
    }

#structureNote {
    font-style: italic;
    font-weight: normal;
}

b {
    color: #071255;
}

.ccConvenienceFeeAgreement b {
    color: red;
}

.convenienceFeeAgreement b {
    color: red;
}

/*For Thank You Page Stats*/
#thankyou-container1 {
    background-color: #f2f2f2;
    border: solid 1px #e4e5e5;
}

#thankyou_container2 {
    background-color: #FFF;
    border: solid 1px #e4e5e5;
}

#policy-quoteID {
    font-size: 18px;
    font-weight: 500;
    color: #071255;
}

#thankyouH1 {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 36px;
    color: #071255;
    font-weight: 300;
}

#topRightSec {
    background-color: #D7D7D7;
}

#totalDue {
    color: #071255;
    font-weight: 600;
    font-size: 18px;
}

#amountPaid {
    font-size: 18px;
    font-weight: 600;
    padding-top: 5px;
}

#midRightSec {
    background-color: #F2F2F2;
    font-size: 24px;
    color: #036fca;
}

#bottomRightSec {
    background-color: #D7D7D7;
}

    html > /**/ body #bottomRightSec .ui-display-label, html > /**/ body #bottomRightSec .ui-display-report {
        font-size: 12px;
    }

    html > /**/ body #bottomRightSec #ui-Premium-row8 .ui-display-label {
        font-size: 20px !important;
    }

/*For Thank You Page Ends*/

/*Quote recall page*/
html > /**/ body #quoteRecallWrapper {
    border: solid 1px #CECECE;
    background-color: #EAF2D1;
}

#retrieveQuote {
}

.stepTitle {
    color: #071255;
    font-weight: 600;
}

.stepLine,
.stepLineProfile,
.profileStepLine {
    border-top: 1px solid #A5ACAF;
}

#crumbs {
}

[id*='Unit_EditWizard'] #crumbs {
    height: initial;
    min-width: initial;
    width: initial;
    margin: initial;
    margin: initial;
}

#crumbs ul {
}

[id*='Unit_EditWizard'] #crumbs ul {
    list-style: none;
    display: inline-table;
    padding: 0px;
    text-align: initial;
    margin: initial;
    width: initial;
}

        #crumbs ul li {
        }

        [id*='Unit_EditWizard'] #crumbs ul li {
            vertical-align: initial;
            display: inline;
            width: initial;
            float: initial;
            min-width: initial;
        }

            #crumbs ul li a {
                text-align: center;
                text-decoration: none;
                border-radius: 50%;
                font-size: 16px;
                color: #FFF;
                border: 1px solid #507493 !important;
                background: #fff;
            }

            [id*='Unit_EditWizard'] #crumbs ul li a {
                display: block;
                float: left;
                height: 40px;
                text-align: center;
                padding: 10px 10px 0 30px;
                position: relative;
                margin: 0 5px 0 0;
                font-size: 1em;
                text-decoration: none;
                width: initial;
                border-radius: initial;
                background: #999999 !important;
                border: 0px !important;
            }

                #crumbs ul li a:after {
                    border-top: 20px solid transparent;
                    border-bottom: 20px solid transparent;
                    border-left: 20px solid #507493;
                }

                #crumbs ul li a:before {
                    border-left: 20px solid #507493;
                }

                [id*='Unit_EditWizard'] #crumbs ul li a:before {
                    content: "";
                    border-top: 20px solid transparent;
                    border-bottom: 20px solid transparent;
                    border-left: 20px solid #ffffff;
                    position: absolute;
                    left: 0;
                    top: 0;
                    display: inline;
                }

                [id*='Unit_EditWizard'] #crumbs ul li a:after {
                    content: "";
                    border-top: 20px solid transparent;
                    border-bottom: 20px solid transparent;
                    border-left: 20px solid #999999;
                    position: absolute;
                    right: -20px;
                    top: 0;
                    z-index: 1;
                    display: inline;
                }

                #crumbs ul li:first-child a {   
                }

                [id*='Unit_EditWizard'] #crumbs ul li:first-child a {
                    border-top-left-radius: 10px;
                    border-bottom-left-radius: 10px;
                }
                
                [id*='Unit_EditWizard'] #crumbs ul li:first-child a:before {
                    display: none;
                }

                #crumbs ul li:first-child a:before {
                }

            #crumbs ul li:last-child a {
            }

            [id*='Unit_EditWizard'] #crumbs ul li:last-child a {
                padding-right: 40px;
                border-top-right-radius: 10px;
                border-bottom-right-radius: 10px;
            }

            #crumbs ul li:last-child a:after {
            }

            [id*='Unit_EditWizard'] #crumbs ul li:last-child a:after {
                display: none;
            }

            #crumbs ul li a.complete {
                background: #01447b;
                color: #fff;
                border: none !important;
            }

            [id*='Unit_EditWizard'] #crumbs ul li a.complete {
                background: #01447b !important;
            }

                [id*='Unit_EditWizard'] #crumbs ul li a.complete:after {
                    display: inline;
                    border-left-color: #01447b;
                }

                [id*='Unit_EditWizard'] #crumbs ul li:last-child a.complete:after {
                    display: none;
                }

                #crumbs ul li a.complete:after {
                    display: none;
                    border-left-color: #036fca;
                }

[id*='Unit_EditWizard'] .wizardButtons {
    height: initial !important;
}

    [id*='Unit_EditWizard'] .wizardButtons > div {
        position: initial !important;
    }

.crumbsEditProfile ul li a {
    font-size: 16px;
    color: #071255;
    border: 1px solid #507493 !important;
    background: #fff !important;
}


/*Forget Password Crumbs Starts*/
#passwordResetPage #crumbs ul {
    text-align: center;
}


    #passwordResetPage #crumbs ul li a {
        text-align: center;
        text-decoration: none;
        border-radius: 50%;
        font-size: 16px;
        color: #262729;
        border: 1px solid transparent !important;
        background: #fff !important;
        font-weight: 600;
    }

        #passwordResetPage #crumbs ul li a:after {
            content: "";
            border: none;
        }

        #passwordResetPage #crumbs ul li a:before {
            content: "";
            border: none;
        }

#passwordResetPage #crumbs .stepTitle {
    font-weight: 600;
}

#passwordResetPage #crumbs li a.complete {
    background: #036fca !important;
    color: #FFF !important;
}

#passwordResetPage .stepLineProfile {
    border-top: 1px solid #A5ACAF;
    border-bottom: none !important;
}

/*Forget Passwork Crumbs Ends*/

[id^="div_popup_Account_ProfileSetup"] #step2 .saveCancelButton a {
    border: none !important;
}


/*FOR PREMIUM REPORT Starts*/
#pageOptionsWrapper label {
    font-weight: 600;
}

#effDateBlock {
    font-size: 14px;
}

#beautifyPremiumBlock table {
    border: none;
}

.reportOutterWrapper {
    background-color: #f2f2f2;
}

.reportOutterWrapperUWAlert {
    background-color: #f2f2f2;
}

.reportTblWrapper {
    background-color: #f2f2f2;
}

.reportHeader {
    text-transform: lowercase;
    font-variant: small-caps;
}

#beautifyPremiumBlock .reportTblWrapper tr,
#reportTableBottom tr {
    border: none;
    border-bottom: 1px solid #D7D7D7;
}

.report_ui_tblHeader_fistCol_UWAlert {
    line-height: 13px;
    background: #D7D7D7;
}

#beautifyPremiumBlock .tblDefault tbody {
    background: #fff;
}

#beautifyPremiumBlock .tblDefault th {
    font-size: 14px;
    font-weight: 600;
    background: #D7D7D7;
    color: #071255;
    border-left: 2px solid #f2f2f2;
}

#beautifyPremiumBlock .tblDefault .ui_tblHeader,
.reportTblWrapper .ui_tblHeader {
    background: #507493;
    color: #FFF;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
}

#beautifyPremiumBlock .report_ui_tblHeader_fistCol {
    background: #507493;
    color: #FFF;
    font-weight: 600;
    border-bottom: 1px solid #D7D7D7;
}

#beautifyPremiumBlock .report_ui_tblHeader_fistCol_Center {
    border-bottom: 1px solid #D7D7D7;
}

.reportTblWrapper .tblDefault td {
    font-weight: normal;
    font-size: 14px;
    background: #E9F1F8;
    color: #071255;
    border-left: 2px solid #f2f2f2;
    border-right: none;
}

.report_ui_tblHeader_fistCol_indent {
    font-style: italic;
}

.reportTblWrapper th,
.reportOutterWrapper td {
    border-left: 2px solid #f2f2f2 !important;
}

.reportDescription {
    line-height: 13px;
    font-weight: normal;
    font-size: 11px;
}

.discounts span {
    font-size: 12px !important;
}

.trAccent,
.trAccent td,
.tdAccent,
.totalPremium-tr-accent,
.totalPremium-td-accent,
.totalPremium-tr-accent td {
    background-color: #eaeaea !important;
    color: #071255 !important;
}

    .totalPremium-tr-accent td {
        border-bottom: none !important;
        border-right: none !important;
    }

    .totalPremium-tr-accent .reportDescription {
        font-size: 14px;
        font-weight: 600;
    }

#reportNote {
    font-size: 11px;
}
/*FOR PREMIUM REPORT Ends*/

.pure-form-aligned .pure-control-group label {
    font-weight: 600 !important;
}

/*Toggle Group Starts */
.toggleTrigger .toggleUp::before {
    color: #FFF;
}

.toggleTrigger [class^="toggleDown"]::before {
    color: #07508e;
}

.toggleTrigger:hover [class^="toggleDown"]::before {
    color: #fff;
}

.toggleTriggerWrapper {
    background: #E9F1F8;
    color: #071255;
    border: 1px solid #507493;
    transition: background-color 0.3s ease-in-out;
}

    .toggleTriggerWrapper:hover {
        background: #507493;
        border: 1px solid #507493;
    }

.toggleTrigger {
    color: #07508e !important;
    font-size: 16px !important;
}

    .toggleTriggerWrapper:hover .toggleTrigger,
    .toggleTrigger:hover {
        color: #fff !important;
    }

    .toggleTrigger .ui-requiredBlock {
        border-bottom: 4px solid #c33;
    }

    .toggleTrigger [class^="toggleDown"] {
        background-repeat: no-repeat;
        background-position: 0px -122px;
    }

    .toggleTriggerWrapper:hover .toggleTrigger [class^="toggleDown"],
    .toggleTrigger:hover [class^="toggleDown"] {
        background-position: 0px -98px;
    }

    .toggleTrigger .toggleUp {
        background-position: -16px -122px;
    }

    .toggleTriggerWrapper:hover .toggleUp,
    .toggleTrigger:hover .toggleUp {
        background-position: -16px -98px;
    }

/*Toggle Group Ends */

/* All next CSS is for UW Dashboard */
.x-btn-after-title {
}

.saveChartButton.x-btn-default-small {
    background-color: transparent;
    background-image: none;
    border: none;
}

.x-panel-header-default-framed-top {
    background-color: #507493 !important;
    border: none !important;
    background-image: none !important;
}

.x-panel-header-title-default-framed {
    color: #FFF !important;
    font-size: 18px !important;
    font-weight: normal !important;
    font-family: 'Roboto', Helvetica, Arial, sans-serif !important;
    line-height: 18px !important;
    text-align: center !important;
}

.x-grid-header-ct {
    background: #E9F1F8;
    background-color: #E9F1F8;
}

.x-column-header {
    font: 600 11px/13px 'Open Sans', Helvetica, Arial,s ans-serif;
    background-color: #e9f1f8;
    background-image: none;
    color: #071255;
    border-right-color: #fff;
}

.x-btn-pressed {
    background: none !important;
}

#dashboardProduction-body .x-panel-default-framed,
.x-fieldset-default {
    border-color: #D1D4D3;
}

#fieldsetPanel-legend {
    background-color: #507493;
    border: 1px solid #507493;
}

#fieldsetPanel-legendTitle {
    color: #FFF;
}

.Update,
.viewAllTaskButton {
    background-image: none;
    border: 1px solid #E97117;
    background-color: #E97117;
    transition: background-color 0.3s ease-in-out;
}

    .Update:hover,
    .viewAllTaskButton:hover {
        background-color: #fff;
        border: 1px solid #E97117;
        color: #E97117;
        background-image: none;
    }

    .Update.x-btn-focus,
    .Update.x-btn-pressed,
    .Update.x-btn-pressed:active,
    .viewAllTaskButton.x-btn-focus,
    .viewAllTaskButton.x-btn-pressed,
    .viewAllTaskButton.x-btn-pressed:active {
        background-color: #036fca;
        border: 1px solid #036fca;
        background-image: none !important;
    }

    .Update .x-btn-wrap.x-btn-wrap-default-small span,
    .viewAllTaskButton .x-btn-wrap.x-btn-wrap-default-small span {
        font-weight: 600;
        color: #fff;
        font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;
    }

    .Update:hover .x-btn-wrap.x-btn-wrap-default-small span,
    .viewAllTaskButton:hover .x-btn-wrap.x-btn-wrap-default-small span {
        color: #E97117;
    }

    .Update:active .x-btn-wrap.x-btn-wrap-default-small span,
    .viewAllTaskButton:active .x-btn-wrap.x-btn-wrap-default-small span,
    .x-btn-wrap-default-small.x-btn-pressed {
        color: #fff;
    }

    .Update.x-btn-focus .x-btn-wrap-default-small span,
    .Update.x-btn-pressed .x-btn-wrap-default-small span {
        color: #fff;
        background: #036fca !important;
        border-radius: 0;
    }

    .Update.x-btn-focus:hover .x-btn-wrap-default-small span,
    .Update.x-btn-pressed:hover .x-btn-wrap-default-small span {
        color: #E97117;
    }


#DateFrom-trigger-picker {
    background-image: none !important;
}

#DateTo-trigger-picker {
    background-image: none !important;
}


    #DateFrom-trigger-picker::after,
    #DateTo-trigger-picker::after {
        color: #E97117;
    }

    #DateFrom-trigger-picker:hover::after,
    #DateTo-trigger-picker:hover::after {
        color: #F7A86D;
    }

#DateFrom-inputWrap,
#DateTo-inputWrap {
    border-color: transparent;
}

#DateFrom-inputEl, #DateTo-inputEl {
    border: 1px solid #071255;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    background-image: none !important;
}


.x-btn-inner-default-small {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

.x-toolbar-default.orderT.ui-bCrumbs li a {
    background-color: #fff;
}

.x-fieldset-header-default > .x-fieldset-header-text {
    font-size: 18px;
    color: #071255;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
}

.x-panel-header-title-default-framed > .x-title-text-default-framed,
.x-title-text {
    font-family: 'Roboto', Helvetica, Arial, sans-serif !important;
}

.x-form-item-label-default {
    color: #071255 !important;
}

.HideDashBoard, .LoadMoreDashboard {
    background-color: #eaeaea;
}

    .HideDashBoard span, .LoadMoreDashboard span {
        font-weight: normal;
        color: #E97117;
    }

    .HideDashBoard:hover span,
    .LoadMoreDashboard:hover span {
        color: #F7A86D;
    }

    .HideDashBoard:active span,
    .LoadMoreDashboard:active span {
        color: #07508e;
    }

    .HideDashBoard span:after {
        border-top: 13px solid #E97117;
    }

    .LoadMoreDashboard span:after {
        border-bottom: 13px solid #E97117;
    }

    .HideDashBoard:hover span:after {
        border-top: 13px solid #F7A86D;
    }

    .LoadMoreDashboard:hover span:after {
        border-bottom: 13px solid #F7A86D;
    }

    .HideDashBoard:active span:after {
        border-top: 13px solid #036fca;
    }

    .LoadMoreDashboard:active span:after {
        border-bottom: 13px solid #036fca;
    }

.OrderButton {
    background-color: #E97117;
    color: #fff;
}

.AscendingButton, .DescendingButton {
    background-color: #E97117 !important;
}

    .AscendingButton .x-btn-inner-default-toolbar-small,
    .DescendingButton .x-btn-inner-default-toolbar-small {
        color: #fff;
    }

    .AscendingButton:hover, .DescendingButton:hover {
        background-color: #fff !important;
        background-image: none !important;
        border: 1px solid #E97117;
    }

        .AscendingButton:hover .x-btn-inner-default-toolbar-small,
        .DescendingButton:hover .x-btn-inner-default-toolbar-small,
        .AscendingButton.x-btn-focus:hover .x-btn-inner-default-toolbar-small,
        .DescendingButton.x-btn-focus:hover .x-btn-inner-default-toolbar-small,
        .AscendingButton.x-btn-pressed:hover .x-btn-inner-default-toolbar-small,
        .DescendingButton.x-btn-pressed:hover .x-btn-inner-default-toolbar-small {
            color: #E97117;
        }

    .AscendingButton:focus, .DescendingButton:focus,
    .AscendingButton:active, .DescendingButton:active {
        background-color: #036fca !important;
        background-image: none !important;
        border: 1px solid #036fca !important;
    }

    .AscendingButton.x-btn-focus .x-btn-inner-default-toolbar-small,
    .DescendingButton.x-btn-focus .x-btn-inner-default-toolbar-small,
    .AscendingButton.x-btn-pressed .x-btn-inner-default-toolbar-small,
    .DescendingButton.x-btn-pressed .x-btn-inner-default-toolbar-small {
        color: #FFF;
    }

    .AscendingButton .x-btn-button:after,
    .AscendingButton:focus .x-btn-button:after,
    .AscendingButton:active .x-btn-button:after {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #fff;
    }

    .AscendingButton:hover .x-btn-button:after {
        border-bottom: 5px solid #E97117;
    }

    .DescendingButton .x-btn-button:after {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #fff;
    }

    .DescendingButton:hover .x-btn-button:after {
        border-top: 5px solid #E97117;
    }


#dashboardMainPanel-body .x-tab-bar {
    box-shadow: none;
}

#dashboardMainPanel-body .x-panel-body-default {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    background: #D7D7D7;
}

#dashboardMainPanel-body .x-panel-body-default-docked-right {
    background: #fff;
}

/* END: All next CSS is for UW Dashboard */

/* New UW Dashboard Ends */
.countingWrapper {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    text-align: center;
    background: #07508e;
    color: #fff;
}

#dashboardWrapper .toggleContents {
    border-right: 1px solid #071255;
    border-left: 1px solid #071255;
    border-bottom: 1px solid #071255;
    border-top: none;
}

.toggleUp + .countingWrapper {
    background: #f1f1f1;
    color: #07508e;
}

.toggleTrigger:hover .toggleUp + .countingWrapper {
    background: #FFF;
    color: #07508e;
}

/* New UW Dashboard Ends */
.ui-bCrumbs,
.ui-bCrumbs-quote {
    border: none !important;
}

    .ui-bCrumbs li a:link {
        font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;
        font-weight: 600;
        display: inline-block;
    }

    .ui-bCrumbs-quote li a:link {
        margin-right: -30px;
        font-weight: 600;
        background: transparent;
    }

        .ui-bCrumbs-quote li a:link:before {
            content: none;
        }

        .ui-bCrumbs-quote li a:link:after {
            content: none;
        }

    .ui-bCrumbs li a.complete {
        background: #036fca !important;
        color: #FFF !important;
    }

    .ui-bCrumbs li > i.fa {
        margin: 0px 5px;
        position: relative;
        right: 2px;
        color: #E97117;
    }

    .ui-bCrumbs li a:hover + .fa {
        color: #F7A86D !important;
    }

    .ui-bCrumbs li a:link, .ui-bCrumbs li a:visited, .ui-bCrumbs-quote li a:link, .ui-bCrumbs-quote a:visited {
        color: #E97117;
    }

    .ui-bCrumbs li a:hover,
    .ui-bCrumbs-quote li a:hover {
        color: #F7A86D;
    }

    .ui-bCrumbs li a:focus,
    .ui-bCrumbs-quote li a:focus {
        color: #036fca;
    }

.bCrumbLast {
    color: #036fca !important;
}

/*for Email Template*/
#btnMailQuote.ui-state-active {
    background: transparent;
    border: none;
}

#emailBtn.ui-button-active {
    border: none !important;
    background: none !important;
}

#emailBtn i {
    font-size: 27px;
}

#emailDisabledBtn {
    color: #E97117;
    opacity: 0.3;
}

#emailBtn.fg-menu-open {
    color: #036fca !important;
}

#emailBackDrop.ui-dialog,
.backdrop {
    background: rgba(215, 215, 215, 0.9) !important;
}

#emailModalHeader {
    color: #036fca;
}

#emailCloseWrapper #emailCloseLink {
    color: #E97117;
}

#emailCloseLink:hover {
    color: #F7A86D !important;
}

.emailLabel {
    font-size: 16px;
    font-weight: 600;
}

.emailInput {
    color: #071255;
    background-image: none !important;
    background-color: transparent;
    border-bottom-color: #071255 !important;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-left-color: transparent !important;
}

.emailTextArea {
    background-color: transparent;
    border-bottom-color: #071255 !important;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-left-color: transparent !important;
    color: #071255;
    background-image: none !important;
    box-shadow: none !important;
    font-family: inherit;
    font-size: inherit;
}

.emailInput:focus {
    border-bottom-color: #036fca !important;
}

#emailSendBtn {
    background: #E97117;
    border: 1px solid #E97117;
}

#emailSendIcon {
    color: #fff;
}

#emailAttachBtn {
    background: #E97117;
    border: 1px solid #E97117;
}

#emailAttachIcon {
    color: #fff;
}

#emailSendBtn:hover #emailSendIcon {
    color: #fff;
}

#emailSendBtn:hover,
#emailAttachBtn:hover {
    background: #fff;
    border: 1px solid #E97117;
    color: #E97117;
}

    #emailSendBtn:hover #emailSendIcon,
    #emailAttachBtn:hover #emailAttachIcon {
        color: #E97117;
    }
/*Email Template Ends*/

/*Document Modal Starts*/
#documentBackDrop {
    background: rgba(215, 215, 215, 0.95);
}

#documentModalHeader {
    color: #036fca;
}

#documentModalInputContainer .dataTable th.ui-state-default,
#documentModalInputContainer .dataTable td {
    border-left: 2px solid #d7d7d7 !important;
    border-right: 2px solid #d7d7d7 !important;
}

#documentCloseWrapper #documentCloseLink {
    color: #E97117;
}

#documentModalInputContainer .dataTables_filter,
#documentModalInputContainer .dataTables_length {
    color: #071255;
    font-weight: normal;
}

    #documentModalInputContainer .dataTables_filter input {
        color: #fff;
    }

    #documentModalInputContainer .dataTables_length select {
        background-image: url(images/select_arrow_white.png);
        color: #fff;
    }

        #documentModalInputContainer .dataTables_length select option {
            color: #071255;
        }

.clearAttachButton {
    float: right;
}


/*Document Modal Ends*/

#createQuoteNotes i,
#btnSaveQuote i,
#quoteNotes i,
#quoteAmend,
#btnPrintQuote i,
#btnSavePolicy i,
#createPolicyNotes i,
#btnSavePolicy i,
#policyNotes i,
#btnAmendPolicy i,
#btnPrintPolicy i {
    font-size: 24px;
}

#btnQuoteFunction.ui-state-default .ui-icon,
#btnPolicyFunction.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png);
}

#btnQuoteFunction.ui-state-default:hover .ui-icon,
#btnPolicyFunction.ui-state-default:hover .ui-icon {
    background-image: url(images/ui-icons_a5aca_256x240.png);
}

#btnPrintQuote,
#btnPrintPolicy {
    border: none !important;
    background: transparent !important;
}

    #btnPrintQuote.fg-menu-open,
    #btnPrintPolicy.fg-menu-open {
        color: #036fca !important;
    }

    #btnPrintQuote:hover,
    #btnPrintPolicy:hover {
        color: #F7A86D;
    }

.billingPolicy i {
    color: #FFF;
    font-size: 25px;
}

    .billingPolicy i.fa-file:before {
        margin-right: -23px;
        color: #E97117;
    }

.billingPolicy:hover i.fa-file:before {
    margin-right: -23px;
    color: #F7A86D;
}

/*UWResult page starts*/
.ui-editor-error {
    color: #c33;
}

.uwResultErrorWrapper {
    background: #eaeaea;
}

.uwResultDtHeader {
    background: #507493;
    font-size: 16px;
    color: #FFF;
    border-bottom: 3px solid #c33;
    font-weight: 600;
}

.uwResultDTHeaderPass {
    border-bottom: 3px solid #83c450;
}

dl.uwResultDL {
    background: #f1f2f2;
}

dt.uwResultDt {
    border-bottom: 1px solid #dedede;
}

    dt.uwResultDt:before {
        font-size: 30px;
        font-weight: 600;
        color: #c33;
    }

dt.uwResultDtPass:before {
    color: #83c450;
}

/*UW Result in Edit mode*/
.uwResultTbl {
}

.uwResultDtHeaderTh {
    background: #507493;
    font-size: 16px;
    color: #FFF;
    border-bottom: 3px solid #c33 !important;
    font-weight: 600;
}

.uwResultTd {
    border-bottom: 1px solid #A5ACAF;
    background: #f2f2f2;
}

span.UWResultListNum {
    font-size: 30px;
    font-weight: 600;
    color: #c33;
}
/*UWResult page Ends*/

/*Accordion Starts*/
.ui-accordion .ui-accordion-header.ui-state-default {
    background: #E9F1F8;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    border: none;
    border-bottom: 1px solid #507493;
}

    .ui-accordion .ui-accordion-header.ui-state-default a {
        color: #07508e;
        font-family: 'Open Sans', Helvetica, Arial, sans-serif;
        font-weight: 600;
    }

.ui-accordion .ui-accordion-header-active,
.ui-accordion .ui-accordion-header-active.ui-state-hover,
.ui-accordion .ui-accordion-header.ui-state-active,
.ui-accordion .ui-accordion-header.ui-state-hover,
.ui-accordion .ui-accordion-header.ui-state-focus {
    border-bottom: 1px solid #507493;
    background: #07508e;
}

    .ui-accordion .ui-accordion-header.ui-state-active a,
    .ui-accordion .ui-accordion-header.ui-state-hover a,
    .ui-accordion .ui-accordion-header.ui-state-focus a {
        color: #fff;
    }

.ui-accordion .ui-accordion-header a {
    color: #07508e;
}

.ui-accordion .ui-accordion-header.ui-state-active a {
    color: #FFF !important;
}

.ui-accordion .ui-accordion-header.ui-state-default a:hover {
    /*background: #009688 !important;
    color: #FFF !important;*/
}

.ui-accordion .ui-accordion-content {
    background: transparent;
}
/*Accordion Ends*/

/*Parent/Default tabs Starts*/
.ui-tabs:not(.noTabStyle) .ui-tabs-nav li a {
    color: #07508e !important;
    font-weight: 600;
}

    .ui-tabs:not(.noTabStyle) .ui-tabs-nav li a:hover {
        color: #FFF !important;
    }

.ui-tabs:not(.noTabStyle) .ui-tabs-nav li.ui-state-active a {
    color: #fff !important;
}

.ui-tabs:not(.noTabStyle) .ui-tabs-nav li.ui-state-default {
    border: none;
    border-bottom: 1px solid #507493;
    background: #E9F1F8;
}

.ui-tabs:not(.noTabStyle) .ui-tabs-nav li.ui-state-hover {
    background: #507493 !important;
}

.ui-tabs:not(.noTabStyle) .ui-tabs-nav li.ui-state-active {
    border-bottom: 1px solid #FFF;
    background: #01447b !important;
}

.noTabStyle.ui-tabs .ui-tabs-nav li a {
    background: #666 !important;
    color: #FFF !important;
    font-weight: 600;
    text-align: center;
}

    .noTabStyle.ui-tabs .ui-tabs-nav li a .noTabStyleLinkText,
    .univNoteBtnText {
        color: #666 !important;
    }

    .noTabStyle.ui-tabs .ui-tabs-nav li a:hover {
        background: #FFF !important;
        color: #01447b !important;
    }

        .noTabStyle.ui-tabs .ui-tabs-nav li a:hover .noTabStyleLinkText {
            color: #01447b !important;
        }

.noTabStyle.ui-tabs .ui-tabs-nav li.ui-state-active a {
    background: #01447b !important;
    color: #fff !important;
    background-image: url(spinner_bar.gif);
}

    .noTabStyle.ui-tabs .ui-tabs-nav li.ui-state-active a .noTabStyleLinkText {
        color: #01447b !important;
    }

.noTabStyle.ui-tabs .ui-tabs-nav li.ui-state-default {
    background: none;
    border: none;
    text-align: center;
}

.noTabStyle.ui-tabs .ui-tabs-nav li.ui-state-hover {
    background: none;
    border: none;
}

.noTabStyle.ui-tabs .ui-tabs-nav li.ui-state-active {
    background: none;
    border: none;
}

.noTabStyle.ui-tabs .ui-tabs-anchor {
    text-transform: none;
}

.noTabStyleLinkIcon {
    font-size: 28px;
}

.noTabStyleLinkText {
    font-size: 14px;
}

.noTabStyle-background {
    background: #01447b;
}

.noTabStyle-background-bottom {
    background: #eaeaea;
}


/*Parent/Default tabs Ends*/

/*Child tabs for Pacakge Starts*/
.ui-tabs-panel .ui-tabs .ui-tabs-nav li.ui-state-default {
    background: #E9F1F8;
}
/*Child tabs for Pacakge Ends*/

/*Tooltips Start*/
.tooltips .tooltipContents {
    color: #071255;
    background: #E9F1F8;
    border: 2px solid #07508e;
    font-family: Raleway-Regular, sans-serif, Arial !important;
    font-size: 13px;
    font-weight: normal;
}

    .tooltips .tooltipContents:before, .x-tip-body-default:before {
        border-bottom: 12px solid #07508e;
        border-right: 12px solid transparent;
        border-left: 12px solid transparent;
    }

    .tooltips .tooltipContents:after, .x-tip-body-default:after {
        border-bottom: 8px solid #E9F1F8;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
    }

    .tooltipsRight .tooltipContents:before, .x-tip-body-default:before {
        border-left: 12px solid #07508e;
        border-top: 11px solid transparent;
        border-bottom: 11px solid transparent;
    }

    .tooltipsRight .tooltipContents:after, .x-tip-body-default:after {
        border-left: 10px solid #E9F1F8;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
    }

/*EXT tooltips*/
.x-tip-default {
    background-color: #E9F1F8 !important;
    border: 2px solid #07508e !important;
}

.x-tip-body-default {
    color: #071255 !important;
}

.x-message-box {
    border: 0px !important;
    padding: 0px !important;
    border-radius: 0px !important;
}

.x-message-box-error:before {
    color: #c33;
}

.x-message-box .x-container .x-box-target > .x-box-item {
    color: #071255 !important;
}

.x-message-box .x-toolbar-footer {
    background: #E97117 !important;
}

.x-message-box .x-window-body {
    background: #EAEAEA !important;
}

.x-message-box .x-toolbar .x-box-inner {
    text-align: right !important;
}

.x-message-box .x-window-header {
    background: #07508e !important;
    position: relative !important;
    border: 0px;
    border-bottom: 3px solid #F7A86D !important;
    border-radius: 0px !important;
}

    .x-message-box .x-window-header .x-title-text {
        color: white !important;
    }

.x-message-box .x-btn-default-small {
    background-image: none;
    background-color: #E97117;
    border: 1px solid #E97117;
}

.x-message-box .x-toolbar-item:hover {
    background-color: #FFF !important;
    border: 1px solid #fff;
}

    .x-message-box .x-toolbar-item:hover .x-btn-inner-default-small {
        color: #E97117 !important;
    }

.x-message-box .x-btn-inner-default-small {
    color: #FFF !important;
    font-weight: 600;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 16px;
}


.x-window-header-title-default {
    color: #071255 !important;
}


.x-message-box .x-tool-close {
    background-color: transparent;
    background-image: url(images/ui-icons_ffffff_256x240.png) !important;
    background-position: -96px -128px;
    background-repeat: no-repeat;
}


.x-message-box .x-window-item {
    background: #EAEAEA !important;
}


.x-message-box .x-window-default {
    border: 0px !important;
    border-radius: 0px !important;
    background-color: #fff !important;
}

/*Tooltips Ends*/

#unlicensed {
    display: none !important;
}

#KeyDocsDiv div.meter {
    min-width: 200px;
}

#DocumentDiv div[data-table-type='Document'] {
    padding: 0px 0px 20px 20px;
}

/*For Document Meter Bar Starts*/
.meter > span {
    background: #0285ff;
    background: linear-gradient(to bottom, #0285ff 0%, #0078e7 100%);
    background: -moz-linear-gradient(to bottom, #0285ff 0%, #0078e7 100%);
    background: -webkit-linear-gradient(to bottom, #0285ff 0%, #0078e7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0285ff', endColorstr='#0078e7',GradientType=0 );
}

    .meter > span:after,
    .animate > span > span {
        background-image: linear-gradient( -45deg, rgba(255,255,255,1) 25%, transparent 25%, transparent 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 75%, transparent 75%, transparent );
        background-image: -moz-linear-gradient( -45deg, rgba(255,255,255,1) 25%, transparent 25%, transparent 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 75%, transparent 75%, transparent );
        background-image: -webkit-linear-gradient( -45deg, rgba(255,255,255,1) 25%, transparent 25%, transparent 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 75%, transparent 75%, transparent );
    }

/*For Document Meter Bar Ends*/

/*Multi Counter Starts*/
.multiCounter,
.dataTable .ui-state-default .multiCounter {
    border: 1px solid #FFF !important;
    background-color: #E97117 !important;
    color: #FFF !important;
}

a:hover .multiCounter,
.dataTable .multiCounter.ui-button:hover {
    background-color: #F7A86D !important;
    color: #fff;
}

/*Multi Counter Ends*/

/*Form ValidationEngine Tooltip Starts*/
.formError {
    opacity: 1 !important;
}

    .formError .formErrorContent {
        background: #c33;
        border: 2px solid #c33;
        color: #fff;
        -o-box-shadow: none;
        box-shadow: none;
        padding: 10px;
        border-radius: 0px;
    }

    .formError .formErrorArrow div {
        -o-box-shadow: none;
        box-shadow: none;
        background: #c33;
        border-left: 2px solid #c33;
        border-right: 2px solid #c33;
    }

    .formError .formErrorArrow .line3 {
        border-left: 2px solid #c33;
        border-right: 2px solid #c33;
        border-bottom: 0 solid #c33;
    }

    .formError .formErrorArrow .line2 {
        background: #c33;
    }

    .formError .formErrorArrow .line1 {
        background: #c33;
    }

/*Form ValidationEngine Tooltip Ends*/


/*Ext.Net Loading*/
.x-mask-msg-inner {
    border: none !important;
    background-color: transparent !important;
    color: #071255 !important;
    font-weight: 600 !important;
    font-size: 16px !important;
}

.x-mask-msg {
    background-color: #eee !important;
    border: solid 1px #ccc !important;
    border-radius: 5px;
}

.x-css-shadow {
    box-shadow: none !important;
}

.x-mask-msg-text {
    background-image: url(images/processing_blue.GIF) !important;
}

.x-mask {
    filter: alpha(opacity=70);
    background: rgba(80, 116, 147, 0.7);
}


/*Ext.Net Loading Ends*/

/*For esign Starts*/

.esigned i {
    color: #83c450;
}

.esignRequest i {
    color: #C33;
}

.esignWait i {
    color: #dc6720;
}
/*Fon esign Ends*/

/*Agency Bill starts*/


.agencyBillPremiumSummaryHeader {
    background-color: #07508e;
}

.agencyBillPremiumSummaryLabel {
    color: #FFF !important;
}

.premiumSummaryButtonWrapperColor {
    border: 1px solid #507493;
}

/*Agency Bill ends*/

/*Agent Portal Starts*/

body.x-box-layout-ct {
    background: #eaeaea;
}

.x-panel-body-default {
    background: none;
    border-width: 0;
}

/*reload & help page buttons*/

.portalButton {
    box-shadow: none !important;
    background: #e97117 !important;
    border: 1px solid #e97117 !important;
    border-radius: 0;
    transition: all 0.3s ease-in-out;
}

    .portalButton span span [data-ref="btnInnerEl"] {
        color: #fff !important;
    }

    .portalButton.x-btn-over {
        background: #fff !important;
    }

.x-btn-inner-default-toolbar-small {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 600;
}

div[id^="tab_policy"], div[id^="tab_Policy"],
div[id^="tab_quote"], div[id^="tab_Quote"] {
    background: #EAEAEA;
}

#tabPanelWrapper-body {
    background-image: none !important;
}

.x-panel-header-default {
    border-width: 0px !important;
    background-image: none !important;
    background-color: #507493;
}

.x-panel-header-title-default {
    color: #FFF !important;
    font-size: 17px;
    font-weight: normal;
    line-height: 34px !important;
}

#carrierBlock-body {
    background: #e9f1f8;
}


/*Agent Logon Starts*/
#ddLanguage {
    -webkit-appearance: button;
    -moz-appearance: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-padding-end: 20px;
    -moz-padding-end: 20px;
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;
    background-image: url(images/select_arrowWhite.png);
    background-position: center right;
    background-repeat: no-repeat;
    border-bottom: 1px solid #FFF !important;
    border-radius: 3px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    color: #fff !important;
    font-size: inherit;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

    #ddLanguage option {
        background: #fff;
        background-color: #fff;
        color: #071255;
        font-size: 18px !important;
    }

#header1 {
    text-align: center;
    line-height: 34px;
}

    #header1 a {
        text-decoration: none;
    }

        #header1 a:hover {
            text-decoration: none;
        }

#logonForm-body {
    background: none !important;
}


#panel-1009_header {
    background: none !important;
    box-shadow: none;
    border: none;
}

.x-panel-header-text-container-default-framed, #panel-1009_header-title-textEl {
    font-size: 20px !important;
    line-height: 30px !important;
    text-align: center !important;
    visibility: hidden;
}

.x-panel-header-title-default,
.x-panel-header-title-default-framed {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 20px !important;
    line-height: 30px !important;
    text-align: center !important;
}

#logonForm-body .x-panel-default-framed .x-panel-body-default-framed {
    background: transparent;
}

#logonForm-body .x-panel-default-framed {
    border-radius: 0px !important;
    overflow: hidden !important;
    border: none;
    background: transparent;
}

.x-ie8 #logonForm-body .x-panel-default-framed {
    background-color: #F1F1F1 !important;
}

#userNameField-inputWrap, #passwordField-inputWrap {
    border-style: none;
}

#userNameField-inputEl, #passwordField-inputEl {
    font-size: 35px !important;
    box-shadow: none;
    border: none !important;
    border-bottom: 1px solid #071255 !important;
}


#loginPanel input::-webkit-input-placeholder,
#loginPanel input:focus::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #FFF;
}

#loginPanel input:-moz-placeholder,
#loginPanel input:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #FFF;
    opacity: 1;
}

#loginPanel input::-moz-placeholder,
#loginPanel input:focus::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #FFF;
    opacity: 1;
}

#loginPanel input:-ms-input-placeholder,
#loginPanel input:focus:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #FFF !important;
    opacity: 1;
}

html > /**/ body #loginPanel input:placeholder-shown,
html > /**/ body #loginPanel input:focus:placeholder-shown,
input[placeholder]:focus {
    color: #FFF;
    opacity: 1;
}

input::-webkit-input-placeholder,
input:focus::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #afafaf;
}

input:-moz-placeholder,
input:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #afafaf;
    opacity: 1;
}

input::-moz-placeholder,
input:focus::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #afafaf;
    opacity: 1;
}

input:-ms-input-placeholder,
input:focus:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #afafaf !important;
    opacity: 1;
}

html > /**/ body input:placeholder-shown,
html > /**/ body input:focus:placeholder-shown,
input[placeholder]:focus {
    color: #afafaf;
    opacity: 1;
}


.insuredLogin #btnLogin {
    width: 400px;
    background: transparent;
    border: 1px solid #fff !important;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    width: 230px !important;
    height: 60px !important;
    left: 340px !important;
    top: 76px !important;
}

#btnLogin:hover, #getAQuote:hover {
    background-color: #FFF;
    color: #01447b !important;
}

#loginBox .ui-requiredBlock + input {
    border-bottom: 2px solid #FFF !important;
}

#loginBox .ui-requiredBlock + select {
    border-bottom: 2px solid #FFF !important;
}

.pure-button:hover:before {
    color: #01447b !important;
}

#Button1, .x-ie #Button1 {
    background: #E97117;
    border: 1px solid #fff !important;
    border-radius: 0px;
    box-shadow: none;
    transition: background-color 0.3s ease-in-out;
}

    #Button1:hover,
    .x-ie #Button1:hover {
        background: #fff;
        border: 1px solid #E97117 !important;
    }

    #Button1:active,
    #Button1:focus,
    #Button1.x-btn-pressed,
    .x-ie #Button1:active,
    .x-ie #Button1:focus,
    .x-nbr .x-btn-default-small {
        background: #036fca !important;
        border: 1px solid #036fca !important;
        color: #FFF !important;
    }


:root * > #Button1:hover #Button1-btnEl #Button1-btnInnerEl {
    color: #E97117;
}

:root * > #Button1 #Button1-btnEl #Button1-btnInnerEl,
:root * > #Button1:active #Button1-btnEl #Button1-btnInnerEl,
:root * > #Button1:focus #Button1-btnEl #Button1-btnInnerEl,
:root * > #Button1.x-btn-pressed #Button1-btnEl #Button1-btnInnerEl {
    color: #fff;
    font-weight: 600;
    font-size: 24px;
}


/*Hack for IE6-8 on the login button*/
* html #Button1 #Button1-btnEl #Button1-btnInnerEl,
* + html #Button1 #Button1-btnEl #Button1-btnInnerEl,
.x-ie8 #Button1 #Button1-btnEl #Button1-btnInnerEl,
html > /**/ body #Button1 #Button1-btnEl #Button1-btnInnerEl {
    color: #fff;
    font-weight: 600;
}


/*Hack for IE6-8 on the login button*/
* html #Button1:hover #Button1-btnEl #Button1-btnInnerEl,
* + html #Button1:hover #Button1-btnEl #Button1-btnInnerEl,
.x-ie8 #Button1:hover #Button1-btnEl #Button1-btnInnerEl,
html > /**/ body #Button1:hover #Button1-btnEl #Button1-btnInnerEl {
    color: #E97117;
}


#Button1 #Button1-btnEl::before {
    color: #fff;
}

#Button1:hover #Button1-btnEl::before {
    color: #E97117;
}

#Button1.x-btn-pressed #Button1-btnEl::before,
#Button1:active #Button1-btnEl::before,
#Button1:focus #Button1-btnEl::before {
    color: #fff !important;
}

.password-emailReset {
    text-align: center;
}

    .password-emailReset a {
        color: #E97117;
        text-transform: none !important;
        font-weight: 600;
        text-decoration: none;
    }

        .password-emailReset a:hover {
            color: #F7A86D;
        }

#msgWrapper {
    text-transform: none;
    font-size: 11px;
    text-align: center;
}

/* tooltip styling */
.logonTooltipImg {
    background-image: url(images/tooltip.png);
    background-repeat: no-repeat;
    background-size: 80%;
}

html > /**/ body .logonTooltipBody {
    border: 5px solid #07508e;
    color: #071255;
    background: #E9F1F8;
    border-radius: 0px;
    text-transform: none;
}

    .logonTooltipBody:before {
        border-color: rgba(0, 0, 0, 0) #07508e;
    }

    .logonTooltipBody:after {
        border-color: rgba(0, 0, 0, 0) #E9F1F8;
    }
/*Agent Logon Ends*/


/**********AGENT PORTAL NAVIGATION**********/
.x-tab-bar {
    background-color: #d7d7d7;
    background-image: none !important;
    border: 0;
    box-shadow: 0px 7px 17px 0px #507493;
}

.x-tab {
    text-decoration: none;
    box-shadow: none;
    border-bottom: 1px solid #07508e;
    transition: background-color 0.3s ease-in-out;
}

    .x-tab.subQuote,
    .x-tab.subPolicy {
        background: #f2f2f2;
        transition: background-color 0.3s ease-in-out;
    }


    /*active*/
    .x-tab.x-tab-active.x-tab-default {
        /*border-top: 1px solid #e9f1f8;*/
        background: #07508e;
    }
/*hover*/
.x-tab-over.x-tab-default {
    border-color: #507493;
    background-color: #507493;
    background-image: none;
}

/*click down*/
.x-tab-focus.x-tab-over.x-tab-default {
    background: #507493;
}

/*focus*/
.x-tab-focus.x-tab-default .x-tab-button:before {
    outline: none !important;
}

.x-tab-over .x-tab-inner-default, .x-tab.x-tab-active.x-tab-default .x-tab-inner-default,
.x-tab-over .x-tab-icon-el, .x-tab.x-tab-active.x-tab-default .x-tab-icon-el {
    color: #fff;
}

.x-tab-inner-default, .x-tab-icon-el {
    font-size: 16px;
    line-height: 20px !important;
    color: #07508e;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 600;
}

#dashboardMainPanel-body .x-tab-default-top {
    border-radius: 0;
    box-shadow: none;
    margin: 5px 10px !important;
    background: #E97117;
    border: 1px solid #E97117;
    color: #fff;
}

/*hover*/
#dashboardMainPanel-body .x-tab-over.x-tab-default,
#dashboardMainPanel-body .x-tab.x-tab-active.x-tab-over.x-tab-default {
    border-color: #E97117;
    background-color: #FFF;
    background-image: none;
}

/*active*/
#dashboardMainPanel-body .x-tab.x-tab-active.x-tab-default,
#dashboardMainPanel-body .x-tab-focus.x-tab-over.x-tab-default {
    border-color: #036fca;
    background: #036fca;
}

    #dashboardMainPanel .x-tab-inner-default,
    #dashboardMainPanel-body .x-tab.x-tab-active.x-tab-default .x-tab-inner-default,
    #dashboardMainPanel-body .x-tab-icon-el,
    #dashboardMainPanel-body .x-tab.x-tab-active.x-tab-default .x-tab-icon-el {
        color: #FFF;
    }

#dashboardMainPanel-body .x-tab-over .x-tab-inner-default,
#dashboardMainPanel-body .x-tab.x-tab-active.x-tab-over.x-tab-default .x-tab-inner-default,
#dashboardMainPanel-body .x-tab-over .x-tab-icon-el,
#dashboardMainPanel-body .x-tab.x-tab-active.x-tab-over.x-tab-default .x-tab-icon-el {
    color: #E97117;
}


/*click down*/
#dashboardMainPanel-body .x-tab-focus.x-tab-over.x-tab-default {
    background: #FFF !important;
    border: 1px solid #E97117;
}

/*X button on closeable tabs*/
.x-tab-close-btn {
    background: #E97117 !important;
    color: #FFF;
    border-left: 1px solid #d2d2d2;
    line-height: 42px;
    text-align: center;
}

.x-tab-close-btn-over {
    background: #FFF !important;
    color: #E97117;
}

/*Ext.Net Quote/Policy Main Nav*/
.quoteIcon,
.policyIcon {
    color: #D7D7D7;
    font-size: 24px;
    font-family: serif;
}

    .quoteIcon:hover,
    .policyIcon:hover {
        color: #507493;
    }

.x-tab-over .quoteIcon,
.x-tab-over .policyIcon {
    color: #507493;
}

    .x-tab-over .quoteIcon::before,
    .x-tab-over .policyIcon::before {
        color: #FFF;
    }

    .quoteIcon:hover::before,
    .policyIcon:hover::before,
    .x-tab-over .quoteIcon:hover::before,
    .x-tab-over .policyIcon:hover::before {
        color: #FFF;
    }

.x-tab-active .quoteIcon,
.x-tab-active .policyIcon {
    color: #07508e !important;
}

    .x-tab-active .quoteIcon::before,
    .x-tab-active .policyIcon::before {
        color: #FFF;
    }

/*sub tabs that nest on the tab bar when quote or policy is opened*/
.subQuote span.x-tab-inner,
.subPolicy span.x-tab-inner {
    font-size: 16px;
    color: #071255;
}

.subQuoteText,
.subPolicyText {
    font-size: .7rem;
}

.subQuoteIconText,
.subPolicyIconText {
    color: #F2F2F2;
    font-size: 18px;
    font-family: serif;
}

    .subQuoteIconText:hover,
    .subPolicyIconText:hover {
        color: #507493;
    }

.x-tab-over .subQuoteIconText,
.x-tab-over .subPolicyIconText {
    color: #507493;
}

.x-tab-over.subQuote span.x-tab-inner,
.x-tab-over.subPolicy span.x-tab-inner,
.x-tab-over.subQuote span.x-tab-inner::before,
.x-tab-over.subPolicy span.x-tab-inner::before {
    color: #fff;
}

.subQuoteIconText:hover::before,
.subPolicyText:hover::before,
.x-tab-over .subQuoteIconText:hover::before,
.x-tab-over .subPolicyIconText:hover::before {
    color: #FFF;
}

.x-tab-active .subQuoteIconText,
.x-tab-active .subPolicyIconText {
    color: #07508e !important;
}

    .x-tab-active .subQuoteIconText::before,
    .x-tab-active .subPolicyIconText::before {
        color: #FFF;
    }

/**********PORTLETS**********/
.x-column-padding div div div .x-panel-header-default-framed-top {
    border-width: 0px !important;
    border-style: solid;
    background-image: none !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    background-color: #507493 !important;
}

    .x-column-padding div div div .x-panel-header-default-framed-top div div .x-title {
        color: #FFF;
        font-weight: normal;
    }

.x-column-padding div div .x-panel-default-framed {
    border-radius: 0px !important;
}

.x-grid-item-alt {
    background: #e9f1f8;
}

.x-toolbar-docked-bottom {
    background: #e9f1f8 !important;
}

div[id^="pagingtoolbar"] .x-btn {
    background: none !important;
    border-radius: 3px;
    border: 0 none #CCC;
    box-shadow: none;
}

.x-grid-cell-inner a {
    text-decoration: none;
    font-weight: 600;
}

.x-grid-item {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

.x-toolbar-docked-bottom .x-form-text {
    background-color: #FFF !important;
}


/*For Agent Policy Page Starts*/
#customerTabs_li_Insured a i .noTabStyleLinkIconInner {
    font-size: 12px;
}

.noTabStyle.ui-tabs .ui-tabs-nav li.ui-state-default a i .noTabStyleLinkIconText {
    color: #666;
}

.noTabStyle.ui-tabs .ui-tabs-nav li.ui-state-hover a:hover i .noTabStyleLinkIconText {
    color: #FFF;
}

.noTabStyle.ui-tabs .ui-tabs-nav li.ui-state-active a i .noTabStyleLinkIconText,
.noTabStyle.ui-tabs .ui-tabs-nav li.ui-state-hover.ui-state-active a i .noTabStyleLinkIconText {
    color: #07508e;
}

.LOBWrapper,
.policyInsuredNameWrapper {
    font-size: 20px;
    letter-spacing: normal;
}

.lobPrefixIcon,
.policyInsuredNameIcon,
.policyInsuredCommercialNameIcon {
    border-radius: 50px;
    background: #036fca;
    color: #fff;
    padding: 0 3px 0 3px;
    text-align: center;
    font-variant: small-caps;
}

.lob_defaultPolicyIcon .lobIconText {
    color: #036fca;
    font-weight: 600;
}

.customerContainer,
.customerTabs {
    background: #EAEAEA;
}

.customerTabsBottom {
    height: 762px;
}

    .customerTabsBottom .tabs {
        border-radius: 0 !important;
        background-color: transparent;
    }

.customerTabsContentTopWrapper {
    background-color: #FFF;
    border: none;
    border-radius: 0;
}

.customerTabsContentTop {
    border: none;
}

.tabContentsWrapper {
    border-radius: 0 !important;
    background: none;
}

.customerTabsBottom div[id^="tabs-"],
.customerTabsBottom div[id^="ui-tabs-"] {
    border: none;
    background: none;
}

.customerTabsWrap, .customerTabsBottom .tabsWrap {
    background: none;
}

#customerTab-li_NotesBtn,
#customerTab-li_SubmitBtn,
#customerTab-li_CancelBtn {
    text-align: center;
}

    #customerTab-li_NotesBtn .univNoteTriggerIcon,
    #customerTab-li_SubmitBtn .customerTab-submitBtn,
    #customerTab-li_CancelBtn .customerTab-submitBtn {
        border-radius: 50px !important;
        line-height: 1.3;
        border: 0px;
    }

.noTabStyle.ui-tabs .ui-tabs-nav li .customerTab-submitBtn.ui-button {
    background: #C33 !important;
    border: 1px solid #C33;
}

    .noTabStyle.ui-tabs .ui-tabs-nav li .customerTab-submitBtn.ui-button .noTabStyleLinkText {
        color: #C33 !important;
    }

    .noTabStyle.ui-tabs .ui-tabs-nav li .customerTab-submitBtn.ui-button.ui-state-hover,
    .noTabStyle.ui-tabs .ui-tabs-nav li .customerTab-submitBtn.ui-button:hover {
        border: 1px solid #C33;
        background: #FFF !important;
        color: #C33 !important;
    }

        .noTabStyle.ui-tabs .ui-tabs-nav li .customerTab-submitBtn.ui-button.ui-state-hover .noTabStyleLinkText,
        .noTabStyle.ui-tabs .ui-tabs-nav li .customerTab-submitBtn.ui-button:hover .noTabStyleLinkText {
            color: #C88 !important;
        }

    .noTabStyle.ui-tabs .ui-tabs-nav li .customerTab-submitBtn.ui-button.ui-state-active,
    .noTabStyle.ui-tabs .ui-tabs-nav li .customerTab-submitBtn.ui-button:active {
        background: #07508e !important;
        border: 1px solid #07508e !important;
        color: #FFF !important;
    }

        .noTabStyle.ui-tabs .ui-tabs-nav li .customerTab-submitBtn.ui-button.ui-state-active .noTabStyleLinkText,
        .noTabStyle.ui-tabs .ui-tabs-nav li .customerTab-submitBtn.ui-button:active .noTabStyleLinkText {
            color: #07508e !important;
        }

/*Customer Portal summary page*/

.saparateBarRight {
    border-right: 1px solid #ccc;
}

.saparateBarLeft {
    border-left: 1px solid #ccc;
}

.customerTabsTopBar {
    background: #d6d5d5;
}

#customerTabs-1,
#customerTabs-2,
#customerTabs-3,
#customerTabs-4 {
}

#customerTabs-3Wrapper {
}

.colHeaderBar {
    background: #ECF4FF;
    text-align: center;
    border-radius: 5px;
}

a.moreLink {
    color: #666;
    text-align: right;
}

    a.moreLink:hover {
        color: #01447b;
    }

#btnPolicyActionWrapper {
    background: #F2F2F2;
}

.display-label {
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;
    vertical-align: top;
}


    .display-label label {
        white-space: normal;
        font-weight: 600;
    }


.editInsuredInfo .display-label {
}

.display-label-left {
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
}

    .display-label-left label {
        font-weight: 600;
    }

.display-field {
    text-align: left;
    vertical-align: top;
}

.indent15 {
}

#viewPaymentBtnset {
}

.amtDue {
    font-size: 18px;
    font-weight: 600;
    color: #355088;
}

.amtTotal {
    font-size: 16px;
    font-weight: 600;
    color: #355088;
}

.pdfIcon {
    background-image: url(images/pdf-icon.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    text-indent: -90000px;
}

a.docLinks {
    color: #666;
    white-space: pre-wrap;
}

a.esignLink {
    color: #E97117;
}

    a.docLinks:hover,
    a.esignLink:hover {
        color: #01447b;
    }

.docsLinkIcon {
    /*background-image: url(images/pdf-icon.png);
    background-position: 0 0;
    background-repeat: no-repeat;*/
}

.wordBreak, #summary_Email {
    -ms-word-break: break-all;
    word-break: break-all;
    display: inline-block;
    white-space: pre-wrap;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

/*For Agent Policy Page Ends*/



/*Agent Portal Ends*/


/*Toggle Switch Starts*/
.toggleSwitchWrapper .toggleSwitchBar {
    text-indent: -9999px;
    background: #D7D7D7;
    border-radius: 100px;
}

    .toggleSwitchWrapper .toggleSwitchBar:after {
        background: #E97117;
        border-radius: 90px;
        transition: 0.3s;
    }

    .toggleSwitchWrapper .toggleSwitchBar:hover:after {
        background: #F7A86D;
    }

.toggleSwitchWrapper input:checked ~ .toggleSwitchBar:after {
    background: #07508e;
}

.toggleSwitchWrapper input:checked ~ .toggleSwitchBar:hover:after {
    background: #507493;
}

.toggleSwitchWrapper input:checked ~ .toggleSwitchBar {
    background: #036fca;
}


/*Toggle Switch Ends*/

/*Universal Notes Starts*/
#univNoteContainer {
    background: transparent;
}

.univNoteWordCloudContainer {
    background: #f6f6f6;
}

.wordCloudText:hover {
    fill: #F7A86D !important;
}

.univNoteMainContainer {
    background: #fff;
}

.univNoteSerchBarWrapper {
    background: #EAEAEA;
    border: 1px solid #071255 !important;
}

input.univNoteSearchInput {
    border: none !important;
}

#univNoteSearchBtn::before {
    font-size: 24px;
}

.univNoteSearchWithAttachmentLabel .fa-paperclip {
    color: #b1b1b1;
}

.univNoteSearchWithAttachmentLabel:hover .fa-paperclip {
    color: #D7D7D7;
}

#univNoteSearchWithAttachment {
    opacity: 0;
}

#SearchWithAttachment:checked ~ .univNoteSearchWithAttachmentLabel .fa-paperclip {
    color: #036fca;
}

.univNoteBtn {
    background: #E97117;
    border: 1px solid #E97117;
    color: #FFF;
    text-align: center;
}

    .univNoteBtn:hover {
        background: #FFF;
        border: 1px solid #E97117;
        color: #E97117;
    }

    .univNoteBtn:focus,
    .univNoteBtn:active {
        background: #036fca;
        border: 1px solid #036fca;
        color: #FFF;
    }

    .univNoteBtn::before {
        color: #FFF;
    }

    .univNoteBtn:hover::before {
        color: #E97117;
    }

    .univNoteBtn:focus::before,
    .univNoteBtn:active::before {
        color: #FFF;
    }


.roundBtn {
    border-radius: 50px;
}


#univNoteContentToggleBtn::before {
    /*font-size: 24px;*/
}

.univNoteContentBody {
    border: 1px solid #071255;
    border-bottom: none;
}

.univNoteContentCarlendar {
    background: #07508e;
    text-align: center;
    color: #fff;
}

.univNoteContentCarlendarMonth,
.univNoteContentCarlendarYer {
    font-size: 12px;
}

.univNoteContentCarlendarDate {
    font-size: 18px;
}

.univNoteContentTime {
    font-size: 11px;
    text-align: center;
    background: #fff;
    color: #071255;
}

.univNoteTag {
    background: #EAEAEA;
}

.univNoteContentBodyParentTagTrigger:hover {
    background-color: #D7D7D7;
}

.univNoteContentBodyParentTagTrigger::before {
    font-size: 10px;
}

.univNoteContentBodyTag {
    font-size: 10px;
}

.univNoteSubjectTag {
    font-size: 16px;
}

.univNoteEditorNoteSubjectInput,
.univNoteEditorNoteTagInput {
    border-bottom: 1px solid #071255;
}

.univNoteNewNoteReadMoreWrapper {
    text-align: center;
}

#univNoteBackDrop .univNoteActionBtnWrapper #univNoteFileupload {
    font-size: 16px;
}


.univNoteContentFooter {
    background: #07508e;
    color: #fff;
    text-align: right;
    font-size: 12px
}

div#univNoteCloseWrapper {
    text-align: right;
}

.univNoteTriggerIconIntable {
    font-size: 16px;
}

.noteLinkTooltip .fa {
    font-size: 24px;
}

.dataTable .noteLinkTooltip .fa {
    font-size: 22px;
}

.countingNoteNum {
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    color: #FFF;
}

.countingNotePlus::before {
    font-size: 8px;
}

#universalNoteHelpWrapper {
    background: #FFF;
}

.readonlyTextarea {
    background: #D7D7D7;
    border-color: #D7D7D7;
}

    .readonlyTextarea:hover,
    .readonlyTextarea:focus {
        border-color: #D7D7D7 !important;
    }

.invisibleNoteTextarea {
    background: transparent;
    border: none;
    color: transparent;
}

    .invisibleNoteTextarea:hover,
    .invisibleNoteTextarea:focus,
    .invisibleNoteTextarea:active {
        border: none;
    }

/*for Agent Portal Policy Starts*/
.univNoteTriggerIcon .univNoteBtnText {
    color: #E97117 !important;
    font-size: 14px;
}

.univNoteTriggerIcon:hover .univNoteBtnText {
    color: #F7A86D !important;
}



#customerTab-li_NotesBtn .noteLinkTooltip .fa {
    font-size: 28px;
}

#customerTab-li_NotesBtn .countingNoteNum {
    font-size: 12px;
    color: #E97117;
}

#customerTab-li_NotesBtn .univNoteTriggerIcon:hover .countingNoteNum {
    color: #FFF;
}

.univNoteContentBodyText {
    font-size: 16px;
}
/*Agent Portal Policy Ends*/


/*use in Claim UnivNote Iframe Starts*/
.externalLayoutBody .tooltips .tooltipContents {
    color: #04701A;
    background: #f9ffe5;
    border: 2px solid #04701A;
}

    .externalLayoutBody .tooltips .tooltipContents:before {
        border-bottom: 12px solid #04701A;
    }

    .externalLayoutBody .tooltips .tooltipContents:after {
        border-bottom: 8px solid #f9ffe5;
    }

.externalLayoutBody .claimNoteHelp .univNoteEditorNoteHelpHeader,
.externalLayoutBody .claimNoteHelp .universalNoteHelpCotentHeader,
.externalLayoutBody .univNoteEditorNoteHeader {
    color: #8FB901 !important;
}

/*use in Claim UnivNote Iframe Ends*/


/*Universal Notes Ends*/


/*Copied from Agent Portal Policy Endss*/

#consumer_header {
    background: #01447b;
    border-bottom: 3px solid #333;
}

#renewalQuoteExistsWrapper {
    background-color: rgba(242, 222, 222, 0.8) !important;
    border-color: #D7D7D7;
}

#renewalQuoteAcceptedWrapper {
    background-color: rgba(228, 244, 237, 0.8) !important;
    border: solid #D7D7D7 1px;
}

.ui-dialog .danger {
    background-color: rgba(242, 222, 222, 0.8) !important;
}

#reviewPremiumWrapper {
}

.customerTabs.acceptRenewal {
}

#renewalQuoteAcceptWrapper {
}

#renewalQuoteExistsWrapper #btnRenewNow {
    background: #C00 !important;
}

    #renewalQuoteExistsWrapper #btnRenewNow:hover {
        background: #fff !important;
        color: #C00 !important;
        border-color: #fff !important;
    }

    #renewalQuoteExistsWrapper #btnRenewNow span,
    #reviewPremiumWrapper #btnReviewPremium span {
        font-size: 13px;
    }

#reviewPremiumWrapper #btnReviewPremium {
    width: 100%;
    padding: 7px;
}


#consumer_mainContent {
    padding: 0px 0 10px 10px;
}


#footerText {
    color: #fff;
    text-align: center;
    font-size: 13px;
}

#loginPageBody #footerText {
}

#consumer_mainContent .ui-tabs .ui-tabs-nav {
    border-bottom: none;
}

#consumer_mainContent .customerTabsWrap,
#consumer_mainContent .customerTabsBottom .tabsWrap {
    background: none !important;
}

#consumer_mainContent .ui-widget-content {
    background-color: transparent !important;
}

#consumer_mainContent .customerTabs {
    border-radius: 0 !important;
}

#consumer_mainContent .customerTabsBottom div[id^="tabs-"],
#consumer_mainContent .customerTabsBottom div[id^="ui-tabs-"],
#consumer_mainContent .customerTabsBottom .ui-tabs-panel {
    border: none;
    background-color: rgba(255, 255, 255, 0) !important;
}

#btnPolicyAction {
    border-color: #fff;
}

.consumer_header_right {
    line-height: 20px;
}

#consumer_header_menu {
    text-align: right;
}

#consumer_header_welcome {
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    text-align: right;
    text-transform: uppercase;
}

.consumer_header_left #logo {
    background-color: #fffdfe;
}

#logoutLink {
    color: #b4b4b4;
}

#logoutLink:hover {
    color: #FFF;
}

#logo a {
    text-indent: -9999px;
}


.sidePanel_panel {
    border-radius: 0px;
    background-color: #FFF !important;
}

div[class="panel-body"] {
    background-color: #f2f2f2 !important;
}

.sidePanel_innerPanel {
    font-weight: 500;
    padding: 15px 10px;
}

select[name="Policy.PolicyId"] {
    margin-top: 5px;
    padding: 5px;
    width: 100%;
    border-radius: 3px;
    border-color: #ccc;
    font-weight: 100;
}

#consumer_sidePanel .content-title {
    color: #01447b !important;
    font-size: 15px !important;
    text-transform: capitalize;
    letter-spacing: 0px;
    font-weight: 600;
}

#Policy_PolicyNumber {
}

h4, .ui-content-title {
    color: #01447b !important;
}

.agentInfoDiv,
.renewalQuoteDiv,
.renewalQuoteAcceptedDiv,
.reviewPremiumDiv {
    font-weight: 400;
    font-size: 16px;
}

#AgentInformation_AgentInfo-Email_Display {
    word-break: break-word;
    overflow-wrap: break-word;
}

.renewalQuoteInstructionDiv {
    font-weight: normal;
}


#renewalQuoteInstrtionWrapper {
    background: #E9F1F8 !important;
    border: 1px solid #D7D7D7;
}

.renewalQuoteInstructionDivList {
    counter-reset: renewal-instruction-list;
}

    .renewalQuoteInstructionDivList dt {
        font-weight: normal;
        font-size: 16px;
    }

        .renewalQuoteInstructionDivList dt:before {
            content: counter( renewal-instruction-list);
            counter-increment: renewal-instruction-list;
            font-size: 35px;
            font-weight: 600;
            color: #036fca;
        }

.agentInfoDiv > label,
.renewalQuoteDiv > label,
.renewalQuoteAcceptedDiv > label,
.reviewPremiumDiv > label,
.renewalQuoteInstructionDiv > label {
    font-weight: 600;
    font-size: 16px;
}

#consumer_contentWrapper #policyCancelled {
    background-color: #f2f2f2 !important;
    border: 1px solid #D7D7D7 !important;
}

    #consumer_contentWrapper #policyCancelled h3 {
        text-align: center;
    }

#consumer_contentWrapper #expiredPage {
    background-color: rgba(255,255,255,.6);
    border: solid 1px #ccc;
    border-radius: 3px !important;
    box-shadow: 5px 5px 5px rgba(68,68,68,.6);
    line-height: 20px;
    font-size: 16px;
}

#consumer_contentWrapper .contentWrapper h3 {
    font-weight: 600;
    color: #071255;
}

#consumer_container #step1,
#consumer_container #step2,
#consumer_container #step3,
#consumer_container #step4 {
    text-align: center;
}

div[id^="div_popup_Policy_EndorsementWizard"] #step1 {
    text-align: left;
}

#consumer_contentWrapper .display-field label {
    font-weight: normal;
}

/*continue, back, next-previous btn in Insured Renewal*/
.nextPreviousPurchaseButton {
    text-align: center;
}

.nextPreviousButton {
    text-align: center;
}

.nextPrevBtn {
    background: #006aff;
    color: #fff !important;
    border-color: #fff;
    border: 3px solid #fff;
    box-shadow: 0px 8px 8px -5px #4F4F4F, 0px 0px 0px 0px #4F4F4f;
}

    .nextPrevBtn:hover {
        background: #fff;
        color: #006aff !important;
        border-color: #006aff !important;
    }

    .nextPrevBtn:focus,
    .nextPrevBtn:active,
    .nextPrevBtn:active:hover {
        border-color: #fff;
    }

    .nextPrevBtn .glyphicon-circle-arrow-left,
    .nextPrevBtn .glyphicon-circle-arrow-right {
        vertical-align: text-top;
    }


#btnContSgl,
#btnBackSgl {
    width: 165px;
    border-radius: 25px;
    box-shadow: 0px 8px 8px -5px #4F4F4F, 0px 0px 0px 0px #4F4F4f;
    border: 3px solid #fff;
}

#btnBackGroup {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    border-right: 3px solid #fff;
}

#btnContGroup {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-left: 3px solid #fff;
}

.customerTab-returnCurrentPolicy {
    border-radius: 25px;
    box-shadow: 0px 8px 8px -5px #4F4F4F, 0px 0px 0px 0px #4F4F4f;
    border: 3px solid #fff;
}

/*Edit Insured Summary*/
#insuredTblSummary {
    border-collapse: separate;
    border-spacing: 5px 0;
    border: none;
}

    #insuredTblSummary th {
        background: #507493;
        border: none;
        color: #fff;
        font-size: 18px;
        font-weight: normal;
    }

    #insuredTblSummary .itemCol {
        background: #E9F1F8;
    }

    #insuredTblSummary .fromCol {
        background: #E9F1F8;
    }

    #insuredTblSummary .toCol {
        background: #E9F1F8;
    }


/* Extra small devices (phones, less than 679px) */
/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 0px) and (max-width: 490px) {
   
    #consumer_header,
    #consumer_footer {
        width: 470px;
    }
    /*Premium page*/
     #thankyou-container1 {
        width: 470px;
    }

    #thankyou_container2 {
        width: 430px;
    }

    #mainContent {
        width: 400px;
    }
    /*Premium page ends*/
}
@media (min-width: 0px) and (max-width: 390px){
  
    .container {
        width: 350px;
    }
    #loginPageBody .col-sm-6 {
        width: 285px !important;
    }

    #loginPage{
        top: -50px !important;
    }
    #loginPageBody #step1 {
        width: 340px !important;
        margin:65px auto;
    }
    #loginPage #email, 
    #loginPage #password, 
    #loginPage [name="QuickQuoteCreateModel.Zipcode"], 
    #loginPage .quoteRecallInput{
        width: 235px;
    }

    .login_consumerBody #consumer_contentWrapper{
        padding-bottom: 70px;
    }

    #btnLogin, 
    #getAQuote{
        width:270px;
    }

    .selectList select, 
    .selectList input{
        width:270px;
    }

    #loginLinks {
        text-align: left;
        white-space: normal;
        width: 150px;
        line-height: 20px;
        margin-top: -5px;
    }

    #retriveSavedQuoteLinks{
        width: 280px;
        top:225px !important;
        text-align: left;
    }

    #getAQuoteBtnBox {
        top: 170px !important;
    }

    #usernameInputGroup, #quoteNumInputGroup {
        padding-bottom: 11px;
    }
    
    #lobList {
        padding-bottom: 45px;
    }

    #loginPageBody #footerTextWrapper{
        margin:0px -40px !important;
    }
}

@media (min-width: 0px) and (max-width: 679px) {
    .container {
        padding-right: 0px;
        padding-left: 0px;
    }

    .ui-dialog {
        width: 90% !important;
    }
    /*for non IE*/
    @media (max-width: 490px) {
        #consumer_header,
        #consumer_footer {
            width: 470px;
        }
    }
    /*customer login page*/
    .consumerBody #consumer_contentWrapper {
        margin: -50px auto !important;
    }

    #loginPageBody {
        min-height: 1200px;
    }

    #loginPageBody #step1 {
        width: 440px;
    }

    #loginPageBody .col-sm-6 {
        width: 420px;
        margin: 0 auto;
    }

    .col-sm-0 {
        display: none;
    }
    
    #loginPage{
        top: -100px;
    }
    .quoteRecallPage#loginPage,
    .insuredLogin#loginPage{
        top: 0px;
    }

    #loginBogHeader,
    #quickQuoteBoxHeader {
        text-align: left !important;
    }

    .selectList {
        text-align: left;
    }

    #loginBtnBox {
        padding-top: 20px;
    }

    #getAQuoteBtnBox {
     
    }

    #retriveSavedQuoteLinks{
       
    }

    .ui-editor-prompt {
        width: 200px !important;
        min-width:155px !important;
    }

    #footer {
        min-width: 0 !important;
    }

    #footerTextWrapper {
        width: 280px !important;
        margin: -8px auto !important;
    }

    #loginPageBody #footerTextWrapper {
        width: auto !important;
        margin: 0px auto !important;
    }

    #consumer_footer p, 
    #footer p, 
    #footerText{
        font-size:11px;
        padding: 9px 0 0 0;
    }

    div.message-error > div > div, 
    div.message-info > div > div {
        width: 95% !important;
    }

    #_progress_gen_tabs{
        min-width: 550px !important;
    }

     #_progress_gen_tabs > div{
        width: 40% !important;
    }

     /*for non IE*/
    @media (max-width: 490px) {
        #consumer_header,
        #consumer_footer {
            width: 460px;
        }
           #_progress_gen_tabs {
            min-width: 375px !important;
        }
        div#progress{
            left: -100px !important;
        }
    }

    @media (max-width: 390){
        #_progress_gen_tabs {
            min-width: 300px !important;
        }
    }
    

    /*customer login page end*/
    /*customer registration, password reset, Profile Email Recovery page*/
    h1 {
        font-size: 26px;
    }

    .pure-form-aligned .pure-control-group {
        width: 396px;
    }

    #consumer_container #step1,
    #consumer_container #step2,
    #consumer_container #step3,
    #consumer_container #step4 {
        text-align: left;
        width: 396px;
    }

    #registrationPage,
    #passwordResetPage,
    #secondFactorAuthenticationPage,
    #usernameRecoveryPage {
        width: 450px;
    }

    .resetPageContent .pure-control-group input[type="text"],
    .resetPageContent .pure-control-group input[type="password"],
    .resetPageContent .pure-control-group input[type="email"] {
        width: 396px !important;
    }

    #registrationPage .btnBox {
        margin-right: -35px;
    }

    label.error {
        left: 0px;
        top: -14px;
    }

    #passwordResetPage #crumbs ul li a,
    #secondFactorAuthenticationPage #crumbs ul li a,
    #usernameRecoveryPage #crumbs ul li a {
        padding: 7px 13px 0px 14px;
    }

    #passwordResetPage .btnBox {
        margin-right: 0px;
    }

    #secondFactorAuthenticationPage .btnBox {
        margin-right: 0px;
    }

    #usernameRecoveryPage #crumbs ul li a {
        padding: 7px 108px 0 21px;
    }

    .pure-form-aligned .pure-control-group, .pure-form-aligned select, .pure-form-aligned input {
        max-height: 65px;
    }

    #usernameRecoveryPage .btnBox {
        margin-right: 0px;
    }
    /*customer registration, password reset, Profile Email Recovery page end*/
    /*consumer index*/
    #selectPolicyPanalBody {
        padding: 7px 15px 7px 15px;
    }

    #agentPanelBody,
    #newsPanelBody {
        padding: 5px 15px 5px 15px;
    }

    #consumer_sidePanel .panel {
        margin-bottom: 8px;
    }
    /*consumer index page end*/
    /*Premium page*/
    .reportOutterWrapper {
        width: 100%;
    }

    #effDateBlock {
        float: left;
        margin: 0px 0 20px 0;
    }

    .ui_tblHeader {
        font-size: 10px;
    }

    #reportTableBottom {
        width: 640px;
    }

    .report_ui_tblHeader_fistCol {
        width: 217px !important;
    }

    .report_ui_tblHeader {
        width: 79px;
    }

    #reportTableTop, #reportTblWrapperBottom {
        width: 100%;
    }

    .reportOutterWrapper .tblDefault tbody td {
        font-size: 10px;
    }
    
    #topHeader {
        width: 440px;
        text-align: right;
    }

    #policy-quoteID, #thankyouH1 {
        text-align: center;
    }

    #thankyou-container1 {
        width: 480px;
    }

    #thankyou_container2 {
        width: 440px;
    }

    #mainContent {
        width: 440px;
    }

    /*Premium page end*/
}
/* Small devices (tablets, between 680px and 767px) */
@media (min-width: 680px) and (max-width: 767px) {
    #loginPageBody {
        min-height: 1350px;
    }

    
    .ui-dialog {
        left: 40px!important;
        width: 90% !important;
    }

    #waitingBox, 
    #successBox {
        width: 95.5% !important;
    }

    /*customer login page*/
    #loginPageBody #step1 {
        width: 650px;
    }

    .consumerBody #consumer_contentWrapper {
        margin: -50px auto !important;
    }

    #loginPageBody .col-sm-6 {
        width: 460px;
        margin: 0 auto;
    }

    .col-sm-0 {
        display: none;
    }

    #quickQuoteBoxHeader {
        text-align: left !important;
    }

    .selectList {
        text-align: left;
    }

    #getAQuoteBtnBox {
      
    }

    #footer {
        min-width: 0;
        height: 40px;
    }

    #footerTextWrapper {
        width: 280px;
        margin: -8px auto;
    }
    /*customer login page end*/
    /*customer registration, password reset, Profile Email Recovery page*/
    .consumerBody #consumer_container {
        width: auto;
    }

    #registrationPage,
    #passwordResetPage,
    #secondFactorAuthenticationPage,
    #usernameRecoveryPage {
        width: 650px;
    }

    #consumer_contentWrapper .contentWrapper {
        padding: 20px 0px;
    }

    #crumbs {
        width: 650px;
    }

        #crumbs ul li a {
            padding: 10px 0px 0 24px;
        }

    #registrationPage .btnBox {
        margin-right: -29px;
    }

    #passwordResetPage #crumbs ul li a {
        padding: 10px 20px 0 25px;
    }

    #secondFactorAuthenticationPage #crumbs ul li a {
        padding: 10px 20px 0 25px;
    }

    #usernameRecoveryPage #crumbs ul li a {
        padding: 10px 45px 0 58px;
    }

    #passwordResetPage .btnBox {
        margin-right: 8px;
    }
    #secondFactorAuthenticationPage .btnBox {
        margin-right: 8px;
    }
    /*customer registration, password reset, Profile Email Recovery end*/
    /*consumer index*/
    #selectPolicyPanalBody {
        padding: 7px 15px 7px 15px;
    }

    #agentPanelBody,
    #newsPanelBody {
        padding: 5px 15px 5px 15px;
    }

    #consumer_sidePanel .panel {
        margin-bottom: 8px;
    }

    #consumer_footer {
        margin: 40px auto 0;
    }

    #consumer_contentWrapper #footerTextWrapper {
        width: auto;
        margin: 0px auto;
    }
    /*consumer index page end*/
    /*Premium page*/
    .reportOutterWrapper {
        width: 674px;
    }

    #effDateBlock {
        float: left;
        margin: 0px 0 20px 0;
    }

    .ui_tblHeader {
        font-size: 10px;
    }

    #reportTableBottom {
        width: 640px;
    }

    .report_ui_tblHeader_fistCol {
        width: 217px !important;
    }

    .report_ui_tblHeader {
        width: 79px;
    }

    #reportTableTop, #reportTblWrapperBottom {
        width: 651px;
    }

    .reportOutterWrapper .tblDefault tbody td {
        font-size: 10px;
    }

    #policy-quoteID, #thankyouH1 {
        text-align: center;
    }
    /*Premium page end*/
}
/* Medium devices (desktops, between 768px and 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    .ui-dialog {
        left: 40px!important;
        width: 90% !important;
    }

    #waitingBox, 
    #successBox {
        width: 96.5% !important;
    }

    /*customer login page*/
    #loginPageBody #step1 {
        width: 100%;
    }

    #loginPageBody .col-md-5 {
        width: 350px;
        float: left;
        padding-left: 31px;
    }

    #loginPageBody .col-md-2 {
        width: 2px;
        margin: 0;
        padding: 0;
        float: left;
    }

    .login_consumerBody #loginPage #email, 
    .login_consumerBody #loginPage #password {
        width: 250px;
    }

    #loginPage [name="QuickQuoteCreateModel.Zipcode"] {
        width: 281px;
    }

    .login_consumerBody #btnLogin,.login_consumerBody #getAQuote {
        width: 285px;
    }

    .login_consumerBody #loginLinks {
        text-align: left;
        white-space: normal;
        width: 189px;
        line-height: 30px;
        margin: 15px 0;
    }

    .dash {
        display: none;
    }

    .selectList select {
        width: 285px;
    }

    #retriveSavedQuoteLinks {
        text-align: right;
        width: 284px;
    }

    #getAQuoteBtnBox {
       text-align: unset;
    }

    #loginPage #form2 label.error {
        padding-left: 40px;
    }

    label.error {
        min-width: 385px !important;
        width: 385px;
    }

    #innerFooterTextPolicyComplete {
        width: 89%;
    }

    #policy-quoteID,
    #thankyouH1 {
        text-align: center;
    }
    /*ios only hack*/
    @supports (-webkit-text-size-adjust:none) and (not (-ms-accelerator:true)) and (not (-moz-appearance:none)) {
        #crumbs ul li a {
            border-right: none;
        }

        #crumbs ul li a:before {
            left: -1px;
        }

        #crumbs ul li a:after {
            right: -18px;
        }

    }
    /*customer login page end*/
    /*consumer index*/
    .container {
        /*width: 100%;*/
    }

    #selectPolicyPanalBody {
        padding: 7px 15px 7px 15px;
    }

    #agentPanelBody,
    #newsPanelBody {
        padding: 5px 15px 5px 15px;
    }

    #consumer_sidePanel .panel {
        margin-bottom: 8px;
    }

    #consumer_container .ui-widget {
     
    }

    .customerTabsBottom .ui-tabs-panel {
        overflow-x: auto !important;
    }
/*consumer index page end*/
/*Premium page*/
    .reportOutterWrapper {
        width: 674px;
    }

    #effDateBlock {
        float: left;
        margin: 0px 0 20px 0;
    }

    .ui_tblHeader {
        font-size: 10px;
    }

    #reportTableBottom {
        width: 640px;
    }

    .report_ui_tblHeader_fistCol {
        width: 217px !important;
    }

    .report_ui_tblHeader {
        width: 79px;
    }

    #reportTableTop, #reportTblWrapperBottom {
        width: 651px;
    }

    .reportOutterWrapper .tblDefault tbody td {
        font-size: 10px;
    }

   
    /*Premium page end*/
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 992px) {
    .container {
        padding-left: 0;
        padding-right: 0;
    }

    /*consumer index*/
    #selectPolicyPanalBody {
        padding: 7px 15px 7px 15px;
    }

    #agentPanelBody,
    *#newsPanelBody {
        padding: 5px 15px 5px 15px;
    }

    #consumer_sidePanel .panel {
        margin-bottom: 8px;
    }
    /*consumer index page end*/
    #reportTableTop, #reportTblWrapperBottom {
        width: 857px;
    }

    .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
        width: 836px !important;
    }
}

@media (min-width: 1200px) {
    #consumer_wrapper {
        min-width: 1300px;
    }
    .container {
        width: 1300px;
    }
    .reportOutterWrapper {
        width: 950px;
    }

    #reportTableTop, #reportTblWrapperBottom {
        width: 920px;
    }

    .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
        min-width: 910px !important;
        max-width: 910px !important;
    }

    .mCSB_horizontal > .mCSB_container {
        width: 759px !important;
    }
}