/* --------- MK_Generic ------------- */
/******* version 13/07/2015 ***********/

h3{
    font-family: 'OpenSansRegular', Helvetica, Arial, sans-serif;
}

.ovt_banner{
    color: #fff;
    background: #bf0000 url("../../images/MK_lmcBannerBg.png") repeat-x top;
    padding-top: 0.7em;
    overflow: hidden;
   	min-height: 63px;
}
.ovt_banner h2{
    float: left;
    line-height: 42px;
    background: url("../../images/MK_ico_folder.png") no-repeat top left;
    padding-left: 51px;
    font-size: 1.875em;
}
.logout{
    float: right;
    margin-left: 1em;
    margin-top: 0.5em;
}
.logout:before{
    content: "|";
    padding-right: 1em;
}
.username{
    float: right;
    margin-top: 0.5em;
}
.logout a,
.username a{
    color: #fff;
}
.text_lopd{white-space: pre-line;}

@media (max-width: 47.938em) {
    .ovt_banner{
        min-height: 4.4675em;
    }
    .ovt_banner h2{
        font-size:1.375em;
        margin-top: -0.4em;
        background-position: 0 6px;
        height: 2.4em;
    }
   .logout{
        float: left;
        font-size: 0.813em;
        margin-top: -1em; 
		margin-bottom: 1em;
     }
    .logout:before{
    	content: "|";
        padding-right: 0.3em;
    }
    .logout:after{
		content: " ";
     }
    .username{
        float: left;
        clear: left;
        font-size: 0.813em;
        margin-left: 4em;
        margin-right: 0.3em;
        margin-top: -1em;
        margin-bottom: 1em; 
     }


}



.destacat_text_avancat_cont input{
    margin: 0 1.429em 1.429em 1.429em;
}

.bgWhite{
    background-color: white;/*!important;*/
}

.input-group-btn_Remedy{
    font-size: 1em;
}
.destacat_text_avancat_cont h3{
    display: block;
}

.destacat_text_avancat_cont .list-group-item{
    margin: 0 1em 1em 1em;
    font-family: 'OpenSansSemibold';
    border-left:none;
    border-right:none;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
    padding-left: 0.125em;
}

.destacat_text_avancat_cont .input-group{
    margin-right: 1.313em;
    margin-bottom: 1.429em;
}
/*
.destacat_text_avancat_cont input[type="text"]{
}
*/

.basic_title > strong{
    color: #333;
}

.notificationDilemma{
    /*width: 45%;
    float:left;
    margin-right: 5%;
    margin-top: 1.250em;
    margin-bottom: 1.2em;
    padding: 2em;


    */
    background-color: #f5f5f5;
    color: #666;
    margin-bottom: 1.5em;
    padding-top: 1em;
    padding: 1.5em;
    width: 48.5%;
    /*margin-right: 8.3%;*/
}
.notificationDilemma:first-of-type{
    margin-right: 1.5em;
}

.notificationDilemma > p{
    font-size: 0.813em !important;
}
.notificationDilemma .btn{
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}
@media (max-width: 992px) {
    .notificationDilemma{
        width: 100%;
    }
}
.llistat_destacat_text_avancat h3{
    color: #333;

}

@media (min-width: 47.939em){
    .llistat_destacat_text_avancat_cont .destacat_text_avancat_cont{
        width: 100%;
        display: block;
    }    
}
@media (min-width: 62em){
    .llistat_destacat_text_avancat_cont .destacat_text_avancat_cont{
        display: table-cell;
        width:19.438em;
    }
}

/* ------------------------------------------------------------------------ */
/* ---------------------------------  Note & Paper --------------------------- */
/* ------------------------------------------------------------------------ */
.note {
    position: relative;
    padding: 1em 1.5em;
    margin: 2em auto;
    overflow: hidden;
    background-color: #fff;
    color:#666666;
}

.note:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: block;
    border:solid 1px #ccc;
    pointer-events: none;
}
.note:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    border-width: 0 20px 20px 0;
    border-width: 0 0 20px 20px ;
    border-style: solid;
    border-color: #ccc #fff #fff  #ccc;
    background: #ccc;
    /* Firefox 3.0 damage limitation */
    display: block; width: 0;
}

.note.note_whiteGrey:after{
    border-color: #ccc #f5f5f5 #f5f5f5 #ccc !important;
}
.note.notice{
    color: #333333;
    background-color: #fdebb0 !important;
    border:none;/* #fdebb0;*/
}
.note.notice:before{
    border:solid 1px #fdebb0;

}
.note.notice:after{
    border-color: #f2c463 #fff #fff #f2c463 !important;
    background: #fdebb0;
}
.note.notice > p{
    margin-left: 4em;
    margin-top: 0.5em;
}
.note.notice > p:before{
    background-color:#f0cd67 !important;
    /*content: "¡";*/
    content: url("../../images/ico_alert_i.png");
    width: 1.2em;
    height: 1.2em;
    font-size: 2em;
    vertical-align: top;
    line-height: 0.8em;
    position: absolute;
    left: 0.8em;
    top:0.6em;
    text-align: center;
    border-radius: 50%;
    color: white;
    font-family: 'OpenSansSemibold';
    padding-top: 0.2em;
}

.note.notice.noticeGrey:after{
    border-color: #f2c463 #f5f5f5 #f5f5f5 #f2c463 !important;
}
@media (max-width: 47.938em) {
    .note p{
        font-size: .875em;

    }
    .note{
        padding: .938em;
    }
}


.paper {
    border: 1px solid #ddd;
    background: white;
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 1em 1.5em;
    box-shadow: .2em .2em .2em #e5e5e5;
    margin-bottom: 1em;
}

