body {
	background:#FFF;
	font-size: 15px;
}

.form-control {
	padding-left:10px !important;
	padding-right:10px !important;
}

textarea {
	padding:10px !important;
}

.bar-top {
	background:#2A38E8;
	text-align:center;
	padding:10px 0px;
	border-bottom:5px solid #121EA9;
	color: #FFF;
}

.form-msn {
	width:100%;
	margin:20px auto;
}

.form {
	margin:20px auto;
	padding:30px;
	width:90%;
	background:#F7F7F7;
	border:1px solid #D6D6D6;
	border-radius:10px;
}

.form_ok {
	background:#55AD0D;
	border:1px solid #47A208;
	color:#FFF;
}

.form_simple {
	border:none;
	background:none;
	padding:0px;
}

.title_form {
	padding-bottom: 15px;
	border-bottom: #333 solid 1px;
	margin-bottom: 15px;
}


hr {
	margin: 40px 0px 0px 0px !important;
	border-color: #D6D6D6
}

.btn-form {
	margin-top: 15px;
	padding:10px 25px;
	font-size: 18px;
	font-weight: bold
}

.txt-login {
	text-align:center;
	font-weight: bold;
	width: 100%;
	padding-bottom: 10px
}

.form-group .col-xs-12 {
	padding: 0px;
}

@media (max-width: 980px) {
	.form, .form_simple {	
		width:90%;
	}
	
	.form-msn {
		width:auto;
		margin:0px auto;
	}
	
		.form-msn .alert{
			border-radius:0px;
			margin:0px auto;
		}
	
	
    .datos_company {
        margin-top: 20px;
    }
    
	.col-md-12 {
		float:right;		
	}
}

@media (max-width: 480px) {	
	.txt-login {
		text-align:center;
		line-height:20px;
	}
}

.logo .form-group {
    display: flex;           /* activa flexbox */
    align-items: center;     /* centra verticalmente */
    justify-content: center; /* opcional: centra horizontalmente */
    height: 100%;            /* asegurarse que tome altura del contenedor */
}

.logo {
    height: 130px; /* o la altura que necesites */
    background: #FFF;
    border-radius: 6px;
}

/* === Estilos para página 404 === */
.page-404 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 80vh;
    text-align: center;
    color: #333;
}

.page-404 h1 {
    font-size: 120px;
    color: #2A38E8;
    margin: 0;
    font-weight: bold;
}

.page-404 h2 {
    font-size: 28px;
    margin: 10px 0;
    color: #121EA9;
}

.page-404 p {
    font-size: 18px;
    margin: 10px 0 20px 0;
    color: #666;
}

.btn-volver {
    background: #2A38E8;
    color: #FFF;
    padding: 10px 25px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: 0.3s;
}

.btn-volver:hover {
    background: #121EA9;
}

@media (max-width: 480px) {
    .page-404 h1 {
        font-size: 80px;
    }

    .page-404 h2 {
        font-size: 22px;
    }

    .page-404 p {
        font-size: 16px;
    }

    .btn-volver {
        font-size: 16px;
        padding: 8px 20px;
    }
}