/*
 * The 4 colors from the dark and light LW logos:
 *   - The dark green: #31671B
 *   - The lighter version of the dark green: #3F7827
 *   - The darker version of the light green: #78A62A
 *   - The light green: #8BB933
 * 
 * The orange color for the links is #F36F21.
 *
 * Previously:
 * Default color is a dark green: #395232
 * Alternate/hover color is a lighter green: #9db43f
 * However, we decided that the contrast between the dark and lighter green was too much
 * so I decided to go with darkolivegreen.
 *
 * New default and alternate/hover colors:
 *   - #395232 was replaced with #31671B.
 *   - darkolivegreen was replaced with #3F7827.
 *
 * The content below is the numeric value for a minus sign. It doesn't matter which one is used
 * since we're making it transparent.
*/

.glyphicon-none:before {
    content: "\2122";
    color: transparent !important;
}

/* Note that the following sets the background color for the data tables. */
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    border-color: #31671B !important;
    background-color: #31671B !important;
}

.cursive_font {
    font: 24px 'Monotype Corsiva', Times, Serif;
    font-weight: bold;
}

.cursive_font_initials {
    font: 20px 'Monotype Corsiva', Times, Serif;
    font-weight: bold;
}

.input_box_border_error {
    border:1px solid red;
}

.home_page_title {
    text-align: center;
    color: #78A62A;
    font-size: 150%;
}

.less_padding {
    padding-left: 5px;
    padding-right: 5px;
}

.lw-home-page-heading-spacer {
    height: 60px;
}

.lw-non-home-page-heading-spacer {
    margin-top: 60px;
}

/* This style causes the glyphicon to be placed inside of the text box when a paragraph (p) element is used instead of a label. */
/* Note that a label is preferred but for the modals where entries are added dynamically, a paragraph element is less work. */
.has-feedback p~.form-control-feedback {
    top: 25px;
}

.invoice_label {
    font-weight: bold;
    padding-top: 3px;
    white-space: nowrap;
    vertical-align: top;
}

.invoice_info {
    padding-left: 5px;
    padding-top: 3px;
}

.credit_card_label {
    font-weight: bold;
    padding-top: 3px;
    white-space: nowrap;
    vertical-align: top;
}

.credit_card_info {
    padding-left: 5px;
    padding-top: 3px;
}

.echeck_label {
    font-weight: bold;
    padding-top: 3px;
    white-space: nowrap;
    vertical-align: top;
}

.echeck_info {
    padding-left: 5px;
    padding-top: 3px;
}

.trust_name{
    border: 1px solid #646464;
    font-family: inherit;
    font-size: inherit;
    padding: 1px 6px;
}

/* The following style causes the Quill email body rich text editor to have a max. height and enables the vertical scroll bar. */
.ql-editor {
  height: 400px;
  max-height: 400px;
  overflow: auto;
}

/* For these formats, see https://stackoverflow.com/questions/69649803/how-to-implement-tool-tip-in-quill-editor-toolbar. */
.ql-formats button {
    position: relative;

    /* Set a tooltip with css pseudo-elements, when buttons are hover, active or focus. */
    /* Note that these styles are repeated below. */
    &:hover::after,
    &:active::after,
    &:focus::after {
        background: #0d1e42;
        color: white;
        padding: 0.5em;
        border-radius: 0.4em;
        top: -120%;
        left: -10px;
        z-index: 999999;
        position: absolute;
        font-size: 12px;
    }
}

/* Note that these styles are repeated above and below. */
.ql-font {
    &:hover::after,
    &:active::after,
    &:focus::after {
        background: #0d1e42;
        color: white;
        padding: 0.5em;
        border-radius: 0.4em;
        top: -120%;
        left: -10px;
        z-index: 999999;
        position: absolute;
        font-size: 12px;
        content: "Font";
    }
}

/* Note that these styles are repeated above and below. */
.ql-size {
    &:hover::after,
    &:active::after,
    &:focus::after {
        background: #0d1e42;
        color: white;
        padding: 0.5em;
        border-radius: 0.4em;
        top: -120%;
        left: -10px;
        z-index: 999999;
        position: absolute;
        font-size: 12px;
        content: "Font Size";
    }
}

/* Note that these styles are MOSTLY repeated above and below. */
.ql-color {
    &:hover::after,
    &:active::after,
    &:focus::after {
        background: #0d1e42;
        color: white;
        padding: 0.5em;
        border-radius: 0.4em;
        top: -200%;
        left: -10px;
        z-index: 999999;
        position: absolute;
        font-size: 12px;
        content: "Font Color";
    }
}

/* Note that these styles are MOSTLY repeated above and below. */
.ql-background {
    &:hover::after,
    &:active::after,
    &:focus::after {
        background: #0d1e42;
        color: white;
        padding: 0.5em;
        border-radius: 0.4em;
        top: -200%;
        left: -10px;
        z-index: 999999;
        position: absolute;
        font-size: 12px;
        content: "Background Color";
    }
}

/* Note that these styles are repeated above. */
.ql-align {
    &:hover::after,
    &:active::after,
    &:focus::after {
        background: #0d1e42;
        color: white;
        padding: 0.5em;
        border-radius: 0.4em;
        top: -120%;
        left: -10px;
        z-index: 999999;
        position: absolute;
        font-size: 12px;
        content: "Align";
    }
}

.ql-bold {
    &:hover::after,
    &:active::after,
    &:focus::after {
        content: "Bold";
    }
}

.ql-italic {
    &:hover::after,
    &:active::after,
    &:focus::after {
        content: "Italic";
    }
}

.ql-underline {
    &:hover::after,
    &:active::after,
    &:focus::after {
        content: "Underline";
    }
}
.ql-strike {
    &:hover::after,
    &:active::after,
    &:focus::after {
        content: "Strikeout";
    }
}
.ql-link {
    &:hover::after,
    &:active::after,
    &:focus::after {
        content: "Hyperlink";
    }
}
.ql-blockquote {
    &:hover::after,
    &:active::after,
    &:focus::after {
        content: "Quote";
    }
}
.ql-list[value="bullet"] {
    &:hover::after,
    &:active::after,
    &:focus::after {
        content: "Bulleted List";
        top: -200%;
    }
}
.ql-list[value="ordered"] {
    &:hover::after,
    &:active::after,
    &:focus::after {
        content: "Numbered List";
        top: -200%;
    }
}

