/*************** TRADUCCIÓN GOOGLE BORRAR *******************/
#traduce {
    position: absolute;
    top: -165px;
    z-index: 99999;
    left: 50%;
}

/****************** Nuevos estilos *******************/
body .dl-lines{
    background:#B6E4F2;
    border: 1px solid #6bc8e4;
    margin-top:2em;
    margin-left:1px;
    margin-right:4px;
    padding:0.8em 1em;}

body dl.dl-horizontal{
    padding:0;
    width:100%;
}
body dl.dl-horizontal dt {
    padding-right:0.5em;
    padding-top:0.3em;}
body dl.dl-horizontal dt,
body dl.dl-horizontal dd {
    vertical-align:middle;
    min-height: 5em;
    border:1px solid #6bc8e4;
    margin:0;
    padding:0.5em}


/* --------- Barra Aceptación Cookie --------- */
#barraaceptacion, #cookienoscript{
    width: 100%;
    max-width: 1176px;
    min-width: 46.3%;
    height:30%;
    max-height:150px;
    margin: 0px;
    color: #FFF;
    background: #004488;
    font-family: verdana;
    font-size: 1.3em;
    line-height: 1.5em;
    position: fixed;
    bottom: 0px;
    z-index: 500;
    border-radius: 0 0 0 0;
    opacity: 0.75;
    padding: 0%;
}

#barraaceptacion p{
    width: 70%;
    text-align: justify;
    padding-top: 4%;
    padding-bottom: 0%;
    padding-left: 0%;
    padding-right: 0%;
}

#barraaceptacion a{
    display: block;
    width: 17%;
    position: absolute;
    top:34%;
    right: 2%;
    padding: 0.5em 0em 0.5em 0em;
    background: rgb(222,222,222);
    font-weight: bold;
    color: #004488;
    text-align:center;

}

#barraaceptacion a:hover{
    background: rgba(222,222,222, 0.5);
    color: #FFF;

}

/*------ User Area ------*/
.no-border{
    border-right: none !important;
    font-weight: bold;
}

.user-area ul li:nth-child(5) {
    font-weight: bold;
    border: none;
}



/**
*
* Icono para contenido de detalle
*
**/





.title-info-content-desp {
    display: -webkit-box;
    display: flex;   display: -ms-flexbox;
    align-items: center; -webkit-box-align: center; -ms-flex-align: center;
    -webkit-box-pack: justify;
    justify-content: space-between; -ms-flex-pack: justify;
    font-size: 1em;
}

.title-info-content-desp > span {
    display: -webkit-box;
    display: flex;   display: -ms-flexbox;
    align-items: center; -webkit-box-align: center; -ms-flex-align: center;
}

.title-info-content-desp span:first-child {
    -ms-flex: 90%;
}

.title-info-content {
    display: -webkit-box;
    display: flex;   display: -ms-flexbox;
    align-items: center; -webkit-box-align: center; -ms-flex-align: center;
    font-size: 1em;
    margin: 3em 0 1em;
    background-color: #e1e6e8;
    padding: 10px 15px;
}

#accordion {
    margin-bottom: 0;
}

.main-content-text .title-info-content:first-child {
    margin: 0 0 1em 0;
}

.main-content-text .panel.panel-default {
    border: 0;
    border-radius: 0;
    margin: 1em 0 1.5em;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.main-content-text header.panel-heading {
    background: #e1e6e8;
    cursor: pointer;
}




#accordion-tramites .arrow-accordion, #accordion .arrow-accordion {
    margin-left: 0;
    font-size: 2.5em;
    padding: 0 0.5em;
    cursor: pointer;
}

#accordion-tramites .arrow-accordion:hover, #accordion .arrow-accordion:hover, #accordion-tramites .arrow-accordion:focus, #accordion .arrow-accordion:focus {
    text-decoration: none !important;
}

#accordion-tramites .arrow-accordion:after, #accordion .arrow-accordion:after {
    font-family: FontAwesome;
    content: "\f106";
    color: #4c535d;
}

#accordion-tramites .arrow-accordion.collapsed:after, #accordion .collapsed .arrow-accordion:after {
    content: "\f107";
    color: #4c535d;
}

.panel-body {
    border-top: 0 !important;
}

.icono-main {
    font-size: 1.5em;
    margin-right: 1em;
}

.icono-main .icon-background {
    color: #6bc8e4;
}

.icono-main .fa-stack-1x {
    color: #fff;
}

.noIcon,
.calendar-ico,
.doc-ico,
.docs-ico,
.euro-ico,
.info-ico,
.locatio-ico,
.person-ico,
.preview-ico,
.push-ico{
    display: inline-block;
    width: 100%;
    margin: 1.5em 0 1em  0px;
}

.noIcon:before,
.calendar-ico:before,
.doc-ico:before,
.docs-ico:before,
.euro-ico:before,
.info-ico:before,
.locatio-ico:before,
.person-ico:before,
.preview-ico:before,
.push-ico:before{
    content:"";
    display: inline-block;
    width: 36px;
    height: 36px;
    background: none;
    background-size: 100%;
    float: left;
    margin-right: 15px;
}

.calendar-ico:before{
    background: url("../images/calendarIco.png") no-repeat 0 0;
}

.doc-ico:before{
    background: url("../images/documentIco.png") no-repeat 0 0;
}

.docs-ico:before{
    background: url("../images/documentsIco.png") no-repeat 0 0;
}

.euro-ico:before{
    background: url("../images/euroIco.png") no-repeat 0 0;
}

.info-ico:before{
    background: url("../images/infoIco.png") no-repeat 0 0;
}

.locatio-ico:before{
    background: url("../images/locationIco.png") no-repeat 0 0;
}

.person-ico:before{
    background: url("../images/personIco.png") no-repeat 0 0;
}

.preview-ico:before{
    background: url("../images/previewIco.png") no-repeat 0 0;
}

.push-ico:before{
    background: url("../images/pushPinIco.png") no-repeat 0 0;
}

.fa-stack {
    min-width: 2em;
}

.indented-content{
    display: block;
    padding: 1em;
}

.indented-content-desp {
    display: inline;
    padding: 1em;
}

.ie {
    display: block;
}

.indented-content-desp img, .indented-content img {
    max-width: 100%;
    margin: 1em 0;
}

.indented-content-desp ul, .indented-content ul, .indented-content-desp ol, .indented-content ol {
    padding-left: 2em !important;
}

.indented-content-desp ul li, .indented-content ul li {
    list-style: square inside;
    padding-bottom: 1em;
}

.indented-content-desp ol li, .indented-content ol li {
    padding-bottom: 1em;
}

ul ul, ol ol, ul ol, ol ul {
    padding-top: 1em !important;
}

.indented-content-desp ul ul li, .indented-content ul ul li {
    list-style: circle inside;
}

.fa-ul li {
    list-style: none !important;
}

.seccion .indented-content a, .seccion .indented-content-desp a, .seccion .list-info-text a {
    text-decoration: underline;
}

.link-access-midgt{
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    -webkit-border-image: initial;
    -o-border-image: initial;
    border-image: initial;
    border-radius: 5px;
    width: 10em;
    margin: auto;
}

.link-access-midgt:hover{
    color: #FFF;
}

#datosContactoMiDgt .indented-content{
    padding-left: 0;
}

.indented-content img{
    display: block;
    margin: 4em auto;
    max-width: 100%;
}

#distinAmb {
    max-width: 40%;
    margin: 0 auto;
}

.indented-content ol{
    margin-left: 1.1em;
}
/*
*
* Imágenes para enlaces a las aplicaciones
*
*/

body .app-certi, body .app-no-certi, body .app-clave {
    margin-right: 0.5em;
}

body .app-certi,
body .app-no-certi {
    background-repeat: no-repeat;
    width: 30px!important;
    height: 26px;
    display: inline-block;
    text-indent: -99999px;}


body .app-clave {
    background-repeat: no-repeat;
    width: 30px!important;
    height: 30px;
    display: inline-block;
    text-indent: -99999px;}

body .app-tramite-online, body .app-tramite-offline {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 2.9em;
    padding-right: 0.1em;
}

body .app-certi {background-image: url("../images/chip-con-certificado.png");}
body .app-no-certi {background-image: url("../images/chip-sin-certificado.png");}
body .app-clave {background-image: url("../images/clave_transparent.png");background-size:100%;}
body .app-tramite-online:before, body .app-tramite-offline:before {content: "\f013";}

.info-ico-savi{
    content: url(../images/info.png);
    width: 1.3em;
    margin: 0 !important;
    display: inline-block !important;
}

.error-message-savi {
    color: #a94442;
    font-size: 1.2em;
}

.success-message-savi {
    color: #008000;
    font-size: 1.2em;
}


/* BOTON AYUDA TEXTO*/

.help-btn, .help-btn:hover {
    font-size: 1.2em !important;
    color: #004488;
    text-decoration: none !important;
}

/*
  Estilo para los documentos Idiomas
*/

.container-docs-idioma > div:last-child {
    border-bottom: 7px solid #f3f3f3;
}

.container-docs-idioma {
    margin-bottom: 2em;
}


.list-select-choose-pdf {
    display: -webkit-box;
    display: flex;   display: -ms-flexbox;
    border-right: 7px solid #f3f3f3;
    border-left: 7px solid #f3f3f3;
    width: 100%;
    padding: 0.5em 1em;
    align-items: center; -webkit-box-align: center; -ms-flex-align: center;
    margin: 0;
    -webkit-box-pack: justify;
    justify-content: space-between; -ms-flex-pack: justify;
}


.list-select-choose-pdf.id0 {
    border-top: 7px solid #f3f3f3;
}

@media screen and (max-width: 24em) {

    .list-select-choose-pdf {
        flex-wrap: wrap; -ms-flex-wrap: wrap;
    }
}

.list-select-choose-pdf p {
    margin: 0;
    padding: 0;
    font-size: 1.2em;
    width: 50%;
    font-weight: bold;
    line-height: initial;
    color: #4c535d;
}

.seleccion-descarga {
    display: -webkit-box;
    display: flex;   display: -ms-flexbox;
    align-items: center; -webkit-box-align: center; -ms-flex-align: center;
}

@media screen and (max-width: 385px) {
    .seleccion-descarga {
        display: block;
        width: 100%;
    }

    .seleccion-descarga > * {
        float: left;
        margin: 1em 0.5em !important;
    }
}

.list-select-choose-pdf select {
    width: 8em;
    font-size: 1.2em;
    border-radius: 3px;
    color: #4c535d;
    padding: 0.5em;
    margin: 0 0.5em;
}


.flat-icon, .fi:before {
    content: " ";
    background-size: cover;
    width: 33px;
    height: 38px;
    display: block;
}

