html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

#cover {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.95;
    background: #aaa;
    z-index: 99999;
    display: none;
}

#cover-message {
    position: fixed;
    top: 20%;
    font-size: 6rem;
    text-align: center;
}

#cover .container {
    text-align: center;
    position: relative;
    top: 30%;
}

#cover h1 {
    font-size: 3rem;
    font-weight: bold;
}

#cover h3 {
    color: black;
    text-align: center;
    font-size: 1rem;
}

#cover p {
    text-align: center;
    font-size: 1rem;
}

.text-ssred {
    color: var(--accent-color-red) !important;
}

.row {
    padding: 10px;
}


/* The container is not a header or footer, it is a content block that will contain text or forms */

.container-content {
    padding: 16px 0;
}

.container-light {
    background-color: var(--background-light);
}

.container-dark {
    background-color: var(--background-dark);
    color: white;
}

.container-overflow-auto {
    overflow: auto;
}

.pricing-header {
    max-width: 700px;
}

.price-hidden {
    display: none !important;
}

.card-deck .card {
    min-width: 220px;
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
}


/* Body */

body {
    /* background-color: var(--background-dark); */
    color: var(--background-dark);
}

.maincontent {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: var(--background-light);
}


/* Header */

#ssindex-header-reviews {
    background-color: #dccec2;
    padding: 8px;
    border-radius: 6px;
    margin-bottom: 12px;
}

#index-announcement {
    padding: 4px 10%;
    margin: 0;
    background-color: orange;
    color: white;
    text-align: center;
}

#index-announcement p {
    margin: 0;
}

.masthead {
    min-height: 100vh;
    background-image: url("/static/images/header-airplane-large.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-blend-mode: hard-light;
    background-color: black;
}

.standard-page-header {
    background-color: var(--background-dark) !important;
    padding: 10px 20px 30px;
    color: white;
}

#banner-title {
    line-height: 0.95;
}

#banner-subtitle {
    line-height: 1.1;
}

#home-page-message-1,
#home-page-message-2,
#home-page-message-3 {
    background-color: lightgrey;
    margin: 0 10% 12px;
    border-radius: 6px;
    padding: 8px
}


/* NavBar */

.navbar {
    /* background-color: var(--background-dark) !important; */
    border-bottom: .0625rem solid #282f43;
}

.navbar-tooltip .tooltip-inner {
    background-color: #9f9f9f;
}

.navbar-tooltip {
    opacity: 1 !important;
}

.nav-link:hover .fa-user, #award-wallet-icon:hover #award-wallet-img, #award-wallet-points-img:hover, #aw-refresh-details:hover {
    filter: brightness(150%);
}

.navbar .dropdown-menu {
    box-shadow: 0px 0px 5px 0px grey
}

.navbar .fas {
    font-size: 20px;
    line-height: 25px;
}

.navicon {
    color: rgba(255,255,255,.5);
}

@media (max-width: 575px) {
    #award-wallet-dropdown {
        left: -500%;
        right: auto;
    }
}

#inbound-summary, #outbound-summary {
    font-size: 18px !important;
}

@media (max-width: 575px) {
    #inbound-summary, #outbound-summary {
        font-size: 13px !important;
    }
}

.user-account-badge {
    min-width: 70px;
}

/* Footer */

#footer {
    background: var(--background-dark) !important;
    padding: 60px 0;
    margin-top: 40px;
    border-top: .0625rem solid #282f43;
}


/* Forms */

.align_bottom_right {
    position: absolute;
    bottom: 0;
    right: 0;
}

.index-search-forms {
    margin: 20px 0;
    padding: 12px;
    border: 1px solid lightgrey;
    border-radius: 6px;
    background-color: aliceblue;
    color: #10172e;
}

.availability-search-form {
    margin: 20px 0;
    padding: 12px;
    border-radius: 20px;
    background-color: var(--background-dark);
    color: white;
}

#bookmark-search-message {
    display: none;
}


