article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/*html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;; color: #222; }

::-moz-selection { background: gold; color: #000; text-shadow: none; }
::selection { background: gold; color: #000; text-shadow: none; }
*/
a { color: #0056B8; }
/*a:visited { color: #0056B8; }*/
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
/*blockquote { margin: 1em 40px; }*/
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/*ul, ol { margin: 1em 0; padding: 0 0 0 40px; }*/
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
/*select{width:auto;}  Put this in to counter-act 220px in bootstrap.css */
form { margin: 0; }
/*fieldset { border: 0; margin: 0; padding: 0; }*/
/*label { cursor: pointer; }*/
/*legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }*/
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: 
   ==========================================================================

body, ul, li, p, h1, h2, h3, h4, h5, h6, h7, h8, h9 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;;
    font-weight: normal;
}

body {
    font-size: 12px;
    /*background: url(../images/background-footer.png) 0 0;
}

a img {
    border: 0px solid #FFF;
    outline: 0px;
}

.clear {
    clear: both;
}

h1 {
    color: #0056B8;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;;
    margin-left: 8px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    font-size: 24px;
}

p
{
    color: #000000;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;;
    font-size: 14px;
    line-height: 16px;
    padding: 10px 10px 10px 20px;
}
*/
input.ui-autocomplete-input {/*width: 186px;*/ border-color: #B2B2B2 #D9D9D9 #D9D9D9 #B2B2B2;
			     border-style: solid;
			     border-width: 1px;
			     color: #000000;
			     float: left;
			     /*height: 17px;*/
			     outline-color: #DDECFD;
			     /*padding: 3px;*/
                            }
.ui-button {
    line-height: 1.1;
    margin-left: -1px;
}


.jspContainer
{
    overflow: hidden;
    position: relative;
}

.jspPane
{
    position: absolute;
}

.thinscroll .jspVerticalBar
{
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: 100%;
    background: #fff;
    margin-right: 3px;
}
.thickscroll .jspVerticalBar
{
    position: absolute;
    top: 0;
    right: 0;
    width: 15px;
    height: 100%;
    background: #fff;
}

.jspVerticalBar
{
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 100%;
    background: red;
}

.jspHorizontalBar
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
    margin: 0;
    padding: 0;
}

.jspCap
{
    display: none;
}

.jspHorizontalBar .jspCap
{
    float: left;
}

.jspTrack
{
    background: #dde;
    position: relative;
}

.jspDrag
{
    background: #bbd;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
    float: left;
    height: 100%;
}

.jspArrow
{
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}

.jspArrow.jspDisabled
{
    cursor: default;
    background: #80808d;
}

.jspVerticalBar .jspArrow
{
    height: 16px;
}

.jspHorizontalBar .jspArrow
{
    width: 16px;
    float: left;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
    outline: none;
}

.jspCorner
{
    background: #eeeef4;
    float: left;
    height: 100%;
}

.thinscroll .jspTrack {
    background: url(../images/osx_track.gif) repeat-y !important;
}
.thinscroll .jspDrag {
    background: url(../images/osx_drag_middle-8.gif) repeat-y !important;
}
.thinscroll .jspDragTop {
    position: relative; top: 0;
    background: url(../images/osx_drag_top-8.gif) no-repeat !important;
    height: 6px;
}
.thinscroll .jspDragBottom
{   position: absolute;
    background: url(../images/osx_drag_bottom-8.gif) no-repeat !important;
    height: 7px; bottom: 0px; width: 15px; height: 7px; background-color: red;
}
.thinscroll a.jspArrowUp {
    height: 16px;
    background: url(../images/osx_arrow_up-8.png) no-repeat 0 -30px !important;
}
.thinscroll a.jspArrowUp:hover {
    background-position: 0 0 !important;
}
.thinscroll a.jspArrowDown
{
    background: url(../images/osx_arrow_down-8.png) no-repeat 0 -37px !important;
    height: 16px;
}
.thinscroll a.jspArrowDown:hover {
    background-position: 0 -7px !important;
}
.thickscroll .jspTrack {
    background: url(../images/osx_track.gif) repeat-y !important;
}
.thickscroll .jspDrag {
    background: url(../images/osx_drag_middle.gif) repeat-y !important;
}
.thickscroll .jspDragTop {
    position: relative; top: 0;
    background: url(../images/osx_drag_top.gif) no-repeat !important;
    height: 6px;
}
.thickscroll .jspDragBottom
{   position: absolute;
    background: url(../images/osx_drag_bottom.gif) no-repeat !important;
    height: 7px; bottom: 0px; width: 15px; height: 7px; background-color: red;
}
.thickscroll a.jspArrowUp {
    height: 16px;
    background: url(../images/osx_arrow_up.png) no-repeat 0 -30px !important;
}
.thickscroll a.jspArrowUp:hover {
    background-position: 0 0 !important;
}
.thickscroll a.jspArrowDown
{
    background: url(../images/osx_arrow_down.png) no-repeat 0 -37px !important;
    height: 16px;
}
.thickscroll a.jspArrowDown:hover {
    background-position: 0 -7px !important;
}

