/***************************************************************
* Copyright (c) 2006 - 2019, Case Anywhere, LLC.
* All rights reserved
*
* @author Brad Wetmore
* Date: 08/26/2019
*
* @version 0.3
* Revisions:
* 08/26/2019 - BW - Initial Creation
* 07/05/2021 - BW - Added: mixin: wrap-break-word
*                   Modified: link - now only using "wrap-break-word" mixin versus "break-all"
* 10/13/2025 - BW - Added: stripe-payment-base-selector, stripe-payment-save-base-selector
*
* Description/Purpose:
* Mixins SCSS.
***************************************************************/
/**
  * Adjusts the border-radius to remove 2px from a small screen
  * There are only 'small' and 'medium-plus' options for border-radius
  * Only print the border-radius property if the $value is available
 */
/**
  * Using grid-container full stretch with calculated padding using foundation grid-margin-gutters map
 */
/**
  * @param $grid-margin-gutter - foundation map name
 */
/**
  * @param $breakpoint
  * @param $grid-margin-gutter - foundation map name
 */
/**
  * Sets grid padding-top and padding-bottom based on $grid-height-margins
 */
/**
  * @param $grid-full-stretch-margin - String value of first map name so right now just 'header' or 'footer'
  * @param $margin-side: top/bottom
  * @param $breakpoint
 */
/**
  * Sets calculated top position based on $grid-height-margins
  * @param $header-nav-menu-nav-list-container-extra-px - _variables.scss
 */
/***************************************************************
 * Copyright (c) 2006 - 2019, Case Anywhere, LLC.
 * All rights reserved
 *
 * @author Brad Wetmore
 * Date: 10/18/2019
 *
 * @version 0.1
 * Revisions:
 * 10/18/2019 - BW - Initial Creation
 *
 * Description/Purpose:
 * Font Awesome Mixins
 * Made so I don't need to use extends and import all font awesome styles for each page.  Sass complains about missing
 * extends values
 ***************************************************************/
/***************************************************************
* Copyright (c) 2006 - 2019, Case Anywhere, LLC.
* All rights reserved
*
* @author Brad Wetmore
* Date: 08/26/2019
*
* @version 0.1
* Revisions:
* 08/26/2019 - BW - Initial Creation
*
* Description/Purpose:
* Functions SCSS.
***************************************************************/
/**
  * Will simply return a map merge of multiple maps
 */
/**
 * Foundation for Sites by ZURB
 * Version 6.5.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
/***************************************************************
* Copyright (c) 2006 - 2019, Case Anywhere, LLC.
* All rights reserved
*
* @author Brad Wetmore
* Date: 08/26/2019
*
* @version 0.5
* Revisions:
* 08/26/2019 - BW - Initial Creation
* 03/25/2021 - BW - Modified: $legend-table-note-off
* 05/05/2021 - BW - Modified: $legend-table-note-on, $legend-table-note-off - BUG#153
* 06/10/2021 - BW - Modified: $modal-max-widths - increased the values
* 07/27/2021 - BW - Modified: $session-time-out-icon
*
* Description/Purpose:
* Variables SCSS.281246
* If the variable starts with an underscore, it is a private variable and used in theming.
***************************************************************/
/***************************************************************
 * Copyright (c) 2006 - 2019, Case Anywhere, LLC.
 * All rights reserved
 *
 * @author Brad Wetmore
 * Date: 09/19/2019
 *
 * @version 0.1
 * Revisions:
 * 09/19/2019 - BW - Initial Creation
 *
 * Description/Purpose:
 * Variables Pages SCSS.
 * Lots of page variables, so just separating to a different file
 ***************************************************************/