.fi-ai:before {
    background-image: url(../images/file-types/ai.png);
}
.fi-ai-download:before {
    background-image: url(../images/file-types/ai-download.png);
}
.fi-avi:before {
    background-image: url(../images/file-types/avi.png);
}
.fi-avi-download:before {
    background-image: url(../images/file-types/avi-download.png);
}
.fi-css:before {
    background-image: url(../images/file-types/css.png);
}
.fi-css-download:before {
    background-image: url(../images/file-types/css-download.png);
}
.fi-csv:before {
    background-image: url(../images/file-types/csv.png);
}
.fi-csv-download:before {
    background-image: url(../images/file-types/csv-download.png);
}
.fi-dbf:before {
    background-image: url(../images/file-types/dbf.png);
}
.fi-dbf-download:before {
    background-image: url(../images/file-types/dbf-download.png);
}
.fi-doc:before, .fi-docx:before {
    background-image: url(../images/file-types/doc.png);
}
.fi-doc-download:before, .fi-docx-download:before {
    background-image: url(../images/file-types/doc-download.png);
}
.fi-dwg:before {
    background-image: url(../images/file-types/dwg.png);
}
.fi-dwg-download:before {
    background-image: url(../images/file-types/dwg-download.png);
}
.fi-exe:before {
    background-image: url(../images/file-types/exe.png);
}
.fi-exe-download:before {
    background-image: url(../images/file-types/exe-download.png);
}
.fi-file:before {
    background-image: url(../images/file-types/file.png);
}
.fi-file-download:before {
    background-image: url(../images/file-types/file-download.png);
}
.fi-fla:before {
    background-image: url(../images/file-types/fla.png);
}
.fi-fla-download:before {
    background-image: url(../images/file-types/fla-download.png);
}
.fi-html:before {
    background-image: url(../images/file-types/html.png);
}
.fi-html-download:before {
    background-image: url(../images/file-types/html-download.png);
}
.fi-iso:before {
    background-image: url(../images/file-types/iso.png);
}
.fi-iso-download:before {
    background-image: url(../images/file-types/iso-download.png);
}
.fi-jpg:before {
    background-image: url(../images/file-types/jpg.png);
}
.fi-jpg-download:before {
    background-image: url(../images/file-types/jpg-download.png);
}
.fi-js:before {
    background-image: url(../images/file-types/js.png);
}
.fi-js-download:before {
    background-image: url(../images/file-types/js-download.png);
}
.fi-json:before {
    background-image: url(../images/file-types/json.png);
}
.fi-json-download:before {
    background-image: url(../images/file-types/json-download.png);
}
.fi-mp3:before {
    background-image: url(../images/file-types/mp3.png);
}
.fi-mp3-download:before {
    background-image: url(../images/file-types/mp3-download.png);
}
.fi-mp4:before {
    background-image: url(../images/file-types/mp4.png);
}
.fi-mp4-download:before {
    background-image: url(../images/file-types/mp4-download.png);
}
.fi-pdf:before {
    background-image: url(../images/file-types/pdf.png);
}
.fi-pdf-download:before {
    background-image: url(../images/file-types/pdf-download.png);
}
.fi-odt-download:before {
    background-image: url(../images/file-types/doc-download.png);
}
.fi-png:before {
    background-image: url(../images/file-types/png.png);
}
.fi-png-download:before {
    background-image: url(../images/file-types/png-download.png);
}
.fi-ppt:before {
    background-image: url(../images/file-types/ppt.png);
}
.fi-ppt-download:before {
    background-image: url(../images/file-types/ppt-download.png);
}
.fi-psd:before {
    background-image: url(../images/file-types/psd.png);
}
.fi-psd-download:before {
    background-image: url(../images/file-types/psd-download.png);
}
.fi-rtf:before {
    background-image: url(../images/file-types/rtf.png);
}
.fi-rtf-download:before {
    background-image: url(../images/file-types/rtf-download.png);
}
.fi-search:before {
    background-image: url(../images/file-types/search.png);
}
.fi-search-download:before {
    background-image: url(../images/file-types/search-download.png);
}
.fi-svg:before {
    background-image: url(../images/file-types/svg.png);
}
.fi-svg-download:before {
    background-image: url(../images/file-types/svg-download.png);
}
.fi-txt:before {
    background-image: url(../images/file-types/txt.png);
}
.fi-txt-download:before {
    background-image: url(../images/file-types/txt-download.png);
}
.fi-xls:before, .fi-xlsx:before {
    background-image: url(../images/file-types/xls.png);
}
.fi-xls-download:before, .fi-xlsx-download:before {
    background-image: url(../images/file-types/xls-download.png);
}
.fi-xml:before {
    background-image: url(../images/file-types/xml.png);
}
.fi-xml-download:before {
    background-image: url(../images/file-types/xml-download.png);
}
.fi-zip:before {
    background-image: url(../images/file-types/zip.png);
}
.fi-zip-download:before {
    background-image: url(../images/file-types/zip-download.png);
}





.btnFormFile{
    font-size: 1.2em;
    padding: 0.4em 1.5em;
    background: #004488;
    color: #FFF;
    border-radius: 0.3em;
    border: none;

}

.list-select-choose-pdf ul{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 8em;
    float: left;
    text-align: center;
}

.list-select-choose-pdf ul li{
    font-size: 1.2em;
    background: #004488;
    border-radius: 0.5em;
    padding: 0.4em;
}

.list-select-choose-pdf ul li a{
    color: #FFF;
}

.list-select-choose-pdf ul li:hover{
    background: #265a88;
}

.list-select-choose-pdf ul li:active{
    background: #004488;
}

.list-background-border .fa-ul li a{
    line-height: 2.2em;
}

/* Estilo para las listas dentro de un item de otra lista*/
ul.list-circle{
    margin-top: 1em;
}
/*
  Nueva regla para los items de una lista que está dentro de otra lista, de la clase "indented-content"
*/
.list-circle li, .indented-content ul ul li{
    list-style: circle;
}

.indented-content li{
    margin: 0.5em 0;
}

/*  -------------

    RELOJ

  -------------
*/

#contenedor-principal .second-section-date {
    width: 95%;
}
#contenedor-principal .second-section-date .main-content-procedures{
    width: 30em;
    text-align: center;
    margin: 5em auto 5em auto;
}
#contenedor-principal .second-section-date .main-content-procedures p{
    background: rgba(76, 76, 76, 0.08);
    font-size: 1.5em;
    font-weight: bold;
    padding: 2em;
    border: 2px solid rgba(102, 102, 102, 0.5);
    border-radius: 15px;
}


/********************
 ********************
 **
 **   ENCUESTAS
 **
 ********************
 ********************/
.webform_msg_error{
    color: #C00;
    font-weight: bold;
}

.webform_label_error{
    color: #C00;
    font-size: 1.2em;
    display: block;
    margin-top: 0.5em;
}

.webform_field{
    margin-left: 1em;
}

.webform_confirm_wrapper .webform_field{
    font-size: 1.1em;
    font-weight: bold;
}

.reportitem ~ .quest{
    margin-top: 1em;
}

p.quest{
    border-top: 1px solid #6B6969;
    background: #EFEFEF;
    font-weight: bold;
    margin: 0;
}

.reportitem{
    padding-top: 0.2em;
}

.reportitem p{
    padding: 0em 0em 0.500em 0em;
    margin: 0;
}

/*--- INICIO LISTADO ENCUESTAS ---*/
.surveys-list{
    width: 80.75%;
}

.surveys-list .procedure{
    width: 100%;
    height: auto;
}

.surveys-list .procedure-link{
    width: 80%;
    margin: 2em 0;
}

.surveys-list .procedure .procedure-image{
    background: none;
    min-width: 80px;
    width: 15%;
    max-width: 150px;
    padding: 0;
}

.surveys-list .procedure .procedure-image img{
    width: 100%;
}

.surveys-list .procedure-date{
    width: 80%;
    padding: 0.5em 0.5em 0.5em 1.5em;
    float: left;
    font-weight: bold;
    font-size: 1.1em;
}
/*---  FIN LISTADO ENCUESTAS  ---*/

.style-menu-no-script #nivel1 li, .style-menu-no-script .list-big{
    width: 100% !important;
}


/*
Estilos Botones Paginación Buscador
*/
/*
.first a, .prev_pag a, .next_pag a, .last a{
  background-size: 85%;
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-position: center;
}

.first a{
  background-image: url("../images/first-page.png");
}

.prev_pag a{
  background-image: url("../images/previous-page.png");
}

.next_pag a{
  background-image: url("../images/next-page.png");
}

.last a{
  background-image: url("../images/last-page.png");
}

*/


.item-li-width{
    width: 10% !important;
}





/*-- sub-home-MI DGT --*/
.miDgt-info-content-centered{
    text-align: center;
}

.miDgt-info-content-centered span{
    display: inline-block;
    width: 100%;
    font-size: 1.5em;
    color: #23527C;
    font-style: italic;
}

.miDgt-info-content-centered img {
    width: 3.5em;
}

.procedure-link-mi-dgt{
    padding: 1.5em 0 0 1em;
}

.procedure-link-mi-dgt a{
    display: block;
}

.procedure-link-mi-dgt span{
    font-style: italic;
    font-weight: bold;
}

.procedure-link-mi-dgt span img{
    width: 2.5em;
    display: block;
    margin: auto;
}

.procedure-midgt{
    width: 100%;
    height: auto;
    padding: 0 1em;
}

.procedure-midgt legend{
    padding: 0 0.4em;
    border: none;
    width: auto;
    font-size: 1.5em;
}





/*** tablas SAVI ***/

.servsusc {
    background: #e1e6e8;
    padding: 1em;
    margin-bottom: 1.5em;
}

.servsusc h3 {
    color: #004488;
}

.savi {
    width: 90%;
    background: white;
    margin-bottom: 1.25em;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1.2em;
}
.savi-midgt{
    width: 100%;
    background: white;
    margin-bottom: 1.25em;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1.2em;
}

.savi tr th,
.savi-midgt tr th,
.savi tr td,
.savi-midgt tr td  {
    padding: 0.5625em 0.625em;
    font-size: 0.875em;
}

.savi-midgt tr td:last-child {
    width: 80%;
}

.savi-midgt tr td:first-child {
    width: 20%;
    font-weight: bold;
}

.savi input[type="text"],
.savi-midgt input[type="text"] {
    width: 60%;
}
.savi input[type="tel"],
.savi-midgt input[type="tel"] {
    width: 25%;
}
.savi input[type="button"],
.savi-midgt input[type="button"] {
    float: right;
    padding: 6px;
}
.savi label,
.savi-midgt label {
    width: 35%;
}

.savi-midgt label input {
    font-weight: normal;
}

.dark{
    background: #f9f9f9;
}
.btnSubmitMiDgt {
    width: 20%;
    min-width: 8em;
    margin: 0 0 1em 0;
}




/******** TABLAS RESP ************/
.resp {
    width: 100%;
    background: white;
    margin-bottom: 1.25em;
    border: 7px solid #F3F3F3;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1.2em;
}

.resp tr th,
.resp tr td {
    padding: 0.5625em 0.625em;
    font-size: 0.875em;
    color: #222222;
}

.resp tr.even,
.resp tr.alt,
.resp tr:nth-of-type(even) {
    background: #f9f9f9;
}


.resp thead {
    border-bottom: solid 1px #ddd;
}