.ql-script[value="sub"] {
    &:hover::after,
    &:active::after,
    &:focus::after {
        content: "Subscript";
    }
}

.ql-script[value="super"] {
    &:hover::after,
    &:active::after,
    &:focus::after {
        content: "Superscript";
    }
}

.ql-header[value="1"] {
    &:hover::after,
    &:active::after,
    &:focus::after {
        content: "Header 1";
        top: -200%;
    }
}

.ql-header[value="2"] {
    &:hover::after,
    &:active::after,
    &:focus::after {
        content: "Header 2";
        top: -200%;
    }
}

.ql-image {
    &:hover::after,
    &:active::after,
    &:focus::after {
        content: "Image";
    }
}

.ql-indent[value="-1"] {
    &:hover::after,
    &:active::after,
    &:focus::after {
        content: "Unindent";
    }
}

.ql-indent[value="+1"] {
    &:hover::after,
    &:active::after,
    &:focus::after {
        content: "Indent";
    }
}

.ql-clean {
    &:hover::after,
    &:active::after,
    &:focus::after {
        content: "Clear";
    }
}

input, select, textarea {
    color: #31671B !important;
}

div {
    color: #31671B;
}

div.no_left_right_margin {
    margin-left: 0px;
    margin-right: 0px;
}

div.checkbox_list_item {
    text-align: left;
    margin-top: 2px;
    margin-bottom: 5px;
    margin-left: 25px;
}

th {
    color: #31671B;
}

th.charitable_gifts_to_sponsor_no_bottom {
    border-bottom: 0px solid #dddddd !important;
}

th.charitable_gifts_to_sponsor_gifts {
    text-align: center;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd !important;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}

th.charitable_gifts_to_sponsor_left_group {
    text-align: center;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd !important;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}

th.charitable_gifts_to_sponsor_right_group {
    text-align: center;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd !important;
    border-right: 1px solid #dddddd;
}

th.charitable_gifts_to_sponsor_left {
    border-left: 1px solid #dddddd;
}

th.charitable_gifts_to_sponsor_right {
    border-right: 1px solid #dddddd;
}

a.text-link {
    cursor: pointer;
    color: #F36F21;
    text-decoration: none;
}

a.text-link:hover {
    text-decoration: underline;
}

a.share-friend-link {
    cursor: pointer;
    color: #31671B !important;
    text-decoration: none;
}

a.seminar-question-link-done {
    cursor: pointer;
    color: #31671B;
    text-decoration: none;
}

a.seminar-question-link-done:hover {
    color: #F36F21;
    text-decoration: underline;
}

a.disable {
    pointer-events: none;
}

/* See original solution at https://stackoverflow.com/questions/21955088/7-equal-columns-in-bootstrap. */
.seven-cols .col-sm-1 {
    width: 12%;
}

select.center {
    margin: auto;
}

/* CHAT MESSAGE - START */
.chat-message-container {
    /* Note: If this width is set to 100% then in Firefox, the messages on the right overlap the scroll bar. */
    width: 98%;
    display: flex;
    margin-bottom: 5px;
}

.chat-message-container.right {
    justify-content: flex-end;
}

.chat-message-container.left {
    justify-content: flex-start;
}

/*
    The background color below is the lighter version of the dark green LW color.
*/
.chat-message-container.right > .chat-message {
    background-color: #3F7827;
}

/*
    The background color below is the purple LW color that is used for seminar question menu option C.
*/
.chat-message-container.left > .chat-message {
    background-color: #7E64A3;
}

/*
    Specifying 75% below causes the left and right messages to extend/overlap to some extent.
*/
.chat-message {
    max-width: 75%;
    border-radius: 5px;
    padding: 5px;
    text-align: left;
    color: white;
}

.chat-message-name {
    text-align: left;
    font-weight: bold;
    color: white;
}

.chat-message-date-time {
    text-align: left;
    font-size: 75%;
    color: white;
}

.chat-message-align-left {
    float: left;
}
/* CHAT MESSAGE - FINISH */

/* The following centers the Mark As text and makes the width more narrow to prevent overlapping with other controls. */
.mark_as_text {
    margin-top: auto;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    width: 85%
}

.vertical_radio {
    margin-left: 24px;
    font-weight: 400 !important;
    cursor: pointer;
}

.signing_assistant_name_heading {
    font-weight: bold;
    font-size: 150%;
    color: #31671B !important;
}

/* This disabled label is used on the Register page for disabling the checkbox for whether the spouse has a different address. */
.disabled label {
    color: #31671B;
    cursor: not-allowed;
}

/* Needed for the sticky footer. */
html {
    position: relative;
    min-height: 100%;
}

/* This body padding is needed so that the navbar doesn't hide the text below it. */
/* When changing this value make sure you test it by varying the size of the window. */
body {
    padding-top: 45px;

    /* Margin bottom that matches the footer's height below. */
    margin-bottom: 50px;
}

/* Styles for the gift amount controls. */
div#percentInputDivId {
    max-width: 60px;
    margin: auto;
}

div#amountInputDivId {
    max-width: 100px;
    margin: auto;
}

div.section_error {
    margin-left: auto;
    margin-right: auto;
    display: table;
}

.multiSelectHeader {
    text-align: center;
    font-weight: bold;
}

/* Note that we need to make the width important to override the width in css/multi-select/multi-select.dist.css. */
/* Note: The width value should match the width in #supportedStatesDivId. */
.supportedStatesMultiSelectItem {
    text-align: left;
    margin: 0 auto;
    width: 650px !important;
}

/* Note: The following 2 styles set the height of the Supported States multi-select controls. */
.supportedStatesMultiSelectItem .ms-selectable .ms-list {
    height: 400px !important;
}

.supportedStatesMultiSelectItem .ms-selection .ms-list {
    height: 400px !important;
}

/* Note that we need to make the width important to override the width in css/multi-select/multi-select.dist.css. */
/* Note: The width value should match the width in #seminar_signing_assistants_div. */
.seminarSigningAssistantsMultiSelectItem {
    text-align: left;
    margin: 0 auto;
    width: 650px !important;
}

