.alert-success {
    color: rgba(51,51,51,0.75);
    background-color: #eeffe6;
    border-color: #2ba000
}

.alert-info {
    color: rgba(51,51,51,0.75);
    background-color: #e3f6ff;
    border-color: #0077b2
}

.alert-warning {
    color: rgba(51,51,51,0.75);
    background-color: #fff4e3;
    border-color: #e29700
}

.alert-danger {
    color: rgba(51,51,51,0.75);
    background-color: #ffe9e9;
    border-color: #9e0000
}

.tab-content > .tab-pane {
    border-color: #d3d3d3;
    background-color: #fff
}

body {
    color: #333;
    background-color: #fff
}

a {
    color: #d10002
}

    a:hover {
        color: #a10002
    }

*:focus, header a:focus svg, input[type="checkbox" i]:focus-visible {
    color: #a10002;
    outline-color: rgba(21,93,179,0.5)
}

header.fixed-top a:focus svg, footer a:focus {
    color: #ffffff
}

header.container-fluid {
    background-color: #fff
}

#logo svg {
    background-color: transparent
}

svg .rectangulo {
    fill: #ef3340;
    stroke-width: .125rem;
    stroke: #fff
}

svg .rojo {
    fill: #ef3340
}

svg .azul {
    fill: #00a3e0
}

.estrella {
    fill: #ffffff
}

h1, .h1 {
    color: #d10002
}

.fixed-top #burger {
    color: #fff
}

#servicio {
    background-color: #d10002
}

nav {
    background-color: #fff
}

div.nav div {
    background-color: #d10002;
    border-bottom-color: #fff
}

#loginSVG {
    fill: none;
    stroke: #ffffff
}

.breadcrumb {
    background-color: #fff
}

.breadcrumb-item + .breadcrumb-item::before {
    color: #333
}

.breadcrumb-item.active {
    color: #333
}

main {
    background-color: #fff
}

h2, .h2 {
    border-left-color: #d10002
}

h3.seccion, .card.h-100 legend {
    border-left-color: #d10002
}

.card {
    background-color: rgba(0,0,0,0);
    border-color: #d3d3d3
}

.card-header, .card-footer {
    background-color: rgba(0,0,0,0)
}

.card.datos-usuario {
    background-color: #fafafa
}

ul li::marker {
    color: #d10002
}

.list-group-flush > .list-group-item {
    border-color: #d10002;
    background-color: #fff
}

.list-group-item-action a, .list-group-item-action a[target] {
    color: #d10002
}

    .list-group-item-action a:hover, .list-group-item-action a.hover, .list-group-item-action a[target]:hover {
        color: #fff;
        background-color: #a10002
    }

    .list-group-item-action a:focus, .list-group-item-action a.focus, .list-group-item-action a[target]:focus {
        color: #fff;
        background-color: #a10002;
        outline: 0.25rem solid rgba(255,255,255,0.5);
        transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out, outline 0.15s ease-in-out
    }

.modal-content {
    color: #333;
    background-color: #fff;
    border-color: #d3d3d3
}

.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(21,93,179,0.5)
}

.btn-primary {
    color: #fff;
    background-color: #d10002;
    border-color: #d10002
}

    .btn-primary:hover, .btn-primary:focus, .btn.btn-primary.hover, .btn.btn-primary.focus {
        color: #fff;
        background-color: #a10002;
        border-color: #a10002
    }

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #a10002;
        border-color: #a10002
    }

        .btn-primary:focus, .btn-primary.focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.25rem rgba(21,93,179,0.5)
        }

.btn-outline-primary {
    color: #d10002;
    border-color: #d10002
}

.btn.btn-outline-primary:hover, .btn.btn-outline-primary:focus, .btn.btn-outline-primary.hover, .btn.btn-outline-primary.focus {
    background-color: #a10002;
    color: #fff;
    border-color: #a10002
}

.btn-outline-primary:focus, .btn-outline-primary.focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(21,93,179,0.5)
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #a10002;
    border-color: #a10002
}

    .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
        color: #fff;
        background-color: #a10002;
        border-color: #a10002
    }

.btn-danger {
    color: #fff;
    background-color: #d10002;
    border-color: #d10002
}

    .btn-danger:hover, .btn-danger:focus, .btn-danger.hover, .btn-danger.focus {
        color: #fff;
        background-color: #a10002;
        border-color: #a10002
    }

    .btn-danger:focus, .btn.btn-danger.focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.25rem rgba(216,38,40,0.5)
    }

    .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #a10002;
        border-color: #a10002
    }

