body,html{
	height: 100%;
	width: 100%;
}

.main-container{
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.main-container > .login,
.main-container > .hero-body{
	height: auto;
	width: 100%;
	max-width: 400px;
	min-width: 300px;
}

.form-inline{
	display: inline-flex;
}

img.card-img-top {
	height: 100px;
	margin: auto;
	width: auto;
}
a.toggle-vis {
	text-decoration: none;
	color: darkcyan;
}

/* Note styling for nota_adicional */
.nota-adicional {
    background-color: #fce4ec !important;
    color: #880e4f !important;
    font-style: italic;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 4px;
    border-left: 4px solid #e91e8c;
    display: inline-block !important;
    margin-top: 5px;
    font-size: 0.85em;
    box-shadow: 0 1px 3px rgba(233,30,140,0.2);
}

.nota-adicional-icon {
    margin-right: 4px;
}

/* Estilos para los tabuladores de comisiones */
.tabs-container {
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 20px;
}

.tabs-container .nav-tabs {
    border-bottom: none;
}

.tabs-container .nav-link {
    color: #495057;
    border: 1px solid transparent;
    border-radius: 0.25rem 0.25rem 0 0;
    padding: 0.75rem 1.5rem;
    font-weight: 500;
    transition: all 0.3s ease;
}

.tabs-container .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6;
    background-color: #f8f9fa;
}

.tabs-container .nav-link.active {
    color: #0d6efd;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
    border-bottom: 2px solid #0d6efd;
}

/* Estilos para el selector de tipo de fecha */
.form-group input[type="radio"] {
    margin-right: 5px;
    cursor: pointer;
}

.form-group label {
    cursor: pointer;
    font-size: 15px;
}