.form_label { display: block; float: left; padding-top: 2px; width: 125px;}

.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 30px;

}
.ui-menu-item { white-space:nowrap }
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
    height: 100px;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
    margin: 0 -3px 0 0;
}

/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== media queries ====================================================== */

@media only screen and (max-width: 480px) {
    .container-fluid {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .fusion-fullwidth-2, .fusion-fullwidth-2.fusion-section-separator {
        padding-left: 5px !important;
        padding-right: 5px !important;
        margin-top: 10px !important;
    }
    #enrollment-side-div {
        position: relative !important;
        width: 100% !important;
    }

    .navbar-tm-default {
        margin-bottom: 35px !important;
    }
}



/* ==|== print styles ======================================================= */

@media print {
    * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; }
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
}


.edit_changed {
    color: red;
} 
.small_dropdown {
    /*width:62px !important;*/
}
.form-combo { max-width: 130px !important;}
.benefit-limit {text-align: center !important; font-size: 28px; height: 116px !important; max-height: 116px !important;}
.benefit-header {text-align: center !important; }
#quote-content table  {margin-bottom: 0;}
#quote-content {overflow: hidden; height:auto !important;}
#quote-content .sub-1 span, #quote-content .sub-2 span, #quote-content .sub-3 span {padding-left: 5px; text-align: left; vertical-align: middle; color: #FFFFFF; font-size: 13px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;; font-weight: normal; overflow: hidden; display:block;}
#quote-content a { margin-bottom: 0px !important; margin-left: 3px;}
#quote-content .benefit-group-head {font-size: 16px; font-family: 'Varela',Arial,sans-serif; font-weight: normal; overflow: hidden; vertical-align: middle; height: 36px;}
#quote-content .indent span { padding-left: 15px; font-weight: normal; display: block;}
#quote-content .double-indent span { padding-left: 30px; font-weight: normal; display: block;}
#quote-content .benefit-quote-label {height: 26px; line-height: 26px; width: 100%; display: block; font-size: 14px; font-weight: bold; text-align: center; float: left; position: relative; vertical-align: middle;}
#quote-content .benefit-quote-value {width: 100%; height: 40px; font-size: 30px; line-height: 30px; margin-top: 50px; margin-bottom: 15px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;; font-weight: bold; }
#quote-content .benefit-quote-details {font-size:11px; font-family: 'DroidSansRegular',Arial,sans-serif; margin-top:-20px; padding-bottom:2px;}
#quote-scroll-div {overflow-y: scroll; overflow-x: hidden;}
#searchresults {
    width: 600px;
}
.searchresults_head {
    width: 600px;
    color:#000000; 
}
.searchresults_row {
    width: 600px;
    cursor: pointer;
    color:#0056B8; 
}

.psuedolink {
    cursor: pointer;
    color:#0056B8; 
}
.searchresults_row:hover{
    color: red;	
}
.editresults_row {
    width: 600px;
    cursor: pointer;
    color:#0056B8; 
}
.editresults_row:hover{
    color: red;	
}
.searchresults_row div, .searchresults_head div {
    width: 120px;
    float:left;
    height: 30px;
}

.pagination a {
    text-decoration: none;
    border: solid 1px #AAE;
    color: #15B;
    max-height: 20px;
}