@media screen and (max-width: 768px) {

    .savi {
        width: 100%;
    }
    /******** TABLAS RESP ****/
    .resp tr{
        background: none!important;
    }
    table.resp,
    .resp thead,
    .resp tbody,
    .resp tr,
    .resp th,
    .resp td,
    .resp caption {
        display: block;
    }

    table.resp {
        border: none
    }

    .resp thead  {
        display: none;
    }

    .resp tbody tr {
        margin: 1em 0;
        border: 7px solid #F3F3F3;
    }

    .resp tr td {
        border: none;
        border-bottom: 1px solid #dddddd;
        position: relative;
        padding-left: 45%;
        text-align: left;
    }

    .resp tr td:last-child {
        border-bottom: 1px double #dddddd;
    }

    .resp tr:last-child td:last-child {
        border: none;
    }

    .resp td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
    }

    /**** literales tabla REAP en español ***/
    .reap-es td:nth-of-type(1):before { content: "REF";}
    .reap-es td:nth-of-type(2):before { content: "TRÁMITE";}
    .reap-es td:nth-of-type(3):before { content: "REPRESENTANTE"; }
    .reap-es td:nth-of-type(4):before { content: "FECHA INICIO";  }
    .reap-es td:nth-of-type(5):before { content: "FECHA FIN"; }

    /**** literales tabla REAP en ingles ***/
    .reap-en td:nth-of-type(1):before { content: "REF";}
    .reap-en td:nth-of-type(2):before { content: "PROCESS";}
    .reap-en td:nth-of-type(3):before { content: "REPRESENTATIVE";  }
    .reap-en td:nth-of-type(4):before { content: "START DATE";  }
    .reap-en td:nth-of-type(5):before { content: "DATE OF END"; }

    /**** literales tabla REAP en frances ***/
    .reap-fr td:nth-of-type(1):before { content: "REF";}
    .reap-fr td:nth-of-type(2):before { content: "PROCESSUS";}
    .reap-fr td:nth-of-type(3):before { content: "REPRÉSENTANT";  }
    .reap-fr td:nth-of-type(4):before { content: "DATE DE DÉBUT";}
    .reap-fr td:nth-of-type(5):before { content: "DATE DE FIN"; }

    /**** literales tabla REAP en aleman ***/
    .reap-de td:nth-of-type(1):before { content: "REF";}
    .reap-de td:nth-of-type(2):before { content: "VERFAHREN";}
    .reap-de td:nth-of-type(3):before { content: "VERTRETER"; }
    .reap-de td:nth-of-type(4):before { content: "STARTDATUM";  }
    .reap-de td:nth-of-type(5):before { content: "ENDDATUM";  }

    /**** literales tabla REAP en catalan ***/
    .reap-ca td:nth-of-type(1):before { content: "REF";}
    .reap-ca td:nth-of-type(2):before { content: "TRÀMIT";}
    .reap-ca td:nth-of-type(3):before { content: "REPRESENTANT";}
    .reap-ca td:nth-of-type(4):before { content: "DATA D'INICI";}
    .reap-ca td:nth-of-type(5):before { content: "DATA DE FI";  }

    /**** literales tabla REAP en valenciano ***/
    .reap-va td:nth-of-type(1):before { content: "REF"; }
    .reap-va td:nth-of-type(2):before { content: "TRÀMIT";}
    .reap-va td:nth-of-type(3):before { content: "REPRESENTANT";  }
    .reap-va td:nth-of-type(4):before { content: "DATA D'INICI";}
    .reap-va td:nth-of-type(5):before { content: "DATA FI"; }

    /**** literales tabla REAP en euskera ***/
    .reap-eu td:nth-of-type(1):before { content: "REF";}
    .reap-eu td:nth-of-type(2):before { content: "TRAMITEAK";}
    .reap-eu td:nth-of-type(3):before { content: "ORDEZKARIA";  }
    .reap-eu td:nth-of-type(4):before { content: "HASIERA-DATA";  }
    .reap-eu td:nth-of-type(5):before { content: "DATA AMAITZEA"; }

    /**** literales tabla REAP en gallego ***/
    .reap-gl td:nth-of-type(1):before { content: "REF";}
    .reap-gl td:nth-of-type(2):before { content: "PROCESOS";}
    .reap-gl td:nth-of-type(3):before { content: "REPRESENTANTE"; }
    .reap-gl td:nth-of-type(4):before { content: "DATA DO INICIO";}
    .reap-gl td:nth-of-type(5):before { content: "DATA FINAL";  }

    /**** literales tabla TESTRA en español ***/
    .testra-es td:nth-of-type(1):before { content: "PROVINCIA";}
    .testra-es td:nth-of-type(2):before { content: "EMISOR";  }
    .testra-es td:nth-of-type(3):before { content: "CATEGORÍA";}
    .testra-es td:nth-of-type(4):before { content: "TIPO";}
    .testra-es td:nth-of-type(5):before { content: "DESCRIPCIÓN"; }
    .testra-es td:nth-of-type(6):before { content: "FECHA";}

    /**** literales tabla TESTRA en ingles ***/
    .testra-en td:nth-of-type(1):before { content: "PROVINCE";}
    .testra-en td:nth-of-type(2):before { content: "ISSUER";  }
    .testra-en td:nth-of-type(3):before { content: "CATEGORY";}
    .testra-en td:nth-of-type(4):before { content: "TYPE";}
    .testra-en td:nth-of-type(5):before { content: "DESCRIPTION"; }
    .testra-en td:nth-of-type(6):before { content: "DATE";}

    /**** literales tabla TESTRA en frances ***/
    .testra-fr td:nth-of-type(1):before { content: "PROVINCE";}
    .testra-fr td:nth-of-type(2):before { content: "ÉMETTEUR";}
    .testra-fr td:nth-of-type(3):before { content: "CATÉGORIE";}
    .testra-fr td:nth-of-type(4):before { content: "TYPE";}
    .testra-fr td:nth-of-type(5):before { content: "DESCRIPTION"; }
    .testra-fr td:nth-of-type(6):before { content: "DATE";  }

    /**** literales tabla TESTRA en aleman ***/
    .testra-de td:nth-of-type(1):before { content: "PROVINZ";}
    .testra-de td:nth-of-type(2):before { content: "EMITTENT";  }
    .testra-de td:nth-of-type(3):before { content: "KATEGORIE";}
    .testra-de td:nth-of-type(4):before { content: "TYP";}
    .testra-de td:nth-of-type(5):before { content: "BESCHREIBUNG";  }
    .testra-de td:nth-of-type(6):before { content: "DATUM"; }

    /**** literales tabla TESTRA en catalan ***/
    .testra-ca td:nth-of-type(1):before { content: "PROVÍNCIA";}
    .testra-ca td:nth-of-type(2):before { content: "EMISSOR";}
    .testra-ca td:nth-of-type(3):before { content: "CATEGORIA";}
    .testra-ca td:nth-of-type(4):before { content: "TIPUS";}
    .testra-ca td:nth-of-type(5):before { content: "DESCRIPCIÓ";  }
    .testra-ca td:nth-of-type(6):before { content: "DATA";}

    /**** literales tabla TESTRA en valenciano ***/
    .testra-va td:nth-of-type(1):before { content: "PROVÍNCIA";}
    .testra-va td:nth-of-type(2):before { content: "EMISSOR"; }
    .testra-va td:nth-of-type(3):before { content: "CATEGORIA";}
    .testra-va td:nth-of-type(4):before { content: "TIPUS";}
    .testra-va td:nth-of-type(5):before { content: "DESCRIPCIÓ";  }
    .testra-va td:nth-of-type(6):before { content: "DATA";}

    /**** literales tabla TESTRA en euskera ***/
    .testra-eu td:nth-of-type(1):before { content: "PROBINTZIA";}
    .testra-eu td:nth-of-type(2):before { content: "JAULKITZAILEA";}
    .testra-eu td:nth-of-type(3):before { content: "KATEGORIA";}
    .testra-eu td:nth-of-type(4):before { content: "MOTA";}
    .testra-eu td:nth-of-type(5):before { content: "DESKRIBAPENA";  }
    .testra-eu td:nth-of-type(6):before { content: "DATA";}

    /**** literales tabla TESTRA en gallego ***/
    .testra-gl td:nth-of-type(1):before { content: "PROVINCIA";}
    .testra-gl td:nth-of-type(2):before { content: "EMISOR";  }
    .testra-gl td:nth-of-type(3):before { content: "CATEGORÍA";}
    .testra-gl td:nth-of-type(4):before { content: "TIPO";}
    .testra-gl td:nth-of-type(5):before { content: "DESCRICIÓN";  }
    .testra-gl td:nth-of-type(6):before { content: "DATA";}

    /**** literales tabla NTRA en español ***/
    .ntra-es td:nth-of-type(1):before { content: "EMISOR";}
    .ntra-es td:nth-of-type(2):before { content: "ASUNTO";}
    .ntra-es td:nth-of-type(3):before { content: "NIF/NIE"; }
    .ntra-es td:nth-of-type(4):before { content: "FECHA DE NOTIFICACIÓN"; }
    .ntra-es td:nth-of-type(5):before { content: "ESTADO";  }

    /**** literales tabla NTRA en ingles ***/
    .ntra-en td:nth-of-type(1):before { content: "ISSUER";}
    .ntra-en td:nth-of-type(2):before { content: "SUBJECT";}
    .ntra-en td:nth-of-type(3):before { content: "NIF/NIE"; }
    .ntra-en td:nth-of-type(4):before { content: "DATE OF NOTIFICATION";  }
    .ntra-en td:nth-of-type(5):before { content: "STATUS";  }

    /**** literales tabla NTRA en frances ***/
    .ntra-fr td:nth-of-type(1):before { content: "ÉMETTEUR";}
    .ntra-fr td:nth-of-type(2):before { content: "OBJET";}
    .ntra-fr td:nth-of-type(3):before { content: "NIF/NIE"; }
    .ntra-fr td:nth-of-type(4):before { content: "DATE DE NOTIFICATION";}
    .ntra-fr td:nth-of-type(5):before { content: "ÉTAT";  }

    /**** literales tabla NTRA en aleman ***/
    .ntra-de td:nth-of-type(1):before { content: "EMITTENT";}
    .ntra-de td:nth-of-type(2):before { content: "BETREFF";}
    .ntra-de td:nth-of-type(3):before { content: "NIF/NIE"; }
    .ntra-de td:nth-of-type(4):before { content: "BENACHRICHTIGUNG DATUM";  }
    .ntra-de td:nth-of-type(5):before { content: "ZUSTAND"; }

    /**** literales tabla NTRA en catalan ***/
    .ntra-ca td:nth-of-type(1):before { content: "EMISSOR";}
    .ntra-ca td:nth-of-type(2):before { content: "ASUMPTE";}
    .ntra-ca td:nth-of-type(3):before { content: "NIF/NIE";}
    .ntra-ca td:nth-of-type(4):before { content: "DATA DE NOTIFICACIÓ";}
    .ntra-ca td:nth-of-type(5):before { content: "ESTAT"; }

    /**** literales tabla NTRA en valenciano ***/
    .ntra-va td:nth-of-type(1):before { content: "EMISSOR"; }
    .ntra-va td:nth-of-type(2):before { content: "ASUMPTE";}
    .ntra-va td:nth-of-type(3):before { content: "NIF/NIE"; }
    .ntra-va td:nth-of-type(4):before { content: "DATA DE NOTIFICACIÓ";}
    .ntra-va td:nth-of-type(5):before { content: "ESTADO";  }

    /**** literales tabla NTRA en euskera ***/
    .ntra-eu td:nth-of-type(1):before { content: "EMISOR";}
    .ntra-eu td:nth-of-type(2):before { content: "TRAMITE";}
    .ntra-eu td:nth-of-type(3):before { content: "NIF/NIE"; }
    .ntra-eu td:nth-of-type(4):before { content: "FECHA RECEPCIÓN"; }
    .ntra-eu td:nth-of-type(5):before { content: "ESTAT"; }

    /**** literales tabla NTRA en gallego ***/
    .ntra-gl td:nth-of-type(1):before { content: "EMISOR";}
    .ntra-gl td:nth-of-type(2):before { content: "CUESTIÓN";}
    .ntra-gl td:nth-of-type(3):before { content: "NIF/NIE"; }
    .ntra-gl td:nth-of-type(4):before { content: "DATA DE NOTIFICACIÓN";}
    .ntra-gl td:nth-of-type(5):before { content: "ESTADO";  }
}
/*********************************/

@media screen and (max-width: 1024px){
    .midgt-services .procedure{
        width: 100%;
    }
}

@media screen and (min-width:768px) and (max-width:860px){
    .list-select-choose-pdf ul {
        clear: both;
        float: none;
        margin: 3.5em 0 0 auto;
    }
}

@media screen and (max-width: 900px){
    .surveys-list{
        width: 90%;
    }
    .surveys-list .procedure-link, .surveys-list .procedure-date{
        width: auto;
        padding: 0 0 0 0.5em;
        float: none;
        margin: 0.5em;
        display: table;
    }
}

@media screen and (max-width: 420px) {
    #contenedor-principal .second-section-date .main-content-procedures{
        width: 25em;
    }
    .paginador ul{
        clear: both;
    }
}


/* Modificados */
body ul.square,
body ol.square,
body ul.square li,
body ol.square li {list-style-type: square;}

body .main-content-text ul {padding-left:3em;}


.contacta-social li {
    display: inline-block;
    font-size: 2.2em;
    margin: 0;
    padding: 0 0.2em;
    color: #004488;
}

.contacta-social .fa {
    color: #004488;
    text-decoration: none !important;
}

.contacta-social .fa:hover {
    text-decoration: none;
}

table .mobile-wrap p {
    margin: 0;
    padding: 10px;
}

.data th {
    text-align: center;
    background-color: #6bc8e4;
    color: #000;
    text-transform: uppercase;
    border: 1px solid #000;
    padding: 1em;
}

.data td {
    border: 1px solid #000;
    padding: 1em;
}

.data td:first-child {
    text-align: center;
}

.data p.mobile-wrap {
    margin: 0;
}


/***TABLAS***/

.table-sede, .table-midgt {
    width: 100%;
    font-size: 1em;
}


.table-midgt th, .table-midgt td {
    border: 0 !important;
}

.table-midgt thead tr {
    background-color: #e1e6e8;
}


.table-midgt td {
    border: 0;
}

.zebra tr:nth-child(even) {
    background-color: #f3f3f3;
}

