#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;
}

#paymentHeading {
    margin: 0 0 10px 0;
}

/*==== 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 {
    display: inline-block;
    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;
  }
}