/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUQjIg1_i6t8kCHKm459WxRxC7m0dR9pBOi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUQjIg1_i6t8kCHKm459WxRzS7m0dR9pBOi.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUQjIg1_i6t8kCHKm459WxRxi7m0dR9pBOi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUQjIg1_i6t8kCHKm459WxRxy7m0dR9pBOi.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUQjIg1_i6t8kCHKm459WxRyS7m0dR9pA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/*HEADERS*/
.ui-update .hdg.hdg_1 {
    font-family: 'Montserrat';
}
.ui-update .hdg.hdg_2 {
    font-family: 'Montserrat';
}
.ui-update .hdg.hdg_3 {
    font-family: 'Montserrat';
}
.ui-update .hdg.hdg_4 {
    font-family: 'Montserrat';
}
.hdg.hdg_6.mix-hdg_dark {
    font-family: 'Montserrat';
}
.hdg.hdg_6.mix-hdg_dark {
    font-family: 'Montserrat';
    text-transform: none;
    color: #f0ede5;
}

.ui-update .hdg {
    transition-property: color;
    transition-duration: 350ms;
    transition-timing-function: ease-in-out;
    display: block;
    color: #FFFFFF;
}

h1, h2, h3, h4, h5, h6 {
    text-transform: initial;
}

.ui-update a {
    color: #ffffff;
}

.ui-update .txt.mix-txt_light {
    color: #ffffff;
}

/* Button Edit*/
.ui-update .fieldset-input>input, .ui-update .fieldset-input>textarea, .ui-update .fieldset-input>select, .ui-update .fieldset-input>.sq-input {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0px;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 17px;
    -webkit-transition-property: border;
    transition-property: border;
    -webkit-transition-duration: 350ms;
    transition-duration: 350ms;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    border-width: 1px;
    border-style: none none solid;
    border-color: #f0ede5;
    background-color: transparent;
    padding: 12px 15px;
    font-family: 'Montserrat';
    color: #f0ede5;
}

.ui-update .btn {
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 5px;
    background-color: #004730;
    background-image: none;
    background-repeat: repeat;
    background-position: 0 0;
    border: 2px solid #f0ede5;
    color: #f0ede5;
    font-weight: 700;
    padding: 16px 36px;
    font-family: 'Montserrat';
}

.ui-update .btn:hover {
    border-color: #004730;
    background-color: #f0ede5;
    color: #004730!important;
}

.ui-update .tick input[type="radio"]+label, .ui-update .tick input[type="checkbox"]+label {
    transition-property: color;
    transition-duration: 350ms;
    transition-timing-function: ease-in-out;
    font-size: 15px;
    position: relative;
    padding: 11px 20px 11px 30px;
    cursor: pointer;
    width: 100%;
    font-weight: 400;
    border-radius: 5px;
    color: white;
}

/* Application Styling*/
.ui-update .mix-box_outlined {
    box-shadow: none;
    border: 1px none #fff;
    background-color:transparent;
}
.ui-update .rule {
    border: 0;
    width: 100%;
    color: #e6e1d2;
    background-color: #e6e1d2;
    height: 1px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
}

.ui-update .fieldset_error .fieldset-input>input, .ui-update .fieldset_error .fieldset-input>textarea, .ui-update .fieldset_error .fieldset-input>select, .ui-update .fieldset_error .fieldset-input>*>input {
    background-color: transparent;
}

.ui-update .mix-blockTile_outlined {
    box-shadow: none;
    border: 1px solid #e1e1e1;
    background-color: transparent;
}
.ui-update button.label, .ui-update .label {
    font-size: 11px;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 350ms;
    transition-duration: 350ms;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    font-family: inherit;
    line-height: 1.2;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: inline-block;
    color: #fff;
    white-space: normal;
    text-align: left;
    padding: 0;
}
.ui-update .tick_checkbox input[type="checkbox"]+label:before {
    content: ' ';
    height: 24px;
    width: 24px;
    position: absolute;
    top: 15px;
    left: 0;
    border-radius: 2px;
    border: 1px solid #7a99ac;
    -webkit-transition-property: border-color,background-color;
    transition-property: border-color,background-color;
    -webkit-transition-duration: 350ms;
    transition-duration: 350ms;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    z-index: 1;
}

.ui-update .tick_checkbox input[type="checkbox"]+label:after {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    content: ' ';
    height: 14px;
    width: 14px;
    position: absolute;
    top: 20px;
    left: 5px;
    opacity: 0;
    transition-property: opacity;
    transition-duration: 350ms;
    transition-timing-function: ease-in-out;
    z-index: 1;
}


.ui-update .btnFancy {
    border: 1px solid #7a99ac;
    color: #BFA277;
}
.ui-update .fieldset-label {
    font-size: 14px;
    font-weight:400;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 350ms;
    transition-duration: 350ms;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    font-family: 'Montserrat';
    line-height: 1.2;
    color: #f0ede5;
    display: block;
    margin-bottom: 6px;
}

body {
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #f0ede5;
    background-color: #004730;
}
.ui-update .titleBar {
    background-color: transparent;
    color: #f0ede5;
}
.ui-update .titleBar-cta {
    background-color: transparent;
    border-top-right-radius: 2px;
    color:#f0ede5;
    font-family: inherit;
    text-transform: lowercase;
    text-align: right;
    padding: 15px 20px;
    cursor: pointer;
}
.ui-update .fieldset-detail a {
    color: #f0ede5;
}
/*UPDATE DIRECT DEBIT FORM*/

.ui-widget-content {
    border: none;
    background: #000000;
    color: #FFFFFF;
    padding: 10px;
    box-shadow: 0 0 15px 1px rgb(0 0 0 / 20%);
    border-radius: 0;
}
.ui-datepicker td .ui-state-default:hover {
    background: #ffffff;
    color: #000000;
}
.ui-update ::selection {
    background: #E6E1D2;
    color: #ffffff;
}

td.ui-datepicker-today .ui-state-highlight {
    color: #000000;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    color: #ffffff;
    border: none;
    background: transparent;
}
.ui-state-default.ui-state-highlight {
    background: #fff;
    font-weight: 600!important;
    color: #000;  
}


/*Payment options edits*/

.ui-update .tick_bubble input[type="checkbox"]:checked+label, .ui-update .tick_bubble input[type="radio"]:checked+label {
    background-color: #b1adad;
    border-color: #a9a9a9;
    color: #000;
    padding-left: 40px;
}

#content_payment_payment_type_108818_126524 label {
    color: black;
}
#content_payment_bank_account_type label {
    color:black;
}
/*end*/