/***************************************************************
* Copyright (c) 2006 - 2019, Case Anywhere, LLC.
* All rights reserved
*
* @author Brad Wetmore
* Date: 08/26/2019
*
* @version 0.4
* Revisions:
* 08/26/2019 - BW - Initial Creation
* 01/12/2022 - BW - Modified: $_logo-powered-by-color - switched to logo version
* 01/31/2022 - BW - Modified: $_logo-powered-by-color - changed back
*                   Modified: $_logo-powered-by-white - changed to no logo
* 10/03/2023 - BW - Modified: forgot-border-color - changed to white from pure-white
* 10/13/2025 - BW - Added: $theme-stripe-payment-pages, $theme-stripe-payment-save-pages
*
* Description/Purpose:
* Theme SCSS - Civil, JAMS, etc
* Includes theme colors, mixins and functions responsible for theming
* as well as other properties related to different themes(caseType)
* Ex:
* .button {
*   cursor: pointer;
*   @include get-theme($themes) {
*     color: get-theme-value('background-color');
*   }
* }
* Produces:
* .button {
*   cursor: pointer;
* }
* .ca-civil .button {
*   color: 5px solid #f81033;
* }
*
* @see utils/theme.scss
***************************************************************/
/**
  * APPLICATION THEMES
  * Color themes are based exclusively on $_colors map in variables.scss
  * If you want to add a new color to a theme not previously used in the $_colors map,
  * you need to first update the $_colors map in the variable.scss file
  *
  * You only need to create "new" $theme values if they are different from the existing base value,
  * otherwise you will just be duplicating css.
  * Ex: The base:color = dark-gray
  *     You want to use the dark-gray for the jams:color as well, therefore you do not need to include the jams
  *     entry in the jams map for 'color'
  * Ex: The base:background-color = white.
  *     You want to use light-gray for the jams:background-color, therefore, since it is different, you must
  *     include the jams map entry
  *     ie: 'background-color': map-get($_colors, 'dark-gray')
  *     In this example we are using the base dark-gray because there is no dark-gray $__jams-colors map value as
  *     jams is using the same dark-gray value.
  *
  * For the "Images" - if a theme is not using the image or would like it omitted set it as null
  * Ex: 'logo-powered-by': null
 */
/***** REUSEABLE THEME VARIABLES ***************/
/***********************************************/
/***** THEMES **********************************/
/**
  * PAGE SPECIFIC THEMES
  * Also includes page specific themes
  * Page specific themes.  Probably not used too much hopefully.  Used only when there is a need for a
  * different color based on the page.  For example the login page background-color is $_colors.$secondary
 */
/***********************************************/
/***************************************************************
 * Copyright (c) 2006 - 2019, Case Anywhere, LLC.
 * All rights reserved
 *
 * @author Brad Wetmore
 * Date: 09/04/2019
 *
 * @version 0.4
 * Revisions:
 * 09/04/2019 - BW - Initial Creation
 * 03/29/2022 - BW - Modified: table-base-selector = added css for:"table-column-checkbox"
 * 09/29/2022 - BW - Modified: selection-control-theme - added: "ul.selection-control-container"
 * 02/14/2024 - BW - Modified: case-detail-theme - added: "li:only-child"
 *
 * Description/Purpose:
 * Theme related utils - mixins and functions
 ***************************************************************/
/**
  * Get Theme mixin
  * Will use all values in the $theme map
  *
  * Ex:
  * .button {
  *   cursor: pointer;
  *   @include get-theme($themes) {
  *     color: get-theme-value('primary-color');
  *   }
  * }
  * Produces:
  * .button {
  *   cursor: pointer;
  * }
  * .ca-civil .button {
  *   color: 5px solid #f81033;
  * }
  *
 */
/**
  * This function will check that the $theme-map has values.  If it does it returns true, if not false.
  * It SHOULD be used after every "get-theme($theme-element, $theme)" call for each theme in the app_theme
 */
/**
  * This function can only be called inside the 'get-theme' mixin as it relies upon the global $theme-map variable
  * @param key - name of theme value ('color', 'background-color', etc)
 */
/**
  * This is the get-theme-value mixin which is similar to the get-theme-value function except this
  * mixin produces the whole css line.
  *
  * NOTE: WHEN NEEDING TO USE SHORTHAND FOR CSS STYLES.
  * Ex: box-shadow: 0 0 5px get-theme-value('focus-box-shadow-color');
  * This is not allowed because when the sass compiler does not find a matching theme property value
  * like 'focus-box-shadow-color' (in jams for example), it will just print:
  * box-shadow: 0 0 5px;
  * It will omit the color theming which is wrong.
  * We instead need to use the get-them-value MIXIN instead of the FUNCTION.  The MIXIN will check the
  * theme property and make sure the theme property exists.  If it does exist nothing is printed out.
  *
 */
/**
 * Will process the theme property in each breakpoint
 * @see $theme-portal-pages
 */
/**
  * Will set the template (wrapper, content, etc) colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $themes.
  * @see - _template.scss
 */
/**
  * Will set the data-content-container colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $themes.
  * @see - _data-content-container.scss
 */
