.g_input-wrapper {
  display: flex;
  flex-direction: column;
}

.g_input__label {
  color: #333;
  font-family: 'Metropolis', 'Helvetica', sans-serif;
  font-size: 14px;

  margin-bottom: 10px;
}

.g_input {
  border: 1px solid #DEA872;
  border-radius: 10px;

  padding: 10px 20px;
}

.g_input::placeholder,
.g_select__placeholder {
  color: #9B9B9B;
}

.g_input--220 {
  max-width: 220px;
  width: 100%;
}

.g_input--375 {
  max-width: 375px;
  width: 100%;
}

.g_select {
  display: inline-block;

  position: relative;
  overflow: hidden;

  width: 100%;

  font-family: 'Metropolis', 'Helvetica', sans-serif;
  font-size: 13px;
  font-weight: 500;

  background: url('../images/icon_select__arrow--down.png') no-repeat;
  background-size: 14px 6px;
  background-position: center right 10px;

  border: 1px solid #DEA872;
  border-radius: 10px;

  padding: 10px 20px;
}

.g_select-wrapper { 
  display: inline-block;
  position: relative;

  width: calc(100% - 20px);
}

.g_select__container {
  width: 100%;

  cursor: pointer;
  display: inline-block;

  font-family: 'Metropolis', 'Helvetica', sans-serif;
  font-size: 13px;
  font-weight: 500;
  text-align: left;

  background: url('../images/icon_select__arrow--down.png') no-repeat;
  background-size: 14px 6px;
  background-position: center right 10px;

  border: 1px solid #DEA872;
  border-radius: 10px;

  padding: 10px 20px 10px 0px;
}

.g_select-wrapper.active > .g_select__menu-box {
    visibility: visible;
    opacity: 1;
    height: 224px!important;
    overflow-y: auto!important;
}

.g_select__menu-box {
  position: absolute;
  top: 0;
  left: 0;
  
  width: calc(100% + 20px);

  background-color: #fff;
  border: 1px solid #DEA872;
  border-radius: 10px;
  
  visibility: hidden;
  opacity: 0;
}

.g_select__menu {
  margin: 0;
  list-style: none;
}

.g_select__menu-box:after{
  content:'';
  background-color: transparent;
}

.g_select__item {
  color: #333;
  font-family: 'Metropolis', 'Helvetica', sans-serif;
  font-size: 13px;
  text-align: left;

  padding: 13px 0;

  cursor: pointer;

  position: relative;

  border-bottom: 1px solid #DEA872;
}

.g_select__item:hover {
color: #AD8567;

  font-weight: 700;
}

.g_select__item:last-child {
  border-bottom: none;
}

.g_select__item:first-child {
  background: url('../images/icon_select__arrow--down.png') no-repeat;
  background-size: 14px 6px;
  background-position: center right 10px;
}

.g_select__item-wrapper {
  display: flex;
  align-items: center;

  padding: 0 10px;
}

.exchange-flag {
  margin-right: 15px;
}

.g_select__placeholder {
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 14px;

  padding-left: 20px;
} 

input[type="date"],
.g_datepicker::-webkit-datetime-edit-month-field,
.g_datepicker::-webkit-datetime-edit-day-field,
.g_datepicker::-webkit-datetime-edit-year-field { 
  color: #333;
  font-family: 'Helvetica', 'Arial', sans-serif;
}

.g_datepicker,
.g_datepicker::-webkit-calendar-picker-indicator { 
  background-size: 18px 18px;
  background-position: center right;
}

.g_datepicker {
  max-height: 37px;
  height: 100%;

  background-position: center right 20px;

  padding: 7px 20px;
}

.g_datepicker:focus::before,
.g_datepicker:valid::before {
  content: "";
}

/* ------------------------------------- input.css ------------------------------------- */
.g_input-wrapper {
    display: flex;
    flex-direction: column;
}

.g_input__label {
    color: #333;
    font-family: 'Helvetica', 'Arial', sans-serif;
    font-size: 14px;
    margin-bottom: 10px;
}

.g_input {
    border: 1px solid #dea872;
    border-radius: 8px;
    padding: 10px 20px;
}

    .g_input::placeholder,
    .g_select__placeholder {
        color: #9b9b9b;
    }

.g_input__textarea {
    height: 80px;
}

.g_input--full {
    width: 100%;
}

