/*

Pagina de Mantenimiento

*/

.center,
.content {

    position: absolute top: 50%;
    left: 50%;


}


/*

Colores

blue-dark: #2f345c
blue: #006B99
blue-light: #0099DC
Negro/gris: #495057
Violeta oscuro: #2F345C

Turquesa: #0099DC
Gris: #f1f1f1

*/

a {
    color: #0098d8;
}

a:hover {
    color: #0099DC;
}

a1 {
    color: #EBF9FF;
}

a1:hover {
    color: #0099DC;
}

.mt-1 {
    margin-top: 10px;
}

.mt-2 {
    margin-top: 20px;
}

.mt-3 {
    margin-top: 30px;
}

.mt-4 {
    margin-top: 40px;
}

.mb-1 {
    margin-bottom: 10px;
}

.mb-2 {
    margin-bottom: 20px;
}

.mb-3 {
    margin-bottom: 30px;
}

.mb-4 {
    margin-bottom: 40px;
}

.p-1 {
    padding: 10px;
}

.p-2 {
    padding: 20px;
}

.p-3 {
    padding: 30px;
}

.pt-1 {
    padding-top: 10px;
}

.pt-2 {
    padding-top: 20px;
}

.pt-3 {
    padding-top: 30px;
}

.w-100 {
    width: 100%;
}

/*background: linear-gradient(to right, #0c50a3, #00b4ef);*/

#accordion .card-header {
    padding: 0.5rem 0.5rem;
    background: linear-gradient(to right, #0c50a3, #00b4ef);
}

#accordion div.card {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom: none;
}

#accordion div.card:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#accordion div.card:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.accordion .card-header {
    padding: 0.5rem 0.5rem;
    background: linear-gradient(to right, #0c50a3, #00b4ef);
}

.accordion div.card {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom: none;
}

.accordion div.card:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.accordion div.card:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card {
    border: 1px solid transparent;
}

/* XS */
.actions-panel {
    background-color: #0099DC;
    color: white;
    padding: 20px;
}

.actions-panel-wrapper {
    max-width: 90%;
    margin: auto;
}

.actions-panel-wrapper-item {
    border: solid 1px #2F345C;
    background-color: #2F345C;
    padding: 10px;
    margin-bottom: 15px;
}

.actions-panel-wrapper-item:hover {
    border: solid 1px #fff;
}

.actions-panel-wrapper-item-img {
    text-align: center;
}

.actions-panel-wrapper-item-txt {
    text-align: center;
}

/* SM */
@media (max-width: 720px) {
    .container .actions-panel {
        padding-right: 0px;
        padding-left: 0px;
    }

    .actions-panel-wrapper-item-txt {
        text-align: center;
    }
}

/*  MD */
@media (min-width: 768px) {
    .actions-panel-wrapper-item-txt {
        text-align: center;
    }
}

/* LG */
@media (min-width: 992px) {
    .actions-panel-wrapper-item-txt {
        text-align: left;
    }
}

/* XL */
@media (min-width: 1200px) {
    .actions-panel-wrapper-item-txt {
        text-align: left;
    }
}


.actions-panel-wrapper-item h1 {
    font-size: 3rem;
}

.alert-secondary a {
    color: #0098d8;
}

.alert-warning h1 {
    color: #B48C03;
}

.alert-warning h2 {
    color: #B48C03;
}

.alert-warning h3 {
    color: #B48C03;
}

.alert-warning h4 {
    color: #B48C03;
}

.alert-warning {
    color: #B48C03;
}

.collapse div.alert.alert-secondary {
    background-color: transparent;
    border-radius: 0px;
    border: none;
    border-left: solid 3px #0099DC;
    padding: 0.5rem 0.5rem;
}

.back-blue-dark {
    background-color: #2f345c;
}

.back-blue {
    background-color: #006B99;
}

.back-blue-light {
    background-color: #0099DC;
}

.back-grey {
    background-color: #f1f1f1;
}

.back-turq {
    background-color: #0099DC;
    color: #fff;
}

.bckg1 {
    background-color: #0099DC;
}