.paper2 {
	/*     background: white; */
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 0.75em 0em;
	/*     box-shadow: .2em .2em .2em #e5e5e5; */
    margin-top: 3em;
    padding-left: 1.5em;
    color: black;
/*     padding-top: 1.5em; */
}

.paper3 {
    background: white;
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 1em 1.5em;
    box-shadow: .2em .2em .2em #e5e5e5;
    margin-bottom: 1em;
    padding-left: 2.25em;
    padding-top: 1.5em;
}

.paper4 {
    background: white;
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 1em 1.5em;
    box-shadow: .2em .2em .2em #e5e5e5;
    margin-bottom: 0.3em;
    padding-left: 1.25em;
    padding-top: 0.3em;
    padding-right: 0.1em
}

.selectPaper{
    background-image: linear-gradient(45deg, transparent 50%, #c00000 50%), linear-gradient(135deg, #c00000 50%, transparent 50%), linear-gradient(to right, #ffffff, #ffffff);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
    background-repeat: no-repeat;
    background-color: white;
    
    border-radius: 4px;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 0.5em 3.5em 0.5em 1em;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    
	width: 100%;
    box-shadow: 0.2em 0.2em 0.2em #e5e5e5;
    border: none;
    margin-bottom: 1em;

}


.btnAuxEnabled {
  cursor: pointer;
}

.btnAuxDisabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.btnAuxDisabled > a {
  color: currentColor;
  display: inline-block;  /* For IE11/ MS Edge bug */
  pointer-events: none;
  text-decoration: none;
  width:100%;
}

.flex-container {
	display: flex;
}

.flex-container-space-evenly {
	display: flex;
    flex-flow: wrap;
    justify-content: space-evenly;
}

.flex-container-space-between {
	display: flex;
	justify-content: space-between;
}

.flex-container-gap1 {
	display: flex;
	gap: 1em;
	justify-content: center;
	flex-wrap: wrap;
}

.flex-container-column {
	display: flex;
	flex-direction: column;
}

.flex-container-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.align-items {
	align-items: center;
}

.targeta {
	background: white;
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 1.5em 2em;
    box-shadow: .2em .2em .2em #e5e5e5;
    margin-bottom: 1em;
	display: flex;
	flex-direction: column;
	max-width: 35em;
	min-height: 360px;
}

.targeta-titol {
	font-family: "OpenSansBold", Helvetica, Arial, sans-serif!important;
    font-size: 1.3em;
	color: black;
	margin-bottom: 0.2em;
}

.error-titol {
    font-family: "OpenSansBold", Helvetica, Arial, sans-serif!important;
    font-size: 1.3em;
    color: black;
}

.titol-presentador {
	/* font-family: "OpenSansSemiBold", Helvetica, Arial, sans-serif!important; */
    font-size: 1.3em;
	margin-bottom: 1.2em;
	margin-top: 2em;
}

.titol-expedient-relacionat {
    font-size: 1.3em;
	margin-bottom: 1.2em;
	margin-top: 2em;
}

.paperError {
    background: #faecec;
    color: #c00046;
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 1em 1.5em;
    box-shadow: .2em .2em .2em #e5e5e5;
    margin-bottom: 1em;
    padding-left: 2.25em;
    padding-top: 1.5em;
}

.targeta-detall {
	color: black;
	margin-bottom: 15px;
}

.targeta-avantages {
    font-size: 14px;
	color: black;
	margin-bottom: 15px;
}

.targeta-avantages b {
	font-family: "OpenSansBold", Helvetica, Arial, sans-serif!important;
}

.targeta-avantages ul {
	padding: 0px 0px 0px 20px;
}

.targeta-icono {
	margin-bottom: 15px;
	text-align: center;
}

.separador {
	height: 15px;
}

.btn-form {
	width: 100%;
	padding: 8px 19px;
}

.targeta li {
	list-style-type: disc !important;
}

.missatge-titol {
	font-family: "OpenSansBold", Helvetica, Arial, sans-serif!important;
	font-size: 1em;
	margin-bottom: 2px;
}

.missatge-info {
	background: #deeeff;
	padding: 1em;
	display: flex;
	gap: 1em;
}

.missatge-info ul {
	padding: 0px 0px 0px 20px;
	font-size: 15px;
}

.missatge-info li {
	list-style-type: disc !important;
}

.missatge-info-notbackground {
    display: flex;
}

.missatge-info-notbackground ul {
    padding: 0px 0px 0px 20px;
    font-size: 15px;
}

.missatge-info-notbackground li {
    list-style-type: disc !important;
}

.missatge-advertiment {
	background: #ffefbf;
	padding: 1em;
	display: flex;
	gap: 1em;
}

.missatge-advertiment ul {
	padding: 0px 0px 0px 20px;
	font-size: 15px;
}

.missatge-advertiment li {
	list-style-type: disc !important;
}

.missatge-error {
    background: #FEEBEB;
    padding: 1em;
    display: flex;
    gap: 1em;
    margin-top: 1em;
    align-items: center;
}

.missatge-titol-opcions {
    font-size: 15px;
}

.margin-top-bottom {
	margin-top: 0.5em;	
	margin-bottom: 0.5em;	
}

.margin-top-auto {
    margin-top: auto;
}

.icono-indentificacio {
    width: 4em;
    height: 4em;
}

.missatge-icono {
    width: 2.5em;
    height: 2.5em;
}

.icono-link-presentador {
    height: 17px;
}


.icono-xs {
	width: 1.5em;
    height: 1.5em;
}

.icono-l {
    width: 3em;
    height: 3em;
}

.icon-in-text {
	margin-left: 0.5em;
	margin-right: 0.5em;
	font-size: 0.7em;
}

.color-red {
	color: #BF0000;
}

.paperCalendar {
    border: 1px solid #ddd;
    background: white;
/*     position: relative; */
    z-index: 1;
    width: 100%;
    padding: 1em 1.5em;
    box-shadow: .2em .2em .2em #e5e5e5;
    margin-bottom: 1em;
}

.paperHighlight{
    background-color: #fdebb0;
}

.paperHighlight .ovt dt, .paperHighlight .ovt dd{
    border-color: white;
}
.paperIcon{
    padding-left: 5em;
    padding-bottom: 1.5em;
}
/*
.paperIcon:before{
    content: "TODO";
    position: absolute;
    left: 1em;
}*/
.paperIcon dl:before, .paperIcon dl:after{
    display: table;
    content: " ";
}

.paperIcon dt, .paperIcon dd{
    float: left;
}
.paperIcon dt{
    clear: both;
    width: 25%;
    font-weight: normal;
}
.paperIcon dd{
    width: 75%;
    font-weight: bold;
}
.bgGrey .paper{
    border: none;
}

#ovt_nav {
    border-bottom: solid 1px #ccc;
    overflow: visible;
}

