﻿.nav-page {
    display: block;
    position: absolute;
    width: 100%;
}

.container-fluid-plus {
    background-size: cover;
    transition: all 3s, ease;
    -webkit-transition: background-image 3s ease;
    background-attachment: fixed;
    min-height: 100vh;
    display: grid;
    align-items: center;
    padding: 0;
}

.login-page .lead, .btn-secondary, .usr-default {
    display: none;
}

.logo-sie {
    align-items: center;
    display: flex;
    justify-content: center;
    width: auto;
}

.logo-sie img {
    width: 80%;
    height: auto;
    min-height: 200px;
    max-height: calc(100vh - 500px);
    /*max-height: 100px;
    margin: 50px auto;*/
    content: url(../logo.png);
}

.login-page .card {
    /*background-color: #EDEDED;*/
    /*max-width: 600px;*/

    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

    .login-page .card .card-header {
        text-align: center;
        background-color: #FFFFFF;
        border-bottom: 0px;
    }

.card-header {
    display: none;
}

.btn-primary {
    color: #ffffff;
    background-color: #235B4E;
    border-color: #235B4E;
    width: 100%
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary.active, .open > .dropdown-toggle.btn-primary,
    .btn-primary:not(:disabled):not(.disabled):active {
        color: #ffffff;
        background-color: #10312B;
        border-color: #10312B;
    }

.alert{
    margin:0;
    padding: 0px 8px 0px 30px;
    text-align:left;
}


.form-inner-cont {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
}

.wrapper {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}


._footer {
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 80px;
    padding: 5px 0rem;
    box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
    background-color: white;
    overflow: hidden;
    /*
    margin-right: -15px;
    margin-left: -15px;
    */
}

    ._footer .slider-wrapper {
        display: block;
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        margin-bottom: -20px;
        padding-bottom: 30px;
        padding-left: 15px;
        background-color: #FFFFFF;
        text-align: center;
        display: none;
    }

        ._footer .slider-wrapper .slider-item {
            justify-content: center;
            align-items: center;
            width: auto; /*width: 140px;*/
            max-width: 120px;
            height: 70px;
            display: inline-flex;
            margin-right: 8px;
            background-color: #FFFFFF;
            &:last-child

{
    margin-right: 8px;
}

}

._footer .slider-wrapper .slider-item > img {
    width: 100%;
}


._footer > table {
    width: 100%; /*width: 140px;*/
}

    ._footer > table tr td {
        padding: 0px 4px;
    }

        ._footer > table tr td a img {
            max-width: 120px;
            width: 100%;
        }

@media (min-width: 992px) {
    .login-page {
        margin-left: 50%;
    }
}


@media screen and (max-width: 768px), screen and (max-height: 800px) {
    .form-inner-cont {
        max-width: 344px;
    }

    ._footer {
        display: none;
    }

    #tb_logo_100 {
        display: none;
    }

    #dv_logo_100 {
        display: block;
    }

    .logo-sie img {
        width: auto;
        height: auto;
        content: url(../logo_mini.png);
    }
}