.zebra th {
    background-color: #e1e6e8;
}

/******Tablas libro taller*******/

#libroTaller tr, #libroTallerMan tr{
    background-color: #ffffff;
}

#libroTaller tr:nth-of-type(odd), #libroTallerMan tr:nth-of-type(odd){
    background-color:#ededed;
}

#libroTaller th, #libroTaller td, #libroTallerMan th, #libroTallerMan td{
    padding: 0.5em;
    border: 0;
    text-align: left;
}

#libroTaller tbody tr:last-child, #libroTallerMan tbody tr:last-child {
    border-bottom: 0;
}

.tableizer-firstrow, .tableizer-firstrow th{
    background-color: #ffffff!important;
}

/****** Fin tablas libro taller********/

@media only screen and (max-width: 64em) {
    .zebra tr {
        border-top: 1px solid #888888 !important;
        border-bottom: 1px solid #888888;
    }
}

.table-sede td, .table-sede th {
    padding: 0.5em;
    text-align: center;
    border-right: 1px solid #888888;
    border-left: 1px solid #888888;
}

.table-midgt td {
    padding: 0;
    text-align: center;
}

.table-midgt th {
    padding: 1em 0.5em;
    text-align: center;
    text-transform: uppercase;
    color: #004488;
}

.table-sede p, .table-midgt p {
    margin: 1em 0;
    text-align: center;
}

.sinprimerth th:first-child {
    background-color: #ffffff;
    border-top: 0;
    border-bottom: 1px solid #888888;
    border-left: 0;
}

.table-sede th {
    border-top: 1px solid #888888;
}

.midgt .table-sede tbody tr:last-child {
    border-bottom: 3px solid #f3f3f3;
}

.table-sede tbody tr:last-child {
    border-bottom: 1px solid #888888;
}

@media only screen and (max-width: 64em) {
    table.table-sede td {
        padding: 0;
        float: left;
        width: 50%;
        position: relative;
    }


    .table-sede td, .table-sede th {
        border-right: 0;
        border-left: 0;
    }

    .table-sede p {
        text-align: center;
    }

    table.table-sede td:before {
        width: 35%;
    }

    table.table-sede td .mobile-wrap, table.table-sede td:before {
        float: left;
        width: 100%;
        padding: .5em 1em 0;
    }

    .table-midgt td:before {
        margin-top: 1em;
    }

    .table-midgt td .mobile-wrap {
        padding: 0;
    }

    table.table-sede td:before {
        clear: left;
        text-align: center;
        content: attr(data-th);
        font-weight: bold;
        position: relative;
        z-index: 1;
        color: #004488;
    }

    table.table-sede thead {
        clip: rect(0 0 0 0);
        width: 1px;
        height: 1px;
        margin: -1px;
        overflow: hidden;
        position: absolute;
    }
}




/** Avisos **/

.home .dgt-app {
    width: 95%;
    margin: 2em auto 0;
}

@media screen and (min-width: 37.5em) {
    .home .dgt-app {
        width: 85%; } }
@media screen and (min-width: 48em) {
    .home .dgt-app {
        width: 95%; } }

.home .dgt-area {
    padding-bottom: 0;
}

.dgt-area span {
    font-weight: bold;
}

.dgt-app {
    font-size: 1.2em;
    color: #4c535d;
    text-align: justify;
    line-height: 1.4;
    height:auto;

}
.dgt-area {
    margin: 0;
    padding: 0;
    padding-bottom: 30px;
}

.dgt-cart-number {
    position: absolute;
    top: -11px;
    left: 21px;
    display: inline-block;
    padding: 1px 6px;
    color: @blue-dark;
    font-size: 1em;
    font-weight: 700;
    background-color: #6bc8e4;
    border-radius: 10px;
}

.dgt-bg-dark {
    color: #004488;
    background-color: #e1e6e8 !important;
}
.dgt-box {
    padding: 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

}

.dgt-app [data-toggle="collapse"] {
    margin-top: 5px;
}

.dgt-app p {
    padding: 0;
    color: #004488;
    margin: 0 !important;
    font-size: 1em;
}

#mostradorAvisos a {
    text-decoration: underline;
}

#mostradorAvisos p {
    font-weight: normal;
}

#dgt-announcements .item.active {
    background-color:  transparent!important;
}
.dgt-announcements-header {
    position: relative;
    margin-top: 0;
    margin-bottom: 1em;
}

.dgt-announcements-controls {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
}

.dgt-announcements-number {
    position: absolute;
    top: -5px;
    left: 176px;
    z-index: 10;
    background-color: #000000;
}

.dgt-announcements-minimize.collapsed ~ .dgt-announcements-controls {
    display: none;
}

.dgt-announcements-minimize {
    position: absolute;
    top: -4px;
    left: 0;
    padding-left: 182px;
    font-size: 1.2em;
    color: #004488;
    z-index: 11;
    margin-left: 0;

}
.dgt-announcements-minimize .fa:after {
    content: "\f147";
}
.dgt-announcements-minimize.collapsed .fa:after {
    content: "\f196";
}
.dgt-announcements-control:hover, .dgt-announcements-control:focus {
    text-decoration: none;
}
.dgt-announcements-title {
    margin: 0;
    color: #004488;
    font-size: 1.2em;
    font-weight: 700;
    text-transform: uppercase;
}

.dgt-announcements-minimize .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale

}


.numero a span.notificacion-aviso {
    display: block;
    font-size: 0.9em !important;
    color: #ff4500;
}

.notificacion-aviso i {
    color: #ff4500;
    font-size: 13px;
    margin-right: 6px;
}

.circulo-notif-aviso, #num-avisos, #num-alertas {
    display: inline-block;
    width: auto;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 50% !important;
    color: #ffffff;
    font-size: 0.9em;
    font-weight: bold;
    cursor: default;
    text-align: center;
}

.circulo-notif-aviso {
    position: absolute;
    top: -6px;
    left: -15px;
    background-color: #ff4500;
}

#num-avisos {
    background-color: #8a6d3b;
}

#num-alertas {
    background-color: #a94442;
}

.alert  {
    font-size: 1.2rem !important;
    font-family: "OpenSans-Regular",sans-serif !important;
}
span#mensajeCitas, span#mensajeRptos, span#mensajeVehiculo {
    font-size: 1.2rem;
    font-family: "OpenSans-Regular",sans-serif;
}

.alert a {
    color: inherit;
}

.notificacion-aviso.intermedia {
    margin-bottom: 2em;
    color: #f44336;
    border-left: 5px solid #f44336;
    background-color: #ffdddd;
    padding: 1em;
}

.alert ul li:before {
    content: "- ";
}

.alert ul li {
    padding: 0;
    list-style: none;
}

.alert ol {
    margin:0;
    padding:0;
    counter-reset:item;
}

.alert ol li {
    margin: 0.5em 0;
    padding: 0 0 0 2em;
    text-indent: -2em;
    list-style-type: none;
    counter-increment: item;
}

.alert ol li:before {
    display:inline-block;
    width:1.5em;
    padding-right:0.5em;
    font-weight:bold;
    text-align:right;
    content:counter(item) ".";
}

p.av-title {
    font-weight: bold;
}


.alert-success, .alert-info, .alert-warning, .alert-danger {
    background-image: none;
    background-repeat: no-repeat;
    filter: none;
}

.close {
    opacity: 1;
}

.alert-danger {
    background-color: #fcf9f9;
}

.alert-warning {
    background-color: #fdfdf9;
    border-color: #d2ac6a !important;
}

.alert-success {
    background-color: #fafcf9;
}

.alert-info {
    background-color: #f9fcfd;
}


/** Fin Avisos **/




/* INICIO SERVICIOS DESTACADOS */

.serv-dest .subtitle-container {
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    margin: 2em 0 1em;
}

.ie9 .home .serv-dest .subtitle-container > * {
    float: left;
}

.img-serv {
    width: 7%;
    margin-right: 1em;
    min-width: 50px;
}

.img-serv img {
    width: 100%;
    border-radius: 50%;
}

.serv-dest .subtitle.bienvenida {
    text-transform: capitalize;
}

.ie9 .sh-midgt .serv-dest .img-serv, .ie9 .sh-midgt .serv-dest .subtitle {
    float: left;
    display: block;
}

.serv-dest .subtitle {
    text-transform: uppercase;
}

.serv-dest {
    margin: 1em 0;
}

.serv-dest-subhome {
    margin: 1em 0 3em;
}

.texto-container {
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    padding: 1.5em 0 0;
    margin: 1em 0;
    background-color: #f3f3f3;
}

.home .serv-container:nth-child(3), .home .serv-container:nth-child(6), .serv-dest-subhome .serv-container:nth-child(3), .serv-dest-subhome .serv-container:nth-child(6), .seccion .serv-container:nth-child(3), .seccion .serv-container:nth-child(6) {
    border-right: 0 !important;
}

.midgt-services.serv-container:last-child {
    border-right: 0 !important;
}

.serv-subtitulo span {
    border-radius: 50%;
    line-height: 1.5em;
    text-align: center;
    float: left;
    font-weight: bold;
    margin-right: 0.5em;
    font-size: 1.5em;
    display: table-cell;
    color: #ffffff;
    width: 1.5em;
    background-color: #6bc8e4;
}

.serv-subtitulo h3, .serv-subtitulo h4 {
    font-size: 1.2em;
    font-weight: bold;
    display: table-cell;
    margin: 0;
    text-align: left;
    vertical-align: middle;
    color: #004488;
}

.serv-subtitulo {
    position: relative;
    display: table;
    margin-bottom: 1em;
}



.serv-texto {
    text-align: left;
}


/*Parte mi dgt*/

.serv-container-texto {
    width: 35%;
    border-right: 1px solid #ddd;
    padding: 0 1em;
}

.serv-container-servicios {
    width: 65%;
    display: -ms-grid;
    display: grid;
    grid-row-gap: 2em;
}

.serv-container-servicios .serv-subtitulo {
    margin: 0 auto 1em;
}
.over3 {
    -ms-grid-columns: 33% 33% 33%;
    grid-template-columns: repeat(3, auto);
}

.less2 {
    -ms-grid-columns: 50% 50%;
    grid-template-columns: repeat(2, auto);
}

.over3 .serv:nth-child(3n+0), .serv:last-child {
    border-right: 0;
}

.serv {
    border-right: 1px solid #ddd;
    padding: 0 1em;
}

.ie9 .texto-container {
    display: block;
}

.ie9 .serv-container-texto {
    float: left;
}

.ie9 .serv-container-servicios {
    float: left;
}

.ie9 .serv {
    float: left;
    width: 33%;
}

.serv:nth-child(1), .serv:nth-child(4), .serv:nth-child(7), .serv:nth-child(10) {
    -ms-grid-column:1;
}

.serv:nth-child(2), .serv:nth-child(5), .serv:nth-child(8), .serv:nth-child(11) {
    -ms-grid-column:2;
}

.serv:nth-child(3), .serv:nth-child(6), .serv:nth-child(9), .serv:nth-child(12) {
    -ms-grid-column:3;
}

.serv:nth-child(1), .serv:nth-child(2), .serv:nth-child(3) {
    -ms-grid-row:1;
}

.serv:nth-child(4), .serv:nth-child(5), .serv:nth-child(6) {
    -ms-grid-row:2;
}

.serv:nth-child(7), .serv:nth-child(8), .serv:nth-child(9) {
    -ms-grid-row:3;
}

.serv:nth-child(10), .serv:nth-child(11), .serv:nth-child(12) {
    -ms-grid-row:4;
}

.bienvenida .texto {
    text-align: left;
}

.texto a, .numero a span.errortexto {
    font-size: 18px !important;
}

.numero, .texto {
    text-align: center;
}

.numero a, .texto a {
    text-decoration: none !important;
    color: #2298bc;
}

.numero a:hover, .texto a:hover {
    text-decoration: underline !important;
}

.numero a span, .texto a span {
    font-size: 2em !important;
    font-weight: bold !important;
}

.midgt-services .texto-container {
    padding: 1.5em 0;
}

.decoserv{
    padding-right: 0.5em;
}

