/**
 * Componentes y utilidades — sustituyen estilos inline (CSP).
 */

/* Tablas DataTables / listados */
#table-busqueda {
    width: 100%;
    max-width: 100%;
}

#table-busqueda .table-responsive,
#table-busqueda .dt-container {
    width: 100%;
    max-width: 100%;
}

#table-busqueda .dt-scroll {
    width: 100% !important;
}

#table-busqueda .dt-scroll-body {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
}

.table-responsive-spaced {
    margin-top: 20px;
    margin-bottom: 10px;
}

.table-responsive-spaced-padded {
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 1px;
}

.table-full-width {
    width: 100% !important;
}

td.actions-col,
th.actions-col,
td.actions,
th.actions {
    width: 65px;
}

/* Loaders */
.loader-spinner,
#cargador.loader-spinner {
    font-size: 92px;
    color: #204d74;
}

#loading {
    text-align: center;
}

/* Formularios */
.text-required,
span.text-required {
    color: #A94442;
}

.row-spaced-form {
    margin-top: 15px;
    margin-bottom: 20px;
}

.row-margin-top-3 {
    margin-top: 3%;
}

.row-margin-top-1 {
    margin-top: 1%;
}

.input-file-hidden {
    display: none;
}

.input-file-overlay {
    filter: alpha(opacity=0);
    opacity: 0;
    color: transparent;
    width: 75px;
}

.cursor-pointer {
    cursor: pointer;
}

.is-hidden {
    display: none !important;
}

.container-padding-top {
    padding-top: 1em;
}

.table-thead-primary {
    background-color: #335590;
    color: white;
}

.dt-length-icon {
    padding-left: 10px;
}

.input-hidden {
    display: none;
}

.img-conecta {
    margin-top: 40px;
    margin-left: 415px;
}

/* Login / modales auth */
.login-modal-bg-0 {
    background-image: url(../img/home/home.png);
}

.login-modal-bg-1 {
    background-image: url(../img/home/home2.png);
}

.login-modal-bg-2 {
    background-image: url(../img/home/home3.png);
}

.login-title-dark {
    color: #111 !important;
}

.logo-login-full {
    opacity: 1;
}

/* Navbar logo */
.navbar-brand-logo {
    margin-top: -20px;
    width: 80%;
}

/* Alert navegador IE — visible vía JS */
.alert-navigator-wrap {
    display: none;
}

/* Principal — menú home */
#botones-menu {
    margin-top: 20px;
}

#botones-menu .p-principal {
    margin-left: 20px;
}

#botones-menu .menu-tile-paquete .img-pri {
    margin-top: 18px;
}

#botones-menu .menu-tile-franqueo .img-pri {
    margin-top: 35px;
}

#botones-menu .menu-tile-mail .img-pri {
    margin-top: 33px;
}

#botones-menu .menu-tile-call .img-pri {
    margin-top: 25px;
}

#botones-menu .menu-tile-busqueda .img-pri {
    margin-top: 30px;
}

#botones-menu .menu-tile-gestion .img-pri {
    margin-top: 4px;
}

#botones-menu .img-conecta {
    margin-top: 40px;
    margin-left: 415px;
}
#grabado.feedback-ok {
    display: none;
    background-color: lightgreen;
}

#nograbado.feedback-error {
    display: none;
    background-color: red;
}

#grabado.feedback-ok.is-visible,
#nograbado.feedback-error.is-visible {
    display: block;
}