body
{
	margin: 0;
	color: #555555;
	font-size: 13px;
	font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
	line-height: normal;
}

table
{
	color: #555555;
	font-size: 13px;
	font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
}

.bodyFont
{
	color: #555555;
	font-size: 13px;
	font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
	line-height: normal;
}


input[type="checkbox"] {
	width: 18px;
	height: 18px;
	display: inline;
}

input[type="radio"] {
	width: 17px;
	height: 17px;
	display: inline;
}

.bold
{
	font-weight: bold !important;
}
.bold > label
{
	font-weight: bold !important;
}

.paddedTable
{

}
.paddedTable > tr > td
{
	padding: 10px;
}
.paddedTable > tbody > tr > td
{
	padding: 10px;
}

.tableBorders
{
	border-collapse: collapse;
}
.tableBorders > tr > td
{
	border: 1px solid #eeeeee;
}
.tableBorders > tbody > tr > td
{
	border: 1px solid #c1c1c1;
}

.topTableBorders
{
	border-collapse: collapse;
}
.topTableBorders > tr > td
{
	border:0;
	border-top: 1px solid #dddddd;
}
.topTableBorders > tbody > tr > td
{
	border:0;
	border-top: 1px solid #dddddd;
}
.finePrint
{
	font-size: 10px;
	white-space: normal;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Segoe UI', 'Segoe WP', 'Verdana';
    font-weight: 300;
    color: #337ab7;
}

h5
{
	font-size: 14px;
	font-weight: bold;
	padding-top: 2px;
	margin-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 2px;
}

@media screen and (max-width: 768px)
{
    h1,h2,h3,h4 {
		padding-bottom: 5px;
		margin-bottom: 5px;
	}

	h1
	{
		font-size:2.1em;
	}

	h2
	{
		font-size:1.9em;
	}

	h3
	{
		font-size:1.7em;
	}

    .no-more-tables table,.no-more-tables thead,.no-more-tables tbody,.no-more-tables th,.no-more-tables td,.no-more-tables tr {
                    display: block;
                }

                    .no-more-tables thead tr {
                        position: absolute;top: -9999px;left: -9999px;
                    }

                .no-more-tables td {
                    border: none;
                    border-bottom: 1px solid #eee;
                    position: relative;
                    padding-left: 50% !important;
                    white-space: normal;
                    text-align: left;
                    padding-bottom:15px !important;
                }

                    .no-more-tables td:before {
                        position: absolute;
                        top: 6px;
                        left: 6px;
                        width: 45%;
                        padding-right: 10px;
                        white-space: normal;
                        text-align: left;
                        font-weight: bold;
                        vertical-align:central;
                    }

                    .no-more-tables td:before {
                        content: attr(data-title);
                    }

    .width-45px {
    max-width:45px !important;
    }

     .width-70px {
    max-width:70px !important;
    }

    .QuoteAmount {
    font-size:15px !important;
    }
}

@media screen and (max-width: 568px)
{
	h1,h2,h3,h4 {

	padding-bottom: 5px;
	margin-bottom: 5px;
	}

	h1
	{
		font-size:1.9em;
	}

	h2
	{
		font-size:1.6em;
	}

	h3
	{
		font-size:1.4em;
	}
}



.agentToolbarLinks > li{
	line-height: 20px;
}
.agentToolbarLinks .glyphicons{
	font-size: 20px;
}
.agentToolbarQuickLinks img.icon {
    height: 25px;
    width: auto;
}
.agentToolbarQuickLinks {
    float: right;
}



.spacedList{
	margin-top: 12px;
	margin-left: 0px;
	padding-left: 20px;
}
.spacedList > li{
	margin-top: 4px;
	margin-bottom: 4px;
}


.drilldowninfo {
	background-color: #e3e3e3;
}

.QuestionTable
{
	vertical-align: top;
	width: 100%;
}

.QuestionTable > tbody > tr > td
{
	padding: 6px;
}

img
{
	border: none;
}