/**
  * Will set the data-content-container colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $themes.
  * @see - _icon.scss
 */
/**
  * Will set the body colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $themes.  Theme list from _themes.scss ($themes/$theme_pages)
  * Because I want the background-color to extend all the way to the bottom of the page
  * when the page is not very high; I will be setting the background-color to the color
  * of the background-color and the .wrapper class to the color of the body.
 */
/**
  * Will set the error banner colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $themes.  Theme list from _themes.scss ($themes/$theme_pages)
  * @param $alt-banner-class - pass in '$banner-success-class' for success banner themes or $banner-error-class
 */
/**
  * Will set the label colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $themes.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the link colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $themes.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the button colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $themes.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the input colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $themes.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the selection-controls (radio and checkbox) color for the desired $theme
  * @param $theme-element
  * @param $theme - default $themes.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the select color for the desired $theme
  * @param $theme-element
  * @param $theme - default $themes.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Mixin for ALL the Input (input/select/textarea) disabled themes
  * @param $theme-element
  * @param $theme - default $themes.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will process each size (breakpoint) of the $image while applying the desired $theme
  * @param $theme-element
 */
/**
  * Helper function to create the list for the media-breakpoint-all mixin
 */
/**
  * Will set the footer colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $themes.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the header colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $themes.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the modal colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $themes.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the modal colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $themes.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the modal colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $themes.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the modal colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $themes.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the modal colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $themes.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the modal colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $themes.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the modal colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $themes.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the tree colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $themes.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the advanced search colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $themes.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the file upload - upload colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $themes.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the advanced search colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $themes.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the file upload - upload colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $themes.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will add all the theme mixins
 */
/***************************************************************
 * Copyright (c) 2006 - 2019, Case Anywhere, LLC.
 * All rights reserved
 *
 * @author Brad Wetmore
 * Date: 09/18/2019
 *
 * @version 0.3
 * Revisions:
 * 09/18/2019 - BW - Initial Creation
 * 05/31/2021 - BW - Modified: category-view-theme - added body-base-selector
  * 10/13/2025 - BW - Added: stripe-payment-theme, stripe-payment-save-theme
 *
 * Description/Purpose:
 * Theme Pages SCSS
 ***************************************************************/
/**
  * Will set the link colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $theme-login-pages.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the link colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $theme-login-pages.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the link colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $theme-pages.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the link colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $theme-case-menu-pages.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the link colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $theme-date-view-pages.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the link colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $theme-date-view-recent-pages.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the link colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $theme-date-view-basic-pages.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the link colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $theme-category-view-pages.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the link colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $theme-document-upload-pages.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the link colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $theme-document-upload-save-pages.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the link colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $theme-deposition-view-pages.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the link colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $theme-deposition-upload-pages.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the link colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $theme-deposition-upload-save-pages.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the link colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $theme-hearing-view-pages.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the link colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $theme-hearing-upload-pages.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the link colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $theme-hearing-upload-save-pages.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the link colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $theme-document-production-view-pages.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the link colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $theme-document-production-upload-pages.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the link colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $theme-document-production-upload-save-pages.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the link colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $theme-form-pages.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the link colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $theme-message-board-pages.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the link colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $theme-access-list-pages.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the link colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $theme-service-list-pages.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the link colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $theme-file-export-pages.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the link colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $theme-notification-option-pages.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the link colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $theme-payment-pages.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the link colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $theme-payment-save-pages.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the link colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $theme-payment-pages.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the link colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $theme-payment-save-pages.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the link colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $theme-payment-pages.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the link colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $theme-personal-setting-pages.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the link colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $theme-note-pages.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/**
  * Will set the link colors for the desired $theme
  * @param $theme-element
  * @param $theme - default $theme-calendar-pages.  Theme list from _themes.scss ($themes/$theme_pages)
 */
/***************************************************************
 * Copyright (c) 2006 - 2019, Case Anywhere, LLC.
 * All rights reserved
 *
 * @author Brad Wetmore
 * Date: 01/11/2021
 *
 * @version 0.3
 * Revisions:
 * 01/11/2021 - BW - Initial Creation
 * 04/13/2022 - BW - Added: payment-button-container
 * 10/13/2025 - BW - Added: .button-container.two-button-button-container .payment-option-button-container
 *
 * Description/Purpose:
 * Payment SCSS
 ***************************************************************/
