div#headerArea, div#footerArea {
    display: none;
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

a {
    background-color: transparent
}

b, strong {
    font-weight: bold
}

img {
    border: 0
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

input {
    line-height: normal
}

    input[type="checkbox"], input[type="radio"] {
        /* box-sizing: border-box; */
        /* padding: 0; */
    }

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    *:before, *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

img {
    vertical-align: middle
}

html {
    font-size: 100%
}

body {
    font-family: "Segoe UI Webfont",-apple-system,"Helvetica Neue","Lucida Grande","Roboto","Ebrima","Nirmala UI","Gadugi","Segoe Xbox Symbol","Segoe UI Symbol","Meiryo UI","Khmer UI","Tunga","Lao UI","Raavi","Iskoola Pota","Latha","Leelawadee","Microsoft YaHei UI","Microsoft JhengHei UI","Malgun Gothic","Estrangelo Edessa","Microsoft Himalaya","Microsoft New Tai Lue","Microsoft PhagsPa","Microsoft Tai Le","Microsoft Yi Baiti","Mongolian Baiti","MV Boli","Myanmar Text","Cambria Math";
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    font-size: .9375rem;
    line-height: 1.25rem;
    padding-bottom: .227px;
    padding-top: .227px;
    color: #000;
    background-color: #fff
}

a {
    color: #ccc;
    text-decoration: none
}

    a:link {
        color: #0067b8
    }

    a:visited {
        color: #0067b8
    }

ul, ol {
    margin-top: 0;
    margin-bottom: 10px
}

h1, h2, h3, h4, h5, h6, .text-headline, .text-header, .text-subheader, .text-title, .text-subtitle, .text-body, .text-base, .text-caption, .text-caption-alt, .text-subcaption, p {
    margin-bottom: 20px;
    margin-top: 20px;
    margin-bottom: 1.25rem;
    margin-top: 1.25rem
}

.text-caption, h5 {
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    font-size: .75rem;
    line-height: .875rem;
    padding-bottom: 1.1816px;
    padding-top: 1.1816px
}

ul {
    padding-left: 0;
    list-style: none
}

ul, ol {
    margin-top: 20px;
    margin-bottom: 20px
}

    ul li, ol li {
        margin-top: 12px;
        margin-bottom: 12px
    }

.row {
    margin-left: -2px;
    margin-right: -2px
}

    .row:before, .row:after {
        content: " ";
        display: table
    }

    .row:after {
        clear: both
    }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-13, .col-sm-13, .col-md-13, .col-lg-13, .col-xs-14, .col-sm-14, .col-md-14, .col-lg-14, .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15, .col-xs-16, .col-sm-16, .col-md-16, .col-lg-16, .col-xs-17, .col-sm-17, .col-md-17, .col-lg-17, .col-xs-18, .col-sm-18, .col-md-18, .col-lg-18, .col-xs-19, .col-sm-19, .col-md-19, .col-lg-19, .col-xs-20, .col-sm-20, .col-md-20, .col-lg-20, .col-xs-21, .col-sm-21, .col-md-21, .col-lg-21, .col-xs-22, .col-sm-22, .col-md-22, .col-lg-22, .col-xs-23, .col-sm-23, .col-md-23, .col-lg-23, .col-xs-24, .col-sm-24, .col-md-24, .col-lg-24 {
    position: relative;
    min-height: 1px;
    padding-left: 2px;
    padding-right: 2px
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-13, .col-xs-14, .col-xs-15, .col-xs-16, .col-xs-17, .col-xs-18, .col-xs-19, .col-xs-20, .col-xs-21, .col-xs-22, .col-xs-23, .col-xs-24 {
    float: left
}

.col-xs-5 {
    width: 20.83333%
}

.col-xs-19 {
    width: 79.16667%
}

.col-xs-24 {
    width: 100%
}

@media(min-width: 768px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md-17, .col-md-18, .col-md-19, .col-md-20, .col-md-21, .col-md-22, .col-md-23, .col-md-24 {
        float: left
    }

    .col-md-24 {
        width: 100%
    }
}

label {
    display: inline-block;
    max-width: 100%
}

.form-control {
    display: block;
    width: 100%;
    background-image: none
}

.radio, .checkbox {
    position: relative;
    display: block
}

    .radio label, .checkbox label {
        min-height: 20px;
        margin-bottom: 0;
        cursor: pointer
    }

input, button, textarea, select, option, progress {
    /* max-width: 100%; */
    /* line-height: inherit; */
}

    .text-input, input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], textarea {
        padding: 4px 8px;
        border-style: solid;
        border-width: 2px;
        border-color: rgba(0,0,0,.4);
        background-color: rgba(255,255,255,.4);
        height: 32px;
        height: 2rem
    }

        .text-input-webkit-placeholder, input[type="color"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
            color: rgba(0,0,0,.6)
        }

    input[type="checkbox"] {
        width: 20px;
        height: 20px;
        appearance: auto;
    }

.form-group {
    margin-bottom: 12px
}

    .form-group label {
        margin-top: 0;
        margin-bottom: 8px
    }

.radio, .checkbox {
    margin-top: 12px;
    margin-bottom: 12px
}

    .radio label, .checkbox label {
        padding-left: 28px
    }

    .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
        position: absolute;
        margin-left: -28px;
    }

