/* Header */
.super-banner {
	/* display:none; */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 90px;
    background-color: var(--primary-color);
    color: #000;
    /* padding: 10px; */
    text-align: center;
    z-index: 1000;
    font-weight: bold;
}

body {
    padding-top: 70px;
    padding-bottom: 70px;;
}

.navbar.fixed-top {
    top: 90px !important;
} 

/*
*	Quita el borde del modal
*/

span[data-flexitour="container"].orphan {
  outline: none;
}


/*
*	Alinea botones de modal
*/
.modal-footer .btn {
  width: 47% !important;
}
.modal-footer .btn-secondary {
  color: #000 !important;
  background: #b8c1ca !important;
  border: 1px solid #b8c1ca !important;
  font-weight: 500 !important;
}

.apps-menu {
    margin-top: 70px;
}

.modal {
    /* padding-top: 5% !important; */
}

.comunicado-bootstrap {
    background-color: var(--primary-color); /* azul morado como en tu imagen */
    display: flex !important;
    justify-content: space-between;
    padding: 5px 15px !important;
}

.comunicado-img {
  /* width: 60px; */
  width: auto;
  height: 60px;
  object-fit: cover;
}

.drawer-toggles .drawer-toggler {
    top: calc(140px + 0.7rem);
}

.news_date_end {
    font-size: smaller;
    font-weight: normal;
}

.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #D3D3DE;
    margin: 0 4px;
}

.carousel-indicators .active {
    background-color: #6c757d;
}

.comunicado-texto{
    margin-bottom: 0.5rem !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0px 20px;
}

.drawer-left, .drawer-right, .drawer.bg-white {
    top: 150px !important;
    height: calc(100vh - 150px);
}

.super-footer-banner ~ .d-print-block .drawer-right, .super-footer-banner ~ .d-print-block .drawer-left, .super-footer-banner ~ .d-print-block .drawer.bg-white {
    height: calc(100vh - 240px);
}

/*Dispositivos moviles*/

/*Popup: para que este a una altura adecuada y con scroll el body si es necesario*/
.super-footer-banner ~ .d-print-block .drawer-right, .super-footer-banner ~ .d-print-block .drawer-left, .super-footer-banner ~ .d-print-block .drawer.bg-white {
    height: calc(100vh - 240px);
}

/* baja el popup */
.modal.show .modal-dialog {
    /* top: 70px; */
}

.modal-body {
    /* overflow: auto; */
    /* max-height: calc(90vh - 450px); */
}


.super-banner .carousel-indicators li {
    width: 15px;
    height: 15px;
}