ul.selection-control-container {
  border: 1px solid transparent; }

@media only screen and (max-width: 639px) {
  .ca-base-stripe-payment .table.dataTable .one {
    width: 0%;
    visibility: hidden ;
    display: none ; }
  .ca-base-stripe-payment .table.dataTable .two {
    width: 0%;
    visibility: hidden ;
    display: none ; }
  .ca-base-stripe-payment .table.dataTable .three {
    width: 25%;
    display: table-cell;
    visibility: visible ; }
  .ca-base-stripe-payment .table.dataTable .four {
    width: 0%;
    visibility: hidden ;
    display: none ; }
  .ca-base-stripe-payment .table.dataTable .five {
    width: 15%;
    display: table-cell;
    visibility: visible ; }
  .ca-base-stripe-payment .table.dataTable .six {
    width: 0%;
    visibility: hidden ;
    display: none ; }
  .ca-base-stripe-payment .table.dataTable .seven {
    width: 27%;
    display: table-cell;
    visibility: visible ; }
  .ca-base-stripe-payment .table.dataTable .eight {
    width: 33%;
    display: table-cell;
    visibility: visible ; } }

@media only screen and (min-width: 640px) {
  .ca-base-stripe-payment .table.dataTable .one {
    width: 37%;
    display: table-cell;
    visibility: visible ; }
  .ca-base-stripe-payment .table.dataTable .two {
    width: 0%;
    visibility: hidden ;
    display: none ; }
  .ca-base-stripe-payment .table.dataTable .three {
    width: 15%;
    display: table-cell;
    visibility: visible ; }
  .ca-base-stripe-payment .table.dataTable .four {
    width: 0%;
    visibility: hidden ;
    display: none ; }
  .ca-base-stripe-payment .table.dataTable .five {
    width: 15%;
    display: table-cell;
    visibility: visible ; }
  .ca-base-stripe-payment .table.dataTable .six {
    width: 0%;
    visibility: hidden ;
    display: none ; }
  .ca-base-stripe-payment .table.dataTable .seven {
    width: 15%;
    display: table-cell;
    visibility: visible ; }
  .ca-base-stripe-payment .table.dataTable .eight {
    width: 18%;
    display: table-cell;
    visibility: visible ; } }

@media only screen and (min-width: 1024px) {
  .ca-base-stripe-payment .table.dataTable .one {
    width: 28%;
    display: table-cell;
    visibility: visible ; }
  .ca-base-stripe-payment .table.dataTable .two {
    width: 0%;
    visibility: hidden ;
    display: none ; }
  .ca-base-stripe-payment .table.dataTable .three {
    width: 12%;
    display: table-cell;
    visibility: visible ; }
  .ca-base-stripe-payment .table.dataTable .four {
    width: 12%;
    display: table-cell;
    visibility: visible ; }
  .ca-base-stripe-payment .table.dataTable .five {
    width: 13%;
    display: table-cell;
    visibility: visible ; }
  .ca-base-stripe-payment .table.dataTable .six {
    width: 10%;
    display: table-cell;
    visibility: visible ; }
  .ca-base-stripe-payment .table.dataTable .seven {
    width: 10%;
    display: table-cell;
    visibility: visible ; }
  .ca-base-stripe-payment .table.dataTable .eight {
    width: 15%;
    display: table-cell;
    visibility: visible ; } }

@media only screen and (min-width: 1440px) {
  .ca-base-stripe-payment .table.dataTable .one {
    width: 33%;
    display: table-cell;
    visibility: visible ; }
  .ca-base-stripe-payment .table.dataTable .two {
    width: 0%;
    visibility: hidden ;
    display: none ; }
  .ca-base-stripe-payment .table.dataTable .three {
    width: 12%;
    display: table-cell;
    visibility: visible ; }
  .ca-base-stripe-payment .table.dataTable .four {
    width: 10%;
    display: table-cell;
    visibility: visible ; }
  .ca-base-stripe-payment .table.dataTable .five {
    width: 10%;
    display: table-cell;
    visibility: visible ; }
  .ca-base-stripe-payment .table.dataTable .six {
    width: 10%;
    display: table-cell;
    visibility: visible ; }
  .ca-base-stripe-payment .table.dataTable .seven {
    width: 10%;
    display: table-cell;
    visibility: visible ; }
  .ca-base-stripe-payment .table.dataTable .eight {
    width: 15%;
    display: table-cell;
    visibility: visible ; } }