.lsproc{
    background-color: #f3f3f3;
    list-style: none !important;
    padding-bottom: 1em !important;
    padding-top: 0.6em !important;
}
.contproc{
    font-size: 1.5em;
    padding-left: 0.4em;
}
.proced{
    margin-bottom: 0px;
    padding-top: 0.3em;
    padding-left: 0.5em;
}
.procsel{
    display: inline-block;
    width: auto;
    color: #fff;
    background: linear-gradient(to bottom, #6bc8e4, #004488);
    padding: 0.2em 0.4em 0.2em 0.4em;
    border-radius: 5px 7px 8px 7px;
    float: left;
}
.procsel *{
    margin:0px 0 0 !important;
}
.servicio{
    padding-top: 0.5em !important;;
    padding-left: 2.5em;
    font-size: 1.4em;

}
.servicio p{
    padding-left: 2em;
}
.servicio ul{
    padding-top: 0.5em !important;
    padding-left: 1em !important;
}
.btproc{
    background-color: #f3f3f3;
}
.confproc{
    border: 0;
    margin-right: 0.5em;
    width:5em !important;
}
.cancproc{
    width:5em;
}

.pocbtncont{
    display: inline-flex;
    display: inline-flex;
    padding-top: 1em;

}
/********/
.data3:first-child {
    -webkit-box-flex: 1 !important;
    flex: 1 0 45% !important;
    -ms-flex: 1 0 45%;
}

.data3 {
    -webkit-box-flex: 1 !important;
    flex: 1 0 19% !important;
    -ms-flex: 1 0 19%;
}

.data4:first-child {
    -webkit-box-flex: 1 !important;
    flex: 1 0 30% !important;
    -ms-flex: 1 0 30%;
}

.data4 {
    -webkit-box-flex: 1 !important;
    flex: 1 0 16% !important;
    -ms-flex: 1 0 16%;
}

.midgt-services .serv-container {
    padding: 0 1em;
    flex: 1 0 43%;
    -ms-flex: 1 0 43%;
    -webkit-box-flex: 0;
}

.serv-container {
    border-right: 1px solid #e1e6e8;
    flex: 0 0 33%;
    -ms-flex: 0 0 26%;
    -webkit-box-flex: 0;
    padding: 0 1.5em 1em;
}

.ie9 .home .serv-container, .ie9 .subhome .serv-container {
    float: left;
    width: 33%;
}

.ie9 .tri-multas {
    width: 100% !important;
}

.ie9 .leyenda {
    float: left;
}


.ie9 .home .serv-container:nth-child(4), .ie9 .subhome .serv-container:nth-child(4) {
    clear: both;
}

.ie9 .sh-midgt .serv-container {
    float: inherit;
    width: inherit;
}

.ie9 .sh-midgt .serv-container:nth-child(4) {
    clear: inherit;
}

.midgt-services .serv-container:last-child {
    border-right: 0;
}

.midgt-services .serv-texto a span {
    font-size: 0.8em;
}

/******/

.sh-midgt .numero span img {
    width: 20px !important;
}

p#showSusEmails span, p#showSusTelfs span,
p#direccion01 span {
    color: #4c535d;
    font-size: 1.5em
}

.fas, .far{
    display:inline-block;
    font:normal normal normal 14px/1 FontAwesome;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}


.sh-midgt .bienvenida .serv-texto p img {
    width: 20px !important;
}

.sh-midgt .bienvenida .serv-texto p span {
    color: #6bc8e4;
}

.leyenda {
    padding: 1.5em 1.5em;
    width: 100%;
    border-top: 1px solid #e1e6e8;
    text-align: center;
}

.leyenda p {
    margin: 0;
}

.leyenda .fa {
    color: #004488;
}

.serv-dest a {
    text-decoration: underline;
}

.serv-dest span em.fa {
    color: #ffffff;
    padding-left: 5px;
    font-size: 0.9em;
}

.serv-texto p.fa {
    font-family: "OpenSans-Regular",sans-serif;
    padding-left: 20px;
}

.serv-texto p {
    line-height: inherit;
    position: relative;
    width: 100%;
}

.vendedor:before {
    color: #6bc8e4 !important;
}

.serv-texto p:before {
    font-family: fontawesome;
    position: absolute;
    left: 0;
    color: #004488;
}

.masinfo {
    padding: 1.5em;
    margin: 0;
    border-top: 1px solid #e1e6e8;
    text-align: center;
}

.serv-container.masinfo.tri-multas {
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    border-right: 0;
    padding: 1.5em 0 !important;
}


@media screen and (max-width: 1180px) and (min-width: 60em) {

    .data4:first-child, .data3:first-child {
        -webkit-box-flex: 1 !important;
        flex: 1 0 100% !important;
        -ms-flex: 1 0 100% !important;
        border: 0;
        margin-bottom: 1em;
    }

}

@media screen and (max-width: 1180px) {

    .serv-container-texto {
        width: 100%;
        border-right: 0;
        padding: 0 1em 1em;
    }

    .serv-container-servicios {
        width: 100%;
    }

}


@media screen and (max-width: 60em) {

    .texto-container {
        display: block;
    }

    .serv-container {
        border-right: 0;
        width: 100%;
        -webkit-box-flex: 1;
        flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        padding: 1.5em;
    }

    .ie9 .home .serv-container, .ie9 .subhome .serv-container {
        float: none;
        width: 100%;
    }

    .midgt-services .serv-container {
        padding: 1em 1.5em;
    }

}



@media screen and (max-width: 48em) {

    .over3 {
        -ms-grid-columns: 50% 50%;
        grid-template-columns: repeat(2, auto);
    }

    .ie9 .serv {
        width: 50%;
        min-height: 90px;
    }

    .over3 .serv:nth-child(2n+0) {
        border-right: 0 !important;
    }

    .over3 .serv, .over3 .serv:nth-child(3n+0) {
        border-right: 1px solid #ddd;
    }

    .serv:nth-child(1n+0), .serv:nth-child(3n+0) {
        -ms-grid-column:1;
    }

    .serv:nth-child(2n+0) {
        -ms-grid-column:2;
    }

    .serv:nth-child(1), .serv:nth-child(2) {
        -ms-grid-row:1;
    }

    .serv:nth-child(3), .serv:nth-child(4) {
        -ms-grid-row:2;
    }

    .serv:nth-child(5), .serv:nth-child(6) {
        -ms-grid-row:3;
    }

    .serv:nth-child(7), .serv:nth-child(8) {
        -ms-grid-row:4;
    }

    .serv:nth-child(9), .serv:nth-child(10) {
        -ms-grid-row:5;
    }

    .serv:nth-child(11), .serv:nth-child(12) {
        -ms-grid-row:6;
    }

    .savi-midgt tr td{
        display: block;
    }

    .savi-midgt tr:nth-child(3) td, .savi-midgt tr:nth-child(4) td{
        display: flex;
    }

    #inputemails{
        width: 100%;
    }

    #inputtelf{
        width: 100%;
    }


}



@media screen and (max-width: 24em) {

    .serv-container-servicios {
        display: block;
    }

    .serv {
        margin-bottom: 2em;
        border-right: 0 !important;
    }

    .ie9 .serv {
        width: 100%;
    }

    .numero, .texto {
        text-align: left;
    }

    .serv-container-servicios .serv-subtitulo {
        margin: 0 0 1em;
    }

    .savi-midgt tr:nth-child(2) td:first-child{
        display:inline
    }

}

/* FIN SERVICIOS DESTACADOS */



/* INICIO VENTA CRUZADA CARRUSEL */

.container-vcruzada {
    width: 95%;
    margin: 2em auto 0;
}

.sh-midgt .container-vcruzada {
    margin-top: 2em;
}

@media screen and (min-width: 37.5em) {
    .container-vcruzada {
        width: 85%; } }
@media screen and (min-width: 48em) {
    .container-vcruzada {
        width: 95%; } }



.vcruzada-image {
    background-color: #6bc8e4;
    height: 100px;
}

.vcruzada-link {
    padding: 1em;
    text-align: center;
    height: 100%;
    min-height: 71px;
    display: table;
    width: 100%;
    background-color: #e1e6e8;
}

.vcruzada-link .link {
    text-transform: uppercase;
    vertical-align: middle;
    display: table-cell;
}


.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    margin-top: 1.5em;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    border: 0;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    width: 95%;
    padding: 0;
    cursor: initial;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    margin: 0 1em;
    min-height: 1px;
    border: 7px solid #f3f3f3;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
    height: 100%;
    margin: 0 auto;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.slick-next, .slick-prev {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    line-height: 0;
    border: none;
    background: transparent;
    outline: none;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:before, .slick-next:before {
    font-family: fontawesome;
    color: #4c535d;
    line-height: 1;
    font-size: 3em;
}

.slick-prev:before {
    content: "\f104";
}

.slick-next:before {
    content: "\f105";
}


.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
/* CSS flechas isquierda derecha del carousel */
.dgt-carousel {
    width: 8% !important;
}
.dgt-carousel:hover{
    color: #6bc8e4;
}
.dgt-carousel .dgt-carousel-icon{
    font-size: 2.5em;
    font-weight: bolder;
    line-height: 0.5;
}

/* FIN VENTA CRUZADA CARRUSEL */



/* INICIO CHARDIN - ASISTENTE AYUDA */

.chardinjs-overlay {
    position: absolute;
    z-index: 999999;
    background-color: #000;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }

.chardinjs-helper-layer {
    position: absolute;
    z-index: 9999999;
    color: white;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
.chardinjs-helper-layer.chardinjs-left {
    border-left: solid #004488 3px;
    padding-left: 10px; }
.chardinjs-helper-layer.chardinjs-right {
    border-right: solid #004488 3px;
    padding-right: 10px; }
.chardinjs-helper-layer.chardinjs-bottom {
    border-bottom: solid #004488 3px;
    padding-bottom: 10px; }
.chardinjs-helper-layer.chardinjs-top {
    border-top: solid #004488 3px;
    padding-top: 10px; }

.chardinjs-tooltip {
    position: absolute;
    -webkit-transition: opacity 0.1s ease-out;
    -o-transition: opacity 0.1s ease-out;
    transition: opacity 0.1s ease-out;
    max-width: 200px;
    background-color: #004488;
    padding: 5px;
    font-size: 1.2em;
    text-align: center; }
.chardinjs-tooltip.chardinjs-left {
    margin-left: -135px;
    padding-right: 10px; }
.chardinjs-tooltip.chardinjs-right {
    margin-right: -135px;
    padding-left: 10px; }
.chardinjs-tooltip.chardinjs-bottom {
    margin-bottom: -50px;
    padding-top: 10px; }
.chardinjs-tooltip.chardinjs-top {
    margin-top: -50px;
    padding-bottom: 10px; }
.chardinjs-tooltip.chardinjs-right:before, .chardinjs-tooltip.chardinjs-left:after, .chardinjs-tooltip.chardinjs-bottom:before, .chardinjs-tooltip.chardinjs-top:after {
    content: ".";
    display: inline-block;
    background-color: #004488;
    color: #004488;
    height: 3px;
    overflow: hidden;
    position: absolute; }
.chardinjs-tooltip.chardinjs-right:before, .chardinjs-tooltip.chardinjs-left:after {
    width: 100px;
    top: 50%; }
.chardinjs-tooltip.chardinjs-bottom:before, .chardinjs-tooltip.chardinjs-top:after {
    width: 3px;
    height: 50px;
    left: 50%; }
.chardinjs-tooltip.chardinjs-bottom:before {
    top: -50px; }
.chardinjs-tooltip.chardinjs-top:after {
    bottom: -50px; }
.chardinjs-tooltip.chardinjs-right:before {
    left: -100px; }
.chardinjs-tooltip.chardinjs-left:after {
    right: -100px; }

.chardinjs-show-element {
    z-index: 9999999;
    opacity: 0.5;
    background-color: #ffffff;
}

.chardinjs-relative-position {
    position: relative; }


/* FIN CHARDIN - ASISTENTE AYUDA */



/* INICIO INTRO - ASISTENTE AYUDA */

.spanblock {
    display: block;
}

.introjs-overlay {
    position: absolute;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    z-index: 999999;
    background-color: #000;
    opacity: 0;
    background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.4)),color-stop(100%,rgba(0,0,0,0.9)));
    background: -webkit-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
    background: -o-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
    background: radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1)";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.introjs-fixParent {
    z-index: auto !important;
    opacity: 1.0 !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}

