﻿a
{
	color: #6872FF;
	cursor: pointer;
}

a:visited
{
	color: #6872FF;
	cursor: pointer;
	/*overflow-x:hidden;*/
}

body
{
	padding: 0;
	margin: 0;
	height: auto;
	overflow-x:hidden;
}

.services 
{
    padding: 2px 5px 5px 24px;
    position: relative;    
    cursor: pointer;    
    background-repeat: no-repeat;
    background-position: 4px 4px;
	background-image:url(/Content/Images/Icons/Controls/Service.gif);
}

.scriptFile {
    padding: 2px 5px 5px 24px;
    position: relative;
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url(/Content/Images/Icons/Controls/save-close.svg);
}

.loginContainer
{
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

.loginContainer .x-panel-body
{
	background-image: url(/Content/Images/Backgrounds/Login_rev.png);
    background-repeat:no-repeat;
	border-width: 0px !important;
}

.loginFields
{
    position: relative;
    left: 590px;
    top: 180px;
    width: 450px;
}

body, td, select, input, textarea {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #505050;
}

.pageContent
{
    padding: 0px;
}



.selected
{
    background-color: #82BCFF !important;
}

td.caption
{
    text-align: right;
	padding: 9px 3px 6px 6px;
	vertical-align: top;
	min-width:100px;
}
td.checkControlLeftAlign {
    padding: 8px 6px 6px 3px;
    min-width: 10px;
}
td.textControlLeftAlign {
    padding: 8px 6px 6px 3px;
    min-width: 20px;
}
td.captionMultiLine {
    text-align: right;
    padding: 4px 3px 6px 6px;
    vertical-align: top;
}

td.control {
    padding: 2px 6px 6px 3px;
    vertical-align: top;
    margin-bottom:10px;
}

td.unCaptionedControl {
    vertical-align: top;
}

td.columnSpacer
{
	padding: 6px;
	width: 1px;
	/*background-color:Orange;*/
}

td.rowSpacer
{
	height: 12px;
	/*background-color:Gray;*/
}

label
{
    width:100px;
    text-align: right;
    display: inline-block;
    margin-top: 5px;
    padding-right: 7px;
}

label.orientRight
{
    text-align: left;
    width: inherit;
    padding-right: inherit;
    padding-left: 3px;
}

span.readOnly
{
    display:inline-block;   
    vertical-align:middle;    
    min-height:15px;
    
}

span.readOnlySsn, span.readOnlyDob
{
    display:inline-block;   
    vertical-align:middle;    
    min-height:15px;
    padding-top:3px;
}

span.listBoxReadOnly
{
    display:inline-block;   
    vertical-align:middle;
    padding-top:3px;    
    padding-bottom:6px;     
    min-width: 250px;
}

span.readOnlyLabel
{
    min-width:140px;
}

span.required
{
    color: Red;
}

.hidden
{
    display: none !important;
}

.error
{
    background-color: #FFD6E1 !important;
    border: 1px solid Red !important;
}

.wizardContent
{
    vertical-align: top;
}

.smallCaption
{
    font-size: 8pt;
}

.largeCaption
{
    font-size: 9pt;
    color: Black;
    font-weight: bold;
}

div.error
{
    padding: 5px;
    padding-left: 25px;
    position: relative;
    margin-bottom: 4px;
    cursor: pointer;
    color: Red;
    background-image: url(/Content/Images/Icons/Error.gif);
    background-repeat: no-repeat;
    background-position: 4px 4px;
    white-space:pre-wrap;
}

.warning
{
    background-color: #FFE375;
    border: 1px solid #C67109;
}

div.warning
{
    padding: 5px;
    padding-left: 25px;
    position: relative;
    margin-bottom: 4px;
    cursor: pointer;
    color: #C67109;
    background-image: url(/Content/Images/Icons/Warning.gif);
    background-repeat: no-repeat;
    background-position: 4px 4px;
}

.warningblue {
    background-color: #D1E9FF;
    border: 1px solid #0000FF;
}

div.warningblue {
    padding: 5px;
    padding-left: 25px;
    position: relative;
    margin-bottom: 4px;
    cursor: pointer;
    color: #FFFFFF;
    background-image: url(/Content/Images/Icons/WarningBlue.png);
    background-repeat: no-repeat;
    background-position: 4px 4px;
}

img.icon
{
    margin-right: 4px;
}

.leftBreadcrumb
{
    display: inline-block;
    width: 481px;
    zoom: 1;
    *display: inline;
}

.rightBreadcrumb {
    display: inline-block;
    width: 481px;
    padding-right: 6px;
    text-align: right;
    zoom: 1;
    *display: inline;
    float: right;
    font-size: 12px !important;
}

.rightBreadcrumb a
{
    font-size: 11px;
}

.subStepContainer a {
    padding-left: 28px !important;
}

ul.ui-sortable
{
    padding-left: 0px;
    margin: 0px;
    list-style: none;
    padding: 0px;
}

.ui-sortable li
{
    border: 1px solid #888888;
    margin: 5px 0px 0px 0px;
    padding: 4px 3px 3px 10px;
    background-image: url(/Content/Images/DragHandle.gif);
    background-position: 3px 50%;
    background-repeat: no-repeat;
    background-color: White;
    cursor: move;
    display: block;
    position: static;
}

.ui-sortable a
{
    cursor: pointer;
}

div.toolboxItem, span.toolboxItem
{
    padding: 4px;
    margin-left: 3px;
    margin-right: 3px;
    cursor: move;
    background-color: White;
}

div.toolboxItem:hover
{
    padding: 3px;
    background-color: #dddddd;
    border: 1px solid #888888;
}

span.toolboxItem:hover
{
    background-color: #dddddd;
    border: 1px solid #888888;
}

div.toolboxControl, span.toolboxControl
{
    padding: 4px;
    margin-left: 3px;
    margin-right: 3px;
    cursor: move;
    background-color: White;
}

div.toolboxControl:hover
{
    padding: 3px;
    background-color: #dddddd;
    border: 1px solid #888888;
}

span.toolboxControl:hover
{
    background-color: #dddddd;
    border: 1px solid #888888;
}

img.toolboxIcon
{
    vertical-align: middle;
    padding-right: 5px;
}

.treeview span
{
    cursor: pointer;
}

td[controlNamespace="EbixExchange.Web.UI.SWPUpdateControl"] label
{
    text-align: left;
    width: inherit;
    display: inline;
    margin-top: 0px;
    margin-left: 3px;
    width:auto;
}

td[controlNamespace="EbixExchange.Web.UI.RadioButtonCollectionControl"] label
{
    text-align: left;
    width: inherit;
    display: inline;
    margin-top: 3px;
    margin-left: 3px;
    width:auto;
    font-size: 13px;
}

td[controlNamespace="EbixExchange.Web.UI.RadioButtonCollectionControl"] span[readonly="true"] label
{
    color: #828282;
}

td[controlNamespace="EbixExchange.Web.UI.RadioButtonCollectionControl"] table
{
    margin-top: 6px;
}

.ie10CompatView
{
    width:auto;
    margin-top: 3px;
}

td[controlNamespace="EbixExchange.Web.UI.FundAllocationsControl"] label
{
    text-align: left;
    width: inherit;
    display: inline;
    margin-top: 0px;
    margin-left: 3px;
    width:auto;
}

td[controlNamespace="EbixExchange.Web.UI.AuthorizationsControl"] label
{
    text-align: left;
    width: inherit;
    display: inline;
    margin-top: 3px;
    margin-left: 3px;
    width:auto;
}

td[controlNamespace="EbixExchange.Web.UI.OwnerBenefitsControl"] label
{
    text-align: left;
    width: inherit;
    display: inline;
    margin-top: 3px;
    margin-left: 3px;
    width:auto;
}

td[controlNamespace="EbixExchange.Web.UI.OwnerBenefitsControl"] input[type=button] {
    font-size:12px;
}

span[controlNamespace="EbixExchange.Web.UI.TextControl"] span
{
    display: inline-block;
    margin-top: 3px;
}

td.wizardBreadcrumbs {
    width: 250px;
    background-color: #E9E9E9;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.step {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 7px;
    margin-bottom: -7px;
    width:250px;
}

.subStepContainer .currentStep {
    border-left: 2px solid #B9C0CA;
    margin-left:-2px;
}

.step a {
    color: #505050;
    cursor: pointer;
    display: block;
    padding-top: 10px;
    padding-left: 12px;
    border-top: #D0D0D0 1px solid;
    padding-bottom: 10px;
}

.step a:hover {
    color: #2D94D8;
    background-color: white;
}

.currentStep {
    background-color: white;
}

.currentStep a {
    font-weight: bold;
    text-decoration: none;
    cursor: inherit;
    color: #2D94D8;
}

.stepsHeader {
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    color: #656565;
    height: 48px;
    border-top: #DBDBDB 1px solid;
    margin-bottom: -6px;
    padding-top: 16px;
    background-color: #E9E9E9;
}

.stepIcon {
    width: 2px;
    height: 10px;
    float: right;
    margin-right: 18px;
    margin-top:12px;
    border:0 !important;
}

.wizardContent .stepIcon {
    width: 16px;
    height: 16px;
    margin-top: 6px !important;
}

span.unVisitedStep {
    background: url(/Content/Images/Icons/unchecked.svg) no-repeat;
    background-size: 16px;
}
span.visitedStep {
    background: url(/Content/Images/Icons/checked.svg) no-repeat;
    background-size: 16px;
}
span.errorStep {
    background: url(/Content/Images/Icons/Error.gif) no-repeat;
    background-size: 16px;
}
span.warningStep {
    background: url(/Content/Images/Icons/Warning.gif) no-repeat;
    background-size: 16px;
}
span.warningbluestep {
    background: url(/Content/Images/Icons/WarningBlue.png) no-repeat;
    background-size: 16px;
}
div.shim {
    background-color: White; 
    text-align: center; 
    vertical-align: middle;
    position: absolute;
    z-index: 50000;
} 
.shim div {
    position: relative;
} 
.shim img {
    vertical-align: middle;
} 
#validationSummary {
    padding: 4px;
} 
.browseButton {
    height: 19px;
    position: relative;
    margin-left: 2px;
    width: 19px;
    vertical-align: bottom;
} 
.disabled {
    color: Gray;
} 
span.formFieldContainer {
    display: inline-block;
} 
.indented {
    margin-left: 16px;
} 
.leftJustified {
    text-align: left !important;
} 
.rightJustified {
	text-align: right !important;
}
.bold {
	font-weight: bold;	
}
.underline {
	text-decoration: underline;	
}
    /* use when ie doesn't pick up body font */