/* Note that we need to make the width important to override the width in css/multi-select/multi-select.dist.css. */
/* This left aligns the multi-select control. */
.personalTestimonyMultiSelectItem {
    text-align: left;
    margin-left: 0;
    margin-right: auto;
    width: 500px !important;
}

/* Note: The following 2 styles set the height of the personal testimony multi-select controls. */
.personalTestimonyMultiSelectItem .ms-selectable .ms-list {
    height: 103px !important;
}

.personalTestimonyMultiSelectItem .ms-selection .ms-list {
    height: 103px !important;
}

/* Note that we need to make the width important to override the width in css/multi-select/multi-select.dist.css. */
/* This left aligns the multi-select control. */
.healthCareInstructionMultiSelectItem {
    text-align: left;
    margin-left: 0;
    margin-right: auto;
    width: 700px !important;
}

/* Note: The following 2 styles set the height of the health care instruction multi-select controls. */
.healthCareInstructionMultiSelectItem .ms-selectable .ms-list {
    height: 103px !important;
}

.healthCareInstructionMultiSelectItem .ms-selection .ms-list {
    height: 103px !important;
}

/* Note that we need to make the width important to override the width in css/multi-select/multi-select.dist.css. */
/* This left aligns the multi-select control. */
.burialInstructionOptionMultiSelectItem {
    text-align: left;
    margin-left: 0;
    margin-right: auto;
    width: 500px !important;
}

/* Note: The following 2 styles set the height of the burial instruction option multi-select controls. */
.burialInstructionOptionMultiSelectItem .ms-selectable .ms-list {
    height: 103px !important;
}

.burialInstructionOptionMultiSelectItem .ms-selection .ms-list {
    height: 103px !important;
}

/* Note that the following sets the hover color for the multi-select control. */
li.ms-hover {
    background-color: #31671B !important;
}

.light-gray-background {
    background-color: #E8E8E8;
}

.centered {
    text-align: center !important;
}

.centered_and_bold {
    text-align: center !important;
    font-weight: bold;
}

p.indent-first-line {
    text-indent: 30px;
}

/* The following 3 styles with the custom-marker are for numbering the advance directive text such that it's like "(1)". */
/* See https://stackoverflow.com/questions/1632005/ordered-list-html-lower-alpha-with-right-parentheses. */
ol.custom-marker {
    counter-reset: list;
}

ol.custom-marker > li {
    list-style: none;
    counter-increment: list;
    margin-left: 40px;
}

ol.custom-marker.parens-around.decimal > li::marker {
    content: "(" counter(list) ")\a0";
}

ul.section_error {
    margin: auto;
    text-align: left;
    width: 200px;
}

.popover {
    max-width: 600px;
    width: auto;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 16px;
    color: #959595;
}

.seminar_footer {
    padding-top: 5px;
}

.row_footer {
    padding-top: 5px;
    background-image: url("../images/leaves-light-footer.1f2e633ef5df.jpg");
}

.hangingindent {
  text-align: left;
  padding-left: 20px;
  text-indent: -20px;
}

.hungindent {
  text-align: left;
  padding-left: 20px;
}

.bannerOnTop {
    z-index: 2147483647!important;
}

/* Set the datepicker colors. This is for the Signing Assistant Availability. */
.datepicker table tr td span.active{
    background: #31671B!important;
    border-color: #31671B!important;
}

.datepicker .datepicker-days tr td.active {
    background: #31671B!important;
}


div[id^="weekPickerWrapperId"] .datepicker .datepicker-days tr td.active~td, div[id^="weekPickerWrapperId"] .datepicker .datepicker-days tr td.active {
    color: #fff;
    background-color: #31671B;
    border-radius: 0;
}

div[id^="weekPickerWrapperId"] .datepicker .datepicker-days tr:hover td, div[id^="weekPickerWrapperId"] .datepicker table tr td.day:hover, div[id^="weekPickerWrapperId"] .datepicker table tr td.focused {
    color: #000!important;
    background: #e5e2e3!important;
    border-radius: 0!important;
}

hr {
    width: 100%;
    color: gray;
    height: 2px;
    background-color:gray;
    /* margin-left: -10px; */
    margin-top: 1px;
    margin-bottom: 6px;
}

hr.center {
    /* Setting the margin left and right to auto centers the hr. */
    margin-left: auto;
    margin-right: auto;
}

hr.padding_top {
    margin-top: 10px;
}

hr.thin {
    height: 1px;
}

hr.narrow {
    width: 75%;
}

h2 {
    color: #31671B;
    margin-top: 5px;
}

h3 {
    color: #31671B;
}

h3.asset_heading {
    color: #31671B;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: -10px;
    font-weight: bold;
    text-align: left;
}

h3.business_heading {
    color: #31671B;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: -10px;
    font-weight: bold;
    text-align: left;
}