.pagination a, .pagination span {
    display: block;
    float: left;
    padding: 0.3em 0.5em;
    margin-right: 5px;
    margin-bottom: 5px;
}

.pagination .current {
    background: #26B;
    color: #fff;
    border: solid 1px #AAE;
}
div.table {display: table; }
div.tr {display: table-row; }
div.td {display: table-cell; }
div.td-span { display: table-caption; }
span.h4{
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    color: rgb(51, 51, 51);
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
}

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


.bluebg {
    background-color: #002B78;
    color: #FFFFFF;
    font-weight: bold;
}

.padding-5 {
    padding: 5px;
}

.padding-3 {
    padding: 3px;
}

.border-black {
    border: 1px solid #000000;
}

.border-blue {
    border: 1px solid #004F9F;
}

.well .confirmation p { padding-bottom: 10px;}



.modal-header {
    padding:8px;
}

.pdf-modal
{
    height: 800px;
    width: 975px;
    top: 20px;
    left: 0;
    margin-top: 0;
    margin-left: auto;
    overflow: hidden;
    padding: 15px;
    background-color:#FFFFFF;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
}

.pdf-modal .modal-body
{
    max-width: none;
    max-height: none;
    margin: auto;
    padding: 15px 0 15px 15px;

}

.pdf-modal-iframe
{
    border: 0 none;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 100%;
}

#quote-content.modal
{
    margin-top: 20px;
    top: 0;
    left: 0;
    padding: 0 0 20px 3px;
    overflow: hidden;
    position: fixed;
}

#quote-content .modal-body
{
    max-height: none;
    overflow: hidden;
    padding: 18px 0 38px 15px;
}

.span2-2
{
    float: none;
    margin-left: 0;
    width: 127px;
}
.fixedbar{
    width: 99%;
    top:0;
    left:0;
    position: fixed;
    z-index: 1000;
}
.truncate{
    width:200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}
.table{
    table-layout: fixed;
}

.plan-cert-td a{
    margin-left: 6px!important;
}


#user_enrollments {
    padding-top: 0px !important;
    margin-top: -30px;
    color: #FFFFFF !important;
}
#user_enrollments ul {
    padding-left:0px !important;
}

#enrollment_toggle_dropdown a{
    color:#FFFFFF;
}


.enrollment_toggle{
    cursor: pointer !important;
    color:#FFFFFF;
    background: #003366;
}

#enrollment_toggle_dropdown > ul > li > a:hover, #enrollment_toggle_dropdown > ul > li > a:focus {
    cursor: pointer !important;
    color:#003366;
    background: #FFFFFF;
}

#user_quotes {
    padding-top: 0px !important;
    margin-top: -30px;
    color: #FFFFFF !important;
}
#user_quotes ul {
    padding-left:0px !important;
}

#quote_toggle_dropdown a{
    color:#FFFFFF;
}
.quote_toggle{
    cursor: pointer !important;
    color:#FFFFFF;
    background: #003366;
}

#quote_toggle_dropdown > ul > li > a:hover, #quote_toggle_dropdown > ul > li > a:focus {
    cursor: pointer !important;
    color:#003366;
    background: #FFFFFF;
}


/*.nav > li > a{
    color: #FFFFFF;
}*/

.well-header #nav-container .navbar{
    margin-bottom: 0px !important;
}

.indent { padding-left: 15px; font-weight: normal; display: block;}
.double-indent { padding-left: 30px; font-weight: normal; display: block;}

#quote-content .sub-1 {height:36px; vertical-align: middle; border-style: solid;
		       border-width: 1px; border-color: #526E89;}
#quote-content .sub-2 {height:36px; vertical-align: middle; border-style: solid;
		       border-width: 1px; border-color: #526E89;}
#quote-content .brown-1 {text-align: center; line-height: 16px; vertical-align: middle; border-style: solid;
			 border-width: 1px; border-color: #C6C6C4;}
#quote-content .brown-2 {text-align: center; line-height: 16px; vertical-align: middle; border-style: solid;
			 border-width: 1px; border-color: #C6C6C4;}
