body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
}

/* Override bootstrap dl */
.dl-horizontal dt {
    white-space: normal;
}

textarea {
    min-width: 90%;
    min-height: 200px;
    height: 150px;
}

/* color del iadep */
.filaSeleccionada {
    background-color: #F2973B !important;
}

input[type="text"],
input[type="number"],
select,
textarea {
    min-width: 75%;
}

.error-det,
.error-mostrado {
    display: block;
    font-weight: 700;
    font-size: 20px;
}

.campo_requerido {
    color: crimson;
}

select {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
    width: 100%;
}

.dataTables_length select {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
    min-width: 250px;
    width: 100px;
}

.tabla_container label {
    font-weight: normal;
}

input[type="text"].select2-input,
input.select2-search__field {
    max-width: 3000px;
}

.select2-container.form-control {
    padding: 0px;
    height: auto;
}

.dataTables_wrapper select {
    border: initial;
    padding: initial;
    font-size: initial;
    color: initial;
    min-width: initial;
    width: auto;
}

.dataTables_wrapper button {
    height: 30px;
    line-height: initial;
}

.dataTables_wrapper .dataTables_info {
    clear: initial;
    float: left;
    padding-top: 3px;
    padding-left: 20px;
}

.dataTables_wrapper .dataTables_filter input {
    background-color: white;
}

.dataTables_wrapper .dataTables_length select {
    background-color: white;
}

.pull-right {
    float: right !important;
}

.navbar-nav > li > a {
    font-weight: bolder;
    font-size: large;
    padding: 15px 5px 15px 5px;
}

.display-label,
.editor-label {
    font-size: medium;
    margin: 1em 0 0 0;
    font-weight: bold;
}

.banner {
    background: rgba(200,200,200,0.8);
    margin: 0;
    padding: 0;
}

/* Definición de la animación de rotación */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

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

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

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

/* Clase que aplica la animación */
.spin {
    -webkit-animation: spin 1s linear infinite; /* Bajé a 1s para que gire más rápido */
    animation: spin 1s linear infinite;
    display: none; /* Se controla con jQuery .show() / .hide() */
    margin-left: 5px;
    vertical-align: middle;
}

/* Forzar que el icono sea bloque o inline-block para que la rotación sea sobre su eje */
.glyphicon.spin {
    display: none; /* Por defecto oculto */
}