/*-----FOOTER-----*/
.page-footer {
    border-top: solid 3px #F2F5F4;
    margin: 30px auto 15px;
}

.title-links {
    /*font: Bold 16px/19px Roboto;*/
    font-weight: bold;
    font-size: 18px;
    color: #203348 !important;
}

ul.list-unstyled li a {
    font-size: 18px;
    color: #203348 !important;
    cursor: pointer;
    text-decoration: underline !important;
}

    ul.list-unstyled li a:hover {
        color: #203348;
    }

    ul.list-unstyled li a:active {
        color: #5F9FE5;
    }

    ul.list-unstyled li a:focus {
        color: #007BFF;
    }

.logo-footer {
    width: 50%;
    margin-left: 30%;
}

.logo-footer-up {
    width: 30%;
    margin-left: 30%;
}

.footer-copyright {
    border-top: solid 3px #F2F5F4;
}

.texto1-footer {
    /*font: Regular 16px/19px Roboto;*/
    font-size: 18px;
    margin-left: 9%;
    color: #707070;
}

.texto2-footer {
    /*font: Regular 16px/19px Roboto;*/
    font-size: 18px;
    margin-left: 2%;
    color: #707070;
}

.texto3-footer {
    /*font: Regular 16px/19px Roboto;*/
    font-size: 18px;
    margin-left: 2%;
    color: #707070 !important;
}

    .texto3-footer:hover {
        color: #203348 !important;
    }

.texto4-footer {
    /*font: Regular 16px/19px Roboto;*/
    font-size: 18px;
    margin-left: 43.5%;
    color: #707070;
}

.link-footer:hover {
    color: #203348;
}

.link-footer:active {
    color: #5F9FE5;
    text-decoration: none;
}

.link-footer:focus {
    text-decoration: underline;
    color: #007BFF;
}
.leftText {
    margin-left: 45px;
}


/*SPINNER*/
#cover {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    z-index: 110;
    width: 100%;
    height: 100%;
    display: none;
}

.spinnerScreen {
    width: 50px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    z-index: 110;
    display: none;
}

.loader {
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #203348;
    width: 70px;
    height: 70px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}
/*  || ANIMATIONS  */

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.navbar-brand {
    margin: 0 0 0 50px;
    width: 120px;
    height: auto;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    /*body {
        background-color: pink;
    }*/
    .dateLastLogin {
        margin-left: 51px !important;
    }
    /* Footer Start */
    .page-footer {
        text-align: right;
        border-bottom: transparent;
    }

    .title-links {
        text-align: left;
    }

    ul.list-unstyled li {
        text-align: left;
    }

    .texto1-footer, .texto2-footer {
        display: none;
    }

    .footer-copyright {
        text-align: left;
    }

    .texto4-footer {
        position: absolute;
        left: 40%;
    }
    /*Footer End*/
    .leftText {
        margin-left: 0px;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    /*body {
        background-color: gray;
    }*/
    .dateLastLogin {
        margin-left: 51px !important;
    }
    /* Footer Start */
    .page-footer {
        text-align: right;
        border-bottom: transparent;
    }

    .title-links {
        text-align: left;
    }

    ul.list-unstyled li {
        text-align: left;
    }

    .texto1-footer, .texto2-footer {
        display: none;
    }

    .footer-copyright {
        text-align: left;
    }
    /*.texto4-footer{
        margin-left: 80%;
    }*/
    .texto4-footer {
        position: absolute;
        left: 40%;
    }

    hr.clearfix {
        display: none;
    }

    .logo-footer {
        display: none;
    }

    .logo-footer-up {
        width: 30%;
        margin-left: 70%;
    }
    /* Footer End */
    .leftText {
        margin-left: 0px;
    }
}


/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    /*body {
        background-color: orange;
    }*/
    .dateLastLogin {
        margin-left: 51px !important;
    }
    /* Footer Start */
    .texto1-footer {
        display: inline;
    }

    .texto2-footer {
        display: inline;
    }
    /* Footer End */
    .cont-logo-up {
        display: none;
    }

    .logo-footer-up {
        display: none;
    }

    .logo-footer {
        display: inline;
    }
    .leftText {
        margin-left: 45px;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

    .cont-logo-up {
        display: none;
    }

    .logo-footer-up {
        display: none;
    }
}