#ovt_nav,
#ovt_nav ul{
    padding: 0;
    margin:  0;
}

#ovt_nav li{
    width: 14.285%;
    height: 6.5em;
    padding: 0.75em;
    border-left: solid 1px #ccc;
    float: left;
    background-color: #f5f5f5;
    position: relative;
}
#ovt_nav li:last-child{
    border-right: solid 1px #ccc;
}
#ovt_nav .title,
#ovt_nav .subtitle{
    font-size: 0.813em;
    line-height: 1.3em;
}
#ovt_nav .title{
    font-family: 'OpenSansSemibold';
    font-size: 1em;
    margin-bottom: 0.4em;
    line-height: 1.2em;
}
#ovt_nav a .title{
    color: #bf0000;
}
#ovt_nav .subtitle{
    color: #999;
}

#ovt_nav .acces_info .title{
    font-size: 0.9em;
}

#ovt_nav .active{
    background-color: #fff;
}
#ovt_nav .active :before{
    content: "";
    position: absolute;
    bottom: -1px;
    right: 0;
    width: 100%;
    height: 1px;
    display: block;
    background-color: #fff;
}
#ovt_nav a:hover{
    text-decoration: none !important;
}



@media (max-width: 47.938em) {
    #ovt_nav .container{
        padding-left: 0;
        padding-right: 0;
    }
    #ovt_nav .subtitle{
        display: none;
    }
    #ovt_nav .title{
        font-size: 0.813em;
    }
    #ovt_nav li:last-child{
        border: none;
    }
    #ovt_nav li{
        width: 100%;
        height: 2.8125em;
        background-color: #EEE;
        color: #333;
        border: none;
        border-bottom: solid 1px white;
        padding-left: 3.125em;
    }

    #ovt_nav a .title{
        color: #333;
    }
    #ovt_nav .active{
        background-color: #666;
        color: #fff;
    }
    #ovt_nav .active:before{
        content: url('../../images/MK_dot_white.png');
        margin-left: -2em;
        position: absolute;
    }
    .capcelera_basica.col-sm-12{
        min-height: 0 !important;
    }
    .paperIcon.icon-signar > ul,
    .paperIcon.icon-emplenar > ul,
    .paperIcon.icon-enviar-doc > ul,
    .paperIcon.icon-imprimir-doc > ul,
    .paperIcon.icon-pregunta > ul{
        padding-left: 0;
        font-size: 0.875em;
    }
    .paperIcon dt, 
    .paperIcon dd{
        width: 100%;
    }
    .paperIcon dd{
        margin-bottom: 0.5em;
    }
    /*
    .llistat_collapse_cont .panel{
        border-top: none;
    }
    .llistat_collapse_cont .panel .panel-heading a {
        border-bottom: 4px solid #333;
        color: #333;
    }
    .llistat_collapse_cont .panel .panel-heading a.collapsed{
        border-bottom: 4px solid #BF0000;
        color: #BF0000;
    }*/
    .paper.paperIcon.icon-euro{
        padding-left: 0;
    }
    .paper.paperIcon.icon-euro h4,
    .paper.paperIcon.icon-euro p{
        padding-left:5em;
        padding-bottom: 1em;
    }
    .paper2.paperIcon{
    
    }
}

@media (min-width:47.938em) and (max-width: 1200px){
    #ovt_nav li{
        padding-left: 0.438em;

    }
    #ovt_nav .title{
         font-size: 0.813em;
         
    }
    #ovt_nav .subtitle{
         font-size: 0.688em;
         margin-top: -0.3125em;
         
    }
}


.lmc_torna{
    float: right;
    font-family: 'OpenSansSemibold';
    margin-top: 20px;
}

.lmc_torna_lt{
    font-size: 2em;
    font-weight: bold;
}
.lmc_torna_btn{
    clear: both;
    float: left;
}

.ovt_print{
    padding-left: 2em;
}
.ovt_print:before{
    content: url("../images/MK_ico_print_red.png");
    padding-right: 0.625em;
}
.ovt_back{
}
.ovt_back:before{
    content: url("../../images/NG_ico_mes_consultat.png");
    padding-right: 0.625em;
    position: relative;
    top:0.125em;
}



.bgDarkGrey{
    background-color: #777;
    color: #fff;
}
.lineGrey{
    height: 0.063em;
    background-color: #ddd;
    overflow: hidden;
}

