/* Minification failed. Returning unminified contents.
(55,45): run-time error CSS1046: Expect comma, found '0'
(55,49): run-time error CSS1046: Expect comma, found '/'
(57,37): run-time error CSS1046: Expect comma, found '0'
(57,41): run-time error CSS1046: Expect comma, found '/'
(227,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(228,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
@charset "utf-8";

body {
    overflow: auto !important;
}

.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.template-section.main-section {
    height: 100%;
}

.template-section {
    display: table-row;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

body.cb {
    color: #1b1b1b;
    text-align: left;
}

.background-logo-holder {
    height: 36px;
    margin-bottom: 18px;
    margin-top: 18px;
}

.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;
}

.inner, .sign-in-box {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    max-width: 440px;
    width: calc(100% - 40px);
    padding: 30px 36px;
    margin-bottom: 60px;
    background-color: #fff;
    -webkit-box-shadow: 0 0px 4px 1px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 0px 4px 1px rgba(0,0,0,0.3);
    box-shadow: 0 0px 4px 1px rgb(0 0 0 / 30%);
    min-width: 320px;
    min-height: 338px;
    overflow: hidden;
    border-radius: 8px;
}

.lightbox-cover {
    background-color: white;
    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;
}

.footer.has-background, .footer.has-background.background-always-visible {
    background-color: rgba(0,0,0,0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#99000000', endColorstr='#99000000');
}

.footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    overflow: visible;
    z-index: 99;
    clear: both;
    min-height: 28px;
}

div.footerNode {
    margin: 0;
    float: right;
}

.text-secondary {
    color: rgba(0,0,0,0.7);
    font-size: 13px;
}

.footer-content.footer-item.has-background, .footer-content.footer-item.debug-item.has-background, .footer-content.footer-item.has-background.background-always-visible, .footer-content.footer-item.debug-item.has-background.background-always-visible {
    color: #fff;
}

.footer-content.footer-item {
    color: #000;
    font-size: 12px;
    line-height: 28px;
    white-space: nowrap;
    display: inline-block;
    margin-left: 8px;
    margin-right: 8px;
}

    .footer-content.footer-item.debug-item {
        text-decoration: none;
        letter-spacing: 3px;
        line-height: 22px;
        vertical-align: top;
        font-size: 16px;
        font-weight: 600;
    }

.background, .background > div, .background-image-holder, .background-image, .background-image-small {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
}

.background, .background-image-holder {
    background: #f2f2f2;
}

.background-logo {
    max-width: 256px;
    max-height: 36px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    -webkit-animation: fadeIn 1s;
    -moz-animation: fadeIn 1s;
    -o-animation: fadeIn 1s;
    animation: fadeIn 1s;
    color: #e5e5e5 !important;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
}

img {
    vertical-align: middle;
}

img {
    border: 0;
}

.logo {
    max-width: 256px;
    height: 30px;
    margin-bottom: 10px;
}

.title {
    margin-bottom: 20px;
    margin-top: 20px;
    margin-bottom: 1.25rem;
    margin-top: 1.25rem;
    font-size: 20px;
    line-height: 28px;
    font-weight: 300;
    line-height: 1.75rem;
    padding-bottom: 2.3632px;
    padding-top: 2.3632px;
    color: #1b1b1b;
    font-size: 20px;
    font-weight: 500;
    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";
}

.subtitle {
    font-size: .8125rem;
    font-weight: 400;
    line-height: 20px;
}

.form-group {
    margin-bottom: 16px;
}

.tile-container, .relative {
    position: relative;
}

.row.tile:not(.no-pick) {
    cursor: pointer;
}

.row.tile {
    margin-bottom: 0;
    outline: none;
    color: inherit;
    display: block;
    margin-left: -44px;
    margin-right: -44px;
}

div[role=listitem], .list-item {
    margin-left: 20px;
    display: list-item;
    list-style: circle;
    list-style-type: disc;
}

.row {
    margin-left: 0;
    margin-right: 0;
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
}

    .row.tile .table {
        padding: 12px 44px;
    }

.table {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.table {
    width: 100%;
    max-width: 100%;
}

    .table .table-row {
        display: table-row;
    }

    .table .table-cell {
        display: table-cell;
        vertical-align: middle;
    }

.tile-img {
    position: relative;
    width: 48px;
    height: 48px;
}

.tile-img {
    position: relative;
    width: 48px;
    height: 48px;
}

.row.tile .table-cell:first-child + .table-cell {
    width: 100%;
}

.row.tile .content {
    line-height: 16px;
    padding-left: 12px;
    padding-right: 12px;
}

.table .table-cell {
    display: table-cell;
    vertical-align: middle;
}

.text-left {
    text-align: left;
}

.row.tile .content {
    line-height: 16px;
    padding-left: 12px;
    padding-right: 12px;
}

.text-left {
    text-align: left;
}

.row.tile:not(.no-pick) {
    cursor: pointer;
}

.row.tile {
    margin-bottom: 0;
    outline: none;
    color: inherit;
    display: block;
    margin-left: -44px;
    margin-right: -44px;
}

div[role=listitem], .list-item {
    margin-left: 20px;
    display: list-item;
    list-style: circle;
    list-style-type: disc;
}

.row.tile .content > * {
    word-wrap: break-word;
}

small {
    font-size: 80%;
}

.row.tile .content > * {
    word-wrap: break-word;
}

small {
    font-size: 80%;
}

*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