.bckg2 {
    background-color: #2F345C;
}

.bg-gris {
    background-color: #242732;
}

.bg-azul {
    background-color: #418ABF;
}

.bg-verde {
    background-color: #3CAF9E;
}

.border-primary {
    border-color: #0099DC !important;
}

.border-secondary {
    border-color: rgba(0, 0, 0, 0.125) !important;
}

.breadcrumb {
    margin-bottom: 0px;
    list-style: none;
    background-color: transparent;
    border-radius: 0rem;
}

.breadcrumb a {
    color: #0099DC;
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline;
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: none;
}

.breadcrumb-item.active {
    color: #868e96;
}

.btn-primary {
    background-color: #0099DC;
    border-color: #2f345c;
}

.btn-primary:hover {
    color: #fff;
    background-color: #2f345c;
    border-color: #0098d8;
}

.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: #007bff;
    border-color: #007bff;
}

.btn-primary:not([disabled]):not(.disabled):active,
.btn-primary:not([disabled]):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf;
}

.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.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-primary {
    background-color: #FFF;
    border-color: #0098d8;
    color: #0098d8;
}

.btn-outline-primary:hover {
    color: #FFF;
    background-color: #0098d8;
    border-color: #2f345c;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    background-color: #007bff;
    border-color: #007bff;
}

.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: #0062cc;
    border-color: #005cbf;
}

.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.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-danger {
    color: #dc3545 !important;
}

.btn-outline-danger:hover {
    color: #ffffff !important;
}

.btn-link {
    color: #fff;
}

.btn-link:hover {
    color: #f1f1f1;
}

.card-on {
    background-color: #0099DC;
}

.card-on h3 {
    color: #fff;
}

.card-on h5 {
    color: #fff;
}

.card-on a {
    color: #f1f1f1;
}

.card-on a:hover {
    color: #FFF;
}

.card-img-top-autoridades {
    width: 60%;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
    border-radius: 50% !important;
    margin-bottom: 1em;
}

.card-body {
    background-color: #f1f1f1;
}

.container-fluid-grey {
    background-color: #f1f1f1;
}

.error {
    color: #ff6c00;
}

label.error {
    color: #ff6c00;
}

.form-group {
    margin-bottom: 0px;
}

#form_carga_cv label.error {
    display: block;
}

#form_carga_cv li.slider>span,
#form_carga_cv li.slider>span a {
    cursor: default;
}

#form_carga_cv li.slider.valid>span,
#form_carga_cv li.slider.valid>span a {
    cursor: pointer;
}

#form_carga_cv .degrade-botones.gris {
    background-color: #888;
    border-color: #777;
    font-size: 11px;
}

.pad {
    padding: 10px 10px 10px 20px;
}

.header_titulo {
    color: #FFF;
}

h1,
.h1 {
    font-size: 1.75rem;
    color: #2F345C;
    font-weight: 700;
}

h1 a,
.h1 a {
    color: #2F345C;
}

h1 a:hover,
.h1 a:hover {
    color: #0099DC;
    text-decoration: none;
}

h2,
.h2 {
    font-size: 1.25rem;
    color: #0098d8;
}

h2 a,
.h2 a {
    color: #0098d8;
}

h2 a:hover,
.h2 a:hover {
    color: #2F345C;
    text-decoration: none;
}

h3,
.h3 {
    font-size: 1.25rem;
    color: #0098d8;
}

h3 a,
.h3 a {
    color: #0098d8;
}

h3 a:hover,
.h3 a:hover {
    color: #2F345C;
    text-decoration: none;
}

h4,
.h4 {
    font-size: 1.15rem;
    font-weight: 700;
    color: #2F345C;
}

h4 a,
.h4 a {
    color: #2F345C;
}

h4 a:hover,
.h4 a:hover {
    color: #2F345C;
    text-decoration: none;
}

h5,
.h5 {
    font-size: 1rem;
    color: #29315B;
}

h5 a,
.h5 a {
    color: #29315B;
}

h5 a:hover,
.h5 a:hover {
    color: #0099DC;
    text-decoration: none;
}