.btn-link {
    color: #d10002
}

    .btn-link:hover, .btn-link:focus, .btn-link.hover, .btn-link.focus {
        color: #a10002
    }

.btn-primary.disabled, .btn-primary:disabled, .btn-primary.disabled:hover, .btn-primary:disabled:hover, .btn-primary.disabled:focus, .btn-primary:focus:disabled, .btn-outline-primary.disabled, .btn-outline-primary:disabled, .btn-outline-primary.disabled:hover, .btn-outline-primary:disabled:hover, .btn-outline-primary.disabled:focus, .btn-outline-primary:focus:disabled, .btn-danger.disabled, .btn-danger:disabled, .btn-danger.disabled:hover, .btn-danger:disabled:hover, .btn-danger.disabled:focus, .btn-danger:focus:disabled {
    color: #333;
    background-color: #e4e4e4;
    border-color: #e4e4e4;
    box-shadow: none;
    pointer-events: none
}

.page-link {
    color: #d10002;
    background-color: #fff;
    border-color: #d3d3d3
}

    .page-link:hover, .page-link.hover, .page-link:focus, .page-link.focus {
        color: #fff;
        background-color: #a10002;
        border-color: #d3d3d3
    }

.panel {
    background-color: #f5f5f5
}

    .panel > div.formulario {
        background-color: #000;
        border-color: #e4e4e4
    }

.table {
    color: #333
}

caption {
    color: #333
}

.table thead th {
    color: rgba(51,51,51,0.75);
    background-color: #fff
}

.table-striped tbody tr:nth-of-type(odd) {
    color: #333;
    background-color: rgba(0,0,0,0.075)
}

.table thead th, td {
    border-bottom-color: #d3d3d3
}

.table-hover tbody tr:hover {
    color: #333;
    background-color: rgba(0,0,0,0.075)
}

div.scrollHtable th:first-child, div.scrollHtable td:first-child {
    background-color: #ffffff;
    border-right-color: #dee2e6
}

th a {
    background-color: #ffffff;
    border-color: #d10002
}

    th a:focus, th a:hover {
        color: #ffffff;
        background-color: #a10002;
        border-color: #a10002
    }

    th a:active {
        color: #ffffff;
        background-color: #d10002
    }

th.SortA a, th.SortD a {
    color: #ffffff;
    background-color: #a10002;
    border-color: #a10002
}

th.SortA:hover a, th.SortD:hover a, th.SortA:focus a, th.SortD:focus a {
    background-color: #a10002
}

button.colapsador {
    color: #555555
}

    button.colapsador[aria-expanded="false"] {
        background-color: #f5f5f5
    }

    button.colapsador[aria-expanded="true"] {
        background-color: #ffffff
    }

    button.colapsador:hover, button.colapsador:focus {
        background-color: #ddeeff
    }

.nav-tabs .nav-link {
    color: #fff;
    background-color: #d10002
}

.nav-tabs.flex-column .nav-link.active, .nav-tabs.flex-column .nav-item.show .nav-link {
    border-color: #d3d3d3 #fff #d3d3d3 #d3d3d3
}

.tab-content.float-right > .tab-pane {
    border-left-color: #fff
}

.colapsable {
    color: #d10002
}

    .colapsable:focus, .colapsable.focus {
        color: #a10002;
        box-shadow: 0 0 0 0.25rem rgba(21,93,179,0.5);
        transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
    }

.tabsBody > li > .tabHeader {
    background: #d10002;
    border: 1px solid #d10002;
    color: #fff
}

.tabs.vertical > .tabsBody > li > .tabHeader {
    border: 1px solid #d10002
}

.tabsBody > li > .tabHeader:hover {
    background-color: #083084;
    border-color: #083084;
    color: #fff
}

.tabsBody > li > .tabHeader:focus {
    background-color: #083084;
    border-color: #083084;
    color: #fff
}

.tabsBody > li:target > .tabHeader {
    background: #fff;
    border-color: #d3d3d3;
    color: #333
}

.tabs.vertical > .tabsBody > li:target > .tabHeader {
    border-color: #d3d3d3
}

.tabsBody > li > .tabContent {
    background: #fff;
    border-color: #d3d3d3
}

