/**
 *    This is a general style to be used on top of foundation.css v6
 *
 * -----------------------------------------------------------------------------------
 * Ticket Comments
 * -----------------------------------------------------------------------------------
 * RJV01    06/12/2014  135714  Insure Your Home Today transition page
 * RJV02    06/26/2014  136173  PQ-Property Address Edits for Address Entry
 * JDF01    11/19/2015          Added and copied from 3.2.5 not fully tested.         
 * -----------------------------------------------------------------------------------
 *
 */
 
body { color: #333333; background: #fffded; }

h1 { font-size: 26px; font-weight:normal; color:#154995;}
h2 { font-size: 24px; font-weight:normal; color:#333333;}
h3 { font-size: 20px; font-weight:normal; color:#154995;}
h4 { font-size: 18px; color:#333333;}
h5 { font-size: 16px; color:#333333;}
h6 { font-size: 14px; font-weight:normal; color:#333333; }
.compact-header { margin-top: 5px; margin-bottom: 5px; }

label { color: #333333; cursor: auto;}

hr.grey  {height: 1px; color: #C8C8C8; background-color: #C8C8C8; border: none;}
hr.beige{height: 1px; color: #F2ECE0; background-color: #F2ECE0; border: none;}

select.auto-width { width: auto; max-width: 100% }
input.auto-height { height: auto; }

.small-font { font-size:11px; }
.bold-font { font-weight:bold; }
.italic-red-font { font-style: italic; color: red; }

.align-top { vertical-align: top; }
.nobr { white-space: nowrap; }
/* Panels ---------------------- */
.panel { background: white; border: 2px solid #bab4ab; padding: 5px; color: #333333; overflow:hidden; }
.panel a { color: #154995; }
.panel .button{ color: white; }
.panel-label { background: #bab4ab; border: 2px solid #bab4ab; padding: 5px 5px; color:white; font-weight:bold;}
.panel.callout { background: #e2edf3; color:#333333; border:none; box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.5); }
.panel.callout a { color: #154995; font-weight: bold; }
.panel.callout .button:hover, .panel.callout .button:focus { background-color: #ee6d00; text-decoration:none; }
.panel.callout .button {background:#ee6d00; color: white; border: 1px solid #ee6d00;}
.panel.no-border { border: none; padding: 0; margin-bottom: 12px; }

/* Accordion ---------------------- */
ul.accordion > li > div.title { color:#333333; }
ul.accordion > li.active .title { color:#333333; }
ul.accordion { margin: 0 0 0 0; }
ul.accordion > li > div.title:after { border-color: transparent #333333 transparent transparent; position: absolute; right: 15px; top: 11px; }
ul.accordion > li.active .title:after { border-color: #333333 transparent transparent transparent; }
ul.accordion > li > div.title { background: white; padding-top:5px; padding-bottom:5px; }
ul.accordion > li.active .title { background: white; padding-top:3px; padding-bottom:5px; }
ul.accordion.left-side-arrow > li > div.title:after { border-color: transparent transparent transparent #333333; position: absolute; left: 10px; top: 11px; }
ul.accordion.left-side-arrow > li.active .title:after { border-color: #333333 transparent transparent transparent; }
ul.accordion.left-side-arrow > li > div.title { padding-left:30px; }
ul.accordion.as-panel { margin-bottom: 22px; }

/* Errors ---------------------- */
.error select, select.error, .error select:focus, select.error:focus { border-color: #ee6d00; background-color: rgba(238, 109, 0, 0.1); }

.error select:focus, select.error:focus { outline-color: #ffbe88; }



/* Tables ---------------------- */
table { border-collapse: collapse; border: 2px solid #bab4ab; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px;}
table thead{ background: #bab4ab; }
table thead tr th {color:white; }
table tbody tr { background: white; }
table tbody tr:nth-child(even) { background: #e2edf3; }
table tbody tr:nth-child(odd) { background: white; }
table tbody tr td { padding: 5px 10px; }

.basicTable { border-collapse: separate; }
.basicTable tbody tr:nth-child(even) { background: white; }
.basicTable tbody tr:nth-child(odd) { background: white; }
.basicTable thead tr th { border: none; }
.basicTable tbody tr td { padding-right:0; padding-left:3px; border: none; }
.basicTable.transparent { border:none; background:none; }
.basicTable.transparent  tbody tr { background:none; }
.basicTable.transparent tbody tr:nth-child(odd) { background: none; }

/* Links ---------------------- */ /* BLD133018 */
a { text-decoration: underline; }
a:hover { color: #154995; text-decoration: none; }
a:visited { color: #20407e; }
.linkStyle { color: #154995; text-decoration: underline; line-height: inherit; }
.linkStyle:hover { text-decoration: none; cursor: pointer; }
.hover-pointer:hover { cursor: pointer; }

/* Nav Bar ---------------------- */
.nav-bar { margin-top: 2px; margin-bottom:30px; background-image: url('../img/blue_gradient.png');}
.nav-bar > li:hover { background: #154995; }
.nav-bar > li.has-flyout > a:first-child { padding-right: 20px; }
.nav-bar > li.has-flyout > a:first-child:after { border-color: transparent transparent transparent transparent; }
.nav-bar > li > a, .nav-bar > li > span { color: white; }
.nav-bar > li > span:first-child { position: relative; padding: 0 20px; display: block; text-decoration: none; font-size: 14px; }
.nav-bar a.active { background:#154995; }

.creditcard-disclaimer { padding-top:40px;  font-size:0.8em; }
.creditcard-disclaimer img{ padding-top:5px;}

.button{ background:#ee6d00; border: 1px solid #ee6d00; border-radius: 3px; padding: 5px 10px;}
.button:hover, .button:focus { background-color: #ee6d00; text-decoration:none; }
.button:visited { color:white; }
.button { margin-right:2px;}

.row .leftColumn { width: 20%; padding-left: 0px; }
.row .primaryColumn { width: 60%; }
.row .primaryColumn.wide { width: 80%; }
.row .rightColumn { width: 20%; padding-right: 0px; }
@media only screen and (max-width: 767px) {
    .row .leftColumn { padding-left: 12px; }
    .row .primaryColumn { padding: 0 12px; }
    .row .rightColumn { padding-right: 12px; }
}
@media only screen and (max-width: 940px) {
    .rightColumn ul.accordion > li > div.title { padding-left:5px; padding-right:2px; }
    .rightColumn ul.accordion > li > div.content { padding-left:5px; padding-right:2px; }
    .rightColumn ul.accordion > li > div.content ul li a { font-size:12px; }
    .rightColumn ul.accordion > li > div.title:after { position: absolute; right: 5px; top: 11px; }
}

.bold-column2 tr > td:first-child + td { font-weight: bold;}

.center { text-align:center; }

.noticeBox { padding:10px; border-style: solid; border-color:#bab4ab; border-width: 1px 1px 1px 15px; margin: 10px 0;}
.noticeBox.alert { padding:10px 20px; border-color: #ee6d00; }
.pageErrorPanel { margin-bottom:25px; }

div.alert-box.alert { background-color: #c00000; color: white; }
div .alert-box.alert .linkStyle
{
    color:white;
    text-decoration:underline;
}
div.alert-box.secondary { background-color: #e8e8e8; color: #333333; }
div.alert-box.warning { background-color:#DDDDDD; color:#333333; text-shadow:0 -0px rgba(0, 0, 0, 0.0); }




::-webkit-input-placeholder { color:#c8c8c8 !important; }
/* RJV02 ::-moz-placeholder { color:#FF0000 !important; }*/
:-ms-input-placeholder { color:#c8c8c8 !important; }

.arrowNav { color:#333333; font-size:150%; padding-left:10px; }
.arrowNav:hover, .arrowNav:visited, .arrowNav:focus  { color: #333333; }

/* Footer ---------------------- */
.footer-panel { margin-top:30px; background:#fffcdd; border-top: 5px solid #ece8c5; border-right: 2px solid #ece8c5; border-left: 2px solid #ece8c5; padding: 0;}
.footer-panel .top { padding:5px 5px 0 5px; }
.footer-panel .bottom { background: #ece8c5; }
.footer-panel .bottom .copyright { padding-top:10px }
.footer-panel ul.footer-links { margin: 0; display: inline-block; }
.footer-panel ul.footer-links li { display: block; float: left; }
.footer-panel ul.footer-links li a { padding-right: 12px;}
.footer-panel p.copyright { margin: 6px 0 0; }
.footer-panel ul.footer-img-links { display: block; float: right; margin-bottom: 8px; }
.footer-panel ul.footer-img-links li { list-style: none; display: block; float: left; margin-left: 10px; }
.footer-panel ul.footer-img-links li:first-child { margin-left: 0; }
.footer-panel ul.footer-img-links li a { display: block; }
@media only screen and (max-width: 767px) {
    .footer-panel { text-align: center; }
    .footer-panel .columns { padding: 0; }
    .footer-panel ul.footer-links { margin: 16px 0 10px; }
    .footer-panel ul.footer-img-links { float: none; }
    .footer-panel ul.footer-img-links li { display: inline; float: none; margin-left: 0px; }
    .footer-panel ul.footer-img-links li a { display: inline; }
    .footer-panel ul.footer-img-links li > div { display: inline-block !important; }
}
@media only screen and (max-width: 767px) {
    .footer-panel p.copyright { margin-bottom: 20px !important; }
}
@media only screen and (max-width: 320px) {
    .footer-panel ul.footer-links li a { font-size: 11px; }
}

/* Alternate Footer ---------------------- */
html, body { height: 100%; }
.page-wrap { min-height: 100%; margin-bottom: -120px; padding-bottom:30px; }
.page-wrap:after { content: ""; display: block; height: 120px; }
.sticky-footer {  border-top: 5px solid #ece8c5; background:#fffcdd; }
.sticky-footer .top { padding:5px 5px 0 5px; height:77px; background:#fffcdd; }
.sticky-footer .bottom { background: #ece8c5; height:35px; }
.sticky-footer .bottom .copyright { padding-top:10px }
.sticky-footer ul.footer-img-links { display: block; float: right; margin-bottom: 8px; }
.sticky-footer ul.footer-img-links li { list-style: none; display: block; float: left; margin-left: 10px; }
.sticky-footer-small { height: 120px; text-align: center; background: #fffcdd; border-top: 5px solid #ece8c5;}
.sticky-footer-small ul.footer-links { margin: 0; display: inline-block; padding-top:5px;}
.sticky-footer-small ul.footer-links li { display: block; float: left; }
.sticky-footer-small ul.footer-links li a { padding-right: 12px;}

.no-bullet.no-margin { margin: 0px;}
.no-bullet.small-font li { line-height: normal; font-size:11px; margin-bottom: 8px; }

/* Modals ---------------------- */
.reveal-modal-bg { background: rgba(0, 0, 0, 0.7); }
.reveal-modal.coverScreen { padding: 0px; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-align: center; }
.reveal-modal.coverScreen .text { font-weight: bold; color: white; margin-top: 5px; }
.reveal-modal.largerFixed { margin-left: -384px; width: 768px; }
@media only screen and (max-width: 767px) {
    .reveal-modal.largerFixed { width: 92%; top: 15px; left: 50%; margin-left: -46%; padding: 10px; height: auto; }
}

@media only screen and (max-width: 767px) {
    .mobile-center { text-align:center; }
}

.absolute-bottom-right { position: absolute; bottom: 0; right: 0; text-align: right; }

hr.compact { margin-top:2px; margin-bottom:5px; }

.superscript { vertical-align:super; font-size:9px;}

.redtext { color: red; }
.greentext { color: green; }

/* Inbox ---------------------- */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next { height: 19px; width: 19px; margin-left: 0px; float: left; }
.paginate_disabled_previous { background-image: url('../img/nav_back_disabled.jpg'); }
.paginate_enabled_previous { background-image: url('../img/nav_back_enabled.jpg'); cursor: pointer; }
.paginate_disabled_next { background-image: url('../img/nav_forward_disabled.jpg'); margin-right: 10px; }
.paginate_enabled_next { background-image: url('../img/nav_forward_enabled.jpg'); cursor: pointer; margin-right: 10px; }

.dataTables_length select { width:auto; height:24px; }
.dataTables_filter input[type="text"] { width:auto; display:inline; margin-bottom:4px; height:24px; padding: 0px 6px;}
.dataTables_filter { float:right; }

.inboxTable tbody tr:nth-child(odd) { background: white; }
.inboxTable tbody tr:nth-child(even) { background: white; }
.inboxTable { width:100%; margin-bottom:4px; }

.userInputForm select{ width:100%; height:100%; }
.userInputForm.collapseSelect select { width:auto; max-width:100%; height:24px; }
.userInputForm input[type="text"], .userInputForm input[type="password"] { display:inline; margin:0; height:24px; padding:0px 6px; }
.userInputForm label.inline { line-height:20px; }
.userInputForm label.inline.radio { display:inline-block; margin-bottom:11.25px; line-height:19px; }
.userInputForm label.inline.short {margin-bottom : 6px}
.userInputForm .row.no-label{ margin-bottom:8px !important; }

@media only screen and (max-width: 767px) {
    .shrinkFont-for-small * { font-size: 95%; }
    .button { display: inline; }
    button.button, input[type="submit"].button, input[type="button"].button, input[type="reset"].button { width: auto; margin-bottom: 5px; }
}
input[type="submit"].button { padding: 5px 10px; }

.detailedList {  margin-left:20px; margin-bottom:0;}
.detailedList li { margin-bottom: 8px; line-height:normal; }

.alert-banner { color:#b94a48; background: #f2dede; padding: 5px; }

/* Touch screen -- modernizr.js adds the touch class to the html body for touch devices ------------------- */
@media only screen and (max-width: 1279px) {
    .touch .row  { width:100% }
}
.touch .nav-bar > li.has-flyout > a:first-child { padding-right: 40px; }
.touch .nav-bar > li.has-flyout > a:first-child:after { border-color: #e0e0e0 transparent transparent transparent; }

.header-top-row { padding: 10px 0; }

.line-height-normal { line-height: normal; }

.disabledTab { background: #c0c0c0; }
.disabledTab a:hover { background: #c0c0c0; }
.nav-bar > .disabledTab:hover { background: #c0c0c0; }

input[type=submit].arrow , input[type=button].arrow{
    height: 22px; color: #EE6D00; font-family: Arial Black, Arial, Helvetica, sans-serif;
    padding: 0px 23px 0px 0px; border: none;
    background-image: url('../img/button-arrow.gif');
    background-repeat: no-repeat; background-position: right;  background-color: transparent;
    cursor: pointer;
}
input[type=button].arrow.back{
    background-image: url('../img/button-arrow-back.gif');
    padding: 0px 0px 0px 23px;
    background-position: left;
}
input[type=submit].arrow[disabled] , input[type=button].arrow[disabled]{
    height: 22px; color: gray; font-family: Arial Black, Arial, Helvetica, sans-serif;
    padding: 0px 23px 0px 0px; border: none;
    background-image: url('../img/button-arrow-disabled.gif');
    background-repeat: no-repeat; background-position: right;  background-color: #FFFFFF; cursor: default;
}

/* Tabs ---------------------- */
.tabs { border-bottom: 1px solid #e8e8e8; border-top: none; border-right: none; margin-bottom: 0px; height: 42px;} 
.tabs li { background: #e8e8e8; }
.tabs-title a { font-size:14px; text-decoration: none; padding: 1.0em 1.25em; }
.tabs li.is-active a { color: #333333; background: #fff; font-weight: bold; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8;  }
.tabs li.is-active, .tabs-content.is-active { border-top: 3px solid #154995; margin-top: -3px; }
.tabs-content { margin-bottom: 20px; }
.tabs-content a { color: #154995; }

.selectable-row { background: #e2edf3; box-shadow: 3px 3px 5px #ccc; -moz-box-shadow: 3px 3px 5px #ccc; -webkit-box-shadow: 3px 3px 5px #ccc; padding: 10px 5px; }
.selectable-row:hover { cursor: pointer; background-color: white; box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.5); }

.dataList .row { padding-bottom:10px; }
.dataList > :last-child { padding-bottom:0px; }

/* Breadcrumbs ---------------------- */
.breadcrumbs { display: block; background: #d5d5d5; padding: 6px 10px 7px; border: 1px solid #c8c8c8; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; overflow: hidden; margin-left: 0; }
.breadcrumbs .disabled { color: #999; }
/* Small screen Misc. ---------------------- */
.hide-for-small-inline-block { display:inline-block !important; }
.show-for-small-inline-block { display:none !important; }
@media only screen and (max-width: 767px) {
    .hide-for-small-inline-block { display:none !important; }
    .show-for-small-inline-block { display:inline-block !important; }
    
    .row .mobile-oneThird { width: 33% !important; float: left; padding: 0 15px; }
    .row .mobile-oneThird:last-child { float: right; }
    .row .mobile-oneThird.end { float: left; }
    .row.collapse .mobile-oneThird { padding: 0; }
    .row .mobile-twoThirds { width: 67% !important; float: left; padding: 0 15px; }
    .row .mobile-twoThirds:last-child { float: right; }
    .row .mobile-twoThirds.end { float: left; }
    .row.collapse .mobile-twoThirds { padding: 0; }
    
    .row .mobile-oneEighth { width: 12.5% !important; float: left; padding: 0 15px; }
    .row .mobile-oneEighth:last-child { float: right; }
    .row .mobile-oneEighth.end { float: left; }
    .row.collapse .mobile-oneEighth { padding: 0; }
    .row .mobile-threeEighths { width: 37.5% !important; float: left; padding: 0 15px; }
    .row .mobile-threeEighths:last-child { float: right; }
    .row .mobile-threeEighths.end { float: left; }
    .row.collapse .mobile-threeEighths { padding: 0; }
    .row .mobile-fiveEighths { width: 62.5% !important; float: left; padding: 0 15px; }
    .row .mobile-fiveEighths:last-child { float: right; }
    .row .mobile-fiveEighths.end { float: left; }
    .row.collapse .mobile-fiveEighths { padding: 0; }
    .row .mobile-sevenEighths { width: 87.5% !important; float: left; padding: 0 15px; }
    .row .mobile-sevenEighths:last-child { float: right; }
    .row .mobile-sevenEighths.end { float: left; }
    .row.collapse .mobile-sevenEighths { padding: 0; }
    
    .userInputForm label.inline { margin-bottom:0; }
    .userInputForm .row{ padding-bottom:10px; }
    .userInputForm .row.no-label,
    .userInputForm label.inline.radio { margin-bottom: 0 !important; }
    
    html, body { height: auto; }
    
    .boldFont-for-small { font-weight: bold; }
}

/* Don't use native buttons on iOS */
input[type=button].button { -webkit-appearance: none; }

/* Fixed widths that are useful when you have more than one input field in a row (e.g. Date or Phone Number entry) */
/* The extra 0.666 em's is to account for the 6px left/right padding on input["text"] fields */
.fixedWidth-2 { width: 2.666em !important; }
.fixedWidth-3 { width: 3.666em !important; }
.fixedWidth-4 { width: 4.666em !important; }

@media print{
    .nav-bar, .footer-panel { display: none; }
    a:link:after, a:visited:after { content: ""; }
    .show-for-print-inline { display: inline !important; }
}

/* Table display can be useful when you want side-by-side divs that maintain the same height */ /* RJV01-BLD135714 */
.table-row { display: table; width: 100%; }
.table-2-col { display: table-cell; width: 47.5%; }
.table-3-col { display: table-cell; width: 30%; }
.table-col-separator { width: 5%; }

@media only screen and (max-width: 767px) {
    .table-row { display: block; }
    .table-2-col, .table-3-col { display: block; width: 100%; }
    .table-col-separator { display: none; }
}
img.inline { display: inline !important; }
img.display-none {display: none !important;}
img.align-middle { vertical-align: middle; }
img.little-loader { margin-top: 3px; }
@media only screen and (max-width: 960px) {
    .shrinkFont-for-960 * { font-size: 95%; }
}
.display-none {display: none;}
.display-inline {display: inline;}
.float-right {float:right;}
.margin-top-10 {margin-top:10px;}
.loading-spinner {height: 45px;}

/* offset-by fractions of one column */
.row .offset-by-half { margin-left: 4.16667% }
.row .offset-by-third { margin-left : 2.77778% }
.row .offset-by-fourth { margin-left : 2.08333% }

/*
 * Mobile nav menu
 */
@media screen and (max-width: 768px) {
    .mobile-nav {
        position: relative;
        min-height: 40px;
    }
    .mobile-nav ul {
        width: 160px;
        position: absolute;
        border-style: solid;
        border-width: 1px 1px 0px 1px;
        border-color: #333333;
        background: #154995 url('../img/mobile-nav-menu.png') no-repeat 8px 10px;
        border-radius: 5px;
        box-shadow: 0 1px 2px rgba(0,0,0,.3);
        z-index:10
    }
    .mobile-nav li {
        display: none;
        border-style: solid;
        border-width: 0px 0px 1px 0px;
        border-color: #333333;
    }
    .mobile-nav li:last-child
    {
        border-width: 0px 0px 1px 0px;
        border-radius: 0px 0px 5px 5px;
    }
    .mobile-nav span {
        display:block;
        padding: 8px 8px 8px 32px;
        text-align: left;
        color: #FFFFFF;
    }
}

fieldset {
    background-color: inherit !important;
    border: 1px solid #cacaca;
    margin: 10px 0 10px 0;
    padding: 5.6px 10px 12px 10px;
}

fieldset legend {
    border: 0px;
    background-color: inherit !important;
    color: #4971AF;
    font-size: 90%;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 0.0;
    padding: 0.2em 0.5em !important;
    text-align: left;
}

@media screen and (min-width: 40em) {
  input.medium-1, select.medium-1 {width: 8.33333%;}
  input.medium-2, select.medium-2 {width: 16.66667%;}
  input.medium-3, select.medium-3 {width: 25%;}
  input.medium-4, select.medium-4 {width: 33.33333%;}
  input.medium-5, select.medium-5 {width: 41.66667%;}
  input.medium-6, select.medium-6 {width: 50%;}
  input.medium-7, select.medium-7 {width: 58.33333%;}
  input.medium-8, select.medium-8 {width: 66.66667%;}
  input.medium-9, select.medium-9 {width: 75%;}
  input.medium-10, select.medium-10 {width: 83.33333%;}
  input.medium-11, select.medium-11 {width: 91.66667%;}
  input.medium-12, select.medium-12 {width: 100%;}
}

@media screen and (min-width: 64em) {
  input.large-1, select.large-1 {width: 8.33333%;}
  input.large-2, select.large-2 {width: 16.66667%;}
  input.large-3, select.large-3 {width: 25%;}
  input.large-4, select.large-4 {width: 33.33333%;}
  input.large-5, select.large-5 {width: 41.66667%;}
  input.large-6, select.large-6 {width: 50%;}
  input.large-7, select.large-7 {width: 58.33333%;}
  input.large-8, select.large-8 {width: 66.66667%;}
  input.large-9, select.large-9 {width: 75%;}
  input.large-10, select.large-10 {width: 83.33333%;}
  input.large-11, select.large-11 {width: 91.66667%;}
  input.large-12, select.large-12 {width: 100%;}
}

.loading-screen-cover { display: none; position: fixed; z-index: 9999; top: 0; left: 0; height: 100%; width: 100%;
  background: rgba(10, 10, 10, 0.45);
}
body.loading { overflow: hidden; }
body.loading .loading-screen-cover { display: block; }

ul.align-inside,
ol.align-inside,
dl.align-inside {list-style-position: inside;}

.clickable-panel {
	border: 1px dotted #bab4ab;
	margin-bottom: 20px;
	padding: 5px;
	cursor: pointer;
}
.clickable-panel:hover {
	background-color: rgba(200, 200, 200, 0.4);
}
.clickable-panel.selected {
	background-color: #eaeaea;
	border: 1px solid #bab4ab;
}
.clickable-panel .check-mark-fa {
	color: #154995;
	display: none;
}
.clickable-panel .check-mark-fa.active {
	display: block;
}