body { background-color: #f5f5f5; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; }

.app, app-dashboard, app-root, ngt-full { display: flex; flex-direction: column; min-height: 100vh; }
.flex-row { flex-direction: row!important; }
.align-items-center { align-items: center!important; }
.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

@media (min-width:576px) {
    .container { max-width: 540px; }
}

@media (min-width:768px) {
    .container { max-width: 720px; }
}

@media (min-width:992px) {
    .container { max-width: 960px; }
}

@media (min-width:1200px) {
    .container { max-width: 1140px; }
}

.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.justify-content-center { justify-content: center!important; }

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    #pnlLoginCentered { width: 62%; min-width: 1060px; height: 456px; left: 50%; top: 50%; position: fixed; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); margin-right: 0; margin-left: 0; }
}

@media all and (-ms-high-contrast:none) and (max-width:992px),(-ms-high-contrast:active) and (max-width:992px) {
    #pnlLoginCentered { width: 80%; min-width: 500px; }
}

.card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid #e4e6eb; border-radius: .25rem; }
    .card > hr { margin-right: 0; margin-left: 0; }
    .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: .25rem; border-top-right-radius: .25rem; }
    .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem; }
.card-block, .card-body { flex: 1 1 auto; padding: 1.25rem; }
.card-title { margin-bottom: .75rem; }
.card-subtitle { margin-top: -.375rem; margin-bottom: 0; }
.card-text:last-child { margin-bottom: 0; }
.card-link:hover { text-decoration: none; }
.card-link + .card-link { margin-left: 1.25rem; }
.card-header { padding: .75rem 1.25rem; margin-bottom: 0; background-color: #f0f2f7; border-bottom: 1px solid #e4e6eb; }
    .card-header:first-child { border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0; }
    .card-header + .list-group .list-group-item:first-child { border-top: 0; }
.card-footer { padding: .75rem 1.25rem; background-color: #f0f2f7; border-top: 1px solid #e4e6eb; }
    .card-footer:last-child { border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px); }
.card-header-tabs { margin-right: -.625rem; margin-bottom: -.75rem; margin-left: -.625rem; border-bottom: 0; }
.card-header-pills { margin-right: -.625rem; margin-left: -.625rem; }
.card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; }
.card-img { width: 100%; border-radius: calc(.25rem - 1px); }
.card-img-top { width: 100%; border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px); }
.card-img-bottom { width: 100%; border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px); }
.card-deck { display: flex; flex-direction: column; }
    .card-deck .card { margin-bottom: 15px; }

@media (min-width:576px) {
    .card-deck { flex-flow: row wrap; margin-right: -15px; margin-left: -15px; }
        .card-deck .card { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px; }
}



.card-columns .card { margin-bottom: .75rem; }

.card-group { display: flex; flex-direction: column; }
    .card-group > .card { margin-bottom: 15px; }

@media (min-width:576px) {
    .card-group { flex-flow: row wrap; }
        .card-group > .card { flex: 1 0 0%; margin-bottom: 0; }
            .card-group > .card + .card { margin-left: 0; border-left: 0; }
            .card-group > .card:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; }
                .card-group > .card:first-child .card-header, .card-group > .card:first-child .card-img-top { border-top-right-radius: 0; }
                .card-group > .card:first-child .card-footer, .card-group > .card:first-child .card-img-bottom { border-bottom-right-radius: 0; }
            .card-group > .card:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; }
                .card-group > .card:last-child .card-header, .card-group > .card:last-child .card-img-top { border-top-left-radius: 0; }
                .card-group > .card:last-child .card-footer, .card-group > .card:last-child .card-img-bottom { border-bottom-left-radius: 0; }
            .card-group > .card:only-child { border-radius: .25rem; }
                .card-group > .card:only-child .card-header, .card-group > .card:only-child .card-img-top { border-top-left-radius: .25rem; border-top-right-radius: .25rem; }
                .card-group > .card:only-child .card-footer, .card-group > .card:only-child .card-img-bottom { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem; }
            .card-group > .card:not(:first-child):not(:last-child):not(:only-child), .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top { border-radius: 0; }
    .card-columns { -webkit-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; column-gap: 1.25rem; }
        .card-columns .card { display: inline-block; width: 100%; }
}

.frame { background: url('images/progress.gif') center center no-repeat; width: 100%; height: 250px; }

.p-4 { padding: 1.5rem!important; }

.text-white { color: #fff!important; }

.bg-primary { background-color: #FFF !important; }
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover { background-color: #1e8fc6!important; }

.pt-5, .py-5 { padding-top: 3rem!important; }
.pb-5, .py-5 { padding-bottom: 3rem!important; }

@media (max-width:991.98px) {
    .d-md-down-none { display: none!important; }
}

.text-center { text-align: center!important; }

.login-brand-logo { background-size: 300px 99px; margin: 0 auto 180px; width: 300px; height: 100px; }
    .login-brand-logo img { max-width: 300px; max-height: 100%; margin: auto; }

.loginSeparator { margin-top: .5rem; font-size: 10px; line-height: 10px; }
.btn-link-dark { color: #fff!important; cursor: pointer; margin: 0 1rem; }
.loginSeparator > span { display: inline-block; margin-bottom: .5rem !important; }

.form-control-feedback.left { color: #2A3F54; }