.text {
	font-size:11px;
} 
.container {
	padding: 0 0 0 2px;
	margin: 0 auto;
	text-align: left;
	width: 100%;
	position: unchanged;
} 
#header {
	padding: 0;
	margin: 0 auto;
	text-align: left;
	width: 100%;
	height: 75px;
	z-index: 3;
	position: relative;
} 
.base_shift {
	top: 2px;
	visibility: visible;
	overflow: visible;
	position: absolute;
	width:100%;
} 
.welcome {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 0px 0px 0px 10px;
    height: 16px;
} 
#tbar {
	padding: 0;
	margin: 0 auto;
	width: 990px;
	height: 3px;
	font-size: 1px;
	line-height: 1px;
}
#breadcrumb {
    height: 44px;
    width: 100%;
    text-align: left;
    margin: 0px auto;
    padding-top: 10px;
    border: 1px solid #D0D0D0;
    color: #505050;
    background-color: #E9E9E9;
    min-width: 1060px;
} 
.breadcrumb_text {
	height: 30px;
/* table for moz, top padding for ie */
	display: table-cell;
	vertical-align: bottom;
	padding-top: 15px;
	font-weight: bold;
	padding-left: 6px;
}
.breadcrumb_text2line {
    height: 15px;
    display: table-cell;
    vertical-align: bottom;
    font-weight: bold;
    padding-left: 6px;
    clear: both;
    font-size: 14px !important;
    color: #4D4D4D !important;
}
.breadcrumb_text2line2 {
    font-size: 10px;
    vertical-align: bottom;
    padding-left: 6px;
    line-height: 16px;
    display: block;
    font-size: 12px !important;
    color: #404040 !important;
} .content {
	padding: 0;
	width: 972px;
	border-top: 0px;
	border-left: 1px solid #D0D0D0;
	border-right: 1px solid #D0D0D0;
	border-bottom: 1px solid #D0D0D0;
	min-width:968px;
	min-height:410px;
    margin: 0px auto;
}

    /* hide this from IE using child selector*/
html>body {
    width:99.5%;
} 
html>body .content {
	width: 100%;
	top: 0px;
	position: static;
} 
.copyright {
	font-size: 10px;
	padding: 4px;
	color: #858585;
    margin: 0px auto;
    width: 970px;
    text-align: center;
} 
#footer {
	padding: 0;
	margin: 0 auto;
	text-align: left;
	width: 100%;
	height: 9px;
}
    /* tab and dropdown styles*/
 #nav {
	height:	28px;
	list-style: none;
	font-size: 16px;
	padding: 0px;
	margin: 0px;
	margin-top: 1px;
	text-align: left;
	} 
 #nav ul {
	height:	28px;
	list-style: none;
	padding: 0px;
	margin: 2px;
	background-color: transparent;
	position: absolute;
	text-align: left;
	border: 1px solid #DFDFDF;
} 
 
    /* hide this from IE using child selector*/
html>body #nav ul {
	background-color: #ffffff;
}

.menutoggle {
    width: 30px;
    cursor: pointer;
    display: block;
    text-align: center;
    margin-top: 25px;
    float: left;
    margin-right: 20px;
}
.lineone {
    width: 30px;
    display: block;
    height: 2px;
    background: #828282;
    float: left;
    margin: 2.5px 0;
}

#nav a {
	display: block;
	color: #505050;
	text-decoration: none;
    padding-right: 26px;
    padding-top: 6px;
}
#nav li li > a {
    display: block;
    color: black;
    text-decoration: none;
    width: 100%;
    clear: both;
    font-weight: 400;
    background-color: transparent;
    font-size: 15px !important;
    padding: 8px 20px;
}