#quote-content .green-1 {text-align: center; line-height: 16px; vertical-align: middle; }
#quote-content .green-2 {text-align: center; line-height: 16px; vertical-align: middle;}
#quote-content .yellow-1 {text-align: center; line-height: 16px; vertical-align: middle;}
#quote-content .yellow-2 {text-align: center; line-height: 16px; vertical-align: middle; }
#quote-content .blue-1 {text-align: center; line-height: 16px; vertical-align: middle; border-style: solid;
			border-width: 1px; border-color: #C6C6C4;}
#quote-content .blue-2 {text-align: center; line-height: 16px; vertical-align: middle; border-style: solid;
			border-width: 1px; border-color: #C6C6C4;}

.close {
    opacity: 0.4;
    font-size: 26px !important;
    margin-right: 2px !important;
}
.icon-plus-sign{
    color:#888888;
}
.sign-grey{
    color:#888888;
}
.trip_labels{
    padding: 3px 0 4px !important;
}

.blue_div{
    background-color: #A6BEE3;  
    padding:5px;
}

.green_div{
    background-color: #DFF0D8; 
    padding:5px;
}

.yellow_div{
    background-color: #FFEFA3;
    padding:5px;
}

.even{
    background-color: #FFFFFF;
    padding:5px;
    display: table-row;
}
.odd{
    background-color: #E8E8E8;
    padding:5px;
    display: table-row;
}

.width-max {width: 100%;  overflow: hidden;}
.width-550 {width: 550px; overflow: hidden;}
.width-500 {width: 500px; overflow: hidden;}
.width-400 {width: 400px; overflow: hidden;}
.width-300 {width: 300px; overflow: hidden;}
.width-287 {width: 287px; overflow: hidden;}
.width-285 {width: 285px; overflow: hidden;}
.width-270 {width: 270px; overflow: hidden;}
.width-250 {width: 250px; overflow: hidden;}
.width-230 {width: 230px; overflow: hidden;}
.width-200 {width: 200px; overflow: hidden;}
.width-195 {width: 195px; overflow: hidden;}
.width-190 {width: 190px; overflow: hidden;}
.width-185 {width: 185px; overflow: hidden;}
.width-180 {width: 180px; overflow: hidden;}
.width-175 {width: 175px;  overflow: hidden;}
.width-170 {width: 170px; overflow: hidden;}
.width-165 {width: 165px; overflow: hidden;}
.width-160 {width: 160px; overflow: hidden;}
.width-155 {width: 155px; overflow: hidden;}
.width-150 {width: 150px; overflow: hidden;}
.width-145 {width: 145px; overflow: hidden;}
.width-140 {width: 140px; overflow: hidden;}
.width-135 {width: 135px; overflow: hidden;}
.width-130 {width: 130px; overflow: hidden;}
.width-125 {width: 125px; overflow: hidden;}
.width-120 {width: 120px; overflow: hidden;}
.width-115 {width: 115px; overflow: hidden;}
.width-110 {width: 110px; overflow: hidden;}
.width-105 {width: 105px; overflow: hidden;}
/*.width-100 {width: 100px; overflow: hidden;}*/
.width-95 {width: 95px; overflow: hidden;}
.width-90 {width: 90px; overflow: hidden;}
.width-85 {width: 85px; overflow: hidden;}
.width-80 {width: 80px; overflow: hidden;}
.width-75 {width: 75px; overflow: hidden;}
.width-70 {width: 70px; overflow: hidden;}
.width-65 {width: 65px; overflow: hidden;}
.width-60 {width: 60px; overflow: hidden;}
.width-55 {width: 55px; overflow: hidden;}
.width-50 {width: 50px; overflow: hidden;}
.width-45 {width: 45px; overflow: hidden;}
.width-40 {width: 40px; overflow: hidden;}
.width-35 {width: 35px; overflow: hidden;}
.width-30 {width: 30px; overflow: hidden;}
.width-25 {width: 25px; overflow: hidden;}
.width-20 {width: 20px; overflow: hidden;}
.width-18 {width: 18px; overflow: hidden;}
.width-16 {width: 16px; overflow: hidden;}
.width-15 {width: 15px; overflow: hidden;}
.width-14 {width: 14px; overflow: hidden;}
.width-13 {width: 13px; overflow: hidden;}
.width-12 {width: 12px; overflow: hidden;}
.width-11 {width: 11px; overflow: hidden;}
.width-10 {width: 10px; overflow: hidden;}
.width-9 {width: 9px; overflow: hidden;}
.width-8 {width: 8px; overflow: hidden;}
.width-7 {width: 7px; overflow: hidden;}
.width-6 {width: 6px; overflow: hidden;}
.width-5 {width: 5px; overflow: hidden;}
.width-4 {width: 4px; overflow: hidden;}
.width-3 {width: 3px; overflow: hidden;}
.width-2 {width: 2px; overflow: hidden;}
.width-1 {width: 1px; overflow: hidden;}