.introjs-showElement,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
    z-index: 9999999 !important;
}

.introjs-disableInteraction {
    z-index: 99999999 !important;
    position: absolute;
    background-color: white;
    opacity: 0;
    filter: alpha(opacity=0);
}

.introjs-relativePosition,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
    position: relative;
}

.introjs-helperLayer {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    z-index: 9999998;
    background-color: #FFFFFF;
    border: 1px solid #777;
    border: 1px solid rgba(0,0,0,.5);
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 15px rgba(0,0,0,.4);
    box-shadow: 0 2px 15px rgba(0,0,0,.4);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.introjs-tooltipReferenceLayer {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    visibility: hidden;
    z-index: 100000000;
    background-color: transparent;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.introjs-helperLayer *,
.introjs-helperLayer *:before,
.introjs-helperLayer *:after {
    -webkit-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
}

.introjs-helperNumberLayer {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    visibility: visible;
    top: -16px;
    left: -16px;
    z-index: 9999999999 !important;
    padding: 2px;
    font-family: Arial, verdana, tahoma;
    font-size: 13px;
    font-weight: bold;
    color: white;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3);
    background: #004488;
    width: 20px;
    height:20px;
    line-height: 20px;
    border: 3px solid white;
    border-radius: 50%;
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0)"; /* IE6-9 */
    filter: "progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000)"; /* IE10 text shadows */
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.4);
    box-shadow: 0 2px 5px rgba(0,0,0,.4);
}

.introjs-arrow {
    border: 5px solid transparent;
    content:'';
    position: absolute;
}
.introjs-arrow.top {
    top: -10px;
    border-bottom-color:white;
}
.introjs-arrow.top-right {
    top: -10px;
    right: 10px;
    border-bottom-color:white;
}
.introjs-arrow.top-middle {
    top: -10px;
    left: 50%;
    margin-left: -5px;
    border-bottom-color:white;
}
.introjs-arrow.right {
    right: -10px;
    top: 10px;
    border-left-color:white;
}
.introjs-arrow.right-bottom {
    bottom:10px;
    right: -10px;
    border-left-color:white;
}
.introjs-arrow.bottom {
    bottom: -10px;
    border-top-color:white;
}
.introjs-arrow.bottom-right {
    bottom: -10px;
    right: 10px;
    border-top-color:white;
}
.introjs-arrow.bottom-middle {
    bottom: -10px;
    left: 50%;
    margin-left: -5px;
    border-top-color:white;
}
.introjs-arrow.left {
    left: -10px;
    top: 10px;
    border-right-color:white;
}
.introjs-arrow.left-bottom {
    left: -10px;
    bottom:10px;
    border-right-color:white;
}

.introjs-tooltip {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    visibility: visible;
    padding: 10px;
    background-color: white;
    min-width: 200px;
    max-width: 300px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.4);
    box-shadow: 0 1px 10px rgba(0,0,0,.4);
    -webkit-transition: opacity 0.1s ease-out;
    -o-transition: opacity 0.1s ease-out;
    transition: opacity 0.1s ease-out;
}

.introjs-tooltipbuttons {
    text-align: center;
    white-space: nowrap;
}

.introjs-skipbutton, .introjs-donebutton {
    display: none !important;
}

/*
 Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/
 Changed by Afshin Mehrabani
*/
.introjs-button {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    overflow: visible;
    display: inline-block;
    padding: 0.3em 0.8em;
    border: 1px solid #d4d4d4;
    margin: 0;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
    font: 11px/normal sans-serif;
    color: #333;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    background-color: #ececec;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
    background-image: -o-linear-gradient(#f4f4f4, #ececec);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ececec));
    background-image: -webkit-linear-gradient(#f4f4f4, #ececec);
    background-image: linear-gradient(#f4f4f4, #ececec);
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    -o-background-clip: padding-box;
    /*background-clip: padding-box;*/ /* commented out due to Opera 11.10 bug */
    border-radius: 0.2em;
    /* IE hacks */
    zoom: 1;
    *display: inline;
    margin-top: 10px;
}

.introjs-button:hover {
    border-color: #bcbcbc;
    text-decoration: none;
    -webkit-box-shadow: 0px 1px 1px #e3e3e3;
    box-shadow: 0px 1px 1px #e3e3e3;
}

.introjs-button:focus,
.introjs-button:active {
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4));
    background-image: -o-linear-gradient(#ececec, #f4f4f4);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#f4f4f4));
    background-image: -webkit-linear-gradient(#ececec, #f4f4f4);
    background-image: linear-gradient(#ececec, #f4f4f4);
}

/* overrides extra padding on button elements in Firefox */
.introjs-button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.introjs-skipbutton {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin-right: 5px;
    color: #7a7a7a;
}

.introjs-prevbutton {
    border-radius: 0.2em 0 0 0.2em;
    border-right: none;
}

.introjs-prevbutton.introjs-fullbutton {
    border: 1px solid #d4d4d4;
    border-radius: 0.2em;
}

.introjs-nextbutton {
    border-radius: 0 0.2em 0.2em 0;
}

.introjs-nextbutton.introjs-fullbutton {
    border-radius: 0.2em;
}

.introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus {
    color: #9a9a9a;
    border-color: #d4d4d4;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: default;
    background-color: #f4f4f4;
    background-image: none;
    text-decoration: none;
}

.introjs-hidden {
    display: none;
}

.introjs-bullets {
    text-align: center;
}
.introjs-bullets ul {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    clear: both;
    margin: 15px auto 0;
    padding: 0;
    display: inline-block;
}
.introjs-bullets ul li {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    list-style: none;
    float: left;
    margin: 0 2px;
}
.introjs-bullets ul li a {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    width: 6px;
    height: 6px;
    background: #ccc;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-decoration: none;
    cursor: pointer;
}
.introjs-bullets ul li a:hover {
    background: #999;
}
.introjs-bullets ul li a.active {
    background: #999;
}

.introjs-progress {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    overflow: hidden;
    height: 10px;
    margin: 10px 0 5px 0;
    border-radius: 4px;
    background-color: #ecf0f1
}
.introjs-progressbar {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    float: left;
    width: 0%;
    height: 100%;
    font-size: 10px;
    line-height: 10px;
    text-align: center;
    background-color: #08c;
}

.introjsFloatingElement {
    position: absolute;
    height: 0;
    width: 0;
    left: 50%;
    top: 50%;
}

.introjs-fixedTooltip {
    position: fixed;
}

.introjs-hint {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    background: transparent;
    width: 20px;
    height: 15px;
    cursor: pointer;
}
.introjs-hint:focus {
    border: 0;
    outline: 0;
}
.introjs-hidehint {
    display: none;
}

.introjs-fixedhint {
    position: fixed;
}

.introjs-hint:hover > .introjs-hint-pulse {
    border: 5px solid rgba(60, 60, 60, 0.57);
}

.introjs-hint-pulse {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 10px;
    height: 10px;
    border: 5px solid rgba(60, 60, 60, 0.27);
    border-radius: 30px;
    background-color: rgba(136, 136, 136, 0.24);
    z-index: 10;
    position: absolute;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.introjs-hint-no-anim .introjs-hint-dot {
    -webkit-animation: none;
    animation: none;
}
.introjs-hint-dot {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border: 10px solid rgba(146, 146, 146, 0.36);
    background: transparent;
    border-radius: 60px;
    height: 50px;
    width: 50px;
    -webkit-animation: introjspulse 3s ease-out;
    animation: introjspulse 3s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: absolute;
    top: -25px;
    left: -25px;
    z-index: 1;
    opacity: 0;
}

@-webkit-keyframes introjspulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.0;
    }
    25% {
        -webkit-transform: scale(0);
        opacity: 0.1;
    }
    50% {
        -webkit-transform: scale(0.1);
        opacity: 0.3;
    }
    75% {
        -webkit-transform: scale(0.5);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0.0;
    }
}

@keyframes introjspulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0.0;
    }
    25% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0.1;
    }
    50% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 0.3;
    }
    75% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.0;
    }
}

/* FIN INTRO - ASISTENTE AYUDA */



/* INICIO TRADUCTOR */

.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

.goog-te-gadget-simple .goog-te-menu-value {
    background-color: inherit !important;
}

/* FIN TRADUCTOR */




/* INCIO RGPD PROTECCION DATOS */

.rgpd {
    margin: 2em 0 1em;
    font-size: 0.9em;
}

/* FIN RGPD PROTECCION DATOS */




/* INCIO MIS SUSCRIPCIONES */

label.check-all {
    text-align: right;
    display: block;
    padding: 10px 15px;
    font-weight: normal;
}

.cuadroAvisos .success-message-savi, .cuadroAvisos .error-message-savi {
    margin-bottom: 2em;
}

.suscripciones header.panel-heading.collapsed-arrow {
    cursor: auto;
}

fieldset.procedure.procedure-midgt.main-content-text {
    margin-top: 3em !important;
}

.suscripciones .subtitle {
    cursor: pointer;
}

.susc input[type="checkbox"] {
    margin: 0 !important;
    vertical-align: middle;
}

.susc .panel h3.subtitle {
    text-decoration: underline;
    color: #004488;
}

.ie9 .susc .panel h3.subtitle {
    width: 100%;
}

/* FIN MIS SUSCRIPCIONES */



/* INICIO IFRAME TASAS */

#iframetasas {
    display: block;
    width: 100%;
    height: 40px;
}

/* FIN IFRAME TASAS */


/* INICIO IFRAME MEDIOS PAGO */

#iframemediospago {
    display: block;
    width: 100%;
    height: 615px;
}

/* FIN IFRAME MEDIOS PAGO */


/* INICIO SERV EXTRA */

.servextra {
    margin-bottom: 3em;
}

.servextra h3, .servextraoff h3 {
    font-size: 1.3em;
    padding-left: 1em;
}

.servextra h3 a, .servextraoff h3 a {
    color: #4c535d;
}

.servextra ul {
    padding: 0;
    margin: 0;
}

.servextra ul li {
    background-color: #e1e6e8;
    padding: 1.5em 2em;
    margin-bottom: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.servextra a.link {
    font-size: 1.5em;
    padding-left: 0.8em;
}

.servextra .icon-title .circle {
    font-size: 2em !important;
}

.servextra .icon-title span {
    width: 2em;
    height: 2em;
    line-height: 2em;
}

.servextra span em {
    font-size: 2.5em !important;
}

.ie9 .servextra span em {
    float: left;
    margin-right: 0.5em;
}


#servextraoff {
    border: 0;
    margin: 0;
}

.servextraoff {
    border: 7px solid #f3f3f3;
    border-top: 0;
    margin-top: -3em;
    background-color: #ffffff;
    padding-top: 0.5em;
}

/* FIN SERV EXTRA */



/* INICIO LISTADO EXPEDIENTES */