#nav>li {
    float: left;
	padding: 0;
	z-index: 1500;
} 
#nav>li li {
	float: left;
	padding: 0;
	width: 100%;
    border-bottom: #DFDFDF 1px solid;
	z-index: 1500;
} 
#nav li.center {
	float: left;
	padding: 0;
    padding-right: 10px;
} 
#nav li.right {
	float: left;
	padding: 0;
	width: 146px;
}
#nav li.left {
	float: left;
	padding: 0;
	width: 143px;
} 
#nav li ul {
/* hides the dropdowns offscreen */
	left: -2000px;
	height: auto;
	width: 240px;
	margin: 0;
	position: absolute;
    border: #DFDFDF 2px solid;
    border-radius: 5px;
    box-shadow: -1px 1px 6px #ccc;
} 
#nav li li {
	height: 40px;
} 
#nav li ul a {
	width: auto;
} 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.tabsHover ul ul, #nav li.tabsHover ul ul ul {
	left: -2000px;
} 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.tabsHover ul, #nav li li.tabsHover ul, #nav li li li.tabsHover ul {
	left: auto;
}
ul.subMenu {
    border: 2px solid #DFDFDF !important;
    margin-top: -38px !important;
    border-radius: 5px;
    box-shadow: -1px 1px 6px #ccc;
} 
#nav ul li:hover ul.subMenu {
    margin-left:240px;
    margin-top:-40px;
}
    /* tab image calls for all four states */
    /* active, inactive, active with arrow, inactive with arrow */
#nav > li li:hover, #nav > li li.tabsHover {
    z-index: 1500;
    background-color: #F6F6F6;
} 
.tabArrow {
	background:	url(/Content/Images/Icons/MenuRight.gif) 88% 50% no-repeat;
    padding-top:10px !important;
    padding-right:10px !important;
} 
.tabLeft {
	background:	url(../../tabset/tab_left_active.gif) top left no-repeat;
} 
.tabLeftArrow {
	background:	url(../../tabset/ActiveLeftTab.gif) no-repeat;
	background-position: 0px 0px;
} 
.tabLeftArrow:hover {
	background-position: 0px -31px ;
} 
.tabLeftInactive {
	background:	url(../../tabset/tab_left_inactive.gif) top left no-repeat;
} 
.tabLeftArrowInactive {
	background:	url(../../tabset/InactiveLeftTab.gif) no-repeat;
	background-position: 0px 0px;
} 
.tabLeftArrowInactive:hover {
	background-position: 0px -31px ;
} 
.tabCenter {
	background:	url(../../tabset/tab_center_active.gif) top no-repeat;
}
.tabCenterArrow {
    background: url(../../tabset/TabArrow.gif) 100% 2% no-repeat;
} 
.tabCenterInactive {
	background:	url(../../tabset/tab_center_inactive.gif) top no-repeat;
}
.tabCenterArrowInactive {
    background: url(../../tabset/TabArrow.gif) 100% 2% no-repeat;
} 
.tabCenterArrowInactive:hover {
	
} 
.tabRight {
	background:	url(../../tabset/tab_right_active.gif) top right no-repeat;
} 
.tabRightArrow {
	background:	url(../../tabset/ActiveRightTab.gif) no-repeat;
	background-position: 0px 0px;
} 
.tabRightArrow:hover {
	background-position: 0px -31px ;
} 
.tabRightInactive {
	background:	url(../../tabset/tab_right_inactive.gif) top right no-repeat;
} 
.tabRightArrowInactive {
	background:	url(../../tabset/InactiveRightTab.gif) no-repeat;
	background-position: 0px 0px;
} 
.tabRightArrowInactive:hover {
	background-position: 0px -31px ;
}
    /* indents to center tab text */
.tabindent {
	text-indent: -16px;
} 
.tabindent2 {
	text-indent: -0px;
}
    /* end dropdown styles*/
    /* hide this from IE using child selector*/
html>body input.btn {
	position: relative;
	top: 2px;
} 
input.textfield {
	border-color: #000000;
	border: 1px solid;
	height: 19px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}
    /* hide this from IE using child selector*/
html>body input.textfield {
	position: relative;
	height: 15px;
	top: 1px;
} 
input.textfieldRed {
	border: 1px solid #ec0000;
	height: 19px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}
    /* hide this from IE using child selector*/
html>body input.textfieldRed {
	height: 15px;
	top: 1px;
} 
html>body textarea {
    position: relative;
    /*height: 50px;*/
    top: 1px;
    /*width: 200px;*/
} 
.textarea {
	border-color: #000000;
	border: 1px solid;
	height: 50px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
} 
.positionBtnForm {
	float: right;
	margin-right: 8px;
	top: -4px;
	position: relative;
}
/* hide this from IE using child selector*/
html>body .positionBtnForm {
	top: -1px;
} 
.positionNext {
	float: right;
	margin: 0px;
	position: relative;
	left: 3px;
} 
.btnTextMenuLeft {
	font-size: 10px;
	color: #FFFFFF;
	text-align: left;
	position: relative;
	padding-left: 5px;
} 
.grey {
	color: #a3a3a3;
	font-size: 11px;
} 
.grey10 {
	position: relative;
	top: -2px;
	color: #a3a3a3;
	font-size: 10px;
}
    /* hide this from IE using child selector*/
html>body .grey10 {
	top: -4px;
}
    /* end form styles*/
    /* quick search classes*/
    /* end quick search classes*/
.drawer {
	text-align: center;
	width: 100%;
	height: 8px;
	position: relative;
	top: 6px;
	background: transparent;
}
    /*data table*/
.data {
	background-color:	#f0f0f0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
} 
.data2 {
	background-color:#ffffff;
	font: 11px;
	line-height: 21px;
}
    /*end data table*/
    /* wizzard styles*/