.seleccion-cita {
    color: #d10002;
    border-color: #d10002;
    background-color: transparent
}

    .seleccion-cita:hover, .seleccion-cita:focus, .seleccion-cita.hover, .seleccion-cita.focus {
        color: #fff;
        background-color: #a10002
    }

    .seleccion-cita:focus, .seleccion-cita.focus {
        box-shadow: 0 0 0 0.25rem rgba(21,93,179,0.5)
    }

.form-control {
    color: #333;
    background-color: #fff
}

    .form-control:focus {
        color: #333;
        background-color: #fff;
        border-color: #ccc;
        outline: 0
    }

    .form-control::-ms-input-placeholder {
        color: #333;
        opacity: .75
    }

    .form-control::placeholder {
        color: #333;
        opacity: .75
    }

    .form-control:disabled, .form-control[readonly] {
        background-color: #e9ecef;
        opacity: 1
    }

input[type="radio"], input[type="checkbox"] {
    accent-color: #d10002
}

input[type="date"]::-webkit-calendar-picker-indicator, input[type="time"]::-webkit-calendar-picker-indicator, input[type="week"]::-webkit-calendar-picker-indicator, input[type="month"]::-webkit-calendar-picker-indicator, input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    filter: brightness(0) saturate(100%) invert(20%) sepia(87%) saturate(4981%) hue-rotate(350deg) brightness(77%) contrast(119%)
}

    input[type="date"]::-webkit-calendar-picker-indicator:hover, input[type="time"]::-webkit-calendar-picker-indicator:hover, input[type="week"]::-webkit-calendar-picker-indicator:hover, input[type="month"]::-webkit-calendar-picker-indicator:hover, input[type="datetime-local"]::-webkit-calendar-picker-indicator:hover {
        filter: brightness(0) saturate(100%) invert(8%) sepia(64%) saturate(6019%) hue-rotate(351deg) brightness(115%) contrast(114%)
    }

input[type="date"].is-invalid::-webkit-calendar-picker-indicator, input[type="time"].is-invalid::-webkit-calendar-picker-indicator, input[type="week"].is-invalid::-webkit-calendar-picker-indicator, input[type="month"].is-invalid::-webkit-calendar-picker-indicator, input[type="datetime-local"].is-invalid::-webkit-calendar-picker-indicator, input[type="date"].input_error::-webkit-calendar-picker-indicator, input[type="time"].input_error::-webkit-calendar-picker-indicator, input[type="week"].input_error::-webkit-calendar-picker-indicator, input[type="month"].input_error::-webkit-calendar-picker-indicator, input[type="datetime-local"].input_error::-webkit-calendar-picker-indicator {
    filter: invert(12%) sepia(62%) saturate(5594%) hue-rotate(350deg) brightness(103%) contrast(119%)
}

::-ms-reveal {
    filter: brightness(0) saturate(100%) invert(20%) sepia(87%) saturate(4981%) hue-rotate(350deg) brightness(77%) contrast(119%)
}

    ::-ms-reveal:hover {
        filter: brightness(0) saturate(100%) invert(8%) sepia(64%) saturate(6019%) hue-rotate(351deg) brightness(115%) contrast(114%)
    }

.custom-file-label::after {
    color: #d10002;
    background-color: #e4e4e4
}

input[type='file']::-webkit-file-upload-button {
    color: #d10002;
    background-color: #fff;
    border-color: #d10002
}

    input[type='file']::-webkit-file-upload-button:hover {
        color: #fff;
        background-color: #a10002
    }