/* flight-search-bar */

.container-fluid {
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
    padding-left: 0;
}

.flight-search-bar-container {
    max-width: 100%;
}

.flight-search-bar-container h1 {
    margin: 60px 0;
    color: white;
    /* text-shadow: -1px -1px 1px lightgrey, 2px 2px 1px grey; */
}

.flight-search-bar-content {
    background-color: rgba(190, 186, 247, 0.7);
    padding: 10px;
    border-radius: 6px;
    max-width: 1080px;
    margin: auto;
}

.flight-search-bar-background {
    background-image: url("/static/images/header-firstclass3.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 10px 20px 30px;
}


/* select2 dropdown with text bar */

.select2 .select2-search--dropdown {
    padding: 0;
}

.select2-container--open .select2-dropdown--below {
    border-top: 1px solid #aaa !important;
    bottom: 1px;
}

.select2-container .select2-selection--single {
    height: 31px !important;
    padding: 1px 0px;
}

#select2-carrier-availability-search-results {
    max-height: 290px !important;
}

.book-button-icon {
    width: 22px;
}


/* index page flight search */

ul.form-check.form-check-inline {
    list-style-type: none;
    margin-bottom: 0;
}

ul.form-check.form-check-inline li {
    margin-right: 12px;
}

.all-carriers-form-group {
    padding: 0 6px 6px;
    background-color: lavender;
    border-radius: 4px;
}


/* set bootstrap container to allow horizontal scrolling if needed (useful for wide datatables)
 * add it to the bootstrap row
 */

.scrolling-wrapper {
    overflow-x: auto;
}


/* prevent columns wrapping text in datatables.net tables */

table.dataTable tbody td {
    white-space: nowrap
}

#cabin_class {
    list-style-type: None;
    padding-left: 10px;
}


/* Reward Seat Availability Calendar */


/* --------------------------------- */


/* Variables */

:root {
    --accent-color-red: #E51937;
    --economy-colour: #a7a9ac;
    --premium-colour: #075aaa;
    --business-colour: #267f00;
    --first-colour: #eb2226;
    --cabin-circle-width: 6px;
    --legend-circle-size: 10px;
    --cabin-border-radius: 50%;
    --calendar-background-color: aliceblue;
    --background-dark: #10172e;
    --background-light: white;
    --subtle-highlight-color: rgba(0, 0, 0, .05);
    --highlight-color: rgba(0, 0, 0, .2);
    --disabled-color: #495057;
    --disabled-background-color: #e9ecef;
}


/* Calendar */

.single-column {
    background-color: var(--calendar-background-color)
}

.single-column .calendar {
    overflow-x: unset
}


/* Month */

table.month {
    background-color: var(--calendar-background-color);
    margin-bottom: 12px !important;
}

.single-column .calendar .months-container .month-container {
    float: None !important;
}

.month-container {
    min-height: 290px !important;
    /* Fixes issue with 6 week month breaking display, will only work with current size settings */
}


/* There is also a JS condition for flatpickr showMonths on this screen size */

@media (max-width: 767.98px) {
    /* sm */
    .return-calendar .month-container {
        min-height: 230px !important;
    }
}