h3.income_heading {
    color: #31671B;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: -10px;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}

h3.gift_heading {
    color: #31671B;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: -10px;
    font-weight: bold;
    text-align: left;
}

h3.spouse_heading {
    color: #31671B;
    font-weight: bold;
    font-size: 18px;
    text-align: left;
    margin-left: 19px;
    margin-top: 10px;
}

h3.spouse_heading_indented {
    color: #31671B;
    font-weight: bold;
    font-size: 18px;
    text-align: left;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 5px;
}

div.row_border_no_bottom { 
  border: 1px solid;
  border-bottom: 0px;
}

div.row_border_with_bottom { 
  border: 1px solid;
}

h6 {
    color: #31671B;
    text-align: left;
    margin-top: 0px;
    font-size: 100%;
}

h6.seminar_validation_results_heading {
    text-align: left;
    margin-top: 2px;
    margin-bottom: 5px;
    margin-left: 0px;
    font-weight: bold;
    font-size: 120%;
}

h6.seminar_validation_results_check_heading {
    margin-top: 2px;
    margin-bottom: 5px;
    margin-left: 0px;
    font-weight: bold;
}

h6.seminar_validation_results_result_heading {
    text-align: center;
    margin-top: 2px;
    margin-bottom: 5px;
    margin-left: 0px;
    font-weight: bold;
}

h6.seminar_validation_results_comments_heading {
    margin-top: 2px;
    margin-bottom: 5px;
    margin-left: 0px;
    font-weight: bold;
}

h6.seminar_validation_results_check_text {
    margin-top: 2px;
    margin-bottom: 5px;
    margin-left: 0px;
}

h6.seminar_validation_results_comments_text {
    color: red;
    margin-top: 2px;
    margin-bottom: 5px;
    margin-left: 0px;
}

h6.subheading_bold {
    margin-left: -10px;
    font-weight: bold;
}

h6.subheading_underline {
    margin-left: -10px;
    text-decoration: underline;
}

h5 {
    color: #31671B;
    font-weight: bold;
    margin-top: 3px;
    margin-left: 0px;
    text-align: left;
}

h5.padding_top {
    margin-top: 10px;
}

h5.subheading {
    margin-top: 0px;
    margin-left: 2px;
    margin-bottom: 5px;
}

h5.checkbox_heading {
    margin-top: 0px;
    margin-left: 2px;
    margin-bottom: -15px;
}

h5.main_heading {
    margin-top: 0px;
    margin-left: -15px;
    font-size: 110%;
}

h5.disabled {
    opacity: 0.6;
}

label.disabled {
    opacity: 0.6;
}

p.disabled {
    opacity: 0.6;
}

span.disabled {
    opacity: 0.6;
}

span.disallowed {
    opacity: 0.6;
    cursor: not-allowed;
}

div.disabled {
    opacity: 0.6;
}

input.disabled {
    opacity: 0.6;
}

div.disallowed {
    opacity: 0.6;
    cursor: not-allowed;
}

input.disallowed {
    cursor: not-allowed !important;
}

textarea.disallowed {
    opacity: 0.6;
    cursor: not-allowed;
}

h5.seminar_question {
    font-size: 120%;
}

h5.seminar_help_text {
    margin-top: 1px;
    font-weight: normal;
}

.panel-group {
    margin-bottom: 10px;
}

.button_spacing {
    margin-bottom: 8px;
}

/* DataTable paging controls. */
.paginate_button {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
 
.pagination {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

table.dataTable tbody td {
  vertical-align: top;
}

div.panel-heading {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

div.bordered_heading {
    color: #31671B;
    background-color: #f1f1f1;
    border:1px solid black;
    font-weight: bold;
    margin-bottom: 10px;
}

h5.bordered_heading {
    color: #31671B;
    background-color: #f1f1f1;
    border:1px solid black;
    margin-left: 4px;
    margin-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

h5.bordered_subheading {
    color: #31671B;
    background-color: #f1f1f1;
    border:1px solid black;
    margin-left: 4px;
    margin-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

h5.unbordered_subheading {
    color: #31671B;
    margin-left: 4px;
    margin-right: 4px;
    padding-top: 2px;
    /* padding-bottom: 2px; */
    margin-bottom: 0px;

    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

h5.unbordered_subheading2 {
    color: #31671B;
    margin-left: 4px;
    margin-right: 4px;
    padding-top: 15px;
    padding-bottom: 2px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

h5.bordered_text {
    color: #31671B;
    border:1px solid black;
    margin-left: 4px;
    margin-right: 4px;
    padding-left: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}

h4 {
    color: #31671B;
    margin-top: 0px;
    margin-left: 0px;
    text-align: left;
}

.modal_dialog {
    background-color: #31671B;
    border-radius: 5px;
}

.modal-text {
    font-weight: bold;
    color: white;
}

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

.please_wait_modal_dialog {
    background-color: white;
    border-radius: 5px;
}

.please_wait_modal_text {
    font-size: 150%;
    color: #31671B;
    font-weight: bold;
}

.panel-title {
    color: #31671B;
}

div.modal_dialog_header {
    font-weight: bold;
    color: #31671B;
}

div#choiceDetailsDivId {
    text-align: left;
}

div.choice_text {
    padding-left: 10px !important;
    line-height: 15px;
    margin-top: 8px;
}

div.choice_option_height_one {
    height: 35px;
}

div.choice_option_height_two {
    height: 70px;
}

div.statistics_option_height_one {
    height: 21px;
}

div.statistics_option_height_two {
    height: 42px;
}

div.large_button_height {
    height: 68px;
}

p {
    color: #31671B;
}

p.padding_top {
    margin-top: 10px;
}

p.section_note {
    margin-left: -10px;
    text-align: left;
}

/* Center images. */
/* Removed "margin: auto;" since it was causing the Contact List / Notes / images to be centered. */
/* This removal didn't seem to cause any alignment problems with images throughout the site. */
img {
    display: block;
}

img.align_left {
    margin-left: 0px;
}

label {
    color: #31671B;
}

.tooltip.top .tooltip-inner {
    background-color: #2C3E50;
}

.tooltip.top .tooltip-arrow {
      border-top-color: #2C3E50;
}

.slider.slider-horizontal {
    width: 250px;
}

.slider-tick-label {
    font-size: 13px;
}

.bg-primary {
    background-color: #8ba42c;
}

/* BUTTON COLOR SETTINGS. */
.btn-primary,
.btn-primary:focus,
.btn-primary.disabled,
.btn-primary[disabled],
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn.btn-primary:disabled {
    color: #fff;
    border-color: #31671B;
    background-color: #31671B;
}

/*
The following was copied from bootstrap.css and border-color and background-color
were overridden.
*/
.btn-primary:hover
{
    color: #fff;
    border-color: #3F7827;
    background-color: #3F7827;
}

/*
The following was copied from bootstrap.css and border-color and background-color
were overridden.
*/
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus
{
    color: #fff;
    border-color: #3F7827;
    background-color: #3F7827;
}

/* START for UNSURE button color. */
.btn-unsure,
.btn-unsure:focus,
.btn-unsure.disabled,
.btn-unsure[disabled],
.btn-unsure.disabled:focus,
.btn-unsure.disabled:hover,
.btn.btn-unsure:disabled {
    color: #fff;
    border-color: #78A62A;
    background-color: #78A62A;
}

.btn-unsure:hover
{
    color: #fff;
    border-color: #8BB933;
    background-color: #8BB933;
}

.btn-unsure:active:hover,
.btn-unsure.active:hover,
.open > .dropdown-toggle.btn-unsure:hover,
.btn-unsure:active:focus,
.btn-unsure.active:focus,
.open > .dropdown-toggle.btn-unsure:focus,
.btn-unsure:active.focus,
.btn-unsure.active.focus,
.open > .dropdown-toggle.btn-unsure.focus
{
    color: #fff;
    border-color: #8BB933;
    background-color: #8BB933;
}
/* END for UNSURE button color. */

/* START for unavailable button color. This button is used for the unavailable timeslots for scheduling signings. */
.btn-unavailable,
.btn-unavailable:focus,
.btn-unavailable.disabled,
.btn-unavailable[disabled],
.btn-unavailable.disabled:focus,
.btn-unavailable.disabled:hover,
.btn.btn-unavailable:disabled {
    color: #fff;
    border-color: gray;
    background-color: gray;
}

.btn-unavailable:hover
{
    color: #fff;
    border-color: darkgray;
    background-color: darkgray;
}

.btn-unavailable:active:hover,
.btn-unavailable.active:hover,
.open > .dropdown-toggle.btn-unavailable:hover,
.btn-unavailable:active:focus,
.btn-unavailable.active:focus,
.open > .dropdown-toggle.btn-unavailable:focus,
.btn-unavailable:active.focus,
.btn-unavailable.active.focus,
.open > .dropdown-toggle.btn-unavailable.focus
{
    color: #fff;
    border-color: darkgray;
    background-color: darkgray;
}
/* END for unavailable button color. This button is used for the unavailable timeslots for scheduling signings. */

.btn-danger,
.btn-danger:focus {
    border-color: darkred;
    background-color: darkred;
}

.btn-danger:hover {
    border-color: firebrick;
    background-color: firebrick;
}

/* BEGIN: NEW BUTTON COLORS ********************************************************/

.btn-xlarge {
    padding-top: 15px;
    padding-right: 25px;
    padding-bottom: 15px;
    padding-left: 25px;
    font-size: 32px !important;
    line-height: normal;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
}

.btn-sm_seminar_options_small {
    font-size: 150%;
    line-height: 1.5;
    padding-top: 0px;
    padding-right: 7px;
    padding-bottom: 0px;
    padding-left: 7px;
    border-radius: 3px;
}

.btn-sm_seminar_options_xsmall {
    font-size: 100%;
    line-height: 1.3;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
    border-radius: 2px;
}

/* OPTION A ----------------------------------*/
.btn-seminar_option_a
{
    color: #fff;
    border-color: #97ab25;
    background-color: #97ab25;
}
.btn-seminar_option_a:focus,
.btn-seminar_option_a.focus
{
    color: #fff;
    border-color: #97ab25;
    background-color: #97ab25;
}
.btn-seminar_option_a:hover
{
    color: #fff;
    border-color: #97ab25;
    background-color: #97ab25;
    filter: brightness(110%);
}
.btn-seminar_option_a:active,
.btn-seminar_option_a.active,
.open > .dropdown-toggle.btn-seminar_option_a
{
    color: #fff;
    border-color: #97ab25;
    background-color: #97ab25;
}
.btn-seminar_option_a:active:hover,
.btn-seminar_option_a.active:hover,
.open > .dropdown-toggle.btn-seminar_option_a:hover,
.btn-seminar_option_a:active:focus,
.btn-seminar_option_a.active:focus,
.open > .dropdown-toggle.btn-seminar_option_a:focus,
.btn-seminar_option_a:active.focus,
.btn-seminar_option_a.active.focus,
.open > .dropdown-toggle.btn-seminar_option_a.focus
{
    color: #fff;
    border-color: #97ab25;
    background-color: #97ab25;
}
.btn-seminar_option_a:active,
.btn-seminar_option_a.active,
.open > .dropdown-toggle.btn-seminar_option_a
{
    background-image: none;
}
.btn-seminar_option_a.disabled,
.btn-seminar_option_a[disabled],
fieldset[disabled] .btn-seminar_option_a,
.btn-seminar_option_a.disabled:hover,
.btn-seminar_option_a[disabled]:hover,
fieldset[disabled] .btn-seminar_option_a:hover,
.btn-seminar_option_a.disabled:focus,
.btn-seminar_option_a[disabled]:focus,
fieldset[disabled] .btn-seminar_option_a:focus,
.btn-seminar_option_a.disabled.focus,
.btn-seminar_option_a[disabled].focus,
fieldset[disabled] .btn-seminar_option_a.focus,
.btn-seminar_option_a.disabled:active,
.btn-seminar_option_a[disabled]:active,
fieldset[disabled] .btn-seminar_option_a:active,
.btn-seminar_option_a.disabled.active,
.btn-seminar_option_a[disabled].active,
fieldset[disabled] .btn-seminar_option_a.active
{
    border-color: #97ab25;
    background-color: #97ab25;
    filter: brightness(100%);
}
.btn-seminar_option_a .badge
{
    color: #97ab25;
    background-color: #fff;
}

/* OPTION B ----------------------------------*/
.btn-seminar_option_b
{
    color: #fff;
    border-color: #dda218;
    background-color: #dda218;
}
.btn-seminar_option_b:focus,
.btn-seminar_option_b.focus
{
    color: #fff;
    border-color: #dda218;
    background-color: #dda218;
}
.btn-seminar_option_b:hover
{
    color: #fff;
    border-color: #dda218;
    background-color: #dda218;
    filter: brightness(110%);
}
.btn-seminar_option_b:active,
.btn-seminar_option_b.active,
.open > .dropdown-toggle.btn-seminar_option_b
{
    color: #fff;
    border-color: #dda218;
    background-color: #dda218;
}
.btn-seminar_option_b:active:hover,
.btn-seminar_option_b.active:hover,
.open > .dropdown-toggle.btn-seminar_option_b:hover,
.btn-seminar_option_b:active:focus,
.btn-seminar_option_b.active:focus,
.open > .dropdown-toggle.btn-seminar_option_b:focus,
.btn-seminar_option_b:active.focus,
.btn-seminar_option_b.active.focus,
.open > .dropdown-toggle.btn-seminar_option_b.focus
{
    color: #fff;
    border-color: #dda218;
    background-color: #dda218;
}
.btn-seminar_option_b:active,
.btn-seminar_option_b.active,
.open > .dropdown-toggle.btn-seminar_option_b
{
    background-image: none;
}
.btn-seminar_option_b.disabled,
.btn-seminar_option_b[disabled],
fieldset[disabled] .btn-seminar_option_b,
.btn-seminar_option_b.disabled:hover,
.btn-seminar_option_b[disabled]:hover,
fieldset[disabled] .btn-seminar_option_b:hover,
.btn-seminar_option_b.disabled:focus,
.btn-seminar_option_b[disabled]:focus,
fieldset[disabled] .btn-seminar_option_b:focus,
.btn-seminar_option_b.disabled.focus,
.btn-seminar_option_b[disabled].focus,
fieldset[disabled] .btn-seminar_option_b.focus,
.btn-seminar_option_b.disabled:active,
.btn-seminar_option_b[disabled]:active,
fieldset[disabled] .btn-seminar_option_b:active,
.btn-seminar_option_b.disabled.active,
.btn-seminar_option_b[disabled].active,
fieldset[disabled] .btn-seminar_option_b.active
{
    border-color: #dda218;
    background-color: #dda218;
    filter: brightness(100%);
}
.btn-seminar_option_b .badge
{
    color: #dda218;
    background-color: #fff;
}

/* OPTION C ----------------------------------*/
.btn-seminar_option_c
{
    color: #fff;
    border-color: #7e64a3;
    background-color: #7e64a3;
}
.btn-seminar_option_c:focus,
.btn-seminar_option_c.focus
{
    color: #fff;
    border-color: #7e64a3;
    background-color: #7e64a3;
}
.btn-seminar_option_c:hover
{
    color: #fff;
    border-color: #7e64a3;
    background-color: #7e64a3;
    filter: brightness(110%);
}
.btn-seminar_option_c:active,
.btn-seminar_option_c.active,
.open > .dropdown-toggle.btn-seminar_option_c
{
    color: #fff;
    border-color: #7e64a3;
    background-color: #7e64a3;
}
.btn-seminar_option_c:active:hover,
.btn-seminar_option_c.active:hover,
.open > .dropdown-toggle.btn-seminar_option_c:hover,
.btn-seminar_option_c:active:focus,
.btn-seminar_option_c.active:focus,
.open > .dropdown-toggle.btn-seminar_option_c:focus,
.btn-seminar_option_c:active.focus,
.btn-seminar_option_c.active.focus,
.open > .dropdown-toggle.btn-seminar_option_c.focus
{
    color: #fff;
    border-color: #7e64a3;
    background-color: #7e64a3;
}
.btn-seminar_option_c:active,
.btn-seminar_option_c.active,
.open > .dropdown-toggle.btn-seminar_option_c
{
    background-image: none;
}
.btn-seminar_option_c.disabled,
.btn-seminar_option_c[disabled],
fieldset[disabled] .btn-seminar_option_c,
.btn-seminar_option_c.disabled:hover,
.btn-seminar_option_c[disabled]:hover,
fieldset[disabled] .btn-seminar_option_c:hover,
.btn-seminar_option_c.disabled:focus,
.btn-seminar_option_c[disabled]:focus,
fieldset[disabled] .btn-seminar_option_c:focus,
.btn-seminar_option_c.disabled.focus,
.btn-seminar_option_c[disabled].focus,
fieldset[disabled] .btn-seminar_option_c.focus,
.btn-seminar_option_c.disabled:active,
.btn-seminar_option_c[disabled]:active,
fieldset[disabled] .btn-seminar_option_c:active,
.btn-seminar_option_c.disabled.active,
.btn-seminar_option_c[disabled].active,
fieldset[disabled] .btn-seminar_option_c.active
{
    border-color: #7e64a3;
    background-color: #7e64a3;
    filter: brightness(100%);
}
.btn-seminar_option_c .badge
{
    color: #7e64a3;
    background-color: #fff;
}

/* OPTION D ----------------------------------*/
.btn-seminar_option_d
{
    color: #fff;
    border-color: #4d92c9;
    background-color: #4d92c9;
}
.btn-seminar_option_d:focus,
.btn-seminar_option_d.focus
{
    color: #fff;
    border-color: #4d92c9;
    background-color: #4d92c9;
}
.btn-seminar_option_d:hover
{
    color: #fff;
    border-color: #4d92c9;
    background-color: #4d92c9;
    filter: brightness(110%);
}
.btn-seminar_option_d:active,
.btn-seminar_option_d.active,
.open > .dropdown-toggle.btn-seminar_option_d
{
    color: #fff;
    border-color: #4d92c9;
    background-color: #4d92c9;
}
.btn-seminar_option_d:active:hover,
.btn-seminar_option_d.active:hover,
.open > .dropdown-toggle.btn-seminar_option_d:hover,
.btn-seminar_option_d:active:focus,
.btn-seminar_option_d.active:focus,
.open > .dropdown-toggle.btn-seminar_option_d:focus,
.btn-seminar_option_d:active.focus,
.btn-seminar_option_d.active.focus,
.open > .dropdown-toggle.btn-seminar_option_d.focus
{
    color: #fff;
    border-color: #4d92c9;
    background-color: #4d92c9;
}
.btn-seminar_option_d:active,
.btn-seminar_option_d.active,
.open > .dropdown-toggle.btn-seminar_option_d
{
    background-image: none;
}
.btn-seminar_option_d.disabled,
.btn-seminar_option_d[disabled],
fieldset[disabled] .btn-seminar_option_d,
.btn-seminar_option_d.disabled:hover,
.btn-seminar_option_d[disabled]:hover,
fieldset[disabled] .btn-seminar_option_d:hover,
.btn-seminar_option_d.disabled:focus,
.btn-seminar_option_d[disabled]:focus,
fieldset[disabled] .btn-seminar_option_d:focus,
.btn-seminar_option_d.disabled.focus,
.btn-seminar_option_d[disabled].focus,
fieldset[disabled] .btn-seminar_option_d.focus,
.btn-seminar_option_d.disabled:active,
.btn-seminar_option_d[disabled]:active,
fieldset[disabled] .btn-seminar_option_d:active,
.btn-seminar_option_d.disabled.active,
.btn-seminar_option_d[disabled].active,
fieldset[disabled] .btn-seminar_option_d.active
{
    border-color: #4d92c9;
    background-color: #4d92c9;
    filter: brightness(100%);
}
.btn-seminar_option_d .badge
{
    color: #4d92c9;
    background-color: #fff;
}

/* END: NEW BUTTON COLORS ********************************************************/

/* This lessens the padding with the form controls. */
.form-control {
    padding-left: 3px;
    padding-right: 3px;
}

.form-group {
    margin-bottom: 10px;
}

.has-feedback .form-control {
    padding-right: 3px;
}

.seminar_person_gift_amount {
    text-align: right;
}

.seminar_person_gift_percent {
    text-align: right;
}

.people_group_percent {
    text-align: right;
}

.spouse_inherits_heart_of_my_estate_percent {
    text-align: right;
}

.person_gift_percent_single {
    text-align: right;
}

.people_group_gift_percent {
    text-align: right;
}

.organization_gift_percent_single {
    text-align: right;
}

.seminar_organization_gift_amount {
    text-align: right;
}

.seminar_organization_gift_percent {
    text-align: right;
}

.documents_fee_monthly_payment {
    text-align: right !important;
}

.input-group-addon, .narrow {
    padding-left: 3px;
    padding-right: 3px;
}

/* This controls the position and color of the plus/minus sign in the collapsible DIVs. */
.more-less {
    float: left;
    color: #585858;
}

.panel-body {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 5px;
}

#PageHeaderId {
    margin-top: 0px;
}

/* Center the div and give it a max. width. */
#welcome_div {
    max-width: 900px;
    text-align: center;
}

/* Center the div and give it a max. width. */
#welcome_unsupported_state_div {
    max-width: 900px;
    text-align: center;
}

/* Center the div and give it a max. width. */
#welcome_create_account_div {
    max-width: 900px;
    text-align: center;
}

/* Center the div and give it a max. width. */
#welcome_thank_you_div {
    max-width: 900px;
    text-align: center;
}

/* Center the div and give it a max. width. */
#welcome_workshop_code_provided_div {
    max-width: 900px;
    text-align: center;
}

/* Center the div and give it a max. width. */
#welcome_workshop_code_div {
    max-width: 900px;
    text-align: center;
}