@media only screen and (max-width: 639px) {
  .ca-base-stripe-payment .table.multiple-organization .one {
    width: 0%;
    visibility: hidden ;
    display: none ; }
  .ca-base-stripe-payment .table.multiple-organization .two {
    width: 0%;
    visibility: hidden ;
    display: none ; }
  .ca-base-stripe-payment .table.multiple-organization .three {
    width: 25%;
    display: table-cell;
    visibility: visible ; }
  .ca-base-stripe-payment .table.multiple-organization .four {
    width: 0%;
    visibility: hidden ;
    display: none ; }
  .ca-base-stripe-payment .table.multiple-organization .five {
    width: 15%;
    display: table-cell;
    visibility: visible ; }
  .ca-base-stripe-payment .table.multiple-organization .six {
    width: 0%;
    visibility: hidden ;
    display: none ; }
  .ca-base-stripe-payment .table.multiple-organization .seven {
    width: 27%;
    display: table-cell;
    visibility: visible ; }
  .ca-base-stripe-payment .table.multiple-organization .eight {
    width: 33%;
    display: table-cell;
    visibility: visible ; } }

@media only screen and (min-width: 640px) {
  .ca-base-stripe-payment .table.multiple-organization .one {
    width: 24%;
    display: table-cell;
    visibility: visible ; }
  .ca-base-stripe-payment .table.multiple-organization .two {
    width: 15%;
    display: table-cell;
    visibility: visible ; }
  .ca-base-stripe-payment .table.multiple-organization .three {
    width: 15%;
    display: table-cell;
    visibility: visible ; }
  .ca-base-stripe-payment .table.multiple-organization .four {
    width: 0%;
    visibility: hidden ;
    display: none ; }
  .ca-base-stripe-payment .table.multiple-organization .five {
    width: 13%;
    display: table-cell;
    visibility: visible ; }
  .ca-base-stripe-payment .table.multiple-organization .six {
    width: 0%;
    visibility: hidden ;
    display: none ; }
  .ca-base-stripe-payment .table.multiple-organization .seven {
    width: 15%;
    display: table-cell;
    visibility: visible ; }
  .ca-base-stripe-payment .table.multiple-organization .eight {
    width: 18%;
    display: table-cell;
    visibility: visible ; } }

@media only screen and (min-width: 1024px) {
  .ca-base-stripe-payment .table.multiple-organization .one {
    width: 24%;
    display: table-cell;
    visibility: visible ; }
  .ca-base-stripe-payment .table.multiple-organization .two {
    width: 14%;
    display: table-cell;
    visibility: visible ; }
  .ca-base-stripe-payment .table.multiple-organization .three {
    width: 10%;
    display: table-cell;
    visibility: visible ; }
  .ca-base-stripe-payment .table.multiple-organization .four {
    width: 10%;
    display: table-cell;
    visibility: visible ; }
  .ca-base-stripe-payment .table.multiple-organization .five {
    width: 11%;
    display: table-cell;
    visibility: visible ; }
  .ca-base-stripe-payment .table.multiple-organization .six {
    width: 9%;
    display: table-cell;
    visibility: visible ; }
  .ca-base-stripe-payment .table.multiple-organization .seven {
    width: 9%;
    display: table-cell;
    visibility: visible ; }
  .ca-base-stripe-payment .table.multiple-organization .eight {
    width: 13%;
    display: table-cell;
    visibility: visible ; } }

@media only screen and (min-width: 1440px) {
  .ca-base-stripe-payment .table.multiple-organization .one {
    width: 24%;
    display: table-cell;
    visibility: visible ; }
  .ca-base-stripe-payment .table.multiple-organization .two {
    width: 15%;
    display: table-cell;
    visibility: visible ; }
  .ca-base-stripe-payment .table.multiple-organization .three {
    width: 10%;
    display: table-cell;
    visibility: visible ; }
  .ca-base-stripe-payment .table.multiple-organization .four {
    width: 10%;
    display: table-cell;
    visibility: visible ; }
  .ca-base-stripe-payment .table.multiple-organization .five {
    width: 10%;
    display: table-cell;
    visibility: visible ; }
  .ca-base-stripe-payment .table.multiple-organization .six {
    width: 9%;
    display: table-cell;
    visibility: visible ; }
  .ca-base-stripe-payment .table.multiple-organization .seven {
    width: 9%;
    display: table-cell;
    visibility: visible ; }
  .ca-base-stripe-payment .table.multiple-organization .eight {
    width: 13%;
    display: table-cell;
    visibility: visible ; } }