.BlackLink
{
	color: #555555;
	text-decoration: none;
}
.BlackLink a:link
{
	color: #555555;
	text-decoration: none;
}
.BlackLink a:visited
{
	color: #555555;
	text-decoration: none;
}
.BlackLink a:hover
{
	color: #555555;
	/*text-decoration: underline;*/
}

.BlueLink {
    color: blue !important;
    text-decoration: underline !important;
    font-weight: bold !important;
}

.watermark
{
	background-color: white;
	color: #cccccc;
}


.PageTitle
{
	font-size: 16px;
	font-weight: bold;
	color: #597fac;
}

.PageSubTitle
{
	font-size: 13px;
	font-weight: bold;
	color: #597fac;
}


.Slogan
{
	font-family: 'Century Gothic', 'Tahoma', 'Gill Sans';
	font-size: 21px;
	color: #777777;
}

.List > li
{
	margin-top: 5px;
	margin-bottom: 5px;
}


.LargeText
{
	font-family: 'Century Gothic', 'Tahoma', 'Gill Sans';
	font-size: 15px;
}

.InfoHeader
{
	font-family: 'Century Gothic', 'Tahoma', 'Gill Sans';
	font-size: 15px;
	padding: 7px;
	background-color: #f3f3f3;
	color: #2e7ab5;
}

.SectionHeader
{
	border-radius: 5px;
	font-family: 'Century Gothic', 'Tahoma', 'Gill Sans';
	font-size: 19px;
	padding: 5px;
	background-color: #f3f3f3;
	color: #2e7ab5;
	margin-bottom: 8px;
}


.StartButton
{
	border-radius: 5px;
	font-family: 'Century Gothic', 'Tahoma', 'Gill Sans';
	font-size: 16px;
	font-weight: bold;
	padding: 5px;
	background-color: #f3f3f3;
	color: #2e7ab5;
	cursor: pointer;
}
.StartButton:hover
{
	background-color: #ffffff;
}
.StartButtonText
{
	font-family: 'Century Gothic', 'Tahoma', 'Gill Sans';
	font-size: 11px;
	font-weight: normal;
	color: #555555;
}
.StartButtonLink
{
	font-family: 'Century Gothic', 'Tahoma', 'Gill Sans';
	font-size: 11px;
	font-weight: bold;
	color: #2e7ab5;
	padding-top: 5px;
}

.HelpPopupBox
{
	display: none;
	width: 650px;
	max-height: 500px;
	overflow-x:hidden;
}

.HelpLink
{
	font-size: 11px;
	color: #2758a3;
	text-decoration: underline;
}
.HelpLink a:link
{
	color: #2758a3;
	text-decoration: underline;
}
.HelpLink a:visited
{
	color: #2758a3;
	text-decoration: underline;
}
.HelpLink a:hover
{
	color: #2758a3;
	text-decoration: underline;
}

.QuestionRow
{
	background-color: White;
}
.ddQuestionRow
{
	background-color: White;
}
.WhiteCell
{
	background-color: White;
}

.RadioList
{
   margin-left: -5px;
}
.RadioList input[type="radio"]
{
   margin-left: 10px;
   margin-right: 0;
}

.MessageBox
{
	padding: 8px;
	font-size: 11px;
	border: 1px solid #FFFF2E;
	background-color: #FFFFE3;
}


.WhiteLink
{
	text-decoration: none;
	color: White;
}
.WhiteLink a:link
{
	text-decoration: none;
	color: White;
}
.WhiteLink a:visited
{
	text-decoration: none;
	color: White;
}
.WhiteLink a:active
{
	text-decoration: underline;
	color: White;
}
.WhiteLink a:hover
{
	text-decoration: underline;
	color: White;
}



.yesNoToggle label {
	float:left;
	margin:1px;
	overflow:auto;
}

.yesNoToggle label span {
	text-align:center;
	display:block;
	background-color:#ffffff;
	color: #a1a1a1;
	font-weight: normal;
	margin: 0;
	padding: 3px 7px 3px 7px;
	height:auto;
	width: 48px;
    text-shadow: none;
}