.red {
	color: #ec0000;
} 
#rightcontent {
	text-align: left;
	background: #ffffff;
	border-left: 2px solid #b9c0ca;
} 
.appData {
	padding-left: 7px;
	border-left-width: 2px;
	border-left-color: #ffffff;
	border-left-style: solid;
} 
.appData2 {
	padding-left: 7px;
	background: #f5f5f5;
	border-left-width: 2px;
	border-left-color: #ffffff;
	border-left-style: solid;
} 
.facOff {
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
} 
td.facOn {
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    background-color: #A8E3A8 !important;
} 
td.facOn.selected {
    background-color: #82BCFF !important;
} 
.SectionBreak {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background-color:#e5e5e5;
    font-weight:bold;
    height:30px;
    padding-left:7px;
    text-align:left;
} 
.CollapsibleSectionBreak {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(/Content/images/Backgrounds/SectionBreak.gif) repeat-x scroll left top;
    font-weight:bold;
    height:22px;
    padding-left:7px;
    text-align:left;
} 
.x-window-mc {
    font-family: Arial !important;
    font-size: 9pt !important;
} 
ul.validationMessages {
    display: block !important;
    margin: 1em 0 !important;
    list-style-type: none !important;
    padding-bottom: 15px !important;
} 
ul.validationMessages li {
    background-repeat: no-repeat;
    padding-left: 19px;
    margin: 2px;
} 
ul.validationMessages li.errorMessage {
    background-image: url(/Content/Images/Icons/Error.gif);
    list-style: none;
} 
ul.validationMessages li.warningMessage {
    background-image: url(/Content/Images/Icons/Warning.gif);
    list-style: none;
}
ul.validationMessages li.warningBlueMessage {
    background-image: url(/Content/Images/Icons/WarningBlue.png);
    list-style: none;
} 
ul.validationMessages li.errorMessage a {
    color: Red;
} 
ul.validationMessages li.warningMessage a {
    color: #C67109;
}
ul.validationMessages li.warningBlueMessage a {
    color: #0000FF;
} 
.-dt-ui-datepicker-trigger {
    position: relative;
    top: 3px;
} 
.header {
    font-size: 12pt;
    font-weight: bold;
} 
.subHeader {
    font-size: 10pt;
    font-weight: bold;
} 
div.loading-indicator {
    background-image: url(/Content/Images/Progress.gif) !important;
    background-position: center bottom !important;
    font-family: inherit !important;
    font-size: inherit !important;
    height: 50px !important;
    text-align: center !important;
    position: absolute !important;
    top: 50% !important;
    width: 100% !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin: 0px !important;
} 
.x-mask-loading {
    background-image: url(/Content/Images/Progress.gif) !important;
    background-color: White !important;
    border: none !important;
    background-position: left top !important;
    background-repeat: no-repeat !important;
} 
.ext-el-mask-msg div {
    background: inherit !important;
    border: none !important;
    padding-left: 35px !important;
    height: 25px !important;
}
/* Spin-Box styles starts */
input.spin-button {
    width: 70px;
	margin: 0px;
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: 100% 0%;            	
    background-image: url(/Content/Images/SpinboxSprite.png);
} 
input.spinbox-up-hover {
	background-position:100% -31px;
	cursor:pointer;
} 
input.spinbox-down-hover {
	background-position:100% -61px;
	cursor:pointer;
} 
input.spinbox-up {
	
	cursor:pointer;
    display:inline-block;
}
input.spinbox-down {
    
    cursor: pointer;
    display: inline-block;
}
    /* Spin-Box styles ends */
.errorText {
    color: Red;
} 
.upperAligned {
    vertical-align: top;
} 
.progressBarContainer {
    border: 1px solid #888888;
    height: 15px;
    position: relative;
    margin-top: 5px;
} 
.progressBar {
    background-color: #82BCFF;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 15px;
} 
.progressBarError {
    background-color: #FFD6E1 !important;
    height: 100%;
} 
.progressBarText {
    text-align: center;
    position: absolute;
    width: 100%;
}
    /* Time Control Styles */
.timespin-button {
    height : 13px;
    width: 15px;
    margin: 0px;
    margin-left: 3px;
    background-position: 100% 0%;
    background-repeat: no-repeat;
    background-image: url(/Content/Images/SpinBox.gif);
} 
.timespin-button.up.enabled {
    cursor: pointer;
    background-position: 100% -22px;
} 
.timespin-button.down.enabled {
    cursor: pointer;
    background-position: 100% -53px;
} 
.timespin-button.up {
    cursor: pointer;
    background-position: 100% 0px;
    display: inline-block;
} 
.timespin-button.down {
    cursor: pointer;
    background-position: 100% -9px;
    display: inline-block;
} 
input.time-hour {
        width:15px;
        border:0px;
        text-align:right;
        padding:0;
        height:20px;
        margin:1px;
}
div.time-picker {
    width: 107px;
    box-sizing: border-box;
    background-color: #ffffff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    padding:1px;
    height:30px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.time-picker td, .time-picker tr {
    line-height: 12px;
}

.time-field-enabled {
    border: 1px solid #e8e8e8;
}
input.time-minute {
    width: 15px;
    border: 0px;
    text-align: center;
    padding: 0;
    height: 20px;
    margin: 1px;
}
input.time-second {
    width: 15px;
    border: 0px;
    padding: 0;
    height: 20px;
    margin: 1px;
}
input.time-ampm {
    width: 20px;
    border: 0px;
    padding: 0;
    height: 20px;
    margin: 1px;
}
    /* Time Control Styles Ends */
    textArea.uploadDescription {
    width:190px;
} textArea.uploadFileDescription {
    width:250px;
    height:50px;
} div.divOverflow {
    overflow:hidden;
    width:665px; 
    white-space:normal; 
    word-wrap:break-word;
} div.divTable {
    display: table;
} div.divRow {
    width:100%;
    display: table-row;
    float:left;
} div.divCell {
    display: table-cell;
    float:left;
} label.actionLabel {
    text-align: left;
    vertical-align: top;
    width: 212px    
} span.listIcon {
    float: left;
} div.listItem {
    display: inline-block;
    height: 20px;
    margin-left: 5px;
} .updatePending {
    text-decoration:underline; 
    color:red;
    cursor:pointer;
} .approved {
    text-decoration:underline; 
    color:#0040FF;
    cursor:pointer;
} label.uploadPopupAlign {
    text-align: left;
    vertical-align: top;       
} td.wizardContent ol, td.wizardContent ul, span[controlNamespace="EbixExchange.Web.UI.LabelControl"] ol, span[controlNamespace="EbixExchange.Web.UI.LabelControl"] ul {
	display: block !important;
	margin: 1.12em 0 !important;
	margin-left: 40px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
} td.wizardContent ol, span[controlNamespace="EbixExchange.Web.UI.LabelControl"] ol {
	list-style-type: decimal !important;
} .x-window-body ol[type=A], td.wizardContent ol[type=A], span[controlNamespace="EbixExchange.Web.UI.LabelControl"] ol[type=A] {
	list-style-type: upper-alpha !important;
} td.wizardContent ul, span[controlNamespace="EbixExchange.Web.UI.LabelControl"] ul {
	list-style-type: disc !important;
} .noFloat {
	float: none !important;
}
    /*ul.subMenu li
{
    border-width: 0px !important;
}*/
    .wizardScreenTip {
  background-color:#F0E68C;border:1px solid black;
} .wizardScreenTip {
  background-color:#F0E68C;border:1px solid black;
} .scrollable {
	overflow: scroll;
} div.filterFields > span > input, div.filterFields > span > select {
	width: 131px;
} .minToolbarHeightWithTitle {
    /*height:100px;*/    
    height:85px;
} .minToolbarHeightWithoutTitle {
    /*height:84px;*/
    height:67px;
} .toolbarHeightWithOutMenuItems {
    /*height:84px;*/
    height:0px;
} del {
	background-color: #FFAFAF;
} ins {
	background-color: #C1FF84;
} span[controlNamespace="EbixExchange.Web.UI.AddressControl"] table {
    width:450px;
} .addHelpIcon {
    background-image: url(/Content/Images/Icons/Help.png) !important;
}
.menuiItemHover {
    cursor: pointer !important;
    background-color: #EFEFEF !important;
} .d-btn-mc {   
    background: none repeat-x scroll 0 -1096px transparent;
    background-color: #F0F0F0;
    position: static;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
    vertical-align: middle;            
    vertical-align:top;
    margin-left:auto;
    margin-right:auto;
    height:100%;
} .x-panel-body {
    border-right: 1px solid transparent !important;
    border-bottom: 1px solid transparent !important;
    border-left: 1px solid transparent !important;
    border-top: 1px solid transparent !important;
} 
.formatText {
    font: 11px arial,tahoma,verdana,helvetica;
} 
.enabledIcon {
    cursor: pointer !important;
    white-space: nowrap;
}
.disabledIcon {
    border-width: 1px;
    color: Gray;
    cursor: default !important;
    -khtml-opacity: .60;
    -moz-opacity: .60;
    -ms-filter: "alpha(opacity=60)";
    filter: alpha(opacity=60);
    opacity: .60;
} 
.tableFormat {
    height:100%;
    width:100% !important;
    border:none;
    vertical-align:top;
    border-radius: 0px 0px 3px 3px;
} 
.tableFormatRounded {
    border-radius: 3px 3px 3px 3px !important;
} 
table.controlPlaceholder {
    width:100%;
} 
.sectionPanel {
    border: 1px solid gray;
    padding: 10px;
    margin: 10px;
    width: 750px;
}
.wrapperIcon {
    width: 75px;
    padding: 4px;
}
#ctl00_mainContent_dataGrid_menuBar .wrapperIcon {
    padding: 12px;
    width:45px !important;
}
.topNavigationGroup .btnwrapper, .bottomNavigationGroup .btnwrapper {
    width: 55px !important;
}

