body {
    font-family: 'GothamBook', sans-serif;
    padding-top: 150px ;
    padding-bottom: 100px ;
}

h1, h2, h3, h4, h5 {
    /* color: #58585b; */
    font-family: "GothamBold" !important;
}

.date {
    color: #838383;
    display: inline-block;
    font-size: 22px;
    line-height: 50px;
}

.current {
    color: #59595a;
    display: inline-block;
    font-size: 36px;
    position: relative;
    text-align: left;
    top: -3px;
    vertical-align: middle;
}

.body {min-height: 350px;}


.obligatorio {
    background-color: #EBF4FA ;
}

.remark_01 {
    background-color: #EEEEEE ;
}

.remark_02 {
    background-color: #E5E5E5 ;
}

a.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

/* Estilo para el boton "Ir Arriba" */
.scroll-top {
    width: 40px;
    height: 40px;
    opacity: 0.3;
    position: fixed;
    bottom: 50px;
    right: 30px;
    display: none; /* Estara oculto por defecto */
    text-indent: -9999px; /* Oculta el texto del enlace */
    z-index: 1000; /* Evita que otros elementos esten por encima */
    background: url('../img/arriba.png') no-repeat;
}

/* Estilo para generar un efecto al posicionar el puntero encima del botón */
.scroll-top:hover {
    opacity: 0.8;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
    -ms-transition: 0.3s all;
    transition: 0.3s all;
}

/* estilos de la cabecera */
header {
    background: #c8102e ;
}

#div-header {
    height: 100px ;
    position: relative;
    font-size: 1em ;
}

#div-header.shrink {
    height: 30px !important ;
}

#div-header.shrink h2 {
    font-size: 0.8em !important ;
    margin-top: 0px;
}

.header-content {
    top: 50% ;
    transform: translate(0, -50%);
    padding-top: 5px ;
    padding-bottom: 5px ;
    height: inherit;
}

.header-content-text {
    /* display:table; */
    color: white;
}

.header-content-title {
    vertical-align:middle; /*middle centred*/
    display:table-cell;
}

.header-content h1 {
    margin: 0px ;
    color: #FFFFFF ;
}

.header-content h4 {
    margin: 0px ;
    color: #FFFFFF ;
}

.img-header {
    display: block ;
    width: auto ;
    height: 100% ;
}
/* fin estilos de la cabecera */

.footer-text {
    padding: 5px ;
    text-align: center ;
}

#div-body {
    margin-bottom: 50px ;
}

.navbar-fixed-bottom {
    min-height: 20px ;
}

.page-header {
    /* margin-top: 0px ; */
}

.multiselect {
    text-align: left ;
}

/* ******************************************************************** *
 * para corregir que los textareas muestren una sola linea en bootstrap *
 * ******************************************************************** */
textarea {
    height: auto !important ;
}

.float_btn_add {
    background-color:#F44336;
    width:60px;
    height:60px;
    border-radius:100%;
    background:#F44336;
    border:none;
    outline:none;
    color:#FFF;
    font-size:36px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    transition:.3s;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 1500;
}

.float_btn_add:hover {
    transform:scale(1.1);
    transform:rotate(30deg);
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
}

a.btn_editar {
    background-color:#3174C7;
    padding: 3px ;
    width:22px;
    height:22px;
    border-radius:100%;
    background:#3174C7;
    border:none;
    outline:none;
    color:#FFF;
    font-size:12px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    transition:.3s;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

a.btn_editar:hover {
    transform:scale(1.1);
    transform:rotate(30deg);
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    color:#FFF;
}

a.btn_eliminar {
    background-color:#3174C7;
    padding: 3px ;
    width:22px;
    height:22px;
    border-radius:100%;
    background:#3174C7;
    border:none;
    outline:none;
    color:#FFF;
    font-size:12px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    transition:.3s;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

a.btn_eliminar:hover {
    transform:scale(1.1);
    transform:rotate(30deg);
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    color:#FFF;
}

.table-responsive {
    overflow-x: inherit;
}

#topnavbar {
    margin: 0;
}

#topnavbar.affix {
    position: fixed;
    top: 0;
    width: 100%;
}

.header-content-title h2 {
    color: white;
}

a.btn-moron , a.btn-moron:visited {
    color: white !important;
}

a.btn-moron:hover {
    background-color: #a7002a;
    color: inherit;
}

.formularios > form  {
    margin: 1em;
    display: inline-block;
}