/* Center the div and give it a max. width. */
#welcome_verify_workshop_details_div {
    max-width: 900px;
    text-align: center;
}

/* Center the div and give it a max. width. */
#welcome_workshop_group_or_one_on_one_div {
    max-width: 900px;
    text-align: center;
}

/* Center the div and give it a max. width. */
#welcome_workshop_group_div {
    max-width: 1200px;
    text-align: center;
}

/* Center the div and give it a max. width. */
#welcome_workshop_one_on_one_in_person_or_online_div {
    max-width: 900px;
    text-align: center;
}

/* Center the div and give it a max. width. */
#welcome_workshop_one_on_one_in_person_div {
    max-width: 900px;
    text-align: center;
}

/* Center the div and give it a max. width. */
#welcome_workshop_one_on_one_online_div {
    max-width: 900px;
    text-align: center;
}

/* Center the div and give it a max. width. */
#register_thank_you_div {
    max-width: 900px;
    text-align: center;
}

/* Center the div and give it a max. width. */
#get_started_div {
    max-width: 900px;
    text-align: center;
}

/* Center the login/register div and give it a max. width. */
#user_login_div {
    width: 0 auto;
    max-width: 250px;
}

/* Center the login/register div and give it a max. width. */
#register_login_div {
    width: 0 auto;
    max-width: 400px;
}