.yesNoToggle label input {
	position:absolute;
	left:-9999px; /* hide the checkbox off the screen way to the left*/
}

.yesNoToggle .input-checked {
	background-color: #4b82d8;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: white;
	font-weight: 500;
	background-image: none;
}

.wideToggle label span {
	width: 70px
}

/*This is to hide the standard html validaiton labels that get inserted, super duper annoying*/
label.error {
	display: none !important;
}

/* Placeholders */
.integerMask input {}

.decimalMask input {}

.datePicker input {}

.QuestionSeparator
{
	Margin-top: 5px;
	Margin-bottom: 5px;
	Border-top: 1px solid #efefef;
}


/* Large green text*/
.QuoteAmount
{
	font-size: 23px;
	color: #319b06;
}


.dial{
	border: solid 1px #f5f5f5 !important;
}



/* override bootstrap styles ----------------------------------------------------------------------------------*/


label {
  font-weight: normal;
}

.tab-pane
{
	padding-left: 10px;
	padding-top: 20px;
}

.btn
{
	margin-bottom: 10px;
}


/* remove width 100% and set to width auto, to fix issues with IE<11 responsive images going full width, this will probably get fixed in future bootstrap release*/
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img
{
	width: auto;
}

/* Better red border around controls with errors*/
.has-error .form-control{
	border-color: #EC3633;
	border-width: 2px;
	/*outline: solid 2px #EC3633;*/
}

.form-control{
	margin-top:5px !important;
}

.input-group-btn
{
    padding-top:5px !important;
}

.has-error .form-control[type="checkbox"]{
	border-color: #EC3633;
	border-width: 2px;
	outline: solid 2px #EC3633 !important;
}

.form-control-noborder {
    box-shadow:none;
    border-width:2px;
    border-color:white;
}

.form-control-nopadding {
    box-shadow:none;
    border-width:2px;
    border-color:white;
    padding:0;
}

input.has-error[type="checkbox"] {
	border-color: #EC3633;
	border-width: 2px;
	outline: solid 2px #EC3633;
}

input.has-error[type="radio"] {
	border-color: #EC3633;
	border-width: 2px;
	outline: solid 2px #EC3633;
}

.QuestionsNote{
	font-size: 11px;
	font-style:italic;
}

/* Used by angular directives to show loading gif */
.myProgressIcon{
	/*display: inline-block;*/
	/*color: #4b729d;*/
	/*margin-right: 30px;*/
	/*visibility: visible !important;*/
	/*background-image: url('/Media/Loading.gif');*/
	/*background-repeat: no-repeat;*/
	/*height: 30px;*/
	/*width: 100%;*/
}

/* Used by angular directives */
.myClickOnceHidden{
	display: none;
}

/* Used by angular directives */
.myLoadingHidden{
	visibility: collapse;
}

.nav-tabs > li
{
	cursor: pointer !important;
}

@media (max-width: 992px)
{
	#separateowner, #role
	{
		text-align:  left;
	}

    .header-support-text
    {
        text-align: left;
       
    }
    .header-text-spacing
    {
        display: none;
    }
}


@media (min-width: 992px) {
    #role
	{
		margin-left: -0.5em;
	}
    .header-text-mobile-break
    {
        display: none;
    }
}


.verticalposition
{
    margin-top:  0.4em;
}

/*
@media only screen and (max-width: 830px)
{
    #TypeOfFlyingTable
    {
        display: none;
    }

    #TypeOfFlyingResponsive
    {
        display:  normal;
    }
}
    */

/*
@media only screen and (min-width: 830px)
{
    #TypeOfFlyingResponsive
    {
        /*display:  none;*/
/*    }
}


.panelclass
{
    overflow:  hidden;

}
*/

#uiTypeOfFlyingTableWide
{
    /*max-width:  none !important;*/
    table-layout: fixed;
    /*word-wrap:  break-word;*/
}




