#gcForm,
#gcField,
#tabsField,
#amtLine,
#autoReloadLine,
#autoFreqLine,
#autoAmtLine,
#autoFreqPrefix,
#autoAmtPrefix,
#ccFields,
#creditCardChoice,
#listContainer,
#cws_txt_reloadAmtFixedOther,
#cws_txt_reloadAmtBringToOther,
#cancelAutoEdit,
#cws_btn_updateSchedule {
    display: none;
}

#cws_val_reloadAmtOther,
#cws_val_reloadFreqBalAmtOther,
#cws_val_reloadAmtFixedOther {
    white-space: nowrap;
}

#pwdPopup {
    display: none;
    width: 300px;
}

#cws_output_gcBalance {
    color: #56b558;
}

.left {
    float: left;
}

.right {
    float: right;
}

.gc_balance {
    margin: 0 0 0 2%;
    width: 68%;
}

.gc_balance p {
    margin: 0 0 10px 0;
}

.autoReload .val {
    text-align: left;
    left: 0px;
}

html[lang='fr'] .autoReload .val {
    bottom: -18px;
}

#amtLine {
    margin: 0 0 20px 0;
}

#AmtFixedOtherHint,
#AmtBringToOtherHint {
    right: 120px;
    bottom: 11px;
}

#AmtFixedOtherHint.adjacent-hint,
#AmtBringToOtherHint.adjacent-hint {
    right: 0;
}

#FreqBalAmtOtherHint {
    right: 80px;
}

.auto_textbox:disabled+.val,
.auto_textbox:disabled~.fieldHint {
    display: none;
}

#tabs_container {
    padding: 20px 0 0 0;
}

#autoParamsLoading {
    display: none;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: 50px;
}

#cws_list_ccExpMon,
#cws_list_ccExpYr {
    width: 90px;
    display: inline-block;
    margin: 0 4px 0 0;
}

/*======== TABS ==========*/
#tab1,
#tab2 {
    display: none;
}

.tabs_menu {
    float: left;
    clear: both;
    margin: 0 0 -1px;
    padding: 0;
}

.tab {
    float: left;
    margin: 0 10px 0 0;
    list-style: none;
}

.tab-button {
    padding: 5px 10px 5px 10px;
    background-color: #f7f7f7;
    color: #000;
    border: 1px solid #d4d4d1;
    border-bottom: none;
    transition: background-color 0.3s;
}

.tab-button:hover {
    background-color: #e8e8e8;
}

.tab-button[aria-selected="true"] {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #fff;
    z-index: 5;
}

.tab_container {
    border: 1px solid #d4d4d1;
    background-color: #fff;
    float: left;
    padding: 30px 20px 20px 20px;
    width: 100%;
    box-sizing: border-box;
}

.tab_content {
    width: 100%;
    box-sizing: border-box;
    display: none;
}

.tab_content[aria-hidden="false"] {
    display: block;
}

/*==== AUTO RELOAD ====*/
input[type="text"].auto_textbox,
input[type="number"].auto_textbox {
    width: 70px;
    float: left;
}

#cws_lbl_reloadFreqBal,
#cws_lbl_reloadAmtFixed,
#cws_lbl_reloadAmtBringTo {
    float: left;
    margin: 0 5px 17px 0;
}

#cws_txt_reloadAmtFixed {
    margin: 0 0 0 15px;
}

input[type="text"]:disabled,
input[type="number"]:disabled {
    background-color: #D8D8D8;
}

.radio_set input[type="radio"]+label {
    margin: 0 0 14px 0;
}

.radio_set select:disabled .auto_textbox {
    display: none;
}

.radio_label {
    margin: 0 0 10px 0;
}

#creditCardChoice {
    margin: 20px 0 20px 0;
}

.ccChoice {
    float: left;
    margin: 0 20px 0 0;
}

.radio_set select {
    display: none;
    width: 105px;
    float: left;
    padding: 9px 5px 9px 8px;
    margin: 0 10px 0 0;
}

#freqContainer {
    margin: 0 0 40px 0;
}

.adjacentInputs {
    margin: 0 0 0 23px;
}

.adjacentInputs .val {
    right: 0px;
    left: initial;
}

#autoOutputBox {
    margin: 0 0 30px 0;
}

#editAuto {
    margin: 0 30px 0 0;
}

#autoExisting strong {
    display: block;
    margin: 0 0 10px 0;
}

#tab2Content .success_pane {
    display: none;
}

.confirmCentre {
    text-align: center;
}

#confirmRemove {
    margin: 0 30px 0 0;
    display: inline-block;
}

#payMethodClm.reloadClm.separator {
    border-right: none;
    border-left: 1px solid #cccccc;
}

.payment_type {
    position: relative;
}

#cws_val_usePayPal {
    position: absolute;
}

#payMethodClm:not(.separator):not(.separatorLeft) .payment_type #cws_btn_gcReload.btn {
    max-width: unset;
    padding: 10px 27px;
}

.flexwrap {
    flex-wrap: wrap!important;
}

/*==== MEDIA QUERIES =======*/
@media (min-width: 768px) and (max-width: 1080px),
(max-width: 499px) {

    .tab_content[aria-hidden="false"] #cws_lbl_reloadFreqBal,
    #cws_lbl_reloadAmtFixed,
    #cws_lbl_reloadAmtBringTo {
        display: block;
        float: none;
        margin: 0 5px 5px 0;
    }

    .autoReload .fieldHint,
    .autoReload .val {
        left: 0;
        right: initial;
    }

    .autoReload {
        margin: 0 0 0 20px;
    }

    #freqContainer {
        margin: 0 0 30px 20px;
    }

    .columnWrap {
        padding: 0 8% 20px 8%;
    }

    #FreqBalAmtOtherHint,
    #AmtFixedOtherHint {
        right: initial;
        left: 20px;
    }

    #AmtFixedOtherHint, #AmtBringToOtherHint {
        bottom: -18px;
    }
}

@media (max-width: 767px) {
    #payMethodClm.reloadClm.separator {
        border: none;
    }

    .payment_type {
        padding: 30px 20px 30px 20px;
    }
}

@media (min-width: 500px) and (max-width: 767px) {

    .tab_content[aria-hidden="false"] #cws_lbl_reloadFreqBal,
    #cws_lbl_reloadAmtFixed,
    #cws_lbl_reloadAmtBringTo {
        float: left;
        margin: 0 5px 17px 0;
    }

    .autoReload .val {
        bottom: -12px;
    }

    .autoReload .fieldHint {
        right: 0;
        left: initial;
    }

    #FreqBalAmtOtherHint {
        right: 92px;
    }

    #AmtFixedOtherHint {
        right: 105px;
    }
}

@media (max-width: 490px) {
    /* select,
  input[type="text"],
  input[type="number"] {
    font-size: 11px;
  } */

    .columnWrap {
        padding: 0 0 20px 0;
    }

    .autoReload {
        margin: 0px;
    }

    #freqContainer {
        margin: 0 0 30px 0;
    }
}

#existingCCcvvField {
    margin: 25px 0;
}