/* Bug-fix #52518 - Radio button field coming twice - Browser specific issue ( Appearing in IE10). Actually it is not coming twice it is alignment issue in IE10 */
.ie10FloatIssue {
    float: inherit !important;
}
    /* Begin : MenuBar CSS */
.button {
    min-width:40px;
    height: 58px;
    background-position:center;   
    vertical-align:middle;   
    border-radius:3px;
    border-color:transparent;
    border-style:solid;
    margin:0px 0px 0px 0px;
    vertical-align:top;
    position:static;
    border-width:1px !important;
    color:black;
    cursor:default!important;
} 
.disabledIcon {    
    opacity:0.6;
    filter:alpha(opacity=60); /* For IE8 and earlier */ 
    color:gray;
    white-space:nowrap; 
} 
.buttonCaption {
    text-align:center;   
    font-size:11px;
} 
.headerCaption {
    text-align:center;   
    font-size:11px;
    color:#666666; 
    height:14px;  
    margin-bottom:2px;
    min-height:12px;
    margin-top:0px;
    display:none;
} 
.buttonImage {
   text-align:center;
    height:32px;
     width:32px; 
    margin:2px;        
}
.toolBarDiv .buttonImage {
    margin:0;
}
.smallButtonImage {
    text-align: center;
    height: 24px;
    width: 24px;
    margin: 2px;
    margin-bottom: -3px;
} 
.roundedEdge {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-right: #DBDBDB 1px solid;
    padding-right: 6px;
    padding-left: 6px;
} 
.btnGroupDiv {
    text-align: center;
}
.toolBarDiv {
    border-top: #DBDBDB 1px solid;
    border-bottom: #DBDBDB 1px solid;
    background-color: #E9E9E9;
} 
.tdAlign {
    padding-top: 4px;
} 
.extWindow {
    font-weight: bold;
    display: inline;
    margin-top: 5px;
    padding-right: 7px;  
    width:100px;
    text-align:left;
} 
.bannerAdvertisement {
	font-size: 10px;
	padding: 4px;
	color: #858585;
    margin: 0px auto;
    width: 970px;
    text-align: center;
}
    /* End : MenuBar CSS */
    .black_msg{
     color: Black !important;
} .red_msg{
     color: Red !important;
}
    /*CSS for implementation of Toolbar in Grouping View Header*/
    .x-grid-group-hd div {
    padding: 1px 4px 4px 17px;
    position: relative;
    height: 18px;
} .ux-grow-text {
    padding: 3px 0 0 0 ! important;
    margin: 0 0 0 0 ! important;
    height: 16px;
    background:transparent none ! important;
    float: left;
} .ux-grow-tb {
    padding: 0pt ! important;
    background: transparent none ! important;
    cursor: auto;
    float: left;
} .ux-grow-tb div{
    padding: 0pt ! important;
    border: 0pt none;
    background: transparent none ! important;
} .x-btn-icon-large-top .x-btn-text {
	min-width: 38px;
} table.x-btn-text-icon {
	min-width: 44px;
} .x-btn-group-body, .x-btn-group {
	width: auto !important;
} img, body, html {
    border: 0 none;
} address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
} ol, ul {
    list-style: outside none none;
} caption, th {
    text-align: left;
} h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}
.ui-datepicker-trigger {
    vertical-align: middle;
}
    /*--------------------------------------------------*/
    td.section {
    font-size:13px !important;
    color: #252525;
}
td.caption, td.captionMultiLine, span.caption, .entityInformationWidth, td[controlNamespace="EbixExchange.Web.UI.LabelControl"] span {
    color: #505050;
    font-size: 14px;
    line-height: 1.2;
    /*padding: 10px 15px 0px 15px;*/
    text-align: left !important;
} .entityInformationWidth {
    width:30% !important;
} td[controlNamespace="EbixExchange.Web.UI.ListBoxControl"] select {
    height:100% !important;
    background-color: #ffffff;
} option {
  padding:3px;
}
td[controlNamespace="EbixExchange.Web.UI.DateControl"] img {
    margin-left: 5px;
    margin-top: 3px;
    height: 28px;
    width: 28px;
}
td[controlNamespace="EbixExchange.Web.UI.PersonNameControl"] input, td[controlNamespace="EbixExchange.Web.UI.PersonNameControl"] select, span[controlNamespace="EbixExchange.Web.UI.PersonNameControl"] input, span[controlNamespace="EbixExchange.Web.UI.PersonNameControl"] select, td[controlNamespace="EbixExchange.Web.UI.AddressControl"] input, td[controlNamespace="EbixExchange.Web.UI.AddressControl"] select, td[controlNamespace="EbixExchange.Web.UI.SocialSecurityNumberControl"] input, td[controlNamespace="EbixExchange.Web.UI.PhoneNumberControl"] input, td[controlNamespace="EbixExchange.Web.UI.TextControl"] input, td[controlNamespace="EbixExchange.Web.UI.TextControl"] textarea, td[controlNamespace="EbixExchange.Web.UI.DateControl"] input, td[controlNamespace="EbixExchange.Web.UI.CurrencyControl"] input, td[controlNamespace="EbixExchange.Web.UI.PercentageControl"] input, td[controlNamespace="EbixExchange.Web.UI.CommissionSplitsControl"] input, td[controlNamespace="EbixExchange.Web.UI.DropDownControl"] select, .maskedSSN {
    color: #505050;
    box-sizing: border-box;
    text-align: start;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    font-size: 14px;
    height: 30px;
    line-height: 1.5;
    margin: 5px 0 0;
    padding: 6px 8px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
td[controlNamespace="EbixExchange.Web.UI.CommissionSplitsControlRepID"] input, td[controlNamespace="EbixExchange.Web.UI.CommissionSplitsControlGeneric"] input, td[controlNamespace="EbixExchange.Web.UI.RetirementAccountControl"] input, .filterFields input, .filterFields select {
    color: #505050;
    box-sizing: border-box;
    background-color: #ffffff;
    text-align: start;
    vertical-align: middle;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    font-size: 14px;
    height: 30px;
    line-height: 1.5;
    margin: 3px 0 0;
    padding: 6px 8px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
    /* CommissionSplitsControl */
span[controlnamespace="EbixExchange.Web.UI.CommissionSplitsControlGeneric"] span[controlnamespace="EbixExchange.Web.UI.PersonNameControl"] td:nth-child(1) input, span[controlnamespace="EbixExchange.Web.UI.CommissionSplitsControlGeneric"] span[controlnamespace="EbixExchange.Web.UI.PersonNameControl"] td:nth-child(1) span, span[controlnamespace="EbixExchange.Web.UI.CommissionSplitsControlGeneric"] span[controlnamespace="EbixExchange.Web.UI.PersonNameControl"] td:nth-child(5) input, span[controlnamespace="EbixExchange.Web.UI.CommissionSplitsControlGeneric"] span[controlnamespace="EbixExchange.Web.UI.PersonNameControl"] td:nth-child(5) span, span[controlnamespace="EbixExchange.Web.UI.CommissionSplitsControlRepID"] span[controlnamespace="EbixExchange.Web.UI.PersonNameControl"] td:nth-child(1) input, span[controlnamespace="EbixExchange.Web.UI.CommissionSplitsControlRepID"] span[controlnamespace="EbixExchange.Web.UI.PersonNameControl"] td:nth-child(1) span, span[controlnamespace="EbixExchange.Web.UI.CommissionSplitsControlRepID"] span[controlnamespace="EbixExchange.Web.UI.PersonNameControl"] td:nth-child(5) input, span[controlnamespace="EbixExchange.Web.UI.CommissionSplitsControlRepID"] span[controlnamespace="EbixExchange.Web.UI.PersonNameControl"] td:nth-child(5) span, span[controlnamespace="EbixExchange.Web.UI.CommissionSplitsControl"] span[controlnamespace="EbixExchange.Web.UI.PersonNameControl"] td:nth-child(1) input, span[controlnamespace="EbixExchange.Web.UI.CommissionSplitsControl"] span[controlnamespace="EbixExchange.Web.UI.PersonNameControl"] td:nth-child(1) span, span[controlnamespace="EbixExchange.Web.UI.CommissionSplitsControl"] span[controlnamespace="EbixExchange.Web.UI.PersonNameControl"] td:nth-child(5) input, span[controlnamespace="EbixExchange.Web.UI.CommissionSplitsControl"] span[controlnamespace="EbixExchange.Web.UI.PersonNameControl"] td:nth-child(5) span {
    width:200px !important;
} 
span[controlnamespace="EbixExchange.Web.UI.CommissionSplitsControlGeneric"] span[controlnamespace="EbixExchange.Web.UI.PersonNameControl"] td:nth-child(3) input, span[controlnamespace="EbixExchange.Web.UI.CommissionSplitsControlGeneric"] span[controlnamespace="EbixExchange.Web.UI.PersonNameControl"] td:nth-child(3) span, span[controlnamespace="EbixExchange.Web.UI.CommissionSplitsControlRepID"] span[controlnamespace="EbixExchange.Web.UI.PersonNameControl"] td:nth-child(3) input, span[controlnamespace="EbixExchange.Web.UI.CommissionSplitsControlRepID"] span[controlnamespace="EbixExchange.Web.UI.PersonNameControl"] td:nth-child(3) span, span[controlnamespace="EbixExchange.Web.UI.CommissionSplitsControl"] span[controlnamespace="EbixExchange.Web.UI.PersonNameControl"] td:nth-child(3) input, span[controlnamespace="EbixExchange.Web.UI.CommissionSplitsControl"] span[controlnamespace="EbixExchange.Web.UI.PersonNameControl"] td:nth-child(3) span {
    width:50px !important;
} 
td[controlNamespace="EbixExchange.Web.UI.CommissionSplitsControl"] span[controlnamespace="EbixExchange.Web.UI.SocialSecurityNumberControl"] span[id$="SSN_part1"], td[controlNamespace="EbixExchange.Web.UI.CommissionSplitsControlGeneric"] span[controlnamespace="EbixExchange.Web.UI.SocialSecurityNumberControl"] span[id$="SSN_part1"], td[controlNamespace="EbixExchange.Web.UI.CommissionSplitsControlRepID"] span[controlnamespace="EbixExchange.Web.UI.SocialSecurityNumberControl"] span[id$="SSN_part1"], td[controlNamespace="EbixExchange.Web.UI.CommissionSplitsControl"] span[controlnamespace="EbixExchange.Web.UI.SocialSecurityNumberControl"] input[id$="SSN_part1"], td[controlNamespace="EbixExchange.Web.UI.CommissionSplitsControlGeneric"] span[controlnamespace="EbixExchange.Web.UI.SocialSecurityNumberControl"] input[id$="SSN_part1"], td[controlNamespace="EbixExchange.Web.UI.CommissionSplitsControlRepID"] span[controlnamespace="EbixExchange.Web.UI.SocialSecurityNumberControl"] input[id$="SSN_part1"] {
    width:45px !important;
} 
td[controlNamespace="EbixExchange.Web.UI.CommissionSplitsControl"] span[controlnamespace="EbixExchange.Web.UI.SocialSecurityNumberControl"] span[id$="SSN_part2"], td[controlNamespace="EbixExchange.Web.UI.CommissionSplitsControlGeneric"] span[controlnamespace="EbixExchange.Web.UI.SocialSecurityNumberControl"] span[id$="SSN_part2"], td[controlNamespace="EbixExchange.Web.UI.CommissionSplitsControlRepID"] span[controlnamespace="EbixExchange.Web.UI.SocialSecurityNumberControl"] span[id$="SSN_part2"], td[controlNamespace="EbixExchange.Web.UI.CommissionSplitsControl"] span[controlnamespace="EbixExchange.Web.UI.SocialSecurityNumberControl"] input[id$="SSN_part2"], td[controlNamespace="EbixExchange.Web.UI.CommissionSplitsControlGeneric"] span[controlnamespace="EbixExchange.Web.UI.SocialSecurityNumberControl"] input[id$="SSN_part2"], td[controlNamespace="EbixExchange.Web.UI.CommissionSplitsControlRepID"] span[controlnamespace="EbixExchange.Web.UI.SocialSecurityNumberControl"] input[id$="SSN_part2"] {
    width:40px !important;
    margin-left:1px;
} 
td[controlNamespace="EbixExchange.Web.UI.CommissionSplitsControl"] span[controlnamespace="EbixExchange.Web.UI.SocialSecurityNumberControl"] span[id$="SSN_part3"], td[controlNamespace="EbixExchange.Web.UI.CommissionSplitsControlGeneric"] span[controlnamespace="EbixExchange.Web.UI.SocialSecurityNumberControl"] span[id$="SSN_part3"], td[controlNamespace="EbixExchange.Web.UI.CommissionSplitsControlRepID"] span[controlnamespace="EbixExchange.Web.UI.SocialSecurityNumberControl"] span[id$="SSN_part3"], td[controlNamespace="EbixExchange.Web.UI.CommissionSplitsControl"] span[controlnamespace="EbixExchange.Web.UI.SocialSecurityNumberControl"] input[id$="SSN_part3"], td[controlNamespace="EbixExchange.Web.UI.CommissionSplitsControlGeneric"] span[controlnamespace="EbixExchange.Web.UI.SocialSecurityNumberControl"] input[id$="SSN_part3"], td[controlNamespace="EbixExchange.Web.UI.CommissionSplitsControlRepID"] span[controlnamespace="EbixExchange.Web.UI.SocialSecurityNumberControl"] input[id$="SSN_part3"] {
    width:50px !important;
} 
td[controlNamespace="EbixExchange.Web.UI.CommissionSplitsControlRepID"] span[controlnamespace="EbixExchange.Web.UI.TextControl"] input, td[controlNamespace="EbixExchange.Web.UI.CommissionSplitsControlRepID"] span[controlnamespace="EbixExchange.Web.UI.TextControl"] span.readOnlyLabel {
    width:100px !important;
    min-width:100px !important;
    margin-left:5px;
    margin-right:75px;
} 
td[controlNamespace="EbixExchange.Web.UI.CommissionSplitsControlGeneric"] span[controlnamespace="EbixExchange.Web.UI.TextControl"] input, td[controlNamespace="EbixExchange.Web.UI.CommissionSplitsControlGeneric"] span[controlnamespace="EbixExchange.Web.UI.TextControl"] span.readOnlyLabel {
    width:80px !important;
    min-width:80px !important;
} 
td[controlNamespace="EbixExchange.Web.UI.FundAllocationsControl"] input, td[controlNamespace="EbixExchange.Web.UI.SpinBoxControl"] input {
	border: 1px solid #ccc;
	border-radius: 3px;
	color: #555;
	box-sizing: border-box;
	padding: 2px 5px;
	text-align: start;
	vertical-align:baseline;
	margin-top:7px;
}
td[controlNamespace="EbixExchange.Web.UI.FundAllocationsControl"] input[type="text"] {
    width:42px;
}
td[controlNamespace="EbixExchange.Web.UI.FundAllocationsControl"] input[type="radio"] {
    margin-top: -4px;
} 
td[controlNamespace="EbixExchange.Web.UI.FundAllocationsControl"] input.currency {
    width:65px;
} 
td[controlNamespace="EbixExchange.Web.UI.FundAllocationsControl"] span[controlnamespace="EbixExchange.Web.UI.CurrencyControl"].total + label.orientRight {
    margin-top: -10px !important;
} 
td[controlNamespace="EbixExchange.Web.UI.CurrencyControl"] {
    vertical-align:middle;
} 
td[controlNamespace="EbixExchange.Web.UI.DateControl"] input {
    width:92px !important;
}
td[controlNamespace="EbixExchange.Web.UI.AddressControl"] select {
    margin-left: 0px;
    width: 70px !important;
}
td[controlNamespace="EbixExchange.Web.UI.AddressControl"] button {
    padding:4px;
}
td[controlNamespace="EbixExchange.Web.UI.DropDownControl"] select{
    max-width:300px;
}
.step span {
    color: #505050;
    cursor: pointer;
    display: block;
    padding-top: 8px;
    padding-left: 16px;
    border-top: #D0D0D0 1px solid;
} 
.step span:not(.stepIcon) {
    cursor: auto;
    display: block;
    padding-top: 10px;
    padding-left: 12px;
    border-top: #D0D0D0 1px solid;
    padding-bottom:3px;
}
.step span:not(.stepIcon) + span {
    display:none !important;
}

td [controlNamespace="EbixExchange.Web.UI.PersonNameControl"] span.readOnly, td[controlNamespace="EbixExchange.Web.UI.SocialSecurityNumberControl"] span.readOnlySsn, td[controlNamespace="EbixExchange.Web.UI.TextControl"] span.readOnly, td[controlNamespace="EbixExchange.Web.UI.DropDownControl"] span.readOnly, td[controlNamespace="EbixExchange.Web.UI.ListBoxControl"] span.listBoxReadOnly, td[controlNamespace="EbixExchange.Web.UI.DateControl"] span.readOnlyDob, td[controlNamespace="EbixExchange.Web.UI.AddressControl"] span.readOnly, td[controlNamespace="EbixExchange.Web.UI.CommissionSplitsControl"] span.readOnly, td[controlNamespace="EbixExchange.Web.UI.CommissionSplitsControl"] span.readOnlySsn, td[controlNamespace="EbixExchange.Web.UI.CommissionSplitsControlGeneric"] span.readOnly, td[controlNamespace="EbixExchange.Web.UI.CommissionSplitsControlGeneric"] span.readOnlySsn, td[controlNamespace="EbixExchange.Web.UI.CommissionSplitsControlRepID"] span.readOnly, td[controlNamespace="EbixExchange.Web.UI.CommissionSplitsControlRepID"] span.readOnlySsn {
    color: #3d3d3d;
    box-sizing: border-box;
    background-color: #e7e7e7 !important;
    text-align: start;
    vertical-align: middle;
    border: 1px solid #979797;
    border-radius: .25rem;
    font-size: 14px;
    min-height: 30px;
    line-height: 16px;
    margin: 3px 0 0;
    padding: 6px 8px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
} 
td[controlNamespace="EbixExchange.Web.UI.AddressControl"] span[id$="part6"], td[controlNamespace="EbixExchange.Web.UI.AddressControl"] span[id$="part7"] {
    min-width:60px !important;
} 
td[controlNamespace="EbixExchange.Web.UI.AddressControl"] span[id$="part4"] {
    min-width:200px !important;
}
input, textarea {
    color: #505050;
    box-sizing: border-box;
    text-align: start;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    font-size: 14px;
    height: 30px;
    line-height: 1.5;
    margin: 2px;
    padding: 0px 8px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
} 
input[disabled=disabled], select[disabled=disabled], input.disabled, select.disabled, input[type=submit] {
    background-color: #e7e7e7 !important;
    color: #252525 !important;
}
input[type=button] {
    padding: -0.925rem 0.35rem .375rem .75rem;
} 
span[controlNamespace="EbixExchange.Objects.Business.UI.HiddenControl"] {
    display:none;
}
select {
    color: #505050;
    box-sizing: border-box;
    text-align: start;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    font-size: 14px;
    height: 30px;
    line-height: 1.5;
    margin: 5px 0 0;
    padding: 6px 8px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
} 
input[type="radio"] {
    border: 0 none !important;
    background-color:transparent !important;
    float:left;
    margin-top:-7px;
    margin-bottom:5px;
    box-shadow: none !important;
} 
input[type="checkbox"] {
    border-width: 0px !important;
} 
.dt-ui-datepicker-trigger {
    margin-left:2px;
} 
.entityInformationWidth {
    padding-top:2px;
    padding-bottom:3px;
} 
.charsLeft {
    padding-top:3px;
    font-size:8pt;
} 
.SectionBreak .dateTimeDiv {
    float:left;
    padding-top:4px !important;
} 
.SectionBreak .stepDiv {
    float:right;
} 
.commentDiv {
    float:left;
    width:100%;
} 
span[controlNamespace="EbixExchange.Web.UI.SummaryControl"] > td, span[controlNamespace="EbixExchange.Web.UI.SummaryControl"] th {
    padding-top:10px;
    padding-right:20px;
} 
span[controlNamespace="EbixExchange.Web.UI.CommissionSplitsControlGeneric"] > table {
    min-width:720px;
    overflow:hidden;
} 
.dt-ui-datepicker select.dt-ui-datepicker-month, .dt-ui-datepicker select.dt-ui-datepicker-year {
    padding:2px;
    width: auto !important;
    min-height:auto !important;
} 
span[controlNamespace="EbixExchange.Web.UI.RiderControl"] > table {
    width:448px;
}
    /*------------------------------
	MASTER SPRITE
-------------------------------*/
div#edit{
	display: inline-block;
	width: 32px;
	height: 32px;
	background: url("/Content/Images/Icons/Edit.png") no-repeat;
}
div#validate {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("/Content/Images/Icons/validate.svg") no-repeat;
}
div#cancel {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("/Content/Images/Icons/cancel.png") no-repeat;
}
div#delete, div#deleteButton {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("/Content/Images/Icons/Delete.png") no-repeat;
}
div#copy, div#copyTransaction {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("/Content/Images/Icons/copy.png") no-repeat;
}
div#document {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("/Content/Images/Icons/Documents.png") no-repeat;
}
div#detailReports {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("/Content/Images/Icons/detail-report.svg") no-repeat;
}
div#attachment, div#attachmentUploader {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("/Content/Images/Icons/attachment.png") no-repeat;
}
div#review {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("/Content/Images/Icons/review.png") no-repeat;
}
div#optOutESign {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("/Content/Images/Icons/Esignopt.png") no-repeat;
}
div#approve {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("/Content/Images/Icons/Approve.png") no-repeat;
}
div#decline {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("/Content/Images/Icons/Decline.png") no-repeat;
}
div#close {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("/Content/Images/Icons/Save.png") no-repeat;
}
div#comments, div#viewComments, div#addComment {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("/Content/Images/Icons/comment.svg") no-repeat;
}
div#namedItemViewer {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("/Content/Images/Icons/NamedItems.png") no-repeat;
}
div#saveGridSettings, div#saveSettings2 {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("/Content/Images/Icons/Settings.png") no-repeat;
}
div#viewDtccRecord {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("/Content/Images/Icons/DtccRecord.png") no-repeat;
}
div#Refresh, div#refresh {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("/Content/Images/Icons/Redo.png") no-repeat;
}
div#previous, div#topPrevious, div#bottomPrevious {
    display: inline-block;
    width: 15px;
    height: 32px;
    background: url("/Content/Images/Icons/left-arrow.svg") no-repeat 100% 50%;
}
div#next, div#topNext, div#bottomNext {
    display: inline-block;
    width: 15px;
    height: 32px;
    background: url("/Content/Images/Icons/right-arrow.svg") no-repeat 100% 50%;
} div#logo{
	display: inline-block;
	width: 162px;
	height: 42px;
	background: url("/Content/Images/Icons/Log.png") no-repeat;
}
div#viewFragments {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("/Content/Images/Icons/Table.png") no-repeat;
}
div#routingDocument {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("/Content/Images/Icons/RoutingDoc.png") no-repeat;
}
div#editPremium {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("/Content/Images/Icons/EditPremium.png") no-repeat;
} 
.buttonPointer {
    height: 26px;
    font-size: 12px;
    font-style: normal;
    vertical-align: middle;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
    cursor: pointer;
} 
.icon-uploadButton {
    background-image: url("/Content/Images/Icons/Application_Form.png");
    background-repeat: no-repeat;
    background-position-x: 0px;
    background-position-y: center;
    padding-left: 18px !important;
    text-align:right;
} 
td[controlNamespace="EbixExchange.Web.UI.RiderInfoControl"] span[controlNamespace="EbixExchange.Web.UI.DateControl"] input {
    width:90px !important;
}