.ca-base-stripe-payment .table.table-checkbox th.table-column-checkbox {
  border-right-width: 0 !important; }
  .ca-base-stripe-payment .table.table-checkbox th.table-column-checkbox + .expand-icon {
    border-left-width: 1px !important; }

.ca-base-stripe-payment .table.table-checkbox td.table-column-checkbox {
  border-right-width: 0 !important; }
  .ca-base-stripe-payment .table.table-checkbox td.table-column-checkbox + .expand-icon {
    border-left-width: 1px !important; }

.ca-base-stripe-payment .table thead:not(.thead-row-count) th.table-column.expand-icon {
  border-left-width: 0; }

.ca-base-stripe-payment .table td.table-column.expand-icon {
  border-left-width: 0; }

.ca-base-stripe-payment .stripe-payment .payment-link {
  background-color: #dddddd;
  border-radius: calc(10px - 2px); }
  @media only screen and (min-width: 640px) {
    .ca-base-stripe-payment .stripe-payment .payment-link {
      border-radius: 10px; } }
  .ca-base-stripe-payment .stripe-payment .payment-link:focus, .ca-base-stripe-payment .stripe-payment .payment-link:hover {
    background-color: #f81033;
    color: #fefefe; }
  .ca-base-stripe-payment .stripe-payment .payment-link .embedded-link {
    color: #f81033; }
    .ca-base-stripe-payment .stripe-payment .payment-link .embedded-link:focus, .ca-base-stripe-payment .stripe-payment .payment-link .embedded-link:hover {
      color: #fefefe; }

.ca-base-stripe-payment .stripe-payment .embedded-link-parent:focus .embedded-link, .ca-base-stripe-payment .stripe-payment .embedded-link-parent:hover .embedded-link {
  color: #fefefe; }

.ca-base-stripe-payment .stripe-payment .payment-link {
  padding: 15px; }
  @media only screen and (min-width: 640px) {
    .ca-base-stripe-payment .stripe-payment .payment-link {
      padding: 25px; } }
  @media only screen and (min-width: 1024px) {
    .ca-base-stripe-payment .stripe-payment .payment-link {
      padding: 35px; } }
  @media only screen and (min-width: 1200px) {
    .ca-base-stripe-payment .stripe-payment .payment-link {
      padding: 50px; } }

.stripe-payment-modal.tingle-header-custom-icon .tingle-modal-box__header h4:after {
  content: "\f09d";
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900; }

.stripe-payment .grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-align: stretch;
      align-items: stretch; }

.stripe-payment .payment-cell {
  width: 100%; }
  @media print, screen and (min-width: 40em) {
    .stripe-payment .payment-cell {
      width: 50%;
      display: -ms-flexbox;
      display: flex; } }

.stripe-payment .payment-link {
  width: 100%;
  text-align: center;
  transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center; }

.stripe-payment .payment-cell .link-base {
  word-break: break-word; }
  .stripe-payment .payment-cell .link-base .payment-link-text {
    margin-bottom: 10px;
    font-weight: 700 ; }

.stripe-payment .payment-cell ~ .payment-cell:last-child .payment-link {
  margin-bottom: 0; }

.stripe-payment .payment-link-extra-text {
  font-weight: 400 ; }

.stripe-payment .account-current {
  text-align: center;
  font-weight: 700 ;
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 24px; }

form.stacked-form .form-item-container label {
  width: 160px; }

form.stacked-form #table_wrapper {
  margin-top: 30px;
  margin-bottom: 10px; }

form.stacked-form .invoice-not-listed {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 16px; }

form.stacked-form .payment-button-bottom,
form.stacked-form .payment-profile-button {
  display: -ms-flexbox;
  display: flex;
  margin-left: auto; }

form.stacked-form .button-container.two-button-button-container .payment-option-button-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  width: 100%; }
  form.stacked-form .button-container.two-button-button-container .payment-option-button-container > button {
    margin-left: 15px !important; }
  form.stacked-form .button-container.two-button-button-container .payment-option-button-container > button:first-child {
    margin-left: 0px; }

form.stacked-form .total-balance-ro-text,
form.stacked-form .total-payment-ro-text {
  font-weight: 800 ; }

form.stacked-form .add-new-payment-extra-button {
  margin-top: 10px; }
  @media only screen and (max-width: 639px) {
    form.stacked-form .add-new-payment-extra-button {
      display: block;
      float: none;
      width: 100%;
      margin-left: 0;
      margin-right: 0; } }
  form.stacked-form .add-new-payment-extra-button:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    content: "\f571";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900; }

