.rutasDiv {
    display: flex;
    flex-wrap: wrap;
}

.headertitlesection {
    background-color: rgb(228, 228, 228);
    padding: 10px 10px;
    margin-bottom: 20px;
    margin-top: 10px;
}

body.dark .headertitlesection {
    background-color: rgba(75, 57, 116, 0.4);
    color: #e0e6ed;
    padding: 10px 10px;
    margin-bottom: 20px;
    margin-top: 10px;
}

body.dark .highcharts-background {
    fill: #060818;
}

body.dark .highcharts-title {
    fill: white !important;
}

body.dark .alert p {
    color: rgb(34, 34, 34);
}

body.dark .alert a {
    color: rgb(90, 90, 90);
}

body.dark .alert a:hover {
    color: rgb(34, 34, 34);
}

hr {
    height: 0.5px !important;
}

.divcontenttable {
    width: 100%; max-height: 60vh; overflow: auto; overflow-x: hidden; padding: 20px; border-radius: 0.25rem; border: 1px solid #ced4da;
}

body.dark .divcontenttable {
    width: 100%; max-height: 60vh; overflow: auto; overflow-x: hidden; padding: 20px; border-radius: 0.25rem; border: 0.5px solid #4a4a4a;
}


body.dark .accordion-button {
    background-color: rgba(75, 57, 116, 0.4);
    color: #e0e6ed;
}

body.dark .accordion-item {
    background-color: #191e3a;
    border: 1px solid #0e1726;
}

.pagination {
    flex-wrap: wrap;
}

.rutasDiv a {
    color: black;
    margin: 0 3px;
    text-decoration: none;
}

.rutasDiv a:first-child {
    margin: 0;
}

.rutasDiv p {
    margin: 0 3px;
    padding: 0;
    color: grey;
}

.rutasDiv a:hover {
    color: black;
    text-decoration: none;
}

body.dark .rutasDiv p {
    margin: 0 3px;
    padding: 0;
    color: rgb(93, 93, 93);
}

ul {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
}

button, input[type="submit"], input[type="reset"] {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}