@charset "UTF-8";


/** FONTS **/
@import url('https://fonts.googleapis.com/css?family=Barlow&display=swap');

/*****  GENERAL  *****/

@media only screen and (min-width: 768px) {
    .h-100 {
        height: 100%;
    }

    .vertical-align {
        display: flex;
        align-items: center;
    }


}

.logo-qr {
    height: 250px;
}

.hide-text {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

.line-height-normal {
    line-height: normal;
}

.vertical-align-force {
    display: flex;
    align-items: center;
}

.h-100-force {
    height: 100%;
}

.fes4-box-icon-custom {
    width: 40px;
    height: 40px;
    color: white;
    font-size: 20px;
}

@media only screen and (max-width: 768px) {
    .fes4-box-icon-custom {
        width: 30px;
        height: 30px;
        font-size: 12px !important;
        color: white;
    }


}

.alert-block ul {
    list-style-type: none;
    padding: 0px 0px 0px 0px;
}


.text-join {
    font-size: 11px;
}

@media (max-width : 768px) {
    .text-join {
        font-size: 9px;
    }
}

.text-small {
    font-size: 12px;
}

.text-xsmall {
    font-size: 10px;
}

.main-menu-title {
    font-family: 'aktiv-grotesk', Arial, Helvetica, sans-serif;
    font-weight: 300;
}


/* Vouchers */
.voucher-title {
    padding-bottom: 3px;
    line-height: initial;
    font-size: 11px;
    font-weight: bold;
    color: #282828;
}

.voucher-icon {
    width: 100px;
    margin-bottom: 15px;
}

.voucher-rate {
    padding-bottom: 3px;
    line-height: initial;
    font-size: 9px;
    color: #282828;
}

.voucher-select-up {
    cursor: pointer;
    font-size: 30px;
    color: #b91818;
    margin-bottom: 10px;
    width: 100px;
}

.voucher-select-up:active {
    cursor: pointer;
    font-size: 30px;
    margin-bottom: 10px;
    transform: translateY(-3px);
}

.voucher-select-up.disabled {
    cursor: default;
    font-size: 30px;
    color: #AAAAAA;
    margin-bottom: 10px;
    transform: none;
}

.voucher-select-down {
    cursor: pointer;
    font-size: 30px;
    color: #b91818;
    margin-top: 10px;
    width: 100px;
}

.voucher-select-down:active {
    cursor: pointer;
    font-size: 30px;
    color: #b91818;
    margin-top: 10px;
    transform: translateY(3px);
}

.voucher-select-down.disabled {
    cursor: default;
    font-size: 30px;
    color: #AAAAAA;
    margin-top: 10px;
    transform: none;
}

#voucherParentLeft {
    width: 150px;
    height: 190px;
    overflow: hidden;
}

.voucherChildLeft {
    width: 100%;
    max-height: 190px;
    min-height: 190px;
    vertical-align: top;
}

#voucherParentRight {
    width: 150px;
    height: 190px;
    overflow: hidden;
}

.voucherChildRight {
    width: 100%;
    max-height: 190px;
    min-height: 190px;
    vertical-align: top;
}

@media (max-width: 992px) {

    .ml-40 {
        margin-left: 0px !important;
    }
}

/** Disable spinners for inputs **/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/** Slider */
.slidecontainer {
    width: 100%; /* Width of the outside container */
}