@media (max-width: 575.98px) {
    /* xs */
    .return-calendar .month-container {
        min-height: 166px !important;
    }
    .return-calendar table.month th.day-header {
        font-size: 12px !important;
    }
    /* .return-calendar table td {
        font-size: 9px !important;
    } */
    .return-calendar,
    .container {
        padding: 0px !important;
    }
    .return-calendar .col-6 {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    .return-calendar .availability-page-message {
        padding: 14px 0px !important;
    }
    h2 {
        font-size: 1.6rem !important;
    }
    h5 {
        font-size: 1.15rem !important;
    }
}

@media (max-width: 575.98px) and (orientation:landscape) {
    .l-none {
        display: None !important;
    }
}

@media (max-width: 360px) {
    .return-calendar table.month th.day-header {
        font-size: 10px !important;
    }
    .return-calendar .month-container {
        min-height: 161px !important;
    }
}


/* American Airways availability circle */

.economy-fare-filter.filterable-economy-single {
    border-color: var(--economy-colour) !important;
}

.economy-fare-filter.filterable-economy-multi {
    border-left-color: var(--economy-colour) !important;
}

.premium-fare-filter.filterable-premium-single {
    border-color: var(--premium-colour) !important;
}

.premium-fare-filter.filterable-premium-multi {
    border-top-color: var(--premium-colour) !important;
}

.business-fare-filter.filterable-business-single {
    border-color: var(--business-colour) !important;
}

.business-fare-filter.filterable-business-multi {
    border-right-color: var(--business-colour) !important;
}

.first-fare-filter.filterable-first-single {
    border-color: var(--first-colour) !important;
}

.first-fare-filter.filterable-first-multi {
    border-bottom-color: var(--first-colour) !important;
}


/* Legend colours */

.color-economy {
    color: var(--economy-colour);
}

.background-economy {
    background-color: #e7e7e7;
    border-right: 1px solid white !important;
}

.background-economy-hover:hover {
    background-color: #a7a7a7;
}

.color-premium {
    color: var(--premium-colour);
}

.background-premium {
    background-color: #d5e7ed;
    border-right: 1px solid white !important;
}

.background-premium-hover:hover {
    background-color: #95a7ad;
}

.color-business {
    color: var(--business-colour);
}

.background-business {
    background-color: lightgreen;
    border-right: 1px solid white !important;
}

.background-business-hover:hover {
    background-color: #50ae50;
}

.color-first {
    color: var(--first-colour);
}

.background-first {
    background-color: #f9e6e9;
    border-right: 1px solid white !important;
}

.background-first-hover:hover {
    background-color: #b9a6a9;
}


/* Reward seat availability titles */

#rsa-subtitle {
    color: var(--accent-color-red);
    margin-bottom: 0;
}

#rsa-subtitle-airline {
    margin-bottom: 0;
}


/* Legend for Reward Seat Availability display */

.availability-page-message {
    padding: 20px 15px;
}

#create_alert {
    padding-top: 20px;
    padding-bottom: 20px;
}

.datepicker {
    background-color: #fff !important;
}

.custom-select:disabled,
.form-control:disabled {
    color: var(--disabled-color) !important;
    background-color: var(--disabled-background-color) !important;
}

svg.legend {
    width: 25px;
}

.legend-hover div:hover {
    background-color: var(--highlight-color);
}

.legend-peakType div {
    border-radius: var(--cabin-border-radius);
    border-width: var(--cabin-circle-width);
    text-align: center;
    float: left;
}

.peakType {
    width: calc((2 * var(--cabin-circle-width)) + (2 * var(--legend-circle-size)))
}


/* Popover */

.popover td,
.popover th {
    padding: 0.3rem;
    text-align: center;
}

.popover-content {
    margin: auto;
    font-weight: bold;
    /* width: 33px; */
    border-radius: var(--cabin-border-radius) !important;
    border-color: var(--background-light);
    border-width: var(--cabin-circle-width);
    border-style: solid;
    /* padding: 2px 4px !important; */
}

.popover {
    max-width: unset !important;
    z-index: 99999999999;
}


/* Passenger Slider */

#passenger-slider-handle {
    width: 3em;
    height: 1.6em;
    top: 50%;
    margin-top: -.8em;
    text-align: center;
    line-height: 1.6em;
}


/* general styling */

.small-radius {
    border-radius: 4px;
}