/* If greater than 845px show "normal" font */
@media only screen and (min-width: 845px)
{
    #uiPanelTypeOfFlyingTableNarrow
    {
        display: none;
    }

}





/* If smaller than 845px and greater than 675px shrink fonts */
@media only screen and (max-width: 845px) and (min-width: 675px)
{


    #uiPanelTypeOfFlyingTableWide
    {
        display:  normal;
    }

     #uiPanelTypeOfFlyingTableNarrow
    {
        display: none;
    }


  /*  .FlyingTypeSubText
    {
        font-size:  9px;
    }

    .FlyingTypeText
    {
         font-size:  13px;
    }
      */

    .FlyingTypeHeaderText
    {
        font-size:  11px;
    }


}

/*  If smaller than 675px reformat */
@media only screen and (max-width: 675px)
{
    #uiPanelTypeOfFlyingTableWide
    {
        /*display: none;*/
    }

    #uiPanelTypeOfFlyingTableNarrow
    {
        /*display: normal;*/
        display: none;
    }


}

/*  For every <tr> tag select the 3rd, 4th, 5th, and 6th <td> tag and vertically center it */
#uiTypeOfFlyingTableWide tr td:nth-child(3n+3), #uiTypeOfFlyingTableWide tr td:nth-child(4n+4), #uiTypeOfFlyingTableWide tr td:nth-child(5n+5), #uiTypeOfFlyingTableWide tr td:nth-child(6n+6)
{
    vertical-align:  middle;
}

.labelAlign
{
    position: relative;
    top: -0.4em;
}

/* Override bootstrap anchor tag formatting*/

/*
	EAC - turned this off, no idea why this was added, messing up some styles
.buttonStyle {
    width: 78.2031px;
    height: 34px;
}*/


#chemicalTable th
{
    text-align:  center;
}

@media print {

    @page {
        width: auto;
        padding: 0;
        border: 0;
        float: none !important;
    }

    header, nav, footer {
        display: none;
    }

    .printTable {
        overflow: hidden !important;
    }

    body {
        font-size: 12pt;
        margin: 4%;
    }

    tr div h1 h2 h3 h4 table {
        page-break-after: auto;
    }

    /*don't show any buttons*/
    input[type="button"] {
        display: none;
    }

    .btn {
        display: none;
    }

    /*use this to hide video during print*/
    .embed-responsive,
    .embed-responsive-16by9 {
        display: none;
        visibility: hidden;
    }

    /*use this to hide anything during print*/
    .hidePrint {
        display: none;
        visibility: hidden;
    }

    .showPrint
    {
        display: normal !important;
        visibility: visible !important;
    }

    .showPrintAll.ng-hide {
        display: block !important;
        visibility: visible !important;
    }

    .showPrintAll .print-full-width {
        width: 100% !important;
    }

    .showPrintAll#divStep1 {
        page-break-after: always;
    }

    .showPrintAll#divStep4 {
        page-break-after: always;
    }

    .print-ms-dashboard {
        width:33% !important;
        float:left !important;
    }

    .print-ms-dashboard-border {
        border: 1px solid #005a84 !important;
    }

    /*hide body when printing a popup, as this style is auto applied to body when modal opens */
    .modal-open * {
        visibility: hidden;
    }

    /*setup modal popup to print nicely */
    .modal-dialog, .modal-dialog * {
        visibility: visible;
    }

    .modal-dialog {
        position: absolute;
        left: 0;
        top: 0;
    }

    .chartPrint {
        width: 100% !important;
        height: 100% !important;
    }

    a[href]:after {
        content: none !important;
    }
}

.demo-banner {
    margin-bottom: 2px;
    color: #bd421b
}

.demo-banner div {
    font-size: 18px;
}

/*Timeout Redirect Formatting*/

#idletimeout { background:#CC5100; border:3px solid #FF6500; color:#fff; font-family:arial, sans-serif; text-align:center; font-size:18px; padding:20px; position:relative; top:0px; left:0; right:0; z-index:100000; display:none; }
#idletimeout a { color:#fff; font-weight:bold }
#idletimeout span { font-weight:bold }