select {
    border: 2px solid rgba(0,0,0,.4);
    background-clip: padding-box;
    color: #000
}

.btn, button, input[type="button"], input[type="submit"], input[type="reset"] {
    display: inline-block;
    min-width: 100px;
    padding: 4px 12px 4px 12px;
    margin-top: 4px;
    margin-bottom: 4px;
    position: relative;
    max-width: 100%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    text-overflow: ellipsis;
    touch-action: manipulation;
    color: #000;
    border-style: solid;
    border-width: 2px;
    border-color: transparent;
    background-color: rgba(0,0,0,.2)
}

.text-caption {
    margin: .5rem 0 .5rem 0;
    margin: 8px 0 8px 0
}

select {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 6px
}

body {
    direction: ltr
}

.ltr_override, .dirltr {
    direction: ltr;
    text-align: left
}

.text-secondary {
    color: rgba(0,0,0,.7);
    font-size: 13px
}

.no-margin-top {
    margin-top: 0
}

.no-padding-left-right {
    padding-left: 0;
    padding-right: 0
}

.backgroundImage, .background-image {
    -webkit-animation: fadeIn 1s;
    -moz-animation: fadeIn 1s;
    -o-animation: fadeIn 1s;
    animation: fadeIn 1s
}

.background, .background-image-holder {
    background: #f2f2f2
}

    .background, .background > div, .background-image-holder, .background-image, .background-image-small {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%
    }

        .background > div, .background-image, .background-image-small {
            background-repeat: no-repeat,no-repeat;
            background-position: center center,center center;
            background-size: cover,cover
        }

.footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    overflow: visible;
    z-index: 99;
    clear: both;
    min-height: 28px;
    background-color: #ffffff38;
}

div.footerNode {
    margin: 0;
    float: right
}

.footer-content.footer-item {
    color: #000;
    font-size: 12px;
    line-height: 28px;
    white-space: nowrap;
    display: inline-block;
    margin-left: 8px;
    margin-right: 8px;
    color: white;
}

    .footer-content.footer-item.debug-item {
        text-decoration: none;
        letter-spacing: 3px;
        line-height: 22px;
        vertical-align: top;
        font-size: 16px;
        font-weight: 600
    }

.footerNode > a.footer-content.c-uhff-lang-selector:before {
    font-size: 14px;
    line-height: 24px;
    margin-right: 7px;
    vertical-align: middle;
}

.outer {
    display: table;
    /* position: absolute; */
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle
}

.inner, .sign-in-box {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    max-width: 440px;
    width: calc(100% - 40px);
    padding: 44px;
    margin-bottom: 28px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,.2);
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
    min-width: 320px;
    min-height: 338px;
    overflow: hidden;
}

.template-section {
    display: table-row
}

    .template-section.main-section {
        height: 100%
    }

.text-input, input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], textarea, select {
    padding: 6px 10px;
    border-width: 1px;
    border-color: #666;
    border-color: rgba(0,0,0,.6);
    height: 36px;
    outline: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    background-color: transparent
}

.btn, button, input[type='button'], input[type='submit'], input[type='reset'] {
    min-height: 32px;
    border: none;
    background-color: #ccc;
    background-color: rgba(0,0,0,.2);
    min-width: 108px;
    line-height: normal
}

.button.primary {
    color: #fff;
    border-color: #0067b8;
    background-color: #0067b8;
    display: block;
    width: 100%
}

.logo {
    max-width: 256px;
    height: 50px;
}

.identityBanner {
    height: 24px;
    background: #fff;
    margin-top: 16px;
    margin-bottom: -4px
}

.identity {
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.backButton {
    min-height: 24px;
    width: 24px;
    min-width: 24px;
    float: left;
    padding: 0;
    background-color: #fff;
    border-width: 0;
    border-radius: 12px;
    margin-right: 2px
}

    .backButton:hover {
        background-color: #e6e6e6;
        background-color: rgba(0,0,0,.1)
    }

        .backButton:hover:focus {
            background-color: #ccc;
            background-color: rgba(0,0,0,.2)
        }

    .backButton:active {
        background-color: #b3b3b3;
        background-color: rgba(0,0,0,.3)
    }

    .backButton:focus {
        background-color: #e6e6e6;
        background-color: rgba(0,0,0,.1);
        outline: none
    }

.row {
    margin-left: 0;
    margin-right: 0
}


.form-group {
    margin-bottom: 16px
}

    .form-group label {
        margin-top: 0;
        margin-bottom: 0
    }

.btn, button, input[type='button'], input[type='submit'], input[type='reset'] {
    margin-top: 0;
    margin-bottom: 0
}

.position-buttons > div:first-child {
    display: inline-block;
    width: 100%;
    margin-bottom: 36px
}

ul {
    margin: 0
}

.button-container {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right
}

@media(-ms-high-contrast) {
    .backButton {
        outline: none;
        border: 1px solid window;
        background-color: window;
        color: windowText
    }

        .backButton:hover {
            outline: none;
            border: 1px solid highlight;
            background-color: window;
            color: windowText
        }

            .backButton:hover:focus {
                outline: none;
                border: 1px solid highlight;
                background-color: window;
                color: windowText
            }

        .backButton:focus, .backButton:active {
            outline: none;
            border: 1px dashed highlight;
            background-color: window;
            color: windowText
        }
}


@media(max-width:600px),(max-height:366px) {
    .middle {
        vertical-align: top
    }

    .inner, .sign-in-box, .vertical-split-content {
        padding: 24px;
        margin-top: 0;
        margin-bottom: 88px;
        width: 100%;
        width: 100vw;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border: 0;
        max-width: 100% !important;
    }
}

.inline-block {
    display: inline-block
}

.text-input, input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], textarea {
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    padding-left: 0
}