input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    margin: 4px 0;
}

    input[type=range]:focus {
        outline: none;
    }

    input[type=range]::-webkit-slider-runnable-track {
        width: 100%;
        height: 20px;
        cursor: pointer;
        box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
        background: rgba(240, 240, 240, 0.78);
        border-radius: 1.3px;
        border: 0px solid #010101;
    }

    input[type=range]::-webkit-slider-thumb {
        box-shadow: 0px 0px 0px #000031, 0px 0px 0px #00004b;
        border: 0px solid #b91818;
        height: 28px;
        width: 28px;
        border-radius: 15px;
        background: #b91818;
        cursor: pointer;
        -webkit-appearance: none;
        margin-top: -4px;
    }

    input[type=range]:focus::-webkit-slider-runnable-track {
        background: rgba(245, 245, 245, 0.78);
    }

    input[type=range]::-moz-range-track {
        width: 100%;
        height: 20px;
        cursor: pointer;
        box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
        background: rgba(240, 240, 240, 0.78);
        border-radius: 1.3px;
        border: 0px solid #010101;
    }

    input[type=range]::-moz-range-thumb {
        box-shadow: 0px 0px 0px #000031, 0px 0px 0px #00004b;
        border: 0px solid #b91818;
        height: 28px;
        width: 28px;
        border-radius: 15px;
        background: #b91818;
        cursor: pointer;
    }

    input[type=range]::-ms-track {
        width: 100%;
        height: 20px;
        cursor: pointer;
        background: transparent;
        border-color: transparent;
        color: transparent;
    }

    input[type=range]::-ms-fill-lower {
        background: rgba(235, 235, 235, 0.78);
        border: 0px solid #010101;
        border-radius: 2.6px;
        box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
    }

    input[type=range]::-ms-fill-upper {
        background: rgba(240, 240, 240, 0.78);
        border: 0px solid #010101;
        border-radius: 2.6px;
        box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
    }

    input[type=range]::-ms-thumb {
        box-shadow: 0px 0px 0px #000031, 0px 0px 0px #00004b;
        border: 0px solid #b91818;
        height: 28px;
        width: 28px;
        border-radius: 15px;
        background: #b91818;
        cursor: pointer;
        height: 20px;
    }

    input[type=range]:focus::-ms-fill-lower {
        background: rgba(240, 240, 240, 0.78);
    }

    input[type=range]:focus::-ms-fill-upper {
        background: rgba(245, 245, 245, 0.78);
    }





/** Change Autocomplete styles **/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: #A0A0A0;
    -webkit-box-shadow: 0 0 0px 1000px #000 inset;
    transition: background-color 5000s ease-in-out 0s;
}