.a-cust {color: #000000; font-weight: bold;}
.a-cust:visited { color: #000000; }
.a-cust:hover { color: #000000; }
.a-cust:focus { outline: thin dotted; }
.a-cust:hover, a:active { outline: 0; }

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

.ui-front {
    z-index: 12000;
}

#main #main-content #report-content .gridStyle .table .td {
    font-size: 10px;
}
.margin-left-35 { margin-left: 35px !important;}
.margin-left-30 { margin-left: 30px !important;}
.margin-left-25 { margin-left: 25px !important;}
.margin-left-20 { margin-left: 20px !important;}
.margin-left-15 { margin-left: 15px !important;}

.margin-top-10 {margin-top: 10px !important;}
.margin-top-5 {margin-top: 5px !important;}
.margin-top-3 {margin-top: 3px !important;}

.margin-right-20{margin-right:20px !important;}
.margin-right-25{margin-right:25px !important;}
.margin-right-30{margin-right:30px !important;}

.margin-bottom-10 {margin-bottom: 10px !important;}
.margin-bottom-5 {margin-bottom: 5px !important;}
.margin-bottom-3 {margin-bottom: 3px !important;}

.height-266 {height:266px !important;}

.nav-pills-quote {padding-bottom: 3px;}

.fa-plus-circle{
    color: #007934;
    cursor:pointer;
}

.fa-minus-circle{
    color: #E13300;
    cursor:pointer;
}

header #sub-nav-container .navbar-nav .list-inline > li > a {
    color: #cccccc;
    padding: 5px 10px 11px;
    float: none;
    line-height: 19px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

header #sub-nav-container .navbar-nav .list-inline > li > a.active {
    color: #fb910c;
}

/** {
    box-sizing: content-box;
}*/
*:before, *:after {
    box-sizing: content-box;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color:#003366;
}

h4 {
    font-size: 14px;
    line-height: 18px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    display: inline-block;
    /*height: 20px;
    padding: 4px 6px;*/
    margin-bottom: 9px;
    font-size: 14px;
    /*line-height: 20px;*/
    color: #555555;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#topwarning{
    padding: 5px;
    margin-bottom: 45px;
    border: 1px solid transparent;
    border-radius: 0px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: -170px;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    float: left !important;
}

.dropdown-submenu:hover .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: block;
    float: right;
    width: 0;
    height: 0;
    margin-top: 5px;
    margin-right: -10px;
    border-color: transparent;
    border-left-color: #cccccc;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
}

.dropdown-submenu:hover > a:after {
    border-left-color: #ffffff;
}

.dropdown .dropdown-menu .nav-header {
    padding-right: 20px;
    padding-left: 20px;
}

.dropdown-menu > li > a {
    font-weight: normal;
    font-size: 12px;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 39%;
}

tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

.col-xs-2-5 {
    width: 16.12%;
    float:left;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.col-xs-2-22 {
    width: 22%;
    float:left;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.modal.in .modal-dialog {
    transform: none;
}



.no-padding{
    padding: 0;
}

#changeCountry{
    margin-top: 15%;
    margin-left: 45%;
}


.input-group-addon {
    padding: 6px 6px 6px 12px;
    line-height: .5px;
}
/*
* End of Datetimepicker CSS
*/

.padding-top-28
{
    padding-top: 28px;
}

.required
{
    color:#d43f3a;
}

a.btn-success, a.btn-danger, a.btn-warning{
    color:#ffffff;
}


.col-md-half {
    width: 4.15%;
}
.col-md-half {
    float: left;
}
.col-md-half {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.panel-heading a:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";    
    float: right; 
    color: grey; 
}
.panel-heading a.collapsed:after {
    content: "\e080";
}

.panel-primary .panel-heading a:after {
    color: #FFFFFF;
}

.group_products {
    width:108px; 
    font-weight:bold; 
    margin-bottom: 6px; 
    margin-top:-10px;
}

#enrollment-form-inner fieldset legend { 
    border: 0 none; 
    margin-bottom: 5px; 
    font-size: 16px; 
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: bold;
    padding: 0; width: auto;
}