.btndetalleexp {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.btndetalleexp a, .btndetalleexp a:hover, .btndetalleexp a:active {
    margin: 0 !important;
}



/* FIN LISTADO EXPEDIENTES */


.estadoOK {
    border-left: 5px solid #3c763d;
}

.estadoPendiente {
    border-left: 5px solid #ffc600;
}

.estadoLeida {
    border-left: 5px solid #0D9E1A;
}
.estadoRechazada {
    border-left: 5px solid #E71313 ;
}
.estadoCaducada {
    border-left: 5px solid #908a8a;
}

.estadoKO {
    border-left: 5px solid #a94442;
}


.tabla-container table {
    margin-bottom: 2em;
}

.bluebox {
    background-color: #f3f3f3 !important;
    border-left-color: #6bc8e4 !important;
    color: inherit !important;
    display: inline-block;
}


/*MI DGT*/

.midgt .indented-content.text {
    padding: 0 !important;
}

.titulo-midgt {
    text-transform: uppercase;
    font-weight: bold;
    display: table;
    margin-bottom: 1em;
}

.titulo-midgt span {
    border-radius: 50%;
    line-height: 1.5em;
    text-align: center;
    float: left;
    font-weight: bold;
    margin-right: 0.5em;
    font-size: 1.5em;
    display: table-cell;
    color: #ffffff;
    width: 1.5em;
    background-color: #6bc8e4;
}

.titulo-midgt span em.fa {
    color: #ffffff;
    padding-left: 5px;
    font-size: 0.9em;
}

.titulo-midgt h2 {
    font-size: 1.2em !important;
    font-weight: bold;
    display: table-cell;
    margin: 0;
    text-align: left;
    vertical-align: middle;
    color: #004488;
}

.subtitulo-filtrar {
    margin: 0;
    padding: 1em;
    font-size: 1.1em;
    background-color: #e1e6e8;
    font-weight: bold;
    display: inline-block;
    text-transform: uppercase;
}


.tabla-container h4:first-child {
    margin: 0 0 1em;
}

.tabla-container h4 {
    font-size: 1.5em;
    font-weight: bold;
    text-transform: uppercase;
    margin: 2.5em 0 1em;
}

.listado-autorizaciones {
    text-transform: uppercase;
    padding-top: 0.5em;
}

.aut {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1em;
    font-weight: bold;
}

.tit, .res {
    padding: 1em;
}

.tit {
    background-color: #e1e6e8;
    margin-right: 0.5em;
    color: #004488;
}

.res {
    background-color: #f3f3f3;
}

.midgt table th i {
    color: #6bc8e4;
    padding-right: 0.5em;
}

.midgt table .fa-stack {
    font-size: 0.8em;
}

.midgt table .fa-stack-2x {
    color: #6bc8e4;
}

.midgt table .fa-stack-1x {
    color: #ffffff;
}

.midgt table .fa-stack-1x:before {
    padding-left: 0.1em;
}


/*** INICIO TE PUEDE INTERESAR CRUZADA ***/

.cruzada-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 1.5em 0;
}

.cruzada-box {
    height: 100%;
    /*-webkit-box-flex: 0;
        -ms-flex: 0 1 16%;
            flex: 0 1 calc(20% - 2em);*/
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 7px solid #f3f3f3;
    margin: 0 1em 2em;
}

.ie9 .cruzada-container {
    display: block;
    position: relative;
    margin: 1.5em 0;
}

.ie9 .cruzada-box {
    display: inline-block;
    height: 100%;
    min-height: 1px;
    background-color: #e1e6e8;
    margin: 0 0.8% 1em;
    border: 7px solid #f3f3f3;
    width: 18%;
}

.cruzada-link {
    text-align: center;
    min-height: 71px;
    padding: 1em;
    /*height: 100%;*/
    width: 100%;
    background-color: #e1e6e8;
    display: table;
}

.cruzada-image {
    background-color: #6bc8e4;
    height: 100px;
}

.cruzada-image img {
    display: block;
    height: 100%;
    margin: 0 auto;
}

.cruzada-link .link {
    text-transform: uppercase;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}

@media screen and (max-width: 64em) {

    .cruzada-box {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 28%;
        flex: 0 1 calc(33% - 2em);
    }

    .ie9 .cruzada-box {
        width: 30%;
    }

}

@media screen and (max-width: 48em) {

    .cruzada-box {
        margin: 0 0 2em;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .ie9 .cruzada-box {
        display: block;
        width: 100%;
    }

}

/*** FIN TE PUEDE INTERESAR CRUZADA ***/



/*** INICIO TRADUCTOR ***/

#google_translate_element {
    min-height: 25px;
}

.selectorIdiomaUl {
    font-size: 1.1em;
    border-radius: 3px;
    color: #4c535d;
    padding: 0.5em;
}

.titleSelector {
    font-size: 1.1em;
    color: #004488;
    font-weight: bold;
    margin-right: 0.5em;
}

/*** FIN TRADUCTOR ***/


/*** INICIO SELECTOR CANJES ***/

.selectorPaisUl {
    border-radius: 3px;
    color: #4c535d;
    padding: 0.5em;
}

.titleSelectorPais {
    color: #004488;
    font-weight: bold;
    margin-right: 0.5em;
}

.selectorPais .alert {
    margin: 1em 0 2em;
}

/*** FIN SELECTOR CANJES ***/



/*** IE ***/

@media screen and (min-width:0\0) {

    .table-midgt {
        border-collapse: separate;
        border-width: 0 0 3px 0;
        border-style: solid;
        border-color: #f3f3f3;
    }

    .midgt .table-sede tr:last-child {
        border-top: 0;
    }

}

/*** IE ***/



/*** DISTINTIVO AMBIENTAL ***/

.mensajeResultadoConImagen {
    display: table;
}

.mensajeResultadoConImagen img {
    width: 100px;
    margin: 0;
}

.mensajeResultadoConImagen a {
    padding-right: 2em;
    min-width: 100px;
    display: table-cell;
}

.mensajeResultadoConImagen p {
    display: table-cell;
    vertical-align: middle;
}

input#matricula {
    min-width: 210px;
    width: 30%;
    margin: 0.5em 0.5em 0.5em 0;
}

#resultadoBusqueda .alert {
    padding-right: 15px;
}

.mensajeResultado p {
    margin: 0;
}

/*@media screen and (max-width: 30em) {

  .mensajeResultadoConImagen {
    display: block;
  }

  .mensajeResultadoConImagen img {
    margin: 0 auto;
  }

}*/

/*** FIN DISTINTIVO AMBIENTAL ***/


/*** TABLAS SERVICIOS MI DGT ***/

.paginacion-container {
    display: table;
    width: 100%;
}

span.btn-group-label {
    display: table-cell;
    vertical-align: middle;
}

ul.pagination {
    float: right;
}

#filtroForm {
    background-color: #e1e6e8;
    margin-bottom: 1em;
    padding: 1em;
}

#btnFiltroDias {
    margin: 0;
}

@media screen and (max-width: 28em) {

    .paginacion-container {
        display: block;
        text-align: center;
    }

    span.btn-group-label {
        display: block;
    }

    ul.pagination {
        float: none;
        margin: 1em 0;
        padding: 0 !important;
    }

}


.icontd {
    display: block !important;
}

.icontdNIVE {

    display: inline-flex !important;

}

.icontd:before {
    display: inline-block;
    color: #6bc8e4;
    margin: 0 0.5em 0.5em 0;
}

.icontd:after {
    content: attr(data-td);
    color: #004488;
    margin-bottom: 0.5em;
    display: inline-block;
    font-family: "OpenSans-Regular",sans-serif;
    font-weight: bold;
}

.listadetallesvehiculos .icontd:after{
    display:initial;
}

.table-filtrar {
    display: -ms-grid !important;
    display: grid !important;
    width: 100% !important;
}

.table-filtrar thead tr {
    display: none;
}

.table-filtrar tbody td {
    padding: 0.5em 1em;
    border-right: 1px solid #ddd;
    overflow: hidden;
    text-align: left;
    word-wrap: break-word;
}

@media screen and (max-width: 28em) {

    .table-filtrar tbody tr, .table-filtrar td {
        display: block !important;
        width: 100%;
        border-right: 0 !important;
    }
	.table-filtrar td :not(p){
		white-space: nowrap;
	}

}

/*** MIS REGISTROS ***/

.registros tbody tr {
    display: -ms-grid;
    display: grid;
    grid-row-gap: 1em;
    background-color: #f3f3f3;
    padding: 1em;
    -ms-grid-columns: 25% 25% 25% 25%;
    grid-template-columns: repeat(4, 25%);
    margin: 1em 0;
}

.registros tbody td:nth-child(1) {
    color: #004488;
    font-weight: bold;
    font-size: 1.2em;
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
}

.registros tbody td:nth-child(3), .registros tbody td:last-child {
    border-right: 0 !important;
}

.registros thead td:nth-child(1), .registros thead td:nth-child(6) {
    display: none;
}

#tablacitas tbody td:nth-child(1){
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    color: initial;
    font-weight: initial;
    font-size: 1em;
}

#tablacitas tbody td:nth-child(3){
    border-right: 1px solid #e1e6e8 !important;
}
td#TDn0{
    text-align: right;
}

#tablacitas tbody td button{
    margin-top: 1em
}

#tablacitas .contenidoTabla {
    font-size: 1em;
}

#tablacitas .icontd {
    display: flex !important;
}

#tabla-puntos table {
    font-size: 1.2em !important;
}

@media screen and (max-width: 60em){

    #tablacitas tbody tr {
        -ms-grid-columns: 50% 50%;
        grid-template-columns: repeat(2, 50%);
    }

    #tablacitas tbody td{
        border-right:1px solid #e1e6e8;
    }

    #tablacitas tbody td:nth-child(2){
        border-right:0;
    }
}

@media screen and (max-width: 1024px) {

    .registros tbody tr {
        -ms-grid-columns: 25% 25% 25% 25%;
        grid-template-columns: repeat(4,25%);
    }

    .registros thead td {
        width: 100% !important;
    }

    .registros tbody td:nth-child(1) {
        -ms-grid-column-span: 4;
        grid-column-end: span 4;
        border-right: 0;
    }

    .registros tbody td:nth-child(5) {
        border-right: 0;
    }

    .registros tbody td:nth-child(3) {
        border-right: 1px solid #e1e6e8 !important;
    }

    #tabla-puntos table tbody tr {
        border: 0 !important;
    }

    #tabla-puntos table{
        border-collapse: unset;
    }

    #tabla-puntos table td{
        float: none;
    }

    #tabla-puntos table thead{
        position:relative;
    }

}

@media screen and (max-width: 28em) {

    .registros tbody td:nth-child(3), #tablacitas tbody td:nth-child(3){
        border-right: 0 !important;
    }

}

/*** FIN MIS REGISTROS ***/

/*** NOTIFICACIONES ***/

.ntra tbody tr {
    display: -ms-grid;
    display: grid;
    grid-row-gap: 1em;
    background-color: #f3f3f3;
    padding: 1em;
    -ms-grid-columns: 20% 20% 20% 20% 20%;
    grid-template-columns: repeat(5, 20%);
    margin: 1em 0;
}

.ntra tbody td:nth-child(1) {
    color: #004488;
    font-weight: bold;
    font-size: 1.2em;
    -ms-grid-column-span: 3;
    grid-column-end: span 3;
}

.ntra tbody td:nth-child(3), .ntra tbody td:last-child {
    border-right: 0 !important;
}

.ntra thead td:nth-child(1), .ntra thead td:nth-child(8) {
    display: none;
}

@media screen and (max-width: 1024px) {

    .ntra tbody tr {
        -ms-grid-columns: 25% 25% 25% 25%;
        grid-template-columns: repeat(4,25%);
    }

    .ntra thead td {
        width: 100% !important;
    }

    .ntra tbody td:nth-child(1) {
        -ms-grid-column-span: 4;
        grid-column-end: span 4;
        border-right: 0;
    }

    .ntra tbody td:nth-child(5) {
        border-right: 0;
    }

    .ntra tbody td:nth-child(3) {
        border-right: 1px solid #e1e6e8 !important;
    }

}

@media screen and (max-width: 28em) {

    .ntra tbody td:nth-child(3) {
        border-right: 0 !important;
    }

}

/*** FIN NOTIFICACIONES ***/

/*** EDICTOS ***/

.testra tbody tr {
    display: -ms-grid;
    display: grid;
    grid-row-gap: 1em;
    background-color: #f3f3f3;
    padding: 1em;
    -ms-grid-columns: 20% 20% 20% 20% 20%;
    grid-template-columns: repeat(5, 20%);
    margin: 1em 0;
}

