body, footer.page-footer, header.page-header {background-color: #6688AA;}
footer.page-footer {color: #FFF;}
.ui-to-top{line-height: 46px !important}

#login input{padding: 0; margin: 0;}
#login {background: #FFF; padding: 40px; box-sizing: border-box; margin-top: 4%; display: inline-block; color: gray; width: 90%; max-width: 500px; min-width: 260px;border-radius: 10px; box-shadow:0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);}
#login .row {display: flex; flex-direction: row; margin: 0; padding: 0; vertical-align: middle;}
#login .row > div {width: 85%;}
#login .row >  span i {font-size: 18px; margin-left: 10px; line-height: 100%;}
#login input {height: 50px; line-height: 50px; border-width: 0; margin-bottom: 10px; padding: 0; display: inline-block;border-radius: 8px;}
#login input[type="text"], #login input[type="password"] {background: #E8E8E8; width: 102%; padding: 0 5%;}
#login input[type="submit"] {padding: 0; background: #00348B; color: #FFF; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; width: 100%;}
#login .mensaje_login {line-height: 32px;}
#login input[type="submit"]:hover {background: #0051D7; }

.flex_container {display: flex; flex-direction: row;}
.row1, .row2 { margin-top: 0; padding-top: 0;}
.row1 { background-color: #F5FBFF; width: 20%; min-width: 280px; padding-right: 20px; box-sizing: border-box;}
.row2 {}
.error {color: #D14836;}
.exito {color: #4BB549;}
.left {text-align: left}
.right {text-align: right}
.center {text-align: center}
.bold {font-weight: bold}
.uppercase {text-transform: uppercase}
.thumbnail-type-1 .caption-inner {overflow: hidden}
.page .text-accent {text-shadow: 2px 2px 10px #000;}

.logout {color: white; background-color: red; line-height: 40px; height: 40px; width: 40px; text-align: center; border-radius: 50%; position: fixed; z-index: 999999; top: 20px; right: 20px;}
@media (max-width: 512px) {
    .flex_container {flex-wrap: wrap;}
    .row1 {width: 100%;}
}