﻿/* Custom container */
body {
    padding-bottom: 40px;
    color: #666;
}
.external-login {
    margin: 0;
    padding: 0;
}
.external-login li {
    list-style: none;
    float: left;
    padding: 0 20px 0 0 ;
}
.newaccount {
    margin: 30px 0 0 0;
}

.linked-account form {
    margin: 0 0 5px 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}

/*Button Style*/
.btn-u {
    border: 0;
    font-size: 14px;
    cursor: pointer;
    padding: 5px 13px;
    position: relative;
    background: #72c02c;
    display: inline-block;
    color: #fff !important;
    text-decoration: none !important;
}

    .btn-u:hover {
        color: #fff;
        background: #5fb611;
        text-decoration: none;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

.btn-u-small {
    padding: 3px 12px;
}

.btn-u-large {
    font-size: 18px;
    padding: 10px 25px;
}

a.btn-u {
    padding: 4px 13px;
    vertical-align: middle;
}

a.btn-u-small {
    padding: 2px 12px;
}

a.btn-u-large {
    font-size: 18px;
    padding: 6px 25px;
}

.top {
	padding:7px 0 8px;
}

.loginbar {
	margin:0;
	padding:0;
	z-index:9999;
	list-style:none;
	position:relative;
}

.loginbar li {
	display:inline;
	list-style:none;
	padding-bottom:15px;
}

.loginbar li a, 
.loginbar li a:hover {
	color:#7c8082;
	font-size:11px;
	text-transform:uppercase;
	font-family:'Open Sans', sans-serif;
}

.loginbar li.devider { 
	top:-1px;
	padding:0;
	font-size:8px;
	position:relative;
	margin:0 6px 0 2px;
	font-family:Tahoma;
	border-right:solid 1px #bbb;
}

.loginbar i {
	color:#999;
	font-size:18px;
	margin-top:3px;
	cursor:pointer;
}

/*Lenguages*/
.loginbar li ul { 
	top:30px; 
	margin:0;
	left:-6px;
	/*xdisplay:none;*/ 
	padding-top:4px;
	position:absolute; 
	border-radius:3px;
	padding-bottom:4px;
	background:#f0f0f0;
}

/*.loginbar li:hover ul { 
	xdisplay:block; 
}*/

.loginbar li ul li { 
	padding-bottom:0;
	display:list-item;
	position:relative;
	margin-bottom:1px;
}

.loginbar li ul li a { 
	color:#555;
	display:block;
	min-width:85px; 
	font-size:10px;
	padding:2px 12px;
	background:#f0f0f0;
	text-decoration:none;
}

.loginbar li ul li a:hover, 
.loginbar li ul li.active a {
	opacity:1 !important;
	color:#555 !important;
	font-size:10px !important;
	text-shadow:none !important;
	background:#fafafa !important;
}

.loginbar li ul li.active i {
	top:2px; 
	right:-5px;
	font-size:14px;
	cursor:default;
	position:absolute;
	text-shadow:0 1px 0 #e9e9e9;
}

.loginbar i.icon-globe {
	color:#bbb;
	font-size:13px;
	margin:3px 3px 0 0;
}

.loginbar li i.icon-sort-up {
	top:21px; 
	left:-1px;
	color:#eee;
	display:none;
	font-size:14px;
	cursor:default;
	position:absolute;
}

.loginbar li:hover i.icon-sort-up {
	display:block;
}

.loginbar li:hover i.icon-ok {
	top:-2px;
	color:#aaa;
}


.footer {
    margin-top: 100px;
	text-align:center;
}

input.form-control{
	width:350px;
}

.centered-col {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}