/*
Modificaciones sobre los elementos de la plantilla material-pro
(su documentación recomienda hacer los cambios en una plantilla independiente
en vez de en sus archivos CSS por si se actualiza la versión que no se pierdan
los cambios realizados).
Se añaden también modificaciones de otros elementos, como el plugin
"ionSlider".
*/


/*******************************/
/* Material-pro */
/*******************************/

.ajax-preloader {
    width: 100%;
    height: 100%;
    top: 0px;
    position: fixed;
    z-index: 8000;
    background-color: rgba(255, 255, 255, 0.5);
}

@media(max-width: 575px) {
    #patients-list-container #patients-list-paginator li.prev,
    #patients-list-container #patients-list-paginator li.next {
        display: none;
    }
}


/*******************************/
/* ionSlider */
/*******************************/
.irs-from, .irs-to, .irs-single {
    background: #02c2cb;
}
.irs-from:after, .irs-to:after, .irs-single:after {
    border-top-color: #02c2cb;
}

.irs.info .irs-from, .ifno .irs-to, .info .irs-single {
    background: #007bff;
}
.irs.info .irs-from:after, .info .irs-to:after, .info .irs-single:after {
    border-top-color: #007bff;
}

.irs.info .irs-line-mid,
.irs.info .irs-line-left,
.irs.info .irs-line-right,
.irs.info .irs-bar,
.irs.info .irs-bar-edge,
.irs.info .irs-slider
.irs.info .irs-slider {
    background-image: url(../img/plugins/ion.rangeSlider/sprite-skin-modern-info.png);
}

/* Progress bar */
.progress {
    display: flex;
    height: 6px;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem;
}


.markdown-text h1 {
    font-size: 25px;
}

.markdown-text h2 {
    font-size: 21px;
}

.markdown-text h3 {
    font-size: 18px;
}

.card-body .markdown-text p:last-child {
    margin-bottom: 0;
}