legend {
  padding: 0;
  display: table;
}
fieldset {
  border: 0;
  padding: 0.01em 0 0 0;
  margin: 0;
  min-width: -webkit-min-content;
}
body:not(:-moz-handler-blocked) fieldset {
  display: table-cell;
}

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

.btn:focus {
    color:#ffffff;
}

.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
    background: none repeat scroll 0 0 #FFCFCC;
    color: #777777;
    cursor: not-allowed;
}

.news .well-header #nav-container .navbar {
    min-height: 0px;
}

.enrollment_form_trip_dates
{
    padding-left: 8px;
    padding-right: 8px;
}
#main #main-content #enrollment-form-div input, #main #main-content #enrollment-form-div select {
    border-top: 1px solid #B2B2B2;
    border-left: 1px solid #B2B2B2;
    border-bottom: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
    padding: 3px;
    font-size: 12px;
    color: black;
    height: 20px;
    line-height: 20px;
    outline-color: #DDECFD;
    float: left;
}

.traveler_line {
    border: 0 none;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    margin-bottom: 5px;
    padding: 0;
    width: auto;
    font-size: 12px !important;
    font-weight: normal !important;
}

.glyphicon-spin {
    -webkit-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

span.glyphicon-spin {
  opacity:0;
}

span.glyphicon-spin.active {
  opacity: 1;
  width: auto; /* This doesn't work, just fix for unkown width elements */
}

.has-spinner.btn-mini.active .spinner {
    width: 10px;
}

.has-spinner.btn-small.active .spinner {
    width: 13px;
}

.has-spinner.btn.active .spinner {
    width: 16px;
}

.has-spinner.btn-large.active .spinner {
    width: 19px;
}

.row.pad-five {
  margin-right:0;
  margin-left:0;
}
.row.pad-five > [class*='col-'] {
  padding-right:2px;
  padding-left:2px;
}

#quote-content .modal-content
{
    box-shadow: none;
    border: 0px;
}
#container {
    min-width: 980px;
}

#content-secondary ol
{
    font-size: 14px;
    line-height: 16px;
}

