html,
body {
    height: 100%;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}
.div-buttons{
    display: none
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }

    .div-buttons{
        display: inline-block
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}
.max-image{
    max-width: 100%;
}

/*select{
    text-transform: uppercase;
}
input{
    text-transform: uppercase;
}

textarea{
    text-transform: uppercase;
}*/

.tbl {
    background-color:#000;
    width: 100%
}
/*.tbl td,th,caption{
    background-color:#fff
}*/

@media print{
    .page-break{
        display: block;
        page-break-before: always;
    }
    footer{
        display: none;
    }
}


.row {
    width: 100%;
    height: 100%;
    margin: 0 !important;
    background-color: white;
    /*padding: 15px 0.5rem;*/
}
.capa {
    width: 100%;
    height: 100%;
    margin: 0 !important;
    background-color: white;
    /*padding: 15px 0.5rem;*/
}

@media (min-width: 1200px){
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 1200px){
    .col-lg-12 {
        width: 100%;
    }
}

.health-form{
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}

.content{
    padding: 15px 0.5rem !important;
}

.box-own{
    margin: 10px;
    width: 100%;
    height: 200px;
}

/*.rips{
    border: 1px solid red;
}*/
.rips label{
    display: block;
}
.help-rips{
    color: red;
    float: right;
}

.div-finalizar{
    display: inline-block;
}

/* CSS para el bloqueo de página */
#page-loader {
    display: none; /* Ocultar inicialmente */
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    color: white;
}

#page-loader .loader {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #3498db;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
    margin: 20% auto;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.box-c {
    cursor: pointer; /* Cambia el cursor a una mano al pasar sobre el elemento */
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>p {
    margin: 5px 0 !important;
    font-size: 14px;
    line-height: 1.4;
    white-space: normal; /* Permite el ajuste de línea dentro del bloque p */
    overflow: hidden; /* Oculta el contenido que desborda */
    text-overflow: ellipsis;
}

.unseen {
    background-color: #ffcccc; /* Color de fondo más fuerte */
    border-left: 5px solid #ff0000; /* Bordes más visibles */
    color: #000; /* Color de texto más fuerte */
}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu, .navbar-nav>.messages-menu>.dropdown-menu>li .menu, .navbar-nav>.tasks-menu>.dropdown-menu>li .menu {
    max-height: 80vh !important;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: hidden;
}
.active {
    font-weight: bold;
    color: #007bff; /* Color azul resaltado, puedes cambiarlo */
    /*text-decoration: underline;  Subrayado para destacar más */
}