.testra tbody td:nth-child(1) {
    -ms-grid-column-span: 3;
    grid-column-end: span 3;
    color: #004488;
    font-weight: bold;
    font-size: 1.2em;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

/*.testra tbody td:nth-child(2) {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}*/

.testra tbody td:nth-child(3) a {
    margin: 0;
}

.testra tbody td:nth-child(1):before {
    display:none;
}

.testra tbody td:last-child, .testra tbody td:nth-child(3) {
    border-right: 0 !important;
}

.testra thead td:nth-child(1), .testra thead td:nth-child(8) {
    display: none;
}

@media screen and (max-width: 1024px) {

    .testra tbody tr {
        -ms-grid-columns: 25% 25% 25% 25%;
        grid-template-columns: repeat(4,25%);
    }

    .testra thead td {
        width: 100% !important;
    }

    .testra tbody td:nth-child(1) {
        -ms-grid-column-span: 4;
        grid-column-end: span 4;
        border-right: 0;
    }

    .testra tbody td:last-child {
        -ms-grid-column-span: 2;
        grid-column-end: span 2;
    }

    .testra tbody td:nth-child(3) {
        border-right: 1px solid #ddd !important;
    }

    .testra tbody td:nth-child(5) {
        border-right: 0 !important;
    }

}

@media screen and (max-width: 28em) {

    .testra tbody td:nth-child(3) {
        border-right: 0 !important;
    }

}

/*** FIN EDICTOS ***/

/*** VEHÍCULOS ***/

.listavehiculos tbody tr {
    display: -ms-grid;
    display: grid;
    grid-row-gap: 1em;
    background-color: #f3f3f3;
    padding: 1em;
    -ms-grid-columns: 20% 20% 20% 20% 20%;
    grid-template-columns: repeat(5, 20%);
    margin: 1em 0;
    border-left: 5px solid #6bc8e4;
}

.listavehiculos tbody td:last-child {
    border-right: 0 !important;
}

@media screen and (max-width: 1024px) {

    .listavehiculos tbody tr {
        -ms-grid-columns: 33% 33% 33%;
        grid-template-columns: repeat(3,33%);
    }

    .listavehiculos thead td {
        width: 100% !important;
    }

    .listavehiculos tbody td:nth-child(3) {
        border-right: 0 !important;
    }

}


.listadetallesvehiculos tbody tr {
    display: -ms-grid;
    display: grid;
    grid-row-gap: 1em;
    background-color: #f3f3f3;
    padding: 1em;
    -ms-grid-columns: 23% 28% 21% 28%;
    grid-template-columns: repeat(4, 23% 28% 21% 28%);
    margin: 0 0;
    border-left: 5px solid #6bc8e4;
}

.listadetallesvehiculos tbody td:last-child {
    border-right: 0 !important;
}

.listadetallesvehiculoscol2 {
    margin-top: -2em !important;


}

@media screen and (max-width: 1024px) {

    .listadetallesvehiculos tbody tr {
        -ms-grid-columns: 33% 33% 33%;
        grid-template-columns: repeat(3,33%);
    }

    .listadetallesvehiculos thead td {
        width: 100% !important;
    }

    .listadetallesvehiculos tbody td:nth-child(3) {
        border-right: 0 !important;
    }

}

.listadetallesvehiculoscol2 tbody tr {
    display: -ms-grid;
    display: grid;
    grid-row-gap: 1em;
    background-color: #f3f3f3;
    padding: 1em;
    -ms-grid-columns: 19% 33% 21% 27%;
    grid-template-columns: repeat(4, 19% 33% 21% 27%);
    margin: 1em 0;
    border-left: 5px solid #6bc8e4;
}

.listadetallesvehiculoscol2 tbody td:last-child {
    border-right: 0 !important;
}

@media screen and (max-width: 1024px) {

    .listadetallesvehiculoscol2 tbody tr {
        -ms-grid-columns: 33% 33% 33%;
        grid-template-columns: repeat(3,33%);
    }

    .listadetallesvehiculoscol2 thead td {
        width: 100% !important;
    }

    .listadetallesvehiculoscol2 tbody td:nth-child(3) {
        border-right: 0 !important;
    }

}



.listadetallesvehiculos2 tbody tr {
    display: -ms-grid;
    display: grid;
    grid-row-gap: 1em;
    background-color: #f3f3f3;
    padding: 1em;
    -ms-grid-columns: 25% 25% 25% 25%;
    grid-template-columns: repeat(4, 25%);
    margin: 1em 0;
    border-left: 5px solid #6bc8e4;
}

.listadetallesvehiculos2 tbody td:last-child {
    border-right: 0 !important;
}

@media screen and (max-width: 1024px) {

    .listadetallesvehiculos2 tbody tr {
        -ms-grid-columns: 33% 33% 33%;
        grid-template-columns: repeat(3,33%);
    }

    .listadetallesvehiculos2 thead td {
        width: 100% !important;
    }

    .listadetallesvehiculos2 tbody td:nth-child(3) {
        border-right: 0 !important;
    }

}
.listadetallesvehiculos1columna tbody tr {
    grid-template-columns: none !important;
   
}

/*** FIN VEHÍCULOS ***/

/*** REPRESENTACIONES ***/

.reap tbody tr {
    display: -ms-grid;
    display: grid;
    grid-row-gap: 1em;
    background-color: #f3f3f3;
    padding: 1em;
    -ms-grid-columns: 20% 20% 20% 20% 20%;
    grid-template-columns: repeat(5, 20%);
    margin: 1em 0;
    border-left: 5px solid #6bc8e4;
}

.reap tbody td:nth-child(4), .reap tbody td:last-child {
    border-right: 0 !important;
}

.reap tbody td:nth-child(1) {
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
    color: #004488;
    font-weight: bold;
    font-size: 1.2em;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.reap tbody td:nth-child(7) {
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
}

.reap tbody td:nth-child(1):before {
    display: none;
}

@media screen and (max-width: 1024px) {

    .reap tbody tr {
        -ms-grid-columns: 25% 25% 25% 25%;
        grid-template-columns: repeat(4, 25%);
    }

    .reap thead td {
        width: 100% !important;
    }

    .reap tbody td:nth-child(1), .reap tbody td:nth-child(5) {
        border-right: 0 !important;
    }

    .reap tbody td:nth-child(1) {
        -ms-grid-column-span: 4;
        grid-column-end: span 4;
    }

    .reap tbody td:nth-child(7) {
        -ms-grid-column-span: 2;
        grid-column-end: span 2;
    }

    .reap tbody td:nth-child(4) {
        border-right: 1px solid #ddd !important;
    }

}

@media screen and (max-width: 28em) {

    .reap tbody td:nth-child(4) {
        border-right: 0 !important;
    }

}

/*** FIN REPRESENTACIONES ***/

/*** IE ***/

@media screen and (min-width:0\0) {

    .testra thead, .reap thead, .listaexpedientes thead, .ntra thead, .listavehiculos thead, .registros thead {
        display: block;
    }

    .testra thead td, .testra thead th, .reap thead td, .reap thead th, .listaexpedientes thead td, .listaexpedientes thead th, .ntra thead td, .ntra thead th, .listavehiculos thead td, .listavehiculos thead th, .registros thead td, .registros thead th {
        display: table-cell;
        float: left;
    }

    .testra thead td, .testra thead th {
        width: 16.5%;
    }

    .reap thead td, .reap thead th {
        width: 14.7%;
    }

    .listaexpedientes thead td, .listaexpedientes thead th {
        width: 33%;
    }

    .ntra thead td, .ntra thead th, .registros thead td, .registros thead th {
        width: 25%;
    }

    .listavehiculos thead td, .listavehiculos thead th {
        width: 20%;
    }

    .testra thead th, .reap thead th, .listaexpedientes thead th, .ntra thead th, .listavehiculos thead th, .registros thead th {
        padding-top: 1.3em !important;
    }

    .testra tbody tr, .reap tbody tr, .listaexpedientes tbody tr, .ntra tbody tr, .listavehiculos tbody tr, .registros tbody tr {
        display: table;
        float:left;
        width: 100%;
    }

    .testra tbody td, .reap tbody td, .listaexpedientes tbody td, .ntra tbody td, .listavehiculos tbody td, .registros tbody td {
        display: table-cell;
        float: left;
        margin: 0.5em 0;
        border-right: 1px solid #ddd;
    }

    .testra tbody td:first-child, .listaexpedientes tbody td:first-child, .ntra tbody td:first-child, .registros tbody td:first-child {
        width: 100%;
        border-right: 0;
    }

}

/*** FIN IE ***/

/*** FIN TABLAS SERVICIOS MI DGT ***/


/*** INICIO CATÁLOGO SERVICIOS ***/

.catalogo h2.subtitle {
    font-size: 1.8em;
}

.catalogo h3.subtitle {
    font-weight: normal;
}

.cabecera-catalogo img {
    width: 100px;
    margin-bottom: 10px;
}

.titulos-catalogo {
    margin-left: 2em;
}

.catalogo .panel-collapse {
    background-color: #e1e6e8;
    padding: 0 2em;
}

.catalogo .panel-body p {
    margin: 1.5em 0 1em;
    font-size: 1.2em;
    font-weight: bold;
}

.catalogo .panel-body ul {
    padding-left: 0 !important;
}

.catalogo .panel-body li {
    background-color: #ffffff;
    margin-bottom: 0.5em;
    font-size: 1.2em;
    font-weight: bold;
    list-style: none;
    display: flex;
    padding: 1em 2em;
}

.catalogo .panel-body li a {
    text-decoration: none;
}

.catalogo .panel-body li a:hover {
    text-decoration: underline;
}

.catalogo .panel-body li em {
    font-size: 1.5em;
    margin-right: 0.5em;
}


@media screen and (max-width: 28em) {

    .titulos-catalogo {
        margin-left: 0;
    }

    .cabecera-catalogo img {
        max-width: 100px;
        width: 100%;
    }

    .title-info-content-desp > span {
        display: block;
    }

}
/**** Estilos ventanas modales****/

/* Se comenta el bloque de código que desajusta los valores por defecto de bootstrap*/
/* The Modal (background) */
/*.modal {
    /*display: none; /* Hidden by default */
/*position: fixed; /* Stay in place */
/*z-index: 1000; /* Sit on top */
/*padding-top: 100px; /* Location of the box */
/*left: 0;
/*top: 0;
/*width: 100%; /* Full width */
/*height: 100%; /* Full height */
/*overflow: auto; /* Enable scroll if needed */
/*background-color: rgb(0,0,0); /* Fallback color */
/*background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
/*}*/

/* Modal Content */
/*.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}*/

/*.closeModal {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closeModal:hover,
.closeModal:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}*/

#anularCita button#cancelar{
    background: linear-gradient(to bottom, #747474, #555 );
}

#anularCita button#cerrar{
    position: absolute;
    top: 0;
    right: 0;
    margin: 10px;
}

.modal-backdrop.show {
    opacity: 0.5;
}

.modal-backdrop.fade {
    transition: opacity 0.15s linear;
}


@media screen and (min-width: 1024px){

    #anularCita{
        right: 25%;
    }
}


@media screen and (max-width: 1023px) and (min-width: 901px){

    #anularCita{
        right: 20%;
    }
}

@media screen and (max-width: 900px) and (min-width: 768px){

    #anularCita{
        right: 15%;
    }
}

/***** Fin estilos ventanas modales*******/

.btnSedeGris, .btnSedeGris:hover, .btnSedeGris:active, .btnSedeGris:focus {
    display: inline-block;
    width: auto;
    margin: 0 0 1em;
    color: #fff;
    background-color: #004488;
    background: linear-gradient(to bottom, #CFCFCF, #7D7D7D);
    padding: 0.5em;
    border-radius: 5px;
    border: 0;
    font-weight: normal;
}

#pdfFT{
    position:relative;
    left:0;
    bottom:3em;
}

#imgDescarga{
    width: 48px;
    height: 48px;
    position: relative;
    left:0;
    display: inline;
    margin-top: 0;
    margin-bottom: 2em;
    top: 2em;
    cursor:pointer;
}

#txtDescarga{
    position:relative;
    left:0;
    top: 3em;
}

#libroTaller {
    width: 95%;
    font-size: 1em;
    margin-left: auto;
    margin-right: auto;
}

#libroTallerMan {
    width: 100%;
    font-size: 1.2em;
    margin-left: auto;
    margin-right: auto;
}

#provinciaedi{
    margin-bottom: 0;
}

#municipioedi{
    margin-top: 8%;
    margin-bottom: 0;
}


form label {
    display: inline-block;
    width: 100px;
}

form div {
    margin-bottom: 10px;
}

.error-taller {
    color: red;
    margin-left: 5px;
    display: block;
}


label.error {
    display: inline;
}

fieldset.procedure label.check-all, fieldset.procedure span.check-accordion label, div.rgpd label, div.matriculasform-label label{
    width: initial;
}

tr.contenidoTabla {
    font-size: 0.8em;
}
/*** FIN CATÁLOGO SERVICIOS ***/