#password_reset_div {
    max-width: 900px;
}

#user_profile_div {
    max-width: 900px;
}

.progress {
    margin-bottom: 5px;
}

.progress-bar {
    color: #FFFFFF;
    background-color: #31671B;
}

/* Center the div and give it a max. width. */
#index_div {
    width: 0 auto;
    max-width: 600px;
    text-align: center;
}

/* Center the div and give it a max. width. */
#seminar_index_div {
    width: 0 auto;
    max-width: 600px;
    text-align: center;
}

/* Center the div and give it a max. width. */
/* Note: The max-width value should match the width in .multiSelectItem. */
#seminar_signing_assistants_div {
    width: 0 auto;
    max-width: 650px;
    text-align: center;
}

/* Center the div and give it a max. width. */
/* Note: The max-width value should match the width in .multiSelectItem. */
#supportedStatesDivId {
    width: 0 auto;
    max-width: 650px;
    text-align: center;
}

/* Center the div and give it a max. width. */
#log_div {
    width: 0 auto;
    max-width: 1000px;
    text-align: center;
}

/* Center the div and give it a max. width. */
#training_material_div {
    /* Note that this sets the width of the page, regardless of how wide the user's browser */
    /* (i.e. setting the width to a specific value disables the responsive design feature). */
    width: 1400px;
    text-align: center;
}