.ovt_noti_bar > div{
    float: left;
    margin: 1em 1em 1em 0;
}
.ovt_noti_bar > div:after{
    content: "|";
    padding-left: 1em;
}
.ovt_noti_bar > div:last-child:after{
    content: "";
    padding-left: 0;
}
@media (max-width: 47.938em) {
    .ovt_noti_bar{
        padding: 1em 0;

    }
    .ovt_noti_bar > div:after{
        content: ""; 
    }
    .ovt_noti_bar > div{
        margin:0 ;
        float: none;
        font-size: 1em;
        line-height: 1.25em;
    }
    .note {
        /*margin: 0;*/
    }
    .note.notice{
        margin-bottom: 2em;
    }
    /*.ovt_menu_steps{
        display: none;
    }*/
    .ovt_print{
        padding-left: 0em;
        display: none;
    }
    .ovt_print:before{
        content: "";
        padding-right: 0em;
    }
    .ovt_back{
        font-size: 0.938em;
        width: 100%;
    }
    .lmc_torna{
        float: none;
        text-align: right;
    }
    .lmc_torna_btn .btn_ico_print{
        display: none;
    }
}
@media (max-width: 74.938em) {
    .ovt_menu_steps{
        display: none;
    }
    .llistat_collapse_cont .panel{
        border-top: none;
    }
    .llistat_collapse_cont .panel .panel-heading a {
        border-bottom: 4px solid #333;
        color: #333;
    }
    .llistat_collapse_cont .panel .panel-heading a.collapsed{
        border-bottom: 4px solid #BF0000;
        color: #BF0000;
    }
}

.signaturaNumberList{
    counter-reset:li;
}
.signaturaNumberList > li{
    list-style:none;
    position:relative;
    margin: 1.8em 1.5em;

}
.signaturaNumberList > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:-6px;
    left:-3em;
    background-color:#bf0000;
    width: 2.2em;
    height: 2.2em;
    text-align: center;
    border-radius: 50%;
    color: white;
    padding-top: 0.4em;
    font-family: 'OpenSansSemibold';
}
.signaturaNumberList > li:last-child:before{
    background-color:#f0cd67 !important;
    /*content: "¡";*/
    content: url("../../images/ico_alert_i.png");
    font-size: 2em;
    width: 1em;
    height: 1em;
    padding-top: 0.1em;
    padding-left: 0.05em;
    vertical-align: top;
    line-height: 0.54em;
    left: -1.5em;

}
.btn.bgRed{
    font-size: 0.938em;
    font-family: "OpenSansSemibold", Helvetica, Arial, sans-serif!important;
}
.bgGrey9{
    background-color: #999;
}
.btn.bgGrey9{
    font-size: 0.938em;
    font-family: "OpenSansSemibold", Helvetica, Arial, sans-serif!important;
}
.bgGrey6{
    background-color: #666;
}


p.destacat_lmc{
    font-size: 1.063em;
}


.bottom_buttons{
    margin-top: 1.75em;
}

.mb_20-xs{
    margin-bottom: 20px;
}

.adjunt_white{
    background-color: #fefae7;
    padding: 0 1em;
    margin-top: 1em;
}

.attach-file{
    width: 60%;
    background-color: #f5f5f5;
    padding: 1em;
    margin: 1em 0;
}
.attach-file .select-file{
    width: 80%;
    float: left;
}
.attach-file .submit-btn{
    width: 20%;
    float: right;
    text-align: right;
}
.attach-file:after {
  content: "";
  display: table;
  clear: both;
}

/* ------------------------------------------------------------------------ */
/* ---------------------------------  icons  --------------------------- */
/* ------------------------------------------------------------------------ */
.btn_ico_secure{
    background-image: url("../../images/MK_ico_secure.png") !important;
}
.btn_ico_key{
    background-image: url("../../images/MK_ico_key.png") !important;
}
.btn_ico_plus{
    background-image: url("../../images/MK_ico_plus.png") !important;
}
.btn_ico_redo{
    background-image: url("../../images/MK_ico_redo.png") !important;
}
.btn_ico_wheel{
    background-image: url("../../images/MK_ico_wheel.png") !important;
}
.btn_ico_cancel{
    background-image: url("../../images/MK_ico_cancel.png") !important;
}
.btn_ico_print{
    background-image: url("../../images/MK_ico_print.png") !important;
}

.btn_ico_plus,
.btn_ico_key,
.btn_ico_secure,
.btn_ico_redo,
.btn_ico_wheel,
.btn_ico_cancel,
.btn_ico_print{
    background-repeat: no-repeat !important;
    background-position: 0.75em 0.5em !important;
    padding-left: 40px;
}

.ico_inline{
    vertical-align: middle;
    margin-right: 0.3em;
}
.paperIcon.icon-download:before{
    content: url("../../images/MK_ico_download_file_2.png");
    position: absolute;
    left: 1em;
}

.paperIcon.icon-emplenar:before{
    content: url("../../images/MK_ico_circle_pencil.png");
    position: absolute;
    left: 1em;
}

.paperIcon.icon-signar:before{
    content: url("../../images/MK_ico_circle_stamp.png");
    position: absolute;
    left: 1em;
}
.paperIcon.icon-ok:before{
    content: url("../../images/MK_ico_check.png");
    position: absolute;
    left: 1em;
}
.paperIcon.icon-enviar-doc:before{
    content: url("../../images/MK_ico_circle_file.png");
    position: absolute;
    left: 1em;
}
.paperIcon.icon-imprimir-doc:before{
    content: url("../../images/MK_ico_circle_print.png");
    position: absolute;
    left: 1em;
}

.paperIcon.icon-bell:before{
	content: url("../../images/bell.png");
    position: absolute;
    left: 0.5em;
}

/* Formularis */
.accordionPlegat:before{
    content: url("../../images/NG_ico_desplegar.png") !important;
    position: absolute;
    top: 15px;
}
.accordionDesplegat:before{
    content: url("../../images/NG_ico_plegar.png") !important;
    position: absolute;
    top: 15px;
}
/* .icon-red-point:before{ */
/*     content: url("../../images/NG_ico_list_red.png") !important; */
/*     position: absolute; */
/*     left: 3em; */
/*     top: 2em; */
/* } */
/* Pregunta formularis */