a.list-group-item.list-group-item-action.primary {
    background: linear-gradient(to right, #0c50a3, #00b4ef);
    color: #fff;
}

a.list-group-item.list-group-item-action.primary:hover {
    background: linear-gradient(to right, #0c50a3, #0c50a3);
    color: #fff;
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .noticias-container-foto img {
        height: 220px;
    }

    .noticias-container-noticia {
        min-height: 220px;
        border: solid 1px #0099DC;
    }

    .noticias-container-noticia div {
        padding: 10px;
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {}

.nav-tabs {
    border-bottom: 1px solid #0098d8;
}

.nav-tabs .nav-item {
    margin-bottom: -1px;
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #0098d8 #0098d8 #0098d8;
}

.nav-tabs .nav-link.disabled {
    color: #868e96;
    background-color: transparent;
    border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #fff;
    background-color: #0098d8;
    border-color: #0098d8 #0098d8 #0098d8;
}

img.tramites_icono {
    width: 60px;
    margin-bottom: 10px;
}

.tramites_item {
    border: solid 1px #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.tramites_item:hover {
    border: solid 1px #0099DC;
    background-color: #f1f1f1;
}

.tramites_item:hover .separador_light {
    border-top: 2px solid #2F345C;
}

.text-blue {
    color: #0099DC;
}

.text-dark-blue {
    color: #2F345C;
}

.text-blue a {
    color: #0099DC;
}

.turq {
    color: #0099DC;
}

.turq a {
    color: #0099DC;
}

.text-ampliar-1 {
    font-size: 2rem;
}

.separador_light {
    border-top: 2px solid #0099DC;
    margin-bottom: 10px;
    width: 30px;
}

.separador_dark {
    border-top: 2px solid #2F345C;
    margin-bottom: 10px;
    width: 30px;
}

.table thead th {
    border-bottom: 2px solid #0098d8;
    background-color: #0099DC;
}

.badge-primary {
    background-color: #0099DC;
}

.badge-outline-primary {
    background-color: #fff;
    border: 1px solid #0099DC;
    color: #0099DC;
}

.badge-outline-primary:hover {
    background-color: #0099DC;
    color: #fff;
    transition: all 0.2s ease;
}

.badge.badge-sm {
    font-size: 0.9rem;
}

.badge.badge-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem;
}

.gap-0 {
    gap: 0rem;
}

.gap-1 {
    gap: 0.25rem;
}

.gap-2 {
    gap: 0.5rem;
}

.gap-3 {
    gap: 1rem;
}

.gap-4 {
    gap: 1.5rem;
}

.gap-5 {
    gap: 3rem;
}

.numerosC {
    font-size: x-large;
    color: #2f345c;
    font-weight: bold;
}

.datos_concesion {
    background-color: #D1D2D4;
    padding: 15px;
}

.bordeFactura {
    border: solid;
    border-color: #0099DC;
    padding: 10px;
}

.numerosRef {
    color: #0099DC;
    font-weight: bold;
    font-size: 20px;
}

.tablaCT {
    padding: 10px;
    background-color: #2f345c;
    color: white;
}

.hr-aut {
    width: 30px;
    border-color: #0098d8;
}

.card-block-autoridades {
    padding: 10px;
}



.ul-vinieta-oficina {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ul-vinieta-oficina li {
    background-image: url(imagenes2012/bg-items-oficina.jpg);
    background-repeat: repeat-x;
    display: block;
}

.ul-vinieta-oficina li.slider,
.ul-vinieta-oficina>li {
    height: auto;
}

.ul-vinieta-oficina li span {
    background-image: url(imagenes2012/vinieta-items-oficina.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    padding: 10px 0 0 25px;
    height: 39px;
    cursor: pointer;
}

.ul-vinieta-oficina li div p {
    margin: 5px 0 5px 25px;
}


.white {
    color: #fff;
}

.white a {
    color: #fff;
}

.white a:hover {
    color: #f1f1f1;
}


.badge {
    display: inline-block;
    padding: 0.5em;
    font-size: 100%;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}