.toolBarDiv td {
    margin:0px;
}
img.homelink {
    content: url("/Content/Images/Icons/Home.png");
    margin-right: 4px;
    margin-bottom: 5px;
    vertical-align: bottom;
    margin-left: 8px;
}
img.dt-ui-datepicker-trigger {
    content: url("/Content/Images/Icons/calendar.svg");
    margin-top: 30px;
    margin-right: 20px;
    cursor: pointer;
    width: 22px;
    height: 25px;
}
img.dt-ui-datepicker-trigger-disabled {
    content: url("/Content/Images/Icons/calendar.svg");
    margin-top: 30px;
    margin-right: 20px;
}
.base_shift img.dt-ui-datepicker-trigger, .base_shift img.dt-ui-datepicker-trigger-disabled {
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 5px
}
#sysDate {
    margin-top: 0px;
}
#sysDate, #sysTime {
    font-size: 11px;
    display: block;
    text-align: left;
    margin-left: 10px;
}
#sysTime {
    font-size: 12px;
    margin-top: 5px;
}

.dropdownMenu {
    position: relative;
    display: inline-block;
    vertical-align:baseline;
    min-width:160px;
}

#homepageLink {
    display: inline-block;
    vertical-align: top;
    margin-top: 30px;
}

.dropdown-content {
    display: none;
    position: relative;
    right: 0;
    background-color: #F6F6F6;
    min-width: 160px;
    z-index: 2;
    border-radius: 5px;
    box-shadow: -1px 1px 6px #ccc;
}