.paperIcon.icon-euro:before{
    content: url("../../images/MK_ico_circle_euro.png");
    position: absolute;
    left: 1em;
}
.paperIcon.icon-cartaPagament:before{
    content: url("../../images/ico_doc_bar_code.png");
    position: absolute;
    left: 1em;
}
.paperIcon.icon-tarjetaCredit:before{
    content: url("../../images/ico_credit_card.png");
    position: absolute;
    left: 1em;
}


/* ------------------------------------------------------------------------ */
/* ---------------------------------  Menu Steps  --------------------------- */
/* ------------------------------------------------------------------------ */
.ovt_menu_steps{
    clear: both;
}
.ovt_menu_steps ul{
    margin-left: 0;
    padding-left: 0;
}
.ovt_menu_steps li{
    color: #b00202;
    border-bottom: solid 4px #b00202;
    float: left;
    margin-right: 1.5em;
    padding: 0.5rem 1.9rem 0.5rem 1.9rem;
    font-family: 'OpenSansSemibold';
    line-height: 1.429rem;
}
.ovt_menu_steps li.active{
    color: #333;
    border-color: #333;
}

.ovt_menu_steps li.active:before{
    /*content: "\25BC";*/
    content: url("../../images/fletxa_pestanyes.png");
    position: absolute;
    z-index: 2;
    left: 45%;
    /*line-height: 1.429rem;*/
    /*height: 12px;*/
    margin-top: 2.1rem;
}

.ovt_menu_steps_anon li.active:before{
    /*content: "\0025BC";*/
    content: url("../../images/fletxa_pestanyes.png");
    position: absolute;
    z-index: 2;
    left: 45%;
    /*line-height: 1.429rem;*/
    /*height: 12px;*/
    margin-top: 1.43rem;
}

.ovt_menu_steps, .ovt_menu_steps a, .ovt_menu_steps a:visited, .ovt_menu_steps a:hover{
    text-decoration: none!important;
    color: #b00202;
}

.ovt_menu_steps_below li{
    /*margin-top: -0.7em;*/
    border-bottom: none;
    border-top: solid 4px #b00202 !important;
    margin-bottom: 1em;
}

.ovt_menu_steps_below li.active{
    margin-top: -0.7em;
    border-bottom: none;
    border-color: #333 !important;

}
.ovt_menu_steps_below li.active:before{
    /*content: "\25B2";*/
    content: url("../../images/fletxa_pestanyes_bottom.png");
    position: relative;
    position: absolute;
    left: 45%;
    z-index: 2;
    top: -2.74em;
}

.nav>li>a {
    padding: 10px 11px;
}

@media (min-width: 47.938em) {

    .llistat_collapse_cont .panel{
        border: none;
    }
    .llistat_collapse_cont .container{
        padding-left: 0;
        padding-right: 30px;
    }
}

.tab-content .panel-collapse{
    background-color: #f5f5f5;
}

.llistat_collapse.col-sm-12{
    padding-right: 0;
    padding-left: 0;
}
 .panel-heading{
    padding-right: 15px !important;
    padding-left: 15px !important;
}

@media (min-width: 47.939em){
    .llistat_collapse_cont .panel-default>.panel-heading a.collapsed{
        background: url(../../images/NG_desplegar.png) no-repeat right 0.300em;
        padding-right: 22px;
    }
    .llistat_collapse_cont {
        margin: 0 1.875em;
    }
}

.llistat_collapse_cont {
    margin: 0;
}

@media (min-width: 47.939em){
    .llistat_collapse_cont .panel-default>.panel-heading a {
        background: url(../../images/NG_plegar.png) no-repeat right 0.300em;
    }
}
/* ------------------------------------------------------------------------ */
/* ---------------------------------  Menu Steps Numbers --------------------------- */
/* ------------------------------------------------------------------------ */
.ovt_menu_steps_ol ul{
    margin-left: 0;
    padding-left: 0;
    width: 1180px;
}
.ovt_menu_steps_ol > ul{
    counter-reset:li;
}
.ovt_menu_steps_ol > ul > li{
    list-style:none;
    position:relative;
    padding-left: 2.5em;

}

.ovt_menu_steps_ol > ul > *:after{

    content:counter(li);
    counter-increment:li;

    position:absolute;
    left: 0.5em;
    top:0;
    
    width: 1.5625em;
    height: 1.5625em;

    text-align: center;

    border-radius: 50%;
    color: #bf0000;
    border: solid 1px #bf0000;
    
    font-family: 'OpenSansSemibold';
    font-size: 0.9em;

}

.ovt_menu_steps_ol > ul > *.active:after{
    background-color: #333;
    border-color: #333;
    color: white;
}

.ovt_menu_steps_ol .inactive{
    color: #CCC;
    border-color: #CCC !important;
}
.ovt_menu_steps_ol .inactive a{
    color: #CCC;
}
.ovt_menu_steps_ol > ul  > *.inactive:after {
    color: #CCCCCC;
    border-color: #CCCCCC;
    font-weight: normal;
}

.ovt_menu_steps .nav-tabs,.ovt_menu_steps .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
    border: none;
}
.ovt_menu_steps .nav>li>a:hover{
    background-color: white;
}

.ovt_menu_steps .nav>li,.ovt_menu_steps .nav>li>a ,.ovt_menu_steps .active,.ovt_menu_steps .active::before{
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}


.ovt_menu_steps li>a{
    padding-bottom: 0.5em !important;
}