.input.text-box {
    padding: 4px 8px;
    border-style: solid;
    border-width: 2px;
    border-color: rgba(0,0,0,.4);
    background-color: rgba(255,255,255,.4);
    height: 32px;
    height: 2rem;
    padding: 6px 10px;
    border-width: 1px;
    border-color: #666;
    border-color: rgba(0,0,0,.6);
    height: 36px;
    outline: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    background-color: transparent;
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    padding-left: 0
}

    .input.text-box::-webkit-input-placeholder {
        color: rgba(0,0,0,.6)
    }

select {
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    padding: 6px 0
}

.title {
    margin-bottom: 20px;
    margin-top: 20px;
    margin-bottom: 1.25rem;
    margin-top: 1.25rem;
    font-size: 24px;
    line-height: 28px;
    font-weight: 300;
    line-height: 1.75rem;
    padding-bottom: 2.3632px;
    padding-top: 2.3632px;
    color: #1b1b1b;
    font-size: 1.5rem;
    font-weight: 600;
    padding: 0;
    margin-top: 16px;
    margin-bottom: 12px;
    font-family: "Segoe UI","Helvetica Neue","Lucida Grande","Roboto","Ebrima","Nirmala UI","Gadugi","Segoe Xbox Symbol","Segoe UI Symbol","Meiryo UI","Khmer UI","Tunga","Lao UI","Raavi","Iskoola Pota","Latha","Leelawadee","Microsoft YaHei UI","Microsoft JhengHei UI","Malgun Gothic","Estrangelo Edessa","Microsoft Himalaya","Microsoft New Tai Lue","Microsoft PhagsPa","Microsoft Tai Le","Microsoft Yi Baiti","Mongolian Baiti","MV Boli","Myanmar Text","Cambria Math"
}

.error {
    color: #e81123
}

.phoneCountryCode {
    position: absolute;
    width: 100%;
    left: 0;
    padding: 6px 4px;
    height: 36px;
    border-bottom-width: 1px;
    border-color: #666;
    border-color: rgba(0,0,0,.6);
    border-bottom-style: solid
}

    .phoneCountryCode.hasFocus {
        background-color: #eee;
        border: 1px solid #eee;
        border-bottom-color: #0067b8;
        margin: -1px -1px 0 -1px
    }

.phoneCountry {
    left: 0;
    opacity: 0;
    cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.phoneCountryBox {
    display: inline-block
}

.downArrow {
    position: absolute;
    right: -6px;
    padding: 6px 0;
    height: 36px
}

.phoneNumber {
    display: inline-block;
    padding-left: 16px
}

.pagination-view {
    position: relative;
    min-height: 206px;
}

.lightbox-cover {
    background-color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in
}

.fade-in-lightbox {
    animation: fadeIn .3s ease-in;
    -webkit-animation: fadeIn .3s ease-in;
    -moz-animation: fadeIn .3s ease-in;
    -ms-animation: fadeIn .3s ease-in;
    -o-animation: fadeIn .3s ease-in
}

.animate {
    animation-duration: .25s;
    -webkit-animation-duration: .25s;
    -moz-animation-duration: .25s;
    -ms-animation-duration: .25s;
    -o-animation-duration: .25s;
    animation-timing-function: cubic-bezier(.5,0,.5,1);
    -webkit-animation-timing-function: cubic-bezier(.5,0,.5,1);
    -moz-animation-timing-function: cubic-bezier(.5,0,.5,1);
    -ms-animation-timing-function: cubic-bezier(.5,0,.5,1);
    -o-animation-timing-function: cubic-bezier(.5,0,.5,1);
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    transition-property: left;
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -ms-transition-property: left;
    -o-transition-property: left
}

html[dir=ltr] .animate.slide-in-next, html[dir=rtl] .animate.slide-in-back {
    animation-name: show-from-right;
    -webkit-animation-name: show-from-right;
    -moz-animation-name: show-from-right;
    -ms-animation-name: show-from-right;
    -o-animation-name: show-from-right
}