.small-radius-top {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.small-radius-bottom {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.medium-radius {
    border-radius: 8px;
}

.medium-radius-top {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.medium-radius-bottom {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.large-radius {
    border-radius: 12px;
}

.large-radius-top {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.large-radius-bottom {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}


/* Select 2 Styling */


/* ---------------- */

.select2-container--default .select2-selection--single {
    border-color: #ced4da !important;
    font-size: .875rem;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.select2-results__option {
    font-size: .875rem !important;
}

.select2-search__field {
    padding: 1px 8px !important;
}

.select2-results__option {
    padding: 2px 6px !important;
}


/* Home page select2 styling */

.index_flight_search .select2-container .select2-selection--single {
    height: 38px !important;
    padding: 1px 0px;
}

.index_flight_search .select2-container--default .select2-selection--single {
    border-radius: 4px !important;
    font-size: 1rem !important;
}

.index_flight_search .select2-results__option {
    font-size: 1rem !important;
}

.index_flight_search .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px !important;
}

#select2-origin-availability-search-container,
#select2-destination-availability-search-container {
    text-align: left !important;
}

.index_flight_search .select2-search__field {
    height: 38px;
}

.index_flight_search .select2-container .select2-selection--single {
    height: 38px !important;
}

.index_flight_search .select2-selection__arrow {
    height: 38px !important;
}


/* Google Maps */

#map {
    height: 100vh;
}

.gm-style-iw-c {
    padding: 0 !important;
    min-width: 320px !important;
}

.gm-style-iw-d {
    overflow: auto !important;
}

.gm-style .gm-style-iw-tc::after {
    background-color: #343a40 !important;
}

.gm-ui-hover-effect {
    display: none !important;
}

.marker-destination:hover {
    background-color: #9E9E9E;
}

.infowindow-date {
    border: #343a40 solid 4px;
    border-radius: 50%;
    width: 33px;
    height: 33px;
    text-align: center;
    line-height: 25px;
}


/* admin user page styling */
.e-profile .row {
    padding: 0 10px;
}

.e-profile label {
    margin-bottom: 0;
    color: #6c757d;
}

.admin-user-search {
    background-color: #eee;
}


/* admin page styling */

.card-chart {
    border: 0;
    margin-bottom: 30px;
    margin-top: 30px;
    border-radius: 6px;
    background: #fff;
    width: 100%;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.card-chart .card-title,
.card-chart .card-header {
    border-radius: 3px;
    margin-top: -40px;
    padding: 15px;
    background: linear-gradient(60deg, #ffa726, #fb8c00);
}

.card-chart .large {
    font-size: 140%;
}

.card-chart a:link {
    color: white;
}

.card-chart a:visited {
    color: white;
}

.card-disabled {
    background-color: lightgrey;
}

.text-area-field {
    height: 300px !important;
}

.email_display_css_reset .table td {
    border-top: 0;
}

.website-logo {
    height: 32px;
}

.no-wrap {
    white-space: nowrap;
    overflow: auto;
}

.featured-on-logos {
    max-height: 80px;
    max-width: 280px;
    padding: 16px;
}


/*
*
* ==========================================
* Block Quote Customer Quote CSS
* ==========================================
*
*/

.blockquote-custom {
    position: relative;
    font-size: 1.1rem;
}

.blockquote-custom-icon {
    background-color: #007bff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -25px;
    left: 50px;
}


/*
*
* ==========================================
* Index page highlight the sign up box
* ==========================================
*
*/

#signup-highlight {
    font-size: 130%;
}

@media (max-width: 992px) {
    #navbar-user-account-options {
        text-align: center;
    }
    #signup-highlight-message {
        display: none;
    }
}


/*
 * navbar menu drop downs
 */

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

.nav-item,
.dropdown-item {
    text-align: center;
}

@media (min-width: 992px) {
    .nav-item,
    .dropdown-item {
        text-align: left;
    }
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
}


/* rotate caret on hover */

.dropdown-menu>li>a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
}

ol ol,
ol ul,
ul ol,
ul ul {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}

.multi-checkbox {
    height: auto !important;
    list-style: none;
    border: none !important;
    background-color: transparent !important;
}


/* ***********************
 * User Subscriptions Page
 */

.sub-info th {
    white-space: nowrap;
}

.cancel-warning {
    line-height: 1.1;
    text-align: justify;
}


/* ***********************
 * Guided tour styles
 */

/* a.introjs-disabled {
    display: none;
} */

/* .introjs-button {
    border: none;
    text-shadow: none;
    background-image: none;
    font-size: 13px;
    background-color: rgb(241, 214, 0);
}

.introjs-button:hover {
    box-shadow: none;
    border-color: transparent;
    color: whitesmoke;
}

.introjs-button:active,
.introjs-button:focus {
    background-image: none;
}

.introjs-disabled,
.introjs-disabled:focus,
.introjs-disabled:hover {
    background-color: rgb(241, 214, 0);
    color: grey;
}

.introjs-skipbutton {
    color: #333;
} */


/* ***********************
 * User alert list and edit
 */

.ss-alert-airline-logo {
    height: 33px;
}


/* ***********************
 * Login and register pages
 */

.help-block {
    color: red;
    margin: 0 0 0 12px;
}


/* ***********************
 * Modals
 */

#rewardSeatAvailabilityDayClickModal .modal-body {
    padding-top: 0rem;
}