.dropdown-content a {
    color: #505050;
    padding: 10px 16px;
    padding-left:32px;
    text-decoration: none;
    display: block;
}

.dropdown-content a.logout {
    background: url("/Content/Images/Icons/logout.svg") no-repeat 5px 55%;
    background-size: 16px;
}

.dropdown-content a.myaccount {
    background: url("/Content/Images/Icons/myaccount.svg") no-repeat 5px 55%;
    background-size: 16px;
}

.dropdownMenu #userAccount {
    font-size: 18px;
    text-align: center;
    padding: 5px;
    margin-top: 8px;
    margin-bottom: 0px;
    display: inline-block;
    vertical-align: bottom;
    padding-left: 5px;
}

.dropdown-content a:hover {
    background-color: #F6F6F6;
}

.dropdownMenu:hover .dropdown-content {
    display: block;
}

#ctl00_calendarImageLabel {
    vertical-align: bottom;
}
.filterFields img {
    margin-top: 0px;
}
.filterFields select
{
    padding-top:2px !important;
}
div#allActivityStatus {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("/Content/Images/Icons/All-Carrier-Activity-Status.png") no-repeat;
}

div#detailActivityStatus {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("/Content/Images/Icons/Carrier-Activity-Status.png") no-repeat;
}
div#activityStatusReport {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("/Content/Images/Icons/Activity-Report.png") no-repeat;
}

