html {
    position: relative;
    min-height: 100%;
}

body {
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 80px;
}

/* #region Navbar styles */
.navbar-header {
    border-bottom: 1px solid rgba(255,255,255, 0.1);
    
}
/* #endregion */


/* #region Footer styles */
.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height:30px;
    font-size: 0.85em;
}
/* #endregion */

/* #region custom Kendo UI styles */
#configure {
    display: none;
}

.k-panelbar .k-content {
    padding: 20px;
}

p .k-button {
    margin: 0 15px 0 0;
}

.k-state-active .label {
    font-size: 1em;
}

/* #endregion */

@media (max-width: 767px) {
    #responsive-panel {
        transition: all linear .2s;
    }

    #configure {
        display: block;
        float: right;
    }

    .k-rpanel {
        width: 100%;
    }

    .k-rpanel-expanded {
        margin-top: 1rem;
    }

    .navbar-header {
        width: 100%;
    }

    .footer {
        height: 60px;
    }

    .k-menu .k-item,
    .k-menu .k-link {
        width: 100%;
    }

    .k-menu .k-link {
        box-sizing: border-box;
    }
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../../Images/Load.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
    display: none;
}


.fonfobarra {
    background-image: url("../../Images/fondoBarramenu.png");
    background-repeat:repeat-x;
}
.fonfobarraLateral {
    background-image: url("../../Images/fondoLateralMenu.png");
    background-repeat: repeat-y;
}
.piepagina {
    background-image: url("../../Images/piePagina.png");
    background-repeat: repeat-x;
}
#logo {
    background-image: url("../../Images/Logo.png");
    width: 186px;
    height: 39px;
    background-repeat: no-repeat;
}
.fondo {
    background: url(../../Images/bankstation.jpg) no-repeat center;
    min-height: 98%;
    min-width: 100%;
    /* Set up proportionate scaling */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* Set up positioning */
    position: fixed;
    top: 0;
    left: 0;
}
.update-progress-gif {
    background: url(/Images/Loader.gif) top left no-repeat;
    position: absolute;
    top: 50%;
    width: 50%;
    left: 50%;
    height: 50%;
    z-index: 9999;
}
.letra{
    font-size:10px;
}

.animacion {
    animation-duration: 3s;
    animation-name: slidein;
    animation-iteration-count: infinite;
}

@keyframes slidein {
    from {
        margin-left: 50%;
        width: 200%
    }

    to {
        margin-left: 0%;
        width: 100%;
    }
}
/*Stilo para kendo unload*/
.k-button.k-upload-button {
    background-color: #007bff;
    color: white;
}

#treeview {
    flex: 1;
    line-height: .5;
    font-size: 9px;
}