/*** Formidable Styles ***/

/*
 * hide the error message and change the color on the submit checkbox for price recalculation
 */
.frm_error_style { display: none; }
#frm_checkbox_554-0>label { color: #000 !important; }

/*
 * quote total fields
 */
.frm_forms .frm_total input[type=text] { box-shadow: none !important; }
#frm_field_560_container .frm_total { /*width: 188px !important;*/ width: 350px !important; }
#frm_field_560_container .frm_total label { width: 150px !important; float: left !important; }
#frm_field_560_container .frm_total input { width: 150px !important; float: left !important; box-shadow: none !important; }
#frm_field_560_container .frm_total span { float: left; padding-right: 5px; }
#frm_field_560_container .frm_description { width: 10px; display: inline; }
/* grand total field */
#frm_field_560_container #frm_field_285_container { background-color: #fff; padding-top: 8px; border-top: 1px solid black; }
#frm_field_560_container #frm_field_285_container label,
#frm_field_560_container #frm_field_566_container label{ padding-top: 3px !important; padding-left: 5px !important; font-size: 16px !important; }
#frm_field_560_container #frm_field_285_container input,
#frm_field_560_container #frm_field_566_container input{ font-size: 16px !important; font-weight: 700 !important; }

/*
 * Improve the readability of the repeating sections
 */