/*Validation Error Formatting*/
.field-validation-error {
    color:red;
}

.input-validation-error {
	border-color: #EC3633 !important;
	border-width: 2px;
    }

input.input-validation-error[type="checkbox"]{
    outline: 2px solid #EC3633;
}

input.input-validation-error[type="radio"]{
    outline: 1px solid #ff0000;
}


/*
  Allow angular.js to be loaded in body, hiding cloaked elements until
  templates compile.  The !important is important given that there may be
  other selectors that are more specific or come later and might alter display.
 */
[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important;
}

/*
    Prevent glyphicons-bootstrap.css from overiding .btn styling on a.btn
    causing it to be slightly smaller than a neighboring input.btn
*/
a.btn{
    line-height: 20px !important;
}
 /*Quote Details*/
.HeaderCell {
    text-align: right;
    width: 85px;
}

.PremiumCell {
    text-align: left;
    border: solid 1px #e0e0e0;
    vertical-align: top;
}

.PremiumCellHeader {
    font-weight: bold;
    text-align: center;
    border: solid 1px #e0e0e0;
    vertical-align: middle;
}

.input-group-combo-addon {
    margin-top: 5px !important;
}

.form-control-combo-addon {
    margin-top: 0 !important;
}

/*ProgressBar*/
.NumberCircle {
	border-radius: 50%;
	behavior: url(PIE.htc); /* remove if you don't care about IE8 */
	width: 42px;
	height: 42px;
	padding: 8px;
	color: white;
	text-align: center;
	font: 22px Arial, sans-serif;
	display: inline-block;
}

.Number {
	behavior: url(PIE.htc);
	width: 25px;
	height: 42px;
	padding: 0px;
	text-align: center;
	font: 22px Arial, sans-serif;
	display: inline-block;
	cursor: default;
}

.ProgressBarRectangle {
	width: 100px;
	height: 6px;
	display: inline-block;
	margin-bottom: 4px;
}

.ProgressBarRectangleMedium {
	width: 60px;
	height: 6px;
	display: inline-block;
	margin-bottom: 4px;
}

.ProgressBarRectangleAdvisor {
    width: 65px;
    height: 6px;
    display: inline-block;
    margin-bottom: 4px;
    margin-left: 5px;
    margin-right: 0px;
    border-radius: 7px;
}

.ProgressBarCircle {
	width: 11px;
	height: 11px;
	display: inline-block;
	border-radius: 50%;
	margin: 0px 7px 0px 7px;
}

.ProgressBarCircleMedium {
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 50%;
	margin: 0px 4px 0px 4px;
}

.ProgressBarCircleWrapper{
	width:100px;
	display:inline-block;
}

.ProgressBarNumberLabel {
	width: 125px;
	height: 25px;
	display: inline-block;
	text-align: center;
	font: 15px Arial, sans-serif;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0px 2px;
	cursor: default;
}

.ProgressBarNumberLabelAdvisor {
    /*width: 125px;
    height: 25px;*/
    display: table-cell;
    /*text-align: left;*/
    /*font: 15px Arial, sans-serif;*/
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    /*font-size: 13px;*/
}

.ProgressBarNumberLabelMedium {
	width: 87px;
	height: 25px;
	display: inline-block;
	text-align: center;
	font: 14px Arial, sans-serif;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0px 2px;
	cursor: default;
}

.ProgressBarMobile {
	font: 22px Arial, sans-serif;
	padding-top: 15px;
	cursor: default;
}

.ProgressBarNotification {
    position: absolute;
    top: 28%;
    height: 22px;
    padding: 2px 4px 4px 4px;   
}

/* Agent Custom Contacts */
.nav-pills > li.active.customContact > a, .nav-pills > li.active.customContact > a:hover, .nav-pills > li.active.customContact > a:focus {
    background-color: #dddddd;
    color: black;
}

.nav-pills > li.customContact > a, .nav-pills > li.customContact > a:hover, .nav-pills > li.customContact > a:focus {
    color: black;
}