.tooltip-arrow,
.blue-tooltip + .tooltip > .tooltip-inner {background-color: #003366;}
.blue-tooltip + .tooltip.top > .tooltip-arrow {background-color: #003366;}

.allocation_over_max
{
    background-color: #F7CDCD;
    border-color: #D10C0C;
}

form.ng-submitted .ng-invalid {
    border-color: red;
    border-width: 2px;
}

.errors {
    font-size:smaller;
    color:red;
}

.txt_underline {
    text-decoration: underline;
}

.txt_14px {
    font-size: 14px;
    line-height: 16px;
}

.traveler_div_borders
{
    border: #EDE8E8 1px solid;
    padding: 10px;
}

.green-check
{
    color: #008000;
}

#same_info_div_1
{
    display: none;
}
#enrollment-side-div
{
    position:absolute;
    top:44px;
    width: 95%;
    margin-bottom: 20px;
}

.fg-city-state { display:none; }

#enrollment_summary_div
{
    background-color: #F4F6F8;
    border-radius: 0px;
}
.loader-img {
    background: url("/images/wait16.gif") no-repeat center center !important;
}
.panel-default > .panel-heading {
    background-color: #F4F6F8;
    border-color: #171717;
    color: #171717;
}

.breadcrumb
{
    background-color: #D6D6D6;
}

.trav_indent
{
    padding-left: 30px;
}

.cost_indent
{
    padding-left: -30px;
}

.greyTabs
{
    background-color: #E8E8E8;
    border-right: 1px #ffffff solid;
    border-left: 1px #ffffff solid;
    color: #000000 !important;

}

.panel
{
    border-radius: 0px;
}

/*.bootstrapped .btn.focus, .bootstrapped .btn:focus, .bootstrapped .btn:hover {
    color: #ffffff;
}*/

.agent_dashboard_font
{
    font-size: 13px;
}

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

.ngTotalSelectContainer
{
    display: none;
}

.gridStyle {
    border: 1px solid rgb(212,212,212);
    height: 400px
}

.bootstrapped ol, .bootstrapped ul {
    margin-bottom: 0px;
    margin-top: 0;
}

.agent_name
{
    padding-right: 125px !important;
    font-size: 1.1em !important;
}

.navbar-tm-default
{
    border: none;
    background-color: transparent;
    margin-bottom: 0px;
}

.agent_dashboard_grey
{
    background-color: #E8E8E8;
    font-size: 1.15em;
    padding: 5px 0 5px 0;
}

.ngGroupPanel
{
    background-color: #D6D6D6 !important;
    border-bottom: #000000 solid 1px !important;
}

.ngHeaderText
{
    background-color: #E8E8E8 !important;
}

blockquote p, blockquote h4
{
    font-style: normal;
}

/*.lrg_font
{
    font-family: Verdana;
    font-size: 1.2em;
}
*/

.bootstrapped
{
    font-family: 'Roboto', 'Verdana', 'Arial', sans-serif;
}
.bootstrapped .navbar-default
{
    height:auto;
    background-color: transparent;
    border-color: transparent;
}
/*.bootstrapped .navbar-default .navbar-nav > li > a {
    color: #000000;
}*/

.normal_pay input:required,
.normal_pay select:required,
#card-date-div input:required,
#card-date-div textarea:required,
#card-date-div select:required
{
    border-color: #D66673 !important;
	padding-right:1px !important;
    padding-left:1px !important;
}

.normal_pay input:valid,
.normal_pay select:valid,
#card-date-div input:valid,
#card-date-div textarea:valid,
#card-date-div select:valid
{
    border-color: #cccccc !important;
	padding-right:1px !important;
    padding-left:1px !important;
}

.navbar-brand
{
    height: auto;
    padding: 1px !important;
}

.modal-backdrop {
    background-color: #000000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99998 !important;
}

.modal {
	z-index: 99999;
}

.bootstrapped .navbar
{
    position: static !important;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.inputNoBorderNoBox
{
    border: none !important;
    background-color: #FFFFFF !important;
    box-shadow: none !important;
}

input[readonly]
{
    background-color: #DBD9D9;
    cursor: not-allowed !important;
    pointer-events: none;
}

.expire_date
{
    padding-right:1px !important;
    padding-left:1px !important;
}

.ui-grid-header-cell-wrapper{
    height: 50px;
}

/* Single Address Enrollment (SAE) form */
.single-address #added_travelers,
.single-address #trip_information,
.single-address #optional_coverages,
.single-address #qq-add-remove,
.single-address #form-submit-btn {
    display:none;
}
/* begin: Address Auto Fill (AAF)  */
legend.faux-head {
    font-size: 16px;
    margin-bottom:0;
}
.aaf-lookup,
.aaf-freeform {
    transition:all 0.75s;
    max-height:200px;
}
.aaf-lookup.aaf-hide,
.aaf-freeform.aaf-hide {
    max-height: 0;
    overflow: hidden;
}
#cont-button:focus {
    -webkit-box-shadow: 0px 0px 10px -2px rgba(28,148,210,1);
    -moz-box-shadow: 0px 0px 10px -2px rgba(28,148,210,1);
    box-shadow: 0px 0px 10px -2px rgba(28,148,210,1);
}
.address-wrap {
    background-color:#f5f5f5;
    padding: 2% 4% 0;
    transition:all 1s ease-in;
}
span.input-comment {
    color:#1C94D2;
    cursor:pointer;
    display:block;
    font-size:11px;
    font-style: italic;
    text-align: right;
}
#cont-button {
    margin-top:20px;
}
#cont-button {
    margin-top:20px;
}
#cont-button[disabled] {
    background-color:#ccc !important;
    color:#777;
    border:1px solid #ccc !important;
}

/* end: AAF */