:root {
	--bs-rgb-primary: 0, 53, 84;
	--bs-rgb-primary-contrast: 255, 255, 255;
	--bs-rgb-secondary: 0, 100, 148;
	--bs-rgb-white: 255, 255, 255;
	--bs-rgb-grey: 218, 224, 229;
}

nav.navbar.nav-tramites .container-fluid {
    background-color: rgba(var(--bs-rgb-primary), 0.5) !important;
    padding: 0.5em 0;
}

ul.lista-tramites {
    list-style-type: none;
    padding: 0;
}

.fila-iconos {
    color: rgba(var(--bs-rgb-primary), 1) !important;
}

.alert.alert-info.alert-tramite-no-encontrado {
    background-color: rgba(var(--bs-rgb-primary), 0.6) !important;
    color: white;
}

.inicio-tramite .text-success {
    color:  rgb(6, 97, 189, 1) !important;
}

.inicio-tramite .text-warning {
    color:  rgb(255, 166, 0, 1) !important;
}

.inicio-tramite .text-danger {
    color:  rgb(102, 102, 102, 1) !important;
}

.row-modelo-solicitud-presencial {
    background-color: rgba(var(--bs-rgb-primary), 0.3) !important;
    color: rgba(var(--bs-rgb-primary), 1) !important;
    font-weight: bold !important;
    text-decoration: underline !important;
}

.dropdown-filtro .dropdown-menu {
    max-height: 40vh !important;
    overflow-y: auto !important;
}

.stepper .step-counter {
    background: rgba(var(--bs-rgb-secondary), 1) !important;
    color: white !important;
}

.stepper.active .step-counter,
.stepper.completed .step-counter {
  background-color: rgba(var(--bs-rgb-primary), 1)  !important;
  color: white !important;
}

.card-documentos-comunes-especificos .component-file,
 .card-otros-documentos-solicitud .component-file,
 .row-documento-solicitud .component-file {
    border: 0px !important;
    padding: 1em 0px !important;
}

.card-documentos-comunes-especificos .formulario-grupo,
 .card-otros-documentos-solicitud .formulario-grupo,
 .row-documento-solicitud .component-file {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.alert-indicaciones i.bi.bi-info-circle {
    font-size: xxx-large !important;
}

.dropzone-file-upload {
    background-color: rgba(var(--bs-rgb-primary-contrast), 1) !important;
}

.input-documento-solicitud {
    width: 100%;
    max-height: 3em;
    border: 2px solid #cccccc;
    border-radius: 6px;
    align-content: center;
    padding: .75rem;
}

.inline-ellipsis-text {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.alert-indicaciones {
    background-color: rgba(var(--bs-rgb-primary), 0.2) !important;
}

.bootstrap-select .dropdown-toggle::after {
  content: "" !important;
  margin: 10px;
}

.card-header-component-required::after {
    content: "*";
    margin-left: 1rem;
    transform: translateY(-20%);
    color: rgb(255, 102, 102);
    font-weight
}

.content-fin-solicitud i.bi.bi-bookmark-check-fill {
    color:  rgb(6, 189, 97, 1) !important;
}

.content-fin-solicitud .sv-components-row {
    background: #d6d8d9 !important;
}

.content-fin-solicitud .sd-row__question {
    background: #d6d8d9 !important;
    box-shadow: none !important;
}

.content-fin-solicitud .sd-body {
    padding: 0 !important;
}

.content-fin-solicitud .sd-question {
    padding: 1rem !important;
}

.content-fin-solicitud .sd-rating__item {
    background-color: rgba(var(--bs-rgb-secondary), var(--bs-bg-opacity)) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
}

.content-fin-solicitud .sd-rating__item-text {
    color: white !important;
}

.content-fin-solicitud .progress-bar {
    width: 100%;
    transition: width 5s linear;
    background-color: rgba(var(--bs-rgb-secondary), var(--bs-bg-opacity)) !important;
}

.input-textarea-label {
    border: none !important;
    outline: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    pointer-events: none !important;
    resize: none !important;
}

.texto-fin-solicitud {
    max-width: 100% !important;
    text-align: center !important;
    margin: 0 auto !important;
}

.formulario-grupo-d-none {
    display: none !important;
}

#component-mis-datos .menu .menu-link {
    font-size: clamp(0.9rem, 1vw, 1rem) !important;
    white-space: normal !important;
    word-wrap: break-word !important;
}

#component-mis-borradores,
 #component-mis-solicitudes-presentadas {
    font-size: smaller !important;
}

.bootstrap-select .dropdown-menu li.disabled a {
    background-color: rgba(var(--bs-rgb-primary), var(--bs-bg-opacity)) !important;
}

.bootstrap-select .dropdown-menu li a:hover {
    background-color: rgba(var(--bs-rgb-grey), var(--bs-bg-opacity)) !important;
}

.bootstrap-select .dropdown-menu li.selected a {
    background-color: rgba(var(--bs-rgb-secondary), var(--bs-bg-opacity)) !important;
    color:rgba(var(--bs-rgb-white), var(--bs-bg-opacity)) !important;
}

.card-title a,
 .card-title a:hover {
    color:rgba(var(--bs-rgb-white), var(--bs-bg-opacity)) !important;
}

@media (max-width: 576px) {
    .botones-solicitud {
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
    }

    .botones-solicitud .btn {
        display: block !important;
        width: 100% !important;
    }

    .botones-solicitud .btn:first-child {
        border-top-left-radius: .25rem !important;
        border-top-right-radius: .25rem !important;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        margin-left: auto !important;
        margin-bottom: 2px !important;
    }

    .botones-solicitud .btn:last-child {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
        border-bottom-left-radius: .25rem !important;
        border-bottom-right-radius: .25rem !important;
        margin-left: auto !important;
    }

    .input-documento-solicitud {
        max-height: unset !important;
    }

    .table-inline-ellipsis-text {
        white-space: normal !important;
    }
}

@media (min-width: 650px) {
    .content-fin-solicitud .sd-question {
        display: flex !important;
        justify-content: center !important;
    }
}