.ovt_menu_steps_below li>a{
    padding-top: 0.5em !important;

}
.ovt_menu_steps_below.ovt_menu_steps_ol > ul > *:after{
    top: 0.5em;
}

.llistat_collapse.tab-content .panel-heading{
    padding-bottom: 0!important;
    padding-top: 1.3em;
}
body{
    counter-reset: section;
}

h4.panel-title a{
    color: #BF0000;
}
h4.panel_title_ol:before{
    counter-increment: section;
    content: counter(section);

    position:absolute;
    
    width: 1.5625em;
    height: 1.5625em;

    text-align: center;

    border-radius: 50%;
    color: #bf0000;
    border: solid 1px #bf0000;
    
    font-family: 'OpenSansSemibold';
    font-size: 0.9em;
}
h4.panel_title_ol a{
    padding-left: 2em !important;
}
h4.panel_title_ol a .active{
    color: #333333;
}

/* ------------------------------------------------------------------------ */
/* ---------------------------------  Tables --------------------------- */
/* ------------------------------------------------------------------------ */

.ovt_table{
    margin-bottom: -5px;
}

.ovt_table .row{
    border-bottom: solid 1px #ccc;
    padding-top:1em;
    padding-bottom:1em;
    margin-left: 0;
    margin-right: 0;
    color: #666;
}

.ovt_table_header{
    font-family: 'OpenSansSemibold';
    font-size: 1.125em;
    color: #33383F;
}