input:-internal-autofill-selected, input.autofill {
    background-color: -internal-light-dark(#e8f0fe, rgba(70,90,126,0.4)) !important;
    color: fieldtext !important
}

.autofill {
    background-color: #e8eff7
}

.input-group-text {
    background-color: transparent;
    border-color: #ccc
}

.form-control.input_error {
    border-color: #9e0000;
    color: rgba(51,51,51,0.75);
    background-color: #ffe9e9
}

.form-check-label.input_error, .input_error input[type="radio"] + label {
    color: rgba(51,51,51,0.75)
}

label.col-form-label.input_error, span.col-form-label.input_error {
    color: rgba(51,51,51,0.75)
}

label.input_error input[type="radio"], span.input_error input[type="radio"], label.input_error input[type="checkbox"], span.input_error input[type="checkbox"] {
    accent-color: #9e0000
}

.input_error.form-control + a.bootstrap.datepicker-button, .input_error.form-control + .input-group-text, .input_error.form-control + .input-group-addon {
    border-color: #9e0000 !important;
    background-color: #9e0000
}

.time .input-group-addon svg path {
    fill: #d10002
}

.time .input-group-addon:hover svg path {
    fill: #a10002
}

.input_error.form-control + .input-group-addon svg path {
    fill: #9e0000
}

a.tficha div {
    background-color: #ffffff
}

a.tficha:hover div, a.tficha:focus div {
    background-color: #d10002;
    color: #ffffff;
    border-color: #d10002
}

a.tficha div > div {
    border-left-color: #d3d3d3;
    border-right-color: #d3d3d3
}

    a.tficha div > div:first-child {
        background-color: #d10002;
        color: #ffffff;
        border-color: #d10002
    }

    a.tficha div > div:last-child {
        border-bottom-color: #d3d3d3
    }

a.tficha:hover div > div:last-child {
    border-color: #d10002
}

.panelInfo {
    background-color: #f5f5f5
}

footer.container-fluid {
    background-color: #d10002;
    color: #fff
}

footer a, footer a:hover, footer a:focus {
    color: #fff
}

svg.antiestress > path {
    fill: red
}

@media only screen and (min-width: 576px) {
    footer ul li {
        border-right-width: #ffffff
    }

    .tabs.vertical > .tabsBody > li:target > .tabHeader {
        border-color: #d3d3d3
    }

    .tabsBody > li:target > .tabContent {
        border-top-color: #d3d3d3
    }
}

@media only screen and (min-width: 992px) {
    header.container-fluid {
        background: #ffffff;
        background: -moz-linear-gradient(top, #fff 5.625rem, #d10002 2.5rem);
        background: -webkit-linear-gradient(top, #fff 5.625rem, #d10002 2.5rem);
        background: linear-gradient(to bottom, #fff 5.625rem, #d10002 2.5rem);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='$red',GradientType=0 )
    }

    header.fixed-top {
        background-color: #d10002;
        background: -moz-linear-gradient(top, #d10002 90px, #d10002 40px);
        background: -webkit-linear-gradient(top, #d10002 90px, #d10002 40px);
        background: linear-gradient(to bottom, #d10002 90px, #d10002 40px);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$red', endColorstr='$red',GradientType=0 )
    }

        header.fixed-top #logo {
            background-color: #d10002
        }

    #navbar_top.fixed-top h1 {
        color: #ffffff
    }

    #navbar_top.fixed-top svg .rectangulo {
        fill: none;
        stroke-width: .125rem;
        stroke: #fff
    }

    #navbar_top.fixed-top svg .rojo {
        fill: #fff
    }

    #navbar_top.fixed-top svg .azul {
        fill: #fff
    }

    .tab-content > .tab-pane {
        border-color: #fff #d3d3d3 #d3d3d3 #d3d3d3
    }

    .tab-content.float-right > .tab-pane {
        border-color: #d3d3d3 #d3d3d3 #d3d3d3 #fff
    }
}


main a[target] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' fill-rule='evenodd' stroke='%23D10002' stroke-linecap='round'%3E%3Cpath d='M8.73779 6.88477L15.5 0.5M15.5 0.5L15.5 6M15.5 0.5L9.5 0.5'%3E%3C/path%3E%3Cpath d='M13.5 7L13.5 14.5C13.5 15.0523 13.0523 15.5 12.5 15.5L1.5 15.5C0.947715 15.5 0.499999 15.0523 0.499999 14.5L0.499999 3.5C0.499999 2.94772 0.947714 2.5 1.5 2.5L9 2.5'%3E%3C/path%3E%3C/svg%3E");
}

    main a[target]:hover, main a[target]:focus {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' fill-rule='evenodd' stroke='%23A10002' stroke-linecap='round'%3E%3Cpath d='M8.73779 6.88477L15.5 0.5M15.5 0.5L15.5 6M15.5 0.5L9.5 0.5'%3E%3C/path%3E%3Cpath d='M13.5 7L13.5 14.5C13.5 15.0523 13.0523 15.5 12.5 15.5L1.5 15.5C0.947715 15.5 0.499999 15.0523 0.499999 14.5L0.499999 3.5C0.499999 2.94772 0.947714 2.5 1.5 2.5L9 2.5'%3E%3C/path%3E%3C/svg%3E");
    }