form.stacked-form .convenience-fee {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  font-weight: 700 ;
  margin-top: 10px; }

@media only screen and (min-width: 640px) {
  form.stacked-form #table_wrapper {
    margin-top: 20px;
    margin-bottom: 10px; } }

.stripe-payment-modal {
  /* Receipt Card */ }
  .stripe-payment-modal .tingle-modal-box {
    min-width: auto;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto; }
  .stripe-payment-modal .tingle-modal-box .window-modal-content {
    margin-top: -20px;
    margin-bottom: -10px;
    margin-left: -10px; }
  .stripe-payment-modal .data-content-container {
    margin-bottom: 20px; }
  .stripe-payment-modal .ca-receipt-card-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin-bottom: 10px;
    padding-bottom: 10px; }
  .stripe-payment-modal .ca-receipt-card-title {
    font-size: 16px;
    font-weight: 700 ; }
  .stripe-payment-modal .ca-receipt-card-tag {
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 999px;
    background: #373f51;
    /* deeper blue */
    color: #fff;
    /* white text for contrast */
    font-weight: 600; }
  .stripe-payment-modal .ca-receipt-card-rows .row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    gap: 16px;
    padding: 4px 0; }
  .stripe-payment-modal .ca-receipt-card-rows .label {
    font-weight: "semi-bold"; }
  .stripe-payment-modal .ca-receipt-card-rows .value {
    font-weight: bold;
    text-align: right; }
  .stripe-payment-modal .ca-receipt-card-total {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    gap: 16px;
    margin-top: 8px;
    padding-top: 10px;
    border-top: 1px solid #e0e3ea; }
    .stripe-payment-modal .ca-receipt-card-total .label {
      font-weight: bold; }
    .stripe-payment-modal .ca-receipt-card-total .value {
      font-weight: bold; }
  .stripe-payment-modal .ca-receipt-card-note {
    font-size: 12px;
    margin-top: 5px; }
    .stripe-payment-modal .ca-receipt-card-note .note-message {
      margin-bottom: 5px; }
    .stripe-payment-modal .ca-receipt-card-note .note-memo {
      padding-top: 5px;
      padding-right: 15px;
      padding-bottom: 0px;
      padding-left: 15px; }

@media only screen and (min-width: 640px) and (max-width: 1023px) {
  .stripe-payment-modal .tingle-modal-box {
    min-width: auto;
    max-width: 495px;
    width: 495px;
    margin-left: auto;
    margin-right: auto; }
    .stripe-payment-modal .tingle-modal-box .window-modal-content {
      margin-top: -20px;
      margin-bottom: -20px;
      margin-left: -40px; } }

@media only screen and (min-width: 1024px) {
  .stripe-payment-modal .tingle-modal-box {
    min-width: auto;
    max-width: 760px;
    width: 760px;
    margin-left: auto;
    margin-right: auto; }
    .stripe-payment-modal .tingle-modal-box .window-modal-content {
      margin-top: -20px;
      margin-bottom: -20px;
      margin-left: -60px; } }

.payment-profile-modal.tingle-header-custom-icon .tingle-modal-box__header h4:after {
  content: "\f4ff";
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900; }

.payment-profile-modal .tingle-modal-box {
  min-width: auto;
  max-width: 470px;
  margin-left: auto;
  margin-right: auto; }

.payment-profile-modal .payment-profile-container-item {
  display: -ms-flexbox;
  display: flex; }
  .payment-profile-modal .payment-profile-container-item ~ .payment-profile-container-item {
    margin-top: 10px; }
  .payment-profile-modal .payment-profile-container-item .delete-column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
  .payment-profile-modal .payment-profile-container-item .delete-icon:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    content: "\f2ed";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    margin-right: 5px;
    font-size: 16px;
    cursor: pointer; }
  .payment-profile-modal .payment-profile-container-item .credit-card-column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin-left: 30px; }
  .payment-profile-modal .payment-profile-container-item .credit-card-icon {
    margin-right: 5px;
    font-size: 20px; }
  .payment-profile-modal .payment-profile-container-item .visa:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    content: "\f1f0";
    font-family: 'Font Awesome 5 Brands'; }
  .payment-profile-modal .payment-profile-container-item .mastercard:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    content: "\f1f1";
    font-family: 'Font Awesome 5 Brands'; }
  .payment-profile-modal .payment-profile-container-item .americanexpress:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    content: "\f1f3";
    font-family: 'Font Awesome 5 Brands'; }
  .payment-profile-modal .payment-profile-container-item .discover:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    content: "\f1f2";
    font-family: 'Font Awesome 5 Brands'; }
  .payment-profile-modal .payment-profile-container-item .jcb:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    content: "\f24b";
    font-family: 'Font Awesome 5 Brands'; }
  .payment-profile-modal .payment-profile-container-item .dinersclub:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    content: "\f24c";
    font-family: 'Font Awesome 5 Brands'; }
  .payment-profile-modal .payment-profile-container-item .gap-column {
    -ms-flex-positive: 1;
        flex-grow: 1; }
  .payment-profile-modal .payment-profile-container-item .expires-column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin-left: 10px; }
    .payment-profile-modal .payment-profile-container-item .expires-column label {
      width: 65px; }
    .payment-profile-modal .payment-profile-container-item .expires-column .expires-format {
      font-style: italic;
      font-size: 12px;
      padding-right: 15px; }
    .payment-profile-modal .payment-profile-container-item .expires-column .text {
      margin-left: 5px;
      width: 60px; }