.ovt_table_header.row{
    border-bottom: solid 2px #ccc;
    margin-left: 0;
    margin-right: 0;
    color: #33383F;
}
.ovt_table .row div:first-child{
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.ovt_table_noLast .row:last-child{
    border-bottom: none!important;
}
.ovt_table .row .center{
    padding-right: .3em !important;
    padding-left: .3em !important;
}
.ovt_table_header a,
.ovt_table_header a:hover,
.ovt_table_header a:visited{
    color: #33383F;
    text-decoration: none !important;
}

@media (max-width: 47.938em) {
    .ovt_table .row div,
    .ovt_table .row .center{
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
    .ovt_table{
        display: table;
        width: 100%;
    }
    .ovt_table .row{
        /*display: table-row;*/
    }
    
    .ovt_table .col-md-1:before,
    .ovt_table .col-md-2:before,
    .ovt_table .col-md-3:before,
    .ovt_table .col-md-4:before,
    .ovt_table .col-md-5:before,
    .ovt_table .col-md-6:before{
        content: attr(data-th);
        display: table-cell;
        /*width: 40%;*/
        width: 10em;
        font-family: 'OpenSansSemibold', Helvetica, Arial, sans-serif;
        color: #333;
    }

    .ovt_table .col-md-1,
    .ovt_table .col-md-2,
    .ovt_table .col-md-3,
    .ovt_table .col-md-4,
    .ovt_table .col-md-5,
    .ovt_table .col-md-6{
        font-size: 0.875em;
        display: table-row;
        text-align: left;
        width: 60%;
    }

    .ovt_table .col-md-1:after,
    .ovt_table .col-md-2:after,
    .ovt_table .col-md-3:after,
    .ovt_table .col-md-4:after,
    .ovt_table .col-md-5:after,
    .ovt_table .col-md-6:after{
        content: ".";
        width: 1px;
        color: white;
        margin-bottom: 0.625em;
        display: inline-block;
    }
}

/* dl with clearfix hack */
dl.ovt:before, dl.ovt:after{
    display: table;
    content: " ";
}
dl.ovt:after{
    clear: both;
}
.ovt dt, .ovt dd{
    float: left;
    border-top: solid 1px #ccc;
    padding: 0.8em 0;
}
.ovt dt{
    clear: both;
    width: 33.3333333%;
}
.ovt dd{
    width: 66.6666666%;
}


.paper p{
    font-size: 1em; /*1.125em;*/
    color: #666666;

}


@media (max-width: 47.938em) {
    .paper p{
        font-size: 0.94em; /* 1em; */
    }
    dl{
        font-size: .875em;
    }
    .ovt dd, .ovt dt{
        width: 100%;
        float: none;
        padding: 0;
    }
    .ovt dt{
        padding-top: .563em;
    }
    .ovt dd{
        border: none;
        padding-bottom: .563em; 
    }

    .ovt .btn.bgRed{
        font-size: .813em;
    }
}


.ovt_1_noBorder dt:first-child{
    border:none;
}
.ovt_1_noBorder  dt:first-child + dd{    
    border:none;
}

.icon-emplenar ul, .icon-signar ul, .icon-imprimir-doc ul, .icon-enviar-doc ul{
    list-style: disc;
}

.cerca_oficina{
    background-color: #666;
    color: #fff;
}

.horaCita{
    width: 16%;
    margin-right: 0.5%; /*0.438em;*/
    
    display: table-row;
    float: left;
    box-shadow: .2em .2em .2em #e5e5e5;
    margin-top: 1em;

}
.horaCitaHd{
    background-color: #858585;
    color: white;
    font-family: 'OpenSansSemibold', Helvetica, Arial, sans-serif;
    font-size: 0.813em;
    
    padding: .5em 0 0.5em 1.375em ;
}
.horaCitaBd{
    background-color: white;
    font-size: 0.875em;
    padding: .5em 0 0.5em 1.375em;
    color: #ccc;
}
.horaCitaHdm{
    display: none;
}
.horaCitaBd button{
    border: none;
    background: none;
    padding-left: 0;
    color: #BF0000;
    font-size: 1em;
}
.horaCitaBd button:hover{
    text-decoration: underline;
}
.searchResults .row:not(:first-of-type){
    background-color: #fff;
}
.searchResults .row div:first-child{
    padding-left: 1em !important;
}

/* ------------------------------------------------------------------------ */
/* ---------------------------------  Media  Mobile --------------------------- */
/* ------------------------------------------------------------------------ */


@media (max-width: 47.938em) {
    .border-start.bgGrey.padding-bot-md-0.shadowBox2{
        margin-bottom: -0.563em;
    }
    .ovt_banner{
        /*height:3.563em;*/
    }
    .ovt_banner h2{
        /*font-size: 1.375em*/
    }
    .capcelera_basica.col-sm-12{
        min-height: 0!important;
    }




    p.destacat_lmc{
        font-size:0.938em;
        padding-left: 0.813em;
        padding-right: 0.813em;
    }
    .destacat_text_avancat_cont h3{
        font-family: 'OpenSansSemibold', Helvetica, Arial, sans-serif;
        font-size: 1.125em;
    }
    .bottom_buttons{
        text-align: right;
    }
    .bottom_buttons .list-group-item{
        text-align: left;
    }
    .container{
        padding-right: .625em;
        padding-left: .625em;
    }
    .navbar-fixed-top{
        padding-left: .312em;
    }
    h3{
        font-size: 1.250em;
        /*padding-left: 0.625em;*/
        padding-right: 0.625em;
        padding-bottom: 0.625em;
    }
    .horaCita{
        margin-right: 0;
        box-shadow: none;
    }
    .horaCitaHd{
        display: none;
    }
    .horaCitaHdm{
        display: block;
        color: #567671;
        font-size: 1.75em;
        padding-left: 0.125em;
    }
    .horaCitaHdm .catday{
        font-size: 0.464em;
        display: block;
    }
    .horaCitaBd{
        background-color:#f5f5f5;
        padding-left: 0.25em;
        font-size: 0.75em;
    }
    .MK_timepicker{
        margin-left: 1em;
    }
    .horaCitaBtn{
        font-size: 0.750em !important;
        font-family: 'OpenSansSemibold', Helvetica, Arial, sans-serif;
        padding-left:0.625em; 
        padding-right: 0.625em;
    }
}
@media (max-width: 992px) {
    /*.horaCitaBtn{
        font-size: 0.750em !important;
        font-family: 'OpenSansSemibold', Helvetica, Arial, sans-serif;
        padding-left:0.625em; 
        padding-right: 0.625em;
    }*/
}
body .fons_footer {
    margin-top: 40px;
}
/* ---------------------------------------- Util ------------------------------- */
.center{
    text-align: center;
}
.right{
    text-align: right;
}
.green{
    color:#00b400;
}
.noBorder{
    border: none !important;
}
.pt_20{
    padding-top: 20px;
}
.pb_20{
    padding-bottom: 20px;
}
.MK_border{
    border: solid 1px red;
}

.form .clearfix{
    margin-bottom: 1em;
}
@media (max-width: 47.938em) {
    .form .clearfix{
       margin-bottom: 0em;
    }
}
.link-accesible{
    visibility: hidden;
}
input[type="radio"], 
input[type="checkbox"] {

}

.prot-dades{
     font-size: 0.75em;
}

.form-section-header{
    font-size: 1.3em;
    margin: 1.4em 0;
}
.form .lineGrey {
    margin: 1.250em 0;
}
div.paperHighlight h4.basic_title_peq,
div.note h3.basic_title_peq{
    margin-top: 0 !important;
}

.last-line{
    border-top: solid 1px #ccc;
    margin-top: -1em;
    padding-top: 1em;
}
.paperHighlight .last-line{
    border-color: white;
}
.icon-euro h4{
    margin: 0.5em 0  1em 0;
}

ul.pagination.hidden-xs{
    /*background-color: red;*/
}

.column.paginacio{
    position: relative;
}
@media (min-width: 992px){
    ul.pagination.hidden-xs:after{
        content: attr(data-tp);
        position:absolute;
        right: 0;
        
        font-family: 'OpenSansSemibold', Helvetica, Arial, sans-serif;
        font-size: 1em;
        color: #bf0000;
        line-height: 1.428571429;
        font-size: 1.250em;
        padding-top: 2px;
        padding-bottom: 2px;
    }
}

.ovt_noBanner{
    background-color: #bf0000;
    color: #fff;
    margin-top: 1.3em !important;
    padding-bottom: 0.5em !important;
}
/*
.ovt_noBanner .clearfix{
    margin-top: 1.3em !important;
    padding-bottom: 0.5em !important;
}
*/
.torna_fly{
    margin-top: -1.9em;
    position: relative;
}

@media (max-width: 47.938em) {
    .ovt_noBanner{
        /*position: absolute;*/
        /*margin-top: 0;*/
        overflow: auto;
        margin-top: 0 !important;
        padding-top: 0.5em !important;
    }
    .ovt_noBanner:after{
        content: ' ';
        position: absolute;
        display: table;

        /*position: absolute;*/
        /*margin-top: 0;*/
    }
    .ovt_noBanner .username{
        float: left;
        clear: left;
        font-size: 0.813em;
        margin-left: 0.3em;
        margin-right: 0.3em;
        margin-top: 0.3em;
    }
    .ovt_noBanner .logout{
 		float: left;
        font-size: 0.813em;
        margin-left: 0em;
        margin-top: 0.3em;
        margin-bottom: 0.3em;
    }
    .ovt_noBanner .logout:before{
        content: "|";
        padding-right: 0.3em;
    }
    .ovt_noBanner .username:after{
        content: "";
    }
    .torna_fly{
        margin-top: .6em;
        position: relative;
}
}

.ovt-menu-xs li{
    border-bottom: 1px solid white !important;
 
}

.ovt-menu-xs button{
    background-color: rgba(0, 0, 0, 0) !important;
    border: none;
    padding: 0;
    width: 100%;
    text-align: left;
    font-size: inherit;
}
.ovt-menu-xs button:focus{
    outline: none;
}

.ovt-menu-xs a{
    width: 100%;
}

.ovt-menu-xs button p{
    float: left;
    padding-top: 0.4em;
}
.ovt-menu-xs button .caret{
    border-top: 6px solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}
.ovt-menu-xs button .caret-warpper{
    float: right;
    border-left: solid 1px #333333;
    padding-left: 0.5em;
}

.ovt-navbar-icon{
    float: left;
    margin-top: 6px;
    margin-left: 8px;
}
.ovt-navbar-icon .icon-bar{
    background-color: #333333;
    display: block;
    width: 16px;
    height: 2px;
    border-radius: 1px;
    margin-right: 19px;
}
.ovt-navbar-icon .icon-bar+.icon-bar {
    margin-top: 2px;
}
.ovt-menu-xs .visible-xs li{
    padding-left: 20px !important;
}
.ovt-navbar-collapse li {
    padding-left: 63px !important;
}

.ovt-navbar-collapse li.active:after{
    content: '�';
    font-size: 3em;
    position: absolute;
    margin-left: -35px;
    line-height: 14px;
}


/*
@media (min-width: 1200px){
.pagination {
    width: 1170px;
}}
@media (min-width: 992px){
.pagination {
    width: 970px;
}}
@media (min-width: 768px){
.pagination {
    width: 750px;
}}
*/

@media (max-width: 74.938em) {
    .panel_title_ol > a{
        padding-bottom: 8px !important;
    }
    h4.panel_title_ol:before{
        margin-top: 5px; 
    }
}
.attach-file .select-file .nicefileinput .NFI-button {
    background-color: #BF0000;
    color: #fff;

    font-size: 0.938em;
    font-family: "OpenSansSemibold", Helvetica, Arial, sans-serif!important;
    
    display: inline-block;
    padding: 6px 19px;

    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;

    border: 1px solid transparent;
    border-radius: 4px;

    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    
}
.attach-file .select-file .nicefileinput .NFI-filename {
    font-size: 0.938em;
    font-family: "OpenSansSemibold", Helvetica, Arial, sans-serif!important;
    
    display: inline-block;
    padding: 6px  !important;

    font-weight: normal;
    line-height: 1.428571429;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
}
@media (max-width: 47.938em) {
    .attach-file .select-file .nicefileinput .NFI-button {
        border-radius: 4px;
        /*float: none !important;*/
        /*display: block !important;*/
    }
    .attach-file .select-file .nicefileinput .NFI-filename {
        clear: left !important;
        margin-top: 10px !important;
        display: none !important;
    }
    .submit-btn.btn-send-file{
        text-align: left !important;
        display: none !important;
    }
    .attach-file .submit-btn{
        float: none;
    }
    .attach-file .select-file .nicefileinput .NFI-filename.show-hidden-inputs,
    .submit-btn.btn-send-file.show-hidden-inputs{
        display: block !important;
    }
}

.llistat_collapse_cont .panel .panel-heading .inactive a.collapsed{
    color: #ccc;
    border-color: #ccc;
}

h4.panel_title_ol.inactive:before{
    color: #CCC;
    border-color: #ccc;
}
.llistat_collapse_cont .panel-default>.panel-heading .inactive a.collapsed{
    background: url(../../images/MK_desplegar_inactive.png) no-repeat right 0.300em;
}

h4.panel_title_ol.seleccionat:before {
	color: white;
    border: solid 1px #333;
    background: #333;
}


@media (min-width:772px) and (max-width:992px){
	.ovt_noBanner{
    	padding-bottom:2.5em !important;
	 	padding-top: 0.5em !important;
	}
	
}

/* forms */
.botoSubmit{
	display: none;
}

.textMissatgeCarregant{
	width:74%;
	margin-left:13%; 
	margin-bottom: 6%;
}

.missatgeCarregant{
	font-size:22px;
	margin-bottom:1%;
	text-align: center;
}

.missatgeMoment{	
	text-align: center;
}

.textBotoSubmit{
	width:74%;
	margin-left:13%;
	display: none;
}

.columna-left {
  float: left;
  width: 50%;
  padding-left:20%;
}

/**Versi� movil*/
@media (max-width: 47.938em){
	.columna-right {
	  padding-left:4% !important;
	   width: 48%;
	}

	.columna-left {
	  padding-left:4% !important;
	   width: 48%;
	}
	.lds-spinner {
		margin-left: 38% !important;
   		margin-bottom: 13% !important;
	}
}

.columna-right {
  float: left;
  width: 50%;
  padding-left:14%;
}
/* Clear floats after the columns */
.fila:after {
  content: "";
  display: table;
  clear: both;
}

.signarFormButton,
.dadesJsonFormButton{
	min-width: 200px;
}

.barraSupport {
	font-size: 0.938em;
/*     font-family: "OpenSansSemibold", Helvetica, Arial, sans-serif!important; */
    padding: 16px;
    padding-right: 50px;
}

.columna-alone{
	float: right;
}

/**Spinner*/
.lds-spinner {
  color: official;
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  margin-left: 48%;
  margin-bottom: 2%;
  margin-top: 6%;
}
.lds-spinner div {
  transform-origin: 31px 28px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 29px;
  width: 5px;
  height: 14px;
  border-radius: 20%;
  background: grey;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* preomplert avan�at */
.preomplert{
	z-index: 9999 !important;
	background: rgba(0,0,0,0.5);
	overflow-y: hidden !important;
}
.preomplert-header{
	border-bottom:none;
}
.btn-preomplert{
	background-color: -internal-light-dark-color(rgb(239, 239, 239), rgb(74, 74, 74)) !important;
}

.preomplert-footer{
	border-top:none; 
	padding:none;
}