#subscribeModal .modal-title {
    line-height: 1;
}

#subscribeModal .sm-already-a-user {
    display: flex;
    justify-content: flex-end;
}

#editAlertModal .modal-dialog {
    max-width: 650px;
}


/* ***********************
 * General Form controls
 */

input.form-control::placeholder {
    opacity: 40%;
}

.pricing-terms-descriptions p {
    margin-bottom: 0.55rem;
    line-height: 0.8;
}


/* ***********************
 * Edit Modal on Availability calendar
 */

div.popover-content {
    border: 0;
}

.para-tight {
    margin: 0 0 4px;
    padding: 0;
}

.btn-sspy-primary {
    background-color: #24a754;
    border-color: #24a754;
}

.display-5 {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.2;
}

#ba-points-small-print {
    font-size: 0.8rem;
    color: grey;
    text-align: left;
    padding-top: 8px;
    max-width: 540px;
    margin: auto;
}

/* data collection source summary report */

.oldest_data {
    padding: 2px 3px;
    border-radius: 4px;
    font-size: 90%;
}

.oldest_data_background {
    background-color: lightpink;
}

.text-baa,
.text-aas,
.text-aans,
.text-eca,
.text-avi,
.text-rff,
.text-unknown-data-source,
.text-dcsage {
    color: white;
    padding: 2px 3px;
    border-radius: 4px;
    font-size: 90%;
}

.text-unknown-data-source {
    background-color: #761c1c;
}

.text-rff {
    background-color: #48761c;
}

.text-avi {
    background-color: #1c4076;
}

.text-baa {
    background-color: fuchsia;
}

.text-aas {
    background-color: teal;
}

.text-aans {
    background-color: olive;
}

.text-eca {
    background-color: aqua;
}


/********** DS **********/

.odd {
    background-color: ghostwhite;
}

.even {
    background-color: inherit;
}

.dataTables_wrapper .dataTables_length {
    width: 100%;
}

.dataTables_wrapper .dataTables_length>label {
    display: flex;
}

.dataTables_wrapper .dataTables_length>label select.form-control {
    margin: 0 15px;
    max-width: 100px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    min-width: 0;
    padding: 0;
    margin-left: 0;
    border: 0!important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background-color: transparent;
    background: none;
}

.dataTables_wrapper .dataTables_filter {
    width: 100%;
}

.dataTables_wrapper .dataTables_filter>label {
    display: flex;
    justify-content: flex-end;
}

.dataTables_wrapper .dataTables_filter>label .form-control {
    max-width: 200px;
}

.dataTables_wrapper .dataTable {
    min-height: 50px;
}

.dataTables_wrapper .dataTables_processing {
    border: none;
    height: 100%;
    width: 100%;
    margin-left: 0;
    margin-top: 0;
    padding: 50px;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 0.9)
}