/* Center the div and give it a max. width. */
#state_specific_information_div {
    /* Note that this sets the width of the page, regardless of how wide the user's browser */
    /* (i.e. setting the width to a specific value disables the responsive design feature). */
    width: 1400px;
    text-align: center;
}

/* Center the div and give it a max. width. */
#variable_workshop_compensation_div {
    width: 0 auto;
    max-width: 1200px;
    text-align: center;
}

/* Center the div and give it a max. width. */
#state_tax_report_div {
    width: 0 auto;
    max-width: 900px;
    text-align: center;
}

/* Center the div and give it a max. width. */
#seminar_summary_div {
    width: 0 auto;
    max-width: 1200px;
    text-align: center;
}

/* Center the div and give it a max. width. */
#external_planned_charitable_gifts_report_div {
    width: 0 auto;
    max-width: 1200px;
    text-align: center;
}

/* Center the div and give it a max. width. */
#seminar_detailed_div {
    width: 0 auto;
    max-width: 1200px;
    text-align: center;
}

/* Center the div and give it a max. width. */
#charges_and_payments_div {
    width: 0 auto;
    max-width: 1200px;
    text-align: center;
}

/* Center the div and give it a max. width. */
#charitable_gifts_detailed_div {
    width: 0 auto;
    max-width: 1100px;
    text-align: center;
}