.payment-profile-modal .form-item-container .required-before {
  text-align: left; }

/***************************************************************
 * Copyright (c) 2006 - 2019, Case Anywhere, LLC.
 * All rights reserved
 *
 * @author Brad Wetmore
 * Date: 03/29/2022
 *
 * @version 0.1
 * Revisions:
 * 03/29/2022 - BW - Initial Creation
 *
 * Description/Purpose:
 * Payment Extra
 ***************************************************************/
form.stacked-form .form-item-container-payment-extra {
  margin-top: 15px; }

form.stacked-form .form-item-container label {
  width: 200px; }

.data-content-container .payment-extra-content {
  border: 0px !important;
  padding-left: 0px !important;
  margin-top: 10px;
  margin-left: 0px; }

.payment-extra-content {
  max-width: 500px; }
  .payment-extra-content .payment-extra-data-content {
    margin-top: 15px;
    margin-right: 0;
    margin-bottom: 10px;
    margin-left: 0; }
    .payment-extra-content .payment-extra-data-content .payment-extra-li {
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 5px; }
      .payment-extra-content .payment-extra-data-content .payment-extra-li label {
        text-align: center;
        margin-bottom: 2px; }
      .payment-extra-content .payment-extra-data-content .payment-extra-li .delete-column {
        display: -ms-flexbox;
        display: flex;
        width: 25px; }
      .payment-extra-content .payment-extra-data-content .payment-extra-li .invoice-number-column,
      .payment-extra-content .payment-extra-data-content .payment-extra-li .payment-column {
        width: 50%;
        margin-right: 5px;
        margin-left: 5px; }
      .payment-extra-content .payment-extra-data-content .payment-extra-li .spacer-column {
        width: 25px; }
    .payment-extra-content .payment-extra-data-content i.payment-extra-delete-icon {
      -ms-flex-item-align: center;
          -ms-grid-row-align: center;
          align-self: center;
      cursor: pointer; }
      .payment-extra-content .payment-extra-data-content i.payment-extra-delete-icon:before {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        content: "\f2ed";
        font-family: 'Font Awesome 5 Pro';
        font-weight: 900;
        margin-left: 5px;
        font-size: 16px; }

.add-new-payment-extra-button {
  margin-top: 10px; }
  @media only screen and (max-width: 639px) {
    .add-new-payment-extra-button {
      display: block;
      float: none;
      width: 100%;
      margin-left: 0;
      margin-right: 0; } }
  .add-new-payment-extra-button:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    content: "\f319";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900; }

@media only screen and (max-width: 639px) {
  .save-button {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0; } }

form.stacked-form .required-before {
  text-align: left; }

@media only screen and (min-width: 640px) {
  form.stacked-form .data-content-container .payment-extra-content {
    margin-left: 200px; } }


/*# sourceMappingURL=stripe-payment.min.css.map*/