.g_select--220 {
    max-width: 220px;
    width: 100%;
}

.g_input--180 {
    max-width: 180px;
    width: 100%;
}

.g_input--220 {
    max-width: 220px;
    width: 100%;
}

.g_input--330 {
    max-width: 330px;
    min-width: 220px;
    width: 100%;
}

.g_input--375 {
    max-width: 375px;
    width: 100%;
}

.g_input--530 {
    max-width: 530px;
    width: 100%;
}

.g_input--670 {
    max-width: 670px;
    min-width: 530px;
    width: 100%;
}

.g_input_text__label {
    font-family: 'Metropolis', 'Helvetica', sans-serif;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 5px;
}

.g_select {
    font-family: 'Metropolis', 'Helvetica', sans-serif;
    font-size: 13px;
    font-weight: 500;
}

.g_select__control {
    font-family: 'Metropolis', 'Helvetica', sans-serif;
    font-size: 13px;
    font-weight: 500;
    background: url('../assets/img/icon_select__arrow--down.png') no-repeat;
    background-size: 14px 6px;
    background-position: center right 10px;
    border: 1px solid #dea872 !important;
    border-radius: 8px !important;
    padding: 10px 20px;
}

    .g_select__control:hover,
    .g_select__control:focus {
        border: 1px solid #dea872 !important;
        border-radius: 8px !important;
    }

.g_select__control--is-focused {
    box-shadow: none !important;
}

.g_select__indicators > span {
    display: none;
}

.g_select__dropdown-indicator > svg {
    fill: #dea872;
}

.g_select__menu {
    background-color: #fff;
    border: 1px solid #dea872;
    border-radius: 8px;
}

.g_select__option {
    color: #333;
    font-family: 'Metropolis', 'Helvetica', sans-serif;
    font-size: 13px;
    text-align: left;
    padding: 13px 0;
    cursor: pointer;
    position: relative;
    border-bottom: 1px solid #dea872;
}

    .g_select__option:last-child {
        border-bottom: none;
    }

    .g_select__option:hover {
        color: #fff;
        background-color: #ad8567;
    }

input[type='date'],
.g_datepicker::-webkit-datetime-edit-month-field,
.g_datepicker::-webkit-datetime-edit-day-field,
.g_datepicker::-webkit-datetime-edit-year-field {
    color: #333;
    font-family: 'Helvetica', 'Arial', sans-serif;
}

.g_datepicker,
.g_datepicker::-webkit-calendar-picker-indicator {
    background: url('../assets/img/icon_calendar.png') no-repeat;
    background-size: 18px 18px;
    background-position: center right;
}

.g_datepicker {
    height: 40px;
    background-position: center right 20px;
    padding: 0px 20px;
}

    .g_datepicker:focus::before,
    .g_datepicker:valid::before {
        content: '';
    }

/* RADIO BTNS */
.g_input_checkbox-wrapper,
.g_input_radio-wrapper {
    max-width: 140px;
    width: 100%;
    margin-right: 40px;
}

.g_input_checkbox,
.g_input_radio {
    opacity: 0;
    position: absolute;
}

.g_input_checkbox,
.g_input_checkbox__label,
.g_input_radio,
.g_input_radio__label {
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
}

.g_input_checkbox__label,
.g_input_radio__label {
    position: relative;
    font-size: 14px;
}

.g_input_checkbox + .g_input_checkbox__label:before,
.g_input_radio + .g_input_radio__label:before {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    content: '';
    background: #fff;
    border: 2px solid #ad8567;
    padding: 2px;
    margin-right: 10px;
}

.g_input_checkbox + .g_input_checkbox__label:before {
    border-radius: 5px;
}

.g_input_checkbox:checked + .g_input_checkbox__label:before {
    background-color: #ad8567;
    color: #fff;
}

.g_input_radio + .g_input_radio__label:before {
    border-radius: 50%;
}

.g_input_radio:checked + .g_input_radio__label:before {
    background-color: #ad8567;
}

.g_input_checkbox:checked + .g_input_checkbox__label:before,
.g_input_radio:checked + .g_input_radio__label:before {
    content: url('../assets/img/icon_checkmark.png');
}

#payout-option--suspend.g_input_radio + .g_input_radio__label:before {
    border-color: gainsboro !important;
}

.g_input_radio__label.lbl-suspended {
    color: silver !important;
}