/* section headings */
.frm_section_heading>h3 { background-color: #eee; }
/* repeating sections */
.frm_repeat_sec { margin: 35px 0px !important; padding-top: 10px; }
/* even repeating sections */
.frm_repeat_sec:nth-child(even) { background-color: #f6f6f6; }
/* .frm_indent class that can be applied to fields */
/*#frm_field_85_container .frm_form_field.frm_indent { margin-left: 20px; }*/


    /*
     * Misc
     */


#frm_field_368_container { border: 1px solid #eee; }
#frm_field_368_container input { margin-left: 30px; }


/*
 * Copied from Dynamik style field
 */

/*** Misc styles ***/

.home .portal-links a { font-size: 20px; border-width: 0px !important; }
.nav-primary .menu-item a { padding-top: 13px; }

.go-back { display: inline-block; margin-top: 50px; padding: 3px 15px; background-color: #ddd;
    border: 1px solid #333; color: #333 !important; font-family: 'Roboto',sans-serif;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.go-back:hover { background-color: #eee; }

.form-entry { width:45%; margin: 0 40px 40px 0; float:left; border-bottom: 0px #000 solid; }
.form-entry .form-name { height: 64px; background-color: #fff; padding: 15px 0 0 80px; font-size: 20px;
    background: transparent url('/wp-includes/images/media/document.png') top left no-repeat; }
.form-entry .form-description { height:200px; }
.form-entry .form-description a { display: block; margin-bottom: 10px; }
.form-entry br { display: none; }

/*
@media print {
    .site-header, .nav-primary, .go-back, .print-quote, .site-footer { display: none !important; }
    body, table { position: relative !important; }
    body, .site-inner { background-color: #fff !important; }
    body { font-size: 1.4rem !important; line-height: 1 !important; color: #000 !important; }
    h1.entry-title { font-size: 1.75rem !important; }
    h2 { font-size: 1.5rem !important; margin: 20px 0px 10px 0px !important; }
    dt { font-weight: 500 !important; }
    table { width: 650px !important; page-break-inside: avoid !important; }
    table th { font-weight: 500 !important; border-bottom: 1px #eee solid; padding-bottom: 10px; }
    table tr td { border-width: 0px !important; }
    .form_results.frm_style_cac.with_frm_style tr td { color: #000; }
}
*/

/***
 * Quotes/Jobs
 ***/

.view-header { border-bottom: 1px solid #333; margin-bottom: 50px; }
.view-header .entry-title { display: inline-block; border-bottom-width: 0px !important; margin-right: 150px !important; margin-bottom: 20px !important; }
.view-header .create-new { display: inline-block; margin-right: 50px; }
.view-header .view-search { display: inline-block; width: 250px; float: right; margin-top: 35px; }
.view-header .view-search input { color: #000; border: 1px solid #ccc !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.view-header .view-search input[type="search"] { padding:3px; width: 180px; display: inline-block; background-color: #efefef; }
.view-header .view-search input[type="submit"] { padding: 5px 7px 7px 7px; margin-left: 5px; background-color: #fff; font-size: 14px !important; display: inline-block; }
.view-header .view-search input[type="submit"]:hover { color: #fff; background-color: #8a8ead; border-color: #ccc; }

/* Quote detail view (new)
 * Has css structure:
 *  .quote-view
 *      .quote-details
 *          .quote-info
 *          .quote-options
 *      .cabinets
 *          .cabinet
 *              .cabinet-details
 *                  .cabinet-info
 *                .cabinet-qtys
 *                  .cabinet-options
 *              .cabinet-accessories
 *                  div.frm_[evenodd] .accessory
 *              .cabinet-custom-items
 *                  div.frm_[evenodd] .custom-item
 *      .quote-other-items
 *          .qoi-accessories
 *          .qoi-custom-items
 *      .quote-notes
 */

/*** general styles ***/
.quote-view { width: 100%; max-width: 1020px; }
.quote-view h2 { font-size: 2.1rem; grid-column-start: 1; grid-column-end: 3; margin-bottom: 30px; border-bottom: 1px solid #000; }
.quote-view h3 { font-size: 1.8rem; font-weight: 500; margin: 20px 0px; padding: 10px 5px; background-color: #dedede; }
.quote-view h4 { font-size: 1.6rem; font-weight: 500; margin: 20px 0px; padding: 10px 5px; background-color: #f6f6f6; }
.quote-view dl { width: auto; }
.quote-view dt { display: inline-block; font-weight: bold; margin-right: 10px; width: 175px; }
.quote-view dd { display: inline-block; margin: 0 0 5px 0px; }
.quote-view .frm_no_entries { margin-left: 20px; }

/*** quote details (top) section ***/
.quote-view .quote-details { display: grid; width: 100%; grid-template-columns: 100%; grid-column-gap: 30px; }
.quote-view .quote-details .quote-info { width: 100%; display: grid; grid-template-columns: 50% 50%; grid-column-gap: 30px; }
.quote-view .quote-details .quote-options { width: 100%; display: grid; grid-template-columns: 50% 50%; grid-column-gap: 30px; }

/*** cabinet section (repeating) ***/
.quote-view .cabinet { margin-bottom: 50px; background-color: #fcfcfc; }
.quote-view .cabinets .cabinet-details { display: grid; width: 100%; grid-template-columns: 50% 50%; grid-column-gap: 30px; }
.quote-view .cabinets .cabinet-details .cabinet-info { grid-row-start: 1; grid-column-start: 1; grid-column-end: 2; }
.quote-view .cabinets .cabinet-details .cabinet-qtys { grid-row-start: 1; grid-column-start: 2; grid-column-end: 3; }
.quote-view .cabinets .cabinet-details .cabinet-options { grid-row-start: 2; grid-column-start: 1; grid-column-end: 3; }
.quote-view .cabinets .cabinet-details dl { margin-bottom: 5px; }
.quote-view .cabinets .cabinet h4 small { float: right; }

/*** cabinet accessories section - repeating, per-cabinet ***/
/*.quote-view .cabinets .cabinet-accessories .accessory { display: grid; width: 100%; grid-template-columns: 20% 20% 20% 20% 20%; grid-column-gap: 30px; }*/
/*.quote-view .cabinets .cabinet-accessories .accessory { }*/
/*.quote-view .cabinets .cabinet-accessories .accessory dl {  }*/
/*.quote-view .cabinets .cabinet-accessories .accessory dt { display: block; width: auto; margin-bottom: 5px; border-bottom: 1px solid #ddd; }*/
/*.quote-view .cabinets .cabinet-accessories .accessory dd { display: block; }*/

/*** cabinet custom items section - repeating, per-cabinet ***/
/*.quote-view .cabinets .cabinet-custom-items { display: grid; width: 100%; grid-template-columns: 100%; grid-column-gap: 30px; grid-template-rows: auto; }*/
/*.quote-view .cabinets .cabinet-custom-items h4 { grid-row-start: 1; grid-column-start: 1; grid-column-end: 3;}*/

.quote-view .quote-other-items { margin-bottom: 50px; }


@media print {
    .fl-builder-content-1058, .menu-responsive-toggle-mobile, .go-back, .print-quote, .fl-page-footer-wrap { display: none !important; }
    body, table { position: relative !important; }
    body { font-size: 1.4rem !important; line-height: 1 !important; color: #000 !important; }
    dt { font-weight: 500 !important; }
    table { width: 650px !important; }
    table th { font-weight: 500 !important; border-bottom: 1px #eee solid; padding-bottom: 10px; }
    table tr td { border-width: 0px !important; }
    .form_results.frm_style_cac.with_frm_style tr td { color: #000; }
    .quote-view dt { display: inline-block; font-weight: bold; margin-right: 10px; width: 100px; }
    .quote-view dl { margin-bottom: 5px; }
    .quote-view h2, .quote-view h3 { border-bottom: 1px solid #000 !important; }
    .cabinet-accessories, .cabinet-custom-items { page-break-inside: avoid !important; }
    .cabinet, .quote-other-items, .quote-notes { page-break-inside: avoid !important; }
    .quote-view .cabinet { background-color: #ffffff; }
    .cabinet h4 { background-color: #ccc; }

}






/*** Fraction Picker ***/

.fraction_wrapper { display: inline-block; margin-left: 15px; margin-right: 10px !important; width: 145px; height: 70px; }
.has_fraction_picker { display: inline-block; width: 60% !important; }
.the_fraction_picker { display: inline-block !important; float: right !important; width: 30% !important; }
/*.the_fraction_picker label { font-size: 12px !important; padding-top: 3px !important; font-weight: normal !important; color: #333 !important; text-align: center !important; }*/
.the_fraction_picker label { font-size: 11px !important; color: #ccc !important; line-height: 1.8em; }

.the_fraction_picker select { width: 100% !important; }

/*.parent-page-admin .fraction_wrapper { width: 100% !important; }*/

.fraction_wrapper .frm_form_field.frm_fourth,
.fraction_wrapper .frm_form_field.frm_fifth,
.fraction_wrapper .frm_form_field.frm_sixth,
.fraction_wrapper .frm_form_field.frm_seventh,
.fraction_wrapper .frm_form_field.frm_inline { margin-right: 0px !important; }


/*** Formidable Styles ***/

.frm_misc_button {
    display: inline-block;
    width: auto;
    padding: 6px 11px;
    font-size: 14px;
    font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif;
    color: #333 !important;
    background-color: #fff;
    border: 1px #cccccc solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.frm_cancel_button:hover {
    background-color: #efefef;
    border-color: #ccc;
    color: #444;
}


/* cabinet # field */
.frm_field_544_container { width: 75px !important; }

.frm_repeat_buttons > .frm_remove_form_row:first-child { margin-left: 125px; }

.frm_delete_list { float: right; margin-right: 10px; }
input[value="Create"] { background-color: #E6CCCC !important; color: #000 !important; }

.frm_fifth { min-width: 150px; }
.frm_primary_label { white-space: nowrap; }
.frm_description a { font-weight: normal; }

/*.parent-page-quotes .frm_form_field.frm_half,*/
.frm_form_field.frm_third,
.frm_form_field.frm_fourth,
.frm_form_field.frm_fifth,
.frm_form_field.frm_sixth,
.frm_form_field.frm_seventh { margin-left: 1%; }
.frm_form_field.frm_inline { margin-left: 1%; }

/*.parent-page-quotes .frm_form_field.frm_half { width: 44%; }*/

.frm_form_field.float_right { float: right; }

table.form_results { width: 100%; border-width: 0px !important; }
table.form_results tfoot { display: none; }
table.form_results td, table.form_results th { padding-left: 5px !important; }

.frm_no_top_line { margin-top: 0px !important; }
.frm_no_top_line h3 { border-top: 0px solid #e8e8e8 !important; padding-top: 0px !important; }
.frm_bottom_line h3 { border-top: 0px solid #e8e8e8 !important; border-bottom: 2px solid #e8e8e8 !important; padding-bottom: 10px !important; }


/* portal styles from hook box */
/*.page-login .responsive-primary-menu-container { display: none; }*/
/*.first-parent-page-portal */
.parent-pageid-47 #loginform {  width: 300px; background-color: #eee; padding: 20px; text-align: center; margin: 0 auto; border: 1px #ddd solid;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top: 50px; }
/*.first-parent-page-portal #loginform input { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px #ddd solid; }*/
/*.page-portal .site-inner, .first-parent-page-portal .site-inner { min-height: 500px; }*/
/*.page-portal .entry-title, .first-parent-page-portal h1.entry-title { border-bottom: 1px #888 solid; margin-bottom: 30px; padding-bottom: 5px; }*/