:root {
    --black: #012831;
    --green: #008CAC;
    --lightgreen: #A7D7E2;
    --darkgreen: #005569;
    --grey: #898989;
    --lightgrey: #FAFAFA;
    --darkgrey: #F0F0F0;
    --border: #CECECE;
    --yellow: #FFEB00;
}

/*header*/
#main-nav .container {
    display: flex;
    align-items: center;
    min-height: 71px;
}

.container>.navbar-header {
    order: 1;
    margin-right: auto;
}

select {
    line-height: 20px !important;
    border-radius: 50px !important;
    padding: 5px 28px !important;
    appearance: none !important;
    -webkit-appearance: none;
    background-color: transparent !important;
    background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 10px top 55% !important;
    background-size: 16px;
}

.form-group select,
.selWbg select {
    border-radius: 50px !important;
}

.language-select {
    color: black !important;
    background-color: var(--yellow) !important;
    background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 10px top 55%;
    margin: 0 !important;
    order: 2;
}

/*tabs*/
.tabs-g li a {
    color: var(--grey) !important;
}

.tabs-g li a.active {
    color: var(--green) !important;
    border-bottom: none !important;
}

/*content*/
.steps .selected {
    color: black !important;
    background: #FFEB00 !important;
}

.steps ul li a:link,
.steps ul li a:visited {
    line-height: 20px;
}

.wrapper3 h2 {
    font-weight: 700;
    color: var(--darkgreen) !important;
}

.form-header h4 {
    font-weight: 700;
    color: var(--darkgreen) !important;
}

.form-header h5 {
    font-weight: 700;
    color: var(--grey) !important;
}

.slider .tooltip-inner {
    color: var(--black) !important;
}

.slider-tick,
.slider-selection.tick-slider-selection,
.slider-tick.in-selection {
    background-image: -webkit-linear-gradient(top, var(--green) 0%, var(--green) 100%) !important;
    background-image: -o-linear-gradient(top, var(--green) 0%, var(--green) 100%) !important;
    background-image: linear-gradient(to bottom, var(--green) 0%, var(--green) 100%) !important;
}

.slider-handle {
    border-radius: 10px !important;
    background-image: none !important;
    background-color: var(--yellow) !important;
}

.slider-track {
    background-image: -webkit-linear-gradient(top, var(--lightgrey) 0%, var(--lightgrey) 100%) !important;
    background-image: -o-linear-gradient(top, var(--lightgrey) 0%, var(--lightgrey) 100%) !important;
    background-image: linear-gradient(to bottom, var(--lightgrey) 0%, var(--lightgrey) 100%) !important;
}

.form-group a {
    color: var(--green) !important;
}

.form-group a:hover {
    color: var(--green) !important;
    text-decoration: underline;
}

.form-control {
    background-color: transparent !important;
}

#amount,
#tenor {
    margin-bottom: 40px !important;
}

.form-inline #tenor {
    margin-bottom: 5px !important;
}



#genContent p {
    color: var(--black) !important;
}

#genContent  .btn {
    color: black !important;
    box-shadow: none !important;
    background-color: var(--yellow) !important;
    font-weight: 900;
    border: none !important;
    border-radius: 25px !important;
}



.form-inline label {
    color: var(--black) !important;
}


.help-block.with-errors {
  color: #a94442;
}

.apply-form label {
    color: var(--black);
    margin-top: 0 !important;
}

.input-group-addon {
    color: var(--green) !important;
    line-height: 16px !important;
    background-color: transparent !important;
    border: 1px solid var(--border) !important;
    border-radius: 20px;
}

.input-group-addon:first-child {
    border-right: none !important;
}

.input-group-addon:last-child {
    border-left: none !important;
}

.rounded input {
    color: var(--grey) !important;
    border-radius: 50px !important;
    border: 1px solid var(--border) !important;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0 !important;
}

.apply-sub-form {
    background-color: var(--lightgrey) !important;
}

.apply-form .apply-sub-form {
    padding-top: 20px;
}

.apply-form .info-message,
.apply-form p.desc,
.apply-form span.desc,
.apply-form .footnote {
    color: var(--grey) !important;
}

.apply-form .select-wrap select {
    width: 100%;
}

#calculation p.amount,
#calculation span.red {
    color: var(--darkgreen) !important;
    border-radius: 50px !important;
    border: 1px solid var(--border) !important;
}

.form-inline .form-group a {
    color: black !important;
    box-shadow: none !important;
    background-color: var(--yellow) !important;
}

.submit-btn-row .btn-lg,
.btn-primary {
    color: black !important;
    box-shadow: none !important;
    background-color: var(--yellow) !important;
}

#apply5 .btnCancel, #privateApply6 .btnCancel {
    background: none !important;
    color: black !important;
    box-shadow: none !important;
    background-color: var(--yellow) !important;
}



.backBtn a:hover {
    color: black !important;
    background-color: var(--yellow) !important;
}

.text-blue-light {
    font-weight: 700;
    color: var(--darkgreen) !important;

}


@media only screen and (min-width: 992px) {
    .select-wrap {
        width: 50% !important;
    }
}