.modal-dynamic {
    max-width: 100%;
    width: auto !important;
    display: inline-block;
}

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

img.day-modal-airline-icon {
    min-width: 28px;
    max-width: 32px;
}

#RSA-day-details-table {
    font-size: 90%;
}

.data-age-table {
    margin: auto;
}

.data-age-table tr {
    text-align: left;
}

.data-age-table td {
    padding: 3px;
}

.spinner-border-md {
    width: 1.25rem;
    height: 1.25rem;
}

.event-package-table {
    font-size: 70%;
}

.event-package-table-border-bottom {
    border-bottom: 1pt solid black;
}

@keyframes tip {
    0% {
        content: "First Class subscription users have access to advanced alert creation. Each leg of the alert can be individually customised.";
    }
    20% {
        content: "You can set a Secondary Email to have Alert Notifications sent to a partner or assistant.";
    }
    40% {
        content: "Flexible on where you can travel to? Use our Where Can I Go search to see all destinations with availability on the dates that you can travel.";
    }
    60% {
        content: "Do you have Marriott Bonvoy or Hilton Honors points? Check out our Event Alerts. We monitor their exclusive events constantly and we'll notify you when new events become available.";
    }
    80% {
        content: "'Your notification worked great. You emailed me saying the 2 business class Avios seats I wanted CPT - LHR were available which allowed me to call BA and nab them.' Mark - British Airways Flyer";
    }
    100% {
        content: "First Class subscription users have access to advanced alert creation. Each leg of the alert can be individually customised.";
    }
}

@keyframes pulse {
    5% {
        opacity: 1;
    }
    45% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    55% {
        opacity: 1;
    }
}

#tip:after {
    content: "";
    -webkit-animation: tip 75s linear infinite;
    /* Safari 4+ */
    -moz-animation: tip 75s linear infinite;
    /* Fx 5+ */
    -o-animation: tip 75s linear infinite;
    /* Opera 12+ */
    animation: tip 75s linear infinite;
    /* IE 10+, Fx 29+ */
}

#tip {
    -webkit-animation: pulse 15s infinite;
    /* Safari 4+ */
    -moz-animation: pulse 15s infinite;
    /* Fx 5+ */
    -o-animation: pulse 15s infinite;
    /* Opera 12+ */
    animation: pulse 15s infinite;
    /* IE 10+, Fx 29+ */
}

.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.flatpickr-time .numInputWrapper span.arrowUp:after, .flatpickr-time .numInputWrapper span.arrowDown:after {
    left: 35%;
}

.numInputWrapper span {
    width: 30px !important;
}

@media (max-width: 768px) {
    .flatpickr-time .numInputWrapper span.arrowUp:after, .flatpickr-time .numInputWrapper span.arrowDown:after {
        left: 43%;
    }

    .numInputWrapper span {
        width: 60px !important;
        height: 25px;
    }

    .flatpickr-time {
        line-height: 50px;
    }
    .numInputWrapper span.arrowDown {
        top: 25px;
    }

    .flatpickr-calendar.hasTime.noCalendar, .numInput.flatpickr-hour, .numInputWrapper {
        height: 50px !important;
    }

    .numInput.flatpickr-hour, .numInput.flatpickr-minute {
        padding-right: 20px;
    }

    .flatpickr-time {
        max-height: 50px;
    }
}

/* User preferences */

.userPreferences {
    border: solid black 2px;
    vertical-align: bottom;
    width: 100%;
}

/*  --------- */

.more-pricing-options {
    padding: 0 4px 0px 4px !important;
}

.more-pricing-options-points {
    flex: 3 2 0;
    text-align: right;
}

.more-pricing-options-divider {
    flex: 1 1 0;
}

.more-pricing-options-taxes {
    flex: 2 2 0;
    text-align: left;
}

input.submitting {
    background-color: #6c757d;
    border-color: #6c757d;
    cursor: default;
    pointer-events: none;
}

.tooltip-inner {
    text-align: left;
}