/* Center the div and give it a max. width. */
#charitable_gifts_sponsors_div {
    width: 0 auto;
    max-width: 1100px;
    text-align: center;
}

/* Center the div and give it a max. width. */
#variable_workshop_compensation_menu_div {
    width: 0 auto;
    max-width: 1100px;
    text-align: center;
}

/* Center the div and give it a max. width. */
#personal_coupons_menu_div {
    width: 0 auto;
    max-width: 1100px;
    text-align: center;
}

#personal_coupons_create_div {
    text-align: left;
    padding-left: 2px;
    padding-right: 2px;
}

/* Center the div and give it a max. width. */
#personal_coupons_view_div {
    width: 0 auto;
    max-width: 1100px;
    text-align: center;
}

/* Center the div and give it a max. width. */
#user_account_management_div {
    width: 0 auto;
    max-width: 800px;
    text-align: center;
}

/* Center the div and give it a max. width. */
#resident_state_form_div {
    width: 0 auto;
    max-width: 500px;
}

/* The max. width was set according to the longest entry which is the District of Columbia. */
#resident_state_div {
    max-width: 300px;
    margin-left: 75px;
}

/* Center the div and give it a max. width. The max. width was set according to the longest possible entry. */
#seminar_div {
    width: 0 auto;
    max-width: 425px;
    text-align: center;
}

/* Center the div and give it a max. width. */
#text_area_form_div {
    width: 0 auto;
    max-width: 500px;
}

/* Center the div and give it a max. width. */
#seminar_div {
    max-width: 95%;
}

.seminar_section div {
    padding-left: 2px;
    padding-right: 2px;
}

.choice_option_padding {
    padding-top: 4px;
}

/* Center the div and give it a max. width. */
#video_form_div {
    width: 0 auto;
    max-width: 500px;
}

/* Center the div and give it a max. width. */
#draft_documents_div {
    width: 0 auto;
    max-width: 950px;
}

/* Center the div and give it a max. width. */
/* Browser console indicated that this was invalid: width: 0 auto; */
#survey_div {
    max-width: 900px;
    text-align: center;
}

/* Center the div and give it a max. width. */
/* Browser console indicated that this was invalid: width: 0 auto; */
#seminar_management_div {
    max-width: 1150px;
    text-align: center;
}

/* Center the div and give it a max. width. */
/* Browser console indicated that this was invalid: width: 0 auto; */
#external_planned_charitable_gifts_div {
    max-width: 900px;
    text-align: center;
}

/* Center the div and give it a max. width. */
/* Browser console indicated that this was invalid: width: 0 auto; */
#sponsor_organization_management_div {
    max-width: 1150px;
    text-align: center;
}

/* Center the div and give it a max. width. */
/* Browser console indicated that this was invalid: width: 0 auto; */
#basic_registration_fee_div {
    max-width: 950px;
    text-align: center;
}

/* Center the div and give it a max. width. */
/* Browser console indicated that this was invalid: width: 0 auto; */
#documents_fee_div {
    max-width: 975px;
    text-align: center;
}

/* Center the div and give it a max. width. */
#seminar_chat_messages_div {
    max-width: 1000px;
    text-align: center;
}

/* Center the div and give it a max. width. */
/* Browser console indicated that this was invalid: width: 0 auto; */
#document_repository_div {
    max-width: 1000px;
    text-align: center;
}

/* Center the div and give it a specific width. */
#document_repository_audit_report_div {
    /* Note that this sets the width of the page, regardless of how wide the user's browser */
    /* (i.e. setting the width to a specific value disables the responsive design feature). */
    width: 1500px;
    text-align: center;
}

/* Center the div and give it a specific width. */
#document_repository_poa_delivery_report_div {
    /* Note that this sets the width of the page, regardless of how wide the user's browser */
    /* (i.e. setting the width to a specific value disables the responsive design feature). */
    width: 1500px;
    text-align: center;
}

/* Center the div and give it a max. width. */
/* Browser console indicated that this was invalid: width: 0 auto; */
#old_unused_seminar_report_div {
    max-width: 900px;
    text-align: center;
}

/* Center the div and give it a max. width. */
#signing_assistant_availability_div {
    max-width: 800px;
    text-align: center;
}

/* Center the div and give it a max. width. */
#page_error_div {
    width: 0 auto;
    max-width: 600px;
    text-align: center;
}

/* Center the div and give it a max. width. */
#unsubscribe_div {
    width: 0 auto;
    max-width: 800px;
    text-align: center;
}

/* Center the div and give it a max. width. */
#finished_div {
    width: 0 auto;
    max-width: 600px;
    text-align: center;
}

div.make_narrow {
    padding-left: 2px;
    padding-right: 2px;
}

.bold div {
    font-weight: bold;
}

.table_heading {
    font-size: 110%;
    color: #FFFFFF;
    background-color: #31671B;
}

.checkbox {
    margin-top: 0px;
    margin-bottom: 0px;
}

.align_left {
    text-align: left;
}

.float_left {
    float: left;
}

.align_down_bank_account_spouse_checkbox {
    margin-top: 30px;
}

.align_down_asset_control {
    margin-top: 5px;
}

.align_down_business_control {
    margin-top: 5px;
}

.align_down_gift_control {
    margin-top: 5px;
}

.align_down_property_control {
    margin-top: 5px;
}

.align_down_property_state_control {
    margin-top: 5px;
}

.center_asset_worksheet_spouse_header {
    text-align: center !important;
}

.center_asset_worksheet_spouse_checkbox {
    margin-top: 5px;
    text-align: center !important;
}

.asset_worksheet2_spouse_checkbox {
    margin-top: 5px;
    padding-left: 25px !important;
}

.data_tag_section {
    margin-bottom: 5px;
    background-color: lightgoldenrodyellow;
}

#data_tag_name {
    font-weight: bold;
    padding-left: 20px;
}

.section_title {
    font-weight: bold;
    padding-left: 20px !important;
}

.survey_section div {
    text-align: left;
    padding-left: 2px;
    padding-right: 2px;
}