.linear-background-fill {
    background-image: linear-gradient(-120deg, #00a4ce, #00a4ce);
}


.row-select:hover {
    background-color: #F0F0F0;
    cursor: pointer;
}

.row-select:active {
    background-color: #E0E0E0;
}


/** Form shake styles **/

.shake-horizontal {
    -webkit-animation: kf_shake 0.4s 1 linear;
    -moz-animation: kf_shake 0.4s 1 linear;
    -o-animation: kf_shake 0.4s 1 linear;
}

@-webkit-keyframes kf_shake {
    0% {
        -webkit-transform: translate(15px);
    }

    20% {
        -webkit-transform: translate(-15px);
    }

    40% {
        -webkit-transform: translate(7px);
    }

    60% {
        -webkit-transform: translate(-7px);
    }

    80% {
        -webkit-transform: translate(3px);
    }

    100% {
        -webkit-transform: translate(0px);
    }
}

@-moz-keyframes kf_shake {
    0% {
        -moz-transform: translate(15px);
    }

    20% {
        -moz-transform: translate(-15px);
    }

    40% {
        -moz-transform: translate(7px);
    }

    60% {
        -moz-transform: translate(-7px);
    }

    80% {
        -moz-transform: translate(3px);
    }

    100% {
        -moz-transform: translate(0px);
    }
}

@-o-keyframes kf_shake {
    0% {
        -o-transform: translate(15px);
    }

    20% {
        -o-transform: translate(-15px);
    }

    40% {
        -o-transform: translate(7px);
    }

    60% {
        -o-transform: translate(-7px);
    }

    80% {
        -o-transform: translate(3px);
    }

    100% {
        -o-origin-transform: translate(0px);
    }
}


/** DataTables changes */
label {
    font-weight: normal;
    font-size: 12px;
    color: #282828;
}

.dataTables_wrapper .dataTables_filter input {
    font-size: 12px;
    line-height: 12px;
    color: #282828;
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 5px 5px;
    background-color: #fbfbfb;
    border: none;
}

select {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'><path d='M5 8l4 4 4-4z'/></svg>") no-repeat;
    background-position: right center;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    /* and then whatever styles you want*/
    font-size: 12px;
    line-height: 12px;
    color: #282828;
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 5px 0px;
    background-color: #fbfbfb;
    border: none;
}


.dataTables_info {
    font-weight: normal;
    font-size: 12px;
    color: #282828 !important;
}

.dataTable {
    border: none !important;
}

.dataTables_length {
    font-weight: normal;
    font-size: 12px;
    color: #282828 !important;
}

.dataTables_paginate {
    font-weight: normal;
    font-size: 12px;
    color: #282828;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #282828 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #282828 !important;
    border: 1px solid #EEEEEE;
    border-radius: unset;
    background-color: #EEEEEE;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EEEEEE), color-stop(100%, #EEEEEE));
    background: -webkit-linear-gradient(top, #EEEEEE 0%, #EEEEEE 100%);
    background: -moz-linear-gradient(top, #EEEEEE 0%, #EEEEEE 100%);
    background: -ms-linear-gradient(top, #EEEEEE 0%, #EEEEEE 100%);
    background: -o-linear-gradient(top, #EEEEEE 0%, #EEEEEE 100%);
    background: linear-gradient(to bottom, #EEEEEE 0%, #EEEEEE 100%);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: white !important;
    border: 1px solid #b91818 !important;
    border-radius: unset !important;
    background-color: #b91818 !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b91818), color-stop(100%, #b91818)) !important;
    background: -webkit-linear-gradient(top, #b91818 0%, #b91818 100%) !important;
    background: -moz-linear-gradient(top, #b91818 0%, #b91818 100%) !important;
    background: -ms-linear-gradient(top, #b91818 0%, #b91818 100%) !important;
    background: -o-linear-gradient(top, #b91818 0%, #b91818 100%) !important;
    background: linear-gradient(to bottom, #b91818 0%, #b91818 100%) !important;
}


.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: white !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: #282828 !important;
    border: 1px solid white !important;
    border-radius: unset !important;
    background-color: white !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, white)) !important;
    background: -webkit-linear-gradient(top, white 0%, white 100%) !important;
    background: -moz-linear-gradient(top, white 0%, white 100%) !important;
    background: -ms-linear-gradient(top, white 0%, white 100%) !important;
    background: -o-linear-gradient(top, white 0%, white 100%) !important;
    background: linear-gradient(to bottom, white 0%, white 100%) !important;
}


/** Titles **/
h3 {
    color: #282828;
    font-family: 'Barlow','aktiv-grotesk', Arial, Helvetica, sans-serif;
}

.zw-title {
    font-family: 'Barlow','aktiv-grotesk', Arial, Helvetica, sans-serif; font-size: 24px;
    line-height: 30px;
    font-weight: 300;
    color: #282828;
}

.zw-title-small {
    font-family: 'Barlow','aktiv-grotesk', Arial, Helvetica, sans-serif;
    font-size: 21px;
    line-height: 30px;
    font-weight: 300;
    color: #282828;
}


.zw-subtitle {
    font-family: 'Barlow','aktiv-grotesk', Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.1em;
    color: #202020;
    text-transform: uppercase;
}

.imgjoin {
    height: 45px;
}

@media (max-width : 768px) {
    .imgjoin {
        height: 35px;
    }
}

.error {
    color: red
}

@media only screen and (min-width: 360px) {
    .zw-title {
        font-size: 20px;
        line-height: 24px;
    }
}

@media only screen and (min-width: 481px) {
    .zw-title {
        font-size: 24px;
        line-height: 30px;
    }
}

@media only screen and (min-width: 768px) {
    .zw-title {
        font-size: 30px;
        line-height: 40px;
    }
    .zw-subtitle {
        font-size: 14px;
        line-height: 20px;
    }
}

@media only screen and (min-width: 1024px) {
    .zw-title {
        font-size: 36px;
        line-height: 48px;
    }


}

/** Input fields **/

.no-border {
    border: 0;
    box-shadow: none; /* You may want to include this as bootstrap applies these styles too */
}

.no-border:focus {
    border: 0;
    box-shadow: none; /* You may want to include this as bootstrap applies these styles too */
}

.no-border-selectpicker {
    border: none;
    box-shadow: none; /* You may want to include this as bootstrap applies these styles too */
    background-color: #fafafa;
    color: #A0A0A0;
    right: -10px;
    text-align: right;
}

.no-border-selectpicker:focus {
    border: none;
    box-shadow: none; /* You may want to include this as bootstrap applies these styles too */
    background-color: #fafafa;
}

.row-display-title {
    padding-left: 0px;
    margin-top: 30px;
    margin-left: 0px;
    font-family: 'aktiv-grotesk', Arial, Helvetica, sans-serif;
    font-size: 18px;
    letter-spacing: 0.1em;
    color: #282828;
    font-weight: 500;
    text-transform: uppercase;
}

.row-display-custom {
    margin-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.row-display-custom-margin {
    margin-top: 24px;
    padding-left: 10px;
    padding-right: 10px;
}

.col-display-custom-left {
    padding-left: 0px;
    padding-top: 5px;
    font-family: 'aktiv-grotesk', Arial, Helvetica, sans-serif;
    font-size: 12px;
    letter-spacing: 0.1em;
    color: #282828;
    text-transform: uppercase;
}

.col-display-custom-right {
    padding-top: 5px;
    padding-right: 0px;
    font-family: 'aktiv-grotesk', Arial, Helvetica, sans-serif;
    text-align: right;
}

.row-input-custom {
    border-bottom: 1px solid #282828;
    margin-top: 24px;
    background-color: #fafafa;
    padding-left: 10px;
    padding-right: 10px;
}

.row-input-custom-error {
    border-bottom: 1px solid red;
}

.col-input-custom-left {
    padding-left: 0px;
    padding-top: 6px;
    font-family: 'aktiv-grotesk', Arial, Helvetica, sans-serif;
    font-size: 12px;
    letter-spacing: 0.1em;
    color: #282828;
    text-transform: uppercase;
}

.col-input-custom-left:invalid {
    color: red !important;

}


.text-blue {
    color: #b91818;
}

.text-orange {
    color: #b91818;
}

.col-input-custom-left-error {
    color: red;
}

.col-input-custom-right {
    padding-right: 0px;
    font-family: 'aktiv-grotesk', Arial, Helvetica, sans-serif;
    text-align: right;
}

.input-group-custom {
    border-bottom: 1px solid #282828
}

.input-group-addon-custom {
    background-color: white;
    border: none;
    padding-left: 0px
}

.form-control-custom {
    text-align: right;
    padding-right: 0px;
    color: #A0A0A0;
    background-color: transparent;
}

.form-control-custom-multiline {
    padding-right: 0px;
    color: #A0A0A0;
}

.form-control {
    /* background-color: none !important; */
}

.info-panel-right {
    padding: 20px 25px 10px 25px;
    margin-left: 40px;
    background-color: #F0F0F0;
}

.info-panel {
    padding: 20px 25px 10px 25px;
    margin: 30px 0px 30px 0px;
    background-color: #F0F0F0;
}

@media only screen and (max-width: 992px) {
    .info-panel-right {
        margin: 30px;
        margin-left: 0px;
        margin-right: 0px;
        padding: 20px 25px 10px 25px;
        background-color: #F0F0F0;
    }
}

.info-buttons-right {
    margin-left: 40px;
    margin-top: 15px;
}

@media only screen and (max-width: 992px) {
    .info-buttons-right {
        margin-left: 10px;
    }
}

textarea {
    resize: none /*Disable textarea resizing in Chrome, Safari and Firefox*/
}

.table > thead > tr > th {
    padding: 24px 20px 24px 20px;
    line-height: 1.42857143;
    vertical-align: top;
    vertical-align: bottom;
    border-bottom: 0px solid #ddd;
    background: #F8F8F8;
    font-weight: 600;
    color: #282828;
}

.table > tbody > tr > td {
    padding: 12px 20px 12px 20px;
    border-top: 1px solid #F8F8F8;
}

@media (max-width : 768px) {
    .table > tbody > tr > td {
        padding: 10px 10px 10px 10px;
    }

    .table > thead > tr > th {
        padding: 20px 10px 20px 10px;
    }
}

/*****  UTILITY  *****/

@media only screen and (max-width : 768px) {
    .hide-mobile {
        display:none;
    }
    .show-mobile-block {
        display: block;
    }
}

@media only screen and (min-width : 768px) {
    .hide-browser {
        display: none;
    }
    .show-browser-block {
        display: block;
    }
}

/*****  FROM OLD APP.CS STYLES  *****/
.app {
  background: #f0f0f0;
  width: 100%;
  min-height: 100%;
  position: relative; }

.app.signin .card,
.app.signup .card,
.app.forgot-password .card,
.app.error-page .card,
.app.lockscreen .card {
  box-shadow: 0 0.125rem 0.25rem rgba(50, 70, 75, 0.2);
  display: block;
  margin: 100px auto;
  width: 100%; }
  
.app.error-page .card {
  box-shadow: none; }

.app.lockscreen .card {
  max-width: 400px; }

.app.forgot-password .card,
.app.signin .card {
  max-width: 500px; }
  .app.forgot-password .card .bottom-link,
  .app.signin .card .bottom-link {
    position: absolute;
    bottom: -30px;
    left: 5px; }

.app.signup .card {
  max-width: 600px; }

.session-wrapper {
  min-height: 100%;
  margin: 0 auto-2.5rem; }
  .session-wrapper:before, .session-wrapper:after {
    content: " ";
    display: table; }
  .session-wrapper:after {
    clear: both; }
  .session-wrapper::after {
    height: 2.5rem; }

.page-height-o {
  height: calc(100vh - 2.5rem); }

.row-equal {
  display: table;
  width: 100%;
  table-layout: fixed; }
  .row-equal .column {
    display: table-cell;
    vertical-align: top;
    float: none; }
  .row-equal .full-height {
    height: 100%; }
  .row-equal.align-middle .column {
    vertical-align: middle; }

.align-middle td,
td.align-middle {
  vertical-align: middle !important; }

.card {
  position: relative;
  margin-bottom: 0.75rem;
  border: 0.0625rem solid #e4e4e4;
  border-radius: 0; }

.card-block {
  padding: 1.25rem; }

.back-button-title {
    color: #b91818;
}

.back-button-title:hover {
    color: #b91818;
    cursor: pointer;
}

/*****  PLACEHOLDER TEXT  *****/

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #D0D0D0 !important;
    opacity: 1 !important; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #D0D0D0 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #D0D0D0 !important;
}

:-moz-placeholder { /* Firefox 18- */
    color: #D0D0D0 !important;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #D0D0D0 !important;
}



/*****  #BUTTONS THIN COLORS  *****/


.button.thin.sdforange {
    border-color: #b91818;
    color: #b91818;
}

.button.thin.sdforange:hover {
    background-color: #ce0f0f;
    color: #fff;
}

/*****	#HOVER THIN BUTTONS COLORS		*****/

.button.sdforange.hover-thin {
    border-color: #ce0f0f;
}

.button.sdforange.hover-thin:hover {
    background: none;
    border: 2px solid #ce0f0f;
    color: #ce0f0f;
}

.button.sdforange-light.hover-thin {
    border-color: #ce0f0f;
}

.button.sdforange-light.hover-thin:hover {
    background: none;
    border: 2px solid #ce0f0f;
    color: #282828;
}

/*****  #BUTTONS COLORS  *****/

.button.sdforange {
    color: #fff;
    background-color: #b91818;
    font-family: 'aktiv-grotesk', FontAwesome, Arial, Helvetica, sans-serif;
    letter-spacing: 0.1em;
}

.button.sdforange:hover {
    background-color: #ce0f0f;
}

.button.sdforange[disabled] {
    color: #fff;
    background-color: #A2A1A4;
}

.button:disabled {
    color: #fff;
    background-color: #A2A1A4;
}

.button.disabled {
    color: #fff;
    background-color: #A2A1A4 !important;
    cursor: default;
    pointer-events: none;
}

.font-awesome {
    font-family: FontAwesome;
}

.button.sdforange-light {
    color: #8a82ff;
    background-color: #938cf7;
}

.button.sdforange-light:hover {
    background-color: #8a82ff;
    color: #fff;
    cursor: pointer;
}

.button.sdforange-light[disabled] {
    color: #fff;
    background-color: #A2A1A4;
}

.button.sdftransparent {
    color: white;
    border: 1px solid white;
    background: none;
    font-family: 'aktiv-grotesk', Arial, Helvetica, sans-serif;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.button.sdftransparent:hover {
    background-color: #ce0f0f;
}

.button.sdftransparent[disabled] {
    color: #fff;
    background-color: #A2A1A4;
}

button.sdfwhite {
    color: #b91818;
    background-color: white;
    font-family: 'aktiv-grotesk', Arial, Helvetica, sans-serif;
    letter-spacing: 0.1em;
    border: 1px solid #b91818;
}

.button.sdfwhite:hover {
    background-color: #ce0f0f;
}

.button.sdfwhite[disabled] {
    color: #fff;
    background-color: #A2A1A4;
}

.button.sdfbuttonbigicon {
    color: #ce0f0f !important;
}

.button.sdfbuttonbigicon:hover {
    color: white !important;

}


button.sdfwhitebig {
    width: 100%;
    text-align: left;
    font-size: 14px !important;
    color: #ce0f0f;
    background-color: white;
    font-family: 'aktiv-grotesk', Arial, Helvetica, sans-serif;
    letter-spacing: 0.1em;
    border: 1px solid #b91818;
}

.button.sdfwhitebig:hover {
    background-color: #ce0f0f;
    color: white !important;
}

.button.sdfwhitebig[disabled] {
    color: #fff;
    background-color: #A2A1A4;
}


button.sdfwhitebignohover {
    width: 100%;
    text-align: left;
    font-size: 14px !important;
    color: #ce0f0f;
    background-color: white;
    font-family: 'aktiv-grotesk', Arial, Helvetica, sans-serif;
    letter-spacing: 0.1em;
    border: 1px solid #b91818;
}

.button.sdfwhitebignohover:hover {
    background-color: white;
    color: #ce0f0f;
    cursor: default;
}

.button.sdfwhitebig[disabled] {
    color: #fff;
    background-color: #A2A1A4;
}



/*****  #COLORS  *****/

.small-notification.sdforange {
    font-size: 10px;
    letter-spacing: normal;
    line-height: 18px;
    color: #b91818;
}

.hyperlink-small.sdforange {
    color: #b91818;
    font-size: 12px
}

.hyperlink-small.sdforange:hover {
    color: #ce0f0f;
}

.hyperlink.sdforange {
    color: #b91818;
}

.hyperlink.sdforange:hover {
    color: #ce0f0f;
}

.hyperlink.sdforange:disabled {
    color: #A2A1A4;
}

.hyperlink-small.sdforange:disabled {
    color: #A2A1A4;
}

/*****  #BACKGROUND COLORS  *****/

.background-sdforange {
    background-color: #b91818;
}


/*****  #BUTTON CONTAINER  *****/
.button-container {
    border: 1px solid;
    border-radius: 0px;
    padding: 10px;
    /* cursor: pointer; */
    
    font-family: 'aktiv-grotesk', Arial, Helvetica, sans-serif;
    font-size: 35px;
    line-height: 35px;
    font-weight: 300;
    letter-spacing: 0.1em;
}

@media (max-width: 992px) {
    .button-container {
        font-size: 25px;
        line-height: 25px;
    }
}

.button-container.selected {
    color: white;
}

.button-container.sdforange {
    /*color: #f95800;*/
    border-color: #D0D0D0;
    background-color: #F0F0F0;
}

.button-container.sdforange:hover {
    /*color: #FF7B00;*/
    border-color: #b91818;
    /*background-color: #FEFEFE;*/
}

.button-container.sdforange.selected {
    /*color: #FFFFFF;*/
    border-color: #b91818;
    /*background-image: linear-gradient(-120deg, #f95800, #FF7B00);*/
    background-color: #b91818;
}

.button-container-title {
    font-family: 'aktiv-grotesk', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    letter-spacing: 0.1em;
    color: #282828;
}

@media (max-width: 992px) {
    .button-container-title {
        padding-top: 5px;
        line-height: 14px;
    }
}

.button-container-description {
    letter-spacing: normal;
    font-size: 12px;
    line-height: 16px;
    font-weight: 300;
    color: #282828;
}

.button-container-right {
    background-color: white;
    margin-left: 100px;
    padding: 10px 20px 5px 20px
}

@media (max-width: 992px) {
    .button-container-right {
        margin-left: 75px;
    }
}


.button-container-prefix {
    width: 100px;
}

@media (max-width: 992px) {
    .button-container-prefix {
        width: 75px;
    }
}

/*****  #NAV-SUB  *****/
.nav-sub {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-sub > li {
  position: relative;
  display: block;
}
.nav-sub > li > a {
  position: relative;
  display: block;
  padding: 5px 15px;
}
.nav-sub > li > a:hover,
.nav-sub > li > a:focus {
  text-decoration: none;
}
.nav-sub > li.disabled > a {
  color: #777;
}
.nav-sub > li.disabled > a:hover,
.nav-sub > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav-sub .open > a,
.nav-sub .open > a:hover,
.nav-sub .open > a:focus {
  background-color: #eee;
  border-color: #337ab7;
}
.nav-sub .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav-sub > li > a > img {
  max-width: none;
}

.nav-sub > li.current > a {
    padding-left: 3px;
    padding-right: 3px;
    margin-left: 12px;
    margin-right: 12px;
    border-bottom: 2px solid #b91818;
	color:#282828; 
}

/*****  #NAV-TABS  *****/

.nav-tabs {
    border-bottom: 1px solid #b91818;
}

.nav-tabs > li > a:hover {
  border-color: #eee #eee #b91818;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border: 1px solid #b91818;
  border-bottom-color: transparent;
}

@media (max-width: 768px) {
    .tabs-3 .nav-tabs > li > a {
        padding: 10px 12px;
    }
}

/*****  #SECTION-TITLE  *****/

.section-title {
    font-family: 'Barlow','aktiv-grotesk', Arial, Helvetica, sans-serif;
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    .section-title {
        margin-bottom: 20px;
        padding: 5px 15px 5px 15px;
        font-size: 24px;
    }
}

.section-no-title {
    margin-top: 110px;
}

@media (max-width: 768px) {
    .section-no-title {
        margin-top: 60px
    }
}


/*****  #CONTAINER  *****/

.container > div:nth-child(1) {
    margin-top: 110px;
}

@media only screen and (max-width : 768px) {
    .container > div:nth-child(1) {
        margin-top: 60px;
    }

    @media (min-color-index:0) and (-webkit-min-device-pixel-ratio:0) {
        .container > div:nth-child(1) {
            margin-top: 80px;
        }
    }
}

.balance-summary-label {
    font-size: 24px;
    letter-spacing: normal;
    line-height: 33px;
    margin: 16px 0 16px 0;
}

.balance-summary-text {
    margin: 0 0 10px;
}

@media only screen and (max-width : 768px) {
    .fes4-title-cont.minimize-mobile {
        padding-left: 40px;
    }

    .fes4-title-cont.minimize-mobile > h3 {
        font-size: 14px;
        line-height: 16px;

    }

    .fes4-title-cont.minimize-mobile > p {
        font-size: 8px;
        line-height: 12px;
        padding-top: 2px;
    }

    .fes4-title-cont.minimize-mobile > .fes4-box-icon {
        font-size: 32px;
        top: 0px
    }
}

@media only screen and (min-width : 768px) {

    .fes4-title-cont > h3 {
        line-height: 18px;
        padding-top: 8px
    }

    .fes4-title-cont > p {
        line-height: 18px;
        padding-top: 4px;
        font-size: 12px;
    }
}


/*****  FORM SECTION  *****/
.form-section {
    /*
    margin-left: 15px;
    margin-right: 15px;
    */
}


/**** SHARE OPTIONS *****/
.resp-sharing-button__link,
.resp-sharing-button__icon {
    display: inline-block
}

.resp-sharing-button__link {
    text-decoration: none;
    color: #fff;
    margin: 0.5em
}

.resp-sharing-button {
    border-radius: 5px;
    transition: 25ms ease-out;
    padding: 0.5em 0.75em;
    font-size: 10px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}

.resp-sharing-button__icon svg {
    width: 1em;
    height: 1em;
    margin-right: 0.4em;
    vertical-align: middle;
}

.resp-sharing-button--small svg {
    margin: 0;
    vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
    stroke: #fff;
    fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
    fill: #fff;
    stroke: none
}

.resp-sharing-button--twitter {
    background-color: #55acee
}

    .resp-sharing-button--twitter:hover {
        background-color: #2795e9
    }

.resp-sharing-button--pinterest {
    background-color: #bd081c
}

    .resp-sharing-button--pinterest:hover {
        background-color: #8c0615
    }

.resp-sharing-button--facebook {
    background-color: #3b5998
}

    .resp-sharing-button--facebook:hover {
        background-color: #2d4373
    }

.resp-sharing-button--tumblr {
    background-color: #35465C
}

    .resp-sharing-button--tumblr:hover {
        background-color: #222d3c
    }

.resp-sharing-button--reddit {
    background-color: #5f99cf
}

    .resp-sharing-button--reddit:hover {
        background-color: #3a80c1
    }

.resp-sharing-button--google {
    background-color: #dd4b39
}

    .resp-sharing-button--google:hover {
        background-color: #c23321
    }

.resp-sharing-button--linkedin {
    background-color: #0077b5
}

    .resp-sharing-button--linkedin:hover {
        background-color: #046293
    }

.resp-sharing-button--email {
    background-color: #777
}

    .resp-sharing-button--email:hover {
        background-color: #5e5e5e
    }

.resp-sharing-button--xing {
    background-color: #1a7576
}

    .resp-sharing-button--xing:hover {
        background-color: #114c4c
    }

.resp-sharing-button--whatsapp {
    background-color: #25D366
}

    .resp-sharing-button--whatsapp:hover {
        background-color: #1da851
    }

.resp-sharing-button--hackernews {
    background-color: #FF6600
}

    .resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {
        background-color: #FB6200
    }

.resp-sharing-button--vk {
    background-color: #507299
}

    .resp-sharing-button--vk:hover {
        background-color: #43648c
    }

.resp-sharing-button--facebook {
    background-color: #3b5998;
    border-color: #3b5998;
}

    .resp-sharing-button--facebook:hover,
    .resp-sharing-button--facebook:active {
        background-color: #2d4373;
        border-color: #2d4373;
    }

.resp-sharing-button--twitter {
    background-color: #55acee;
    border-color: #55acee;
}

    .resp-sharing-button--twitter:hover,
    .resp-sharing-button--twitter:active {
        background-color: #2795e9;
        border-color: #2795e9;
    }

.resp-sharing-button--email {
    background-color: #777777;
    border-color: #777777;
}

    .resp-sharing-button--email:hover,
    .resp-sharing-button--email:active {
        background-color: #5e5e5e;
        border-color: #5e5e5e;
    }

.resp-sharing-button--linkedin {
    background-color: #0077b5;
    border-color: #0077b5;
}

    .resp-sharing-button--linkedin:hover,
    .resp-sharing-button--linkedin:active {
        background-color: #046293;
        border-color: #046293;
    }