*, *:before, *:after {
    box-sizing: border-box;
}
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    src: local("Open Sans"), local("OpenSans"), url("https://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff") format("woff");
}
body {
    color: hsl(0, 0%, 20%);
    font-family: "Open Sans",sans-serif;
    font-size: 12px;
    /*height: 100%;*/
    margin: 0;
    min-width: 825px;
    padding: 0;
    width: 100%;
}
div#home-bg {
    margin: 0 auto;
    max-width: 1000px;
    overflow: hidden;
}
#top-wrapper, #footer-bg {
    box-shadow: 0 0 0 hsl(0, 0%, 0%);
    -moz-box-shadow: 0 0 0 hsl(0, 0%, 0%);
    -webkit-box-shadow: 0 0 0 hsl(0, 0%, 0%);
    position: relative;
    z-index: 2;
}
.shadowonbottom {
    box-shadow: 0 2px 2px 0 #707070;    
    -moz-box-shadow: 0 2px 2px 0 #707070;
    -webkit-box-shadow: 0 2px 2px 0 #707070;
}
.shadowontop {
    box-shadow: 0 -0.5px 1px 0 #808080;
    -moz-box-shadow: 0 -0.5px 1px 0 #808080;
    -webkit-box-shadow: 0 -0.5px 1px 0 #808080;
}
.shadowCookies {
    box-shadow: 0 10px 10px 10px hsl(0, 0%, 60%);
    -moz-box-shadow: 0 10px 10px 10px hsl(0, 0%, 60%);
    -webkit-box-shadow: 0 10px 10px 10px hsl(0, 0%, 60%);
}
#subwrapper {
    display: block;
}
#wrapper {
    display: block;
    width: 100%;
}
div#content {
    /* min-height: 500px; */
    overflow: hidden;
    width: 100%;
}
#footer-bg {
    background-color: #4fa051;
    min-height: 50px;
}
div.top-info {
    background-color: hsl(220, 1%, 40%);
    border-image: none;
    font-size: 100%;
    height: 30px;
    overflow: hidden;
}
div.top-header {
    height: 100px;
}
div.top-header.min {
    height: 30px;
}
div.top-info .top-info-login, div.top-info-logout {
    cursor: pointer;
    float: right;
    margin-top: 6px;
}
.page_header a.top-info-login {
    text-decoration: none;
    color: inherit;
}
.top-info-logout {
    margin-right: 20px;
}
.top-info-login .white {
    margin-right: 25px;
}
span.loggedOut {
    color: hsl(0, 0%, 100%);
}
.top-info-contact {
    float: left;
    margin-top: 6px;
}
div.top-info-contact > div, div.footer-info-contact > div {
    float: left;
    margin-left: 20px;
}
div.top-header div.logo {
    background-image: url("images/logo.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    height: 100%;
    margin-left: 30%;
    width: 40%;
}
div.top-header.min div.logo {
    background-image: url("images/logo.png");
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
    height: 30px;
    margin-left: 20px;
    width: 120px;
    background-size: contain;
}
div.top-header div.socials {
    float: right;
    margin-right: 20px;
}
div.top-header.min div.socials {
    float: right;
    margin-right: 7px;
    height: 33px;
}
div.top-header div.socials span.icon {
    background-color: hsl(0, 0%, 78%);
    background-position: 48% 50%;
    border-radius: 999px;
    -moz-border-radius: 999px;
    -webkit-border-radius: 999px;
    cursor: pointer;
    display: block;
    float: left;
    height: 35px;
    margin: 32px 0 0 10px;
    padding: 0;
    width: 35px;
}
div.top-header.min div.socials span.icon {
    background-color: hsl(0, 0%, 78%);
    background-position: 2px;
    border-radius: 999px;
    -moz-border-radius: 999px;
    -webkit-border-radius: 999px;
    cursor: pointer;
    display: block;
    float: left;
    height: 20px;
    margin: 5px 0 0 10px;
    padding: 0;
    width: 20px;
    background-size: 15px;
}
div#container {
    background-color: hsl(0, 0%, 98%);
    display: block;
    overflow: hidden;
    padding: 0;
    width:100%;
    height: 75vh !important;
    min-width: 1100px;
}
div.footer-header {
    padding: 0 5%;
}
div.footer-info {
    border-bottom: 1px dotted hsl(0, 0%, 100%);
    overflow: hidden;
    padding: 0 5%;
}
div.footer-info div.logo {
    background-image: url("images/logo_bottom.png");
    background-position: center;
    background-size: contain;
    background-repeat:space;
    height: 50px;
    margin: 0;
}
.footer-info-contact {
    float: right;
    line-height: 80px;
}
div.copyright, div.links {
    line-height: 20px;
    margin: 15px 0;
}
div.copyright {
    float: left;
}
div.links {
    float: right;
}
.orange {
    color: #85D387;
}
.blackorange {
    color: #4fa051;
}
.whiteorange {
    color: #b3ecb4;
}
.grey {
    color: hsl(220, 1%, 40%);
}
.black {
    color: hsl(0, 0%, 20%);
}
.black.bold {
    color: hsl(0, 0%, 20%);
    font-weight: 600;
}
.white {
    color: hsl(0, 0%, 100%);
}
.icon {
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    min-height: 20px;
    min-width: 20px;
    padding-left: 20px;
    display: inline-block;
}

.icon.pagat {
    background-image: url("images/icon_pagat.png");
}
.icon.nopagat {
    background-image: url("images/icon_no_pagat.png");
}
.icon.correct {
    background-image: url("images/correct.png");
}
.icon.incorrect {
    background-image: url("images/incorrect.png");
}
.icon.pendent{
    /*background-image: url("images/icon-estado-enproceso.png");*/
    background-image: url("images/incorrect_2021.png");
}
.icon.rebutjat{    
    background-image: url("images/icon_cancelform_red.png");
}
.icon.encurs{
    background-image: url("images/icon-vehicle.png");
}
.icon.login {
    background-image: url("images/icon_user.png");
}
.icon.paramref {
    background-image: url("images/icon_user_paramref.png");
}
.icon.associat {
    background-image: url("images/associat.png");
    background-size: 15px;
}
.icon.logout {
    background-image: url("images/icon_logout.png");
    display:inline;
}
.icon.mobile {
    background-image: url("images/icon_mobile.png");
}
.icon.icon.mobile_bottom {
    background-image: url("images/icon_mobile_bottom.png");
}
.icon.mail {
    background-image: url("images/icon_mail_top.png");
}
.icon.mail_bottom {
    background-image: url("images/icon_mail_bottom.png");
}
.icon.facebook_grey {
    background-image: url("images/icon_facebook.png");
}
.icon.mail_grey {
    background-image: url("images/icon_mail.png");
}
.icon.map_grey {
    background-image: url("images/icon_map.png");
}
.icon.twitter_grey {
    background-image: url("images/icon_twitter.png");
}
.icon.logout {
    background-image: url("images/icon_logout.png");
}
.icon.warning {
    background-image: url("images/bg-warning-dialog-alert.png")
}
.icon.transparent {
    background-image: url("images/inv_bg-warning-dialog-alert.png")
}
.icon.RebutAlert {
    background-image: url("images/icon_AlertRebut.png");
}
.icon.DiaVirtual {
    background-image: url("images/icon-placa.png");
}

div.title {
    overflow: hidden;
    position: relative;
    width: 100%;
}
div.title h1 {
    background-image: url("images/bg-title.png");
    background-position: 0 0;
    background-repeat: repeat-x;
    background-size: auto 100%;
    color: hsl(0, 0%, 100%);
    font-size: 25px;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}
.closeOptions {
    background-image: url("images/search-end.png");
    background-size: 40px 40px;
    cursor: pointer;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    border-left:1px solid #666666;
}

div.min .closeOptions {
    background-image: url("images/search-start.png");
    border:none;
}
div.page > div.ktf-form.min{
	padding:0;
	border:none;
}
div.title div.ktf-form, div.page > div.ktf-form {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: hsl(0, 0%, 85%);
    border-color: hsl(0, 0%, 44%) -moz-use-text-color;
    border-image: none;
    border-radius: 0;    
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-style: dotted none solid;
    border-width: 1px medium 2px;
    border-top: none;
    margin: 0;
    max-width: none;
    overflow: hidden;
    padding: 10px 130px 10px 20px;
    width: 100%;
}
button.searchGrid {
    background-image: url("images/bg-button-gris.png");
    background-size: 100% 100%;
    bottom: 5px;
    clear: both;
    color: #ffffff;
    float: right;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    min-width: 100px;
    padding: 0 15px;
    position: absolute;
    right: 0px;
    border: 1px solid #727272;
}
button.searchGrid.ui-state-hover {
    background-color: transparent;
    background-image: url("images/bg-button-taronja.png");
    background-position: 50% 50%;
    border: 1px solid #727272;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    color: #2f2f2f;
}
button.searchGrid.ui-state-active {
    background-color: transparent;
    background-image: url("images/bg-button-taronja.png");
    background-position: 50% 50%;
    border: 1px solid #727272;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    color: #2f2f2f;
}
button.searchGrid span {
    padding: 0 !important;
}
div.title div.formContent.ktf-form.min {
    border: medium none;
    padding: 0 20px;
}
.page_content {
    display: table;
    overflow: hidden;
    width: 100%;
    height: 79%;
    min-height:800px;
}
#wrapper {
    display: table-row;
    overflow: hidden;
}
#wrapper .col {
    display: table-cell;
    float: none;
    vertical-align: top;
}
.transition {
    transition: all 500ms ease-out 0s;
}
tr:nth-child(2n+1) {
    background-color: #f1f1f1;
}
tr:nth-child(2n) {
    background-color: #ffffff;
}
.avisCookies {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.74);
    bottom: 0;
    color: #85D387;
    margin: 0;
    max-width: 100%;
    min-width: 100%;
    padding-bottom: 20px;
    padding-top: 20px;
    position: fixed;
    z-index: 9999;
}
.titleCookies {
    color: #85D387;
    font-size: 150%;
    font-weight: 500;
    padding-bottom: 5px;
    text-align: center;
    text-transform: uppercase;
}
.textAvisCookies,.buttonsAvisCookies {
    color: #f1f1f1;
    font-size: 98%;
    margin-left: 10px;
    padding: 12px 100px;
    text-align: center;
}
.closeAvisCookies {
    background: none repeat scroll 0 0 #85D387;
    border: 0 none;
    border-radius: 50%;
    color: rgba(0, 0, 0, 0.6);
    cursor: pointer;
    float: right;
    font-weight: 600;
    height: 20px;
    line-height: 17px;
    margin-right: 36px;
    padding-left: 6px;
    text-transform: lowercase;
    width: 20px;
}
.buttonsAvisCookies {
	display:block;
}
.buttonsAvisCookies > button {
  width: auto;
  height: auto;
  margin: 0 2em;
}
.lblAqui {
    color: #85D387;
    cursor: pointer;
}
div.formContent .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: "Open Sans",sans-serif;
    font-size: 12px;
    border: 1px solid hsl(0, 0%, 59%);
    border-radius: 4px;   
    -moz-border-radius: 4px;   
    -webkit-border-radius: 4px;   
}
.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix.ui-state-error {
    margin-top: 25px;
}
div.HTMLContent {
    padding: 10px 40px;
}
input.hasDatepicker.camp {
    text-align: center;
}
div.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
    border: 1px solid #cccccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
div.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}

/*DATEPICKER*/
div.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
    background-color: #ffffff;
}
div.ui-datepicker {
    background-color: #ffffff;
}
table.ui-datepicker-calendar tr {
    background-color: #ffffff;
}
table.ui-datepicker-calendar .ui-state-default {
    background-color: #f3f3f3;
    border: 1px solid #c0c0c0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    color: #535353;
    font-size: smaller;
    padding: 5px 7px;
    text-align: right;
}
table.ui-datepicker-calendar .ui-state-active {
    background-color: #fff5d0;
    border: 1px solid #ffad00;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    color: #535353;
    font-size: smaller;
    font-weight: 700;
    padding: 5px 7px;
    text-align: right;
}
.ui-datepicker table {
    border-collapse: collapse;
    font-size: 0.9em;
    margin: 0 0.4em 0.4em;
    width: auto;
}
div.ui-datepicker-header a.ui-datepicker-next span.ui-icon-circle-triangle-e {
    background-image: none;
    background-repeat: no-repeat;
    border-color: transparent transparent transparent #000000;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    height: 0;
    line-height: 0;
    width: 0;
}
div.ui-datepicker-header .ui-datepicker-next.ui-corner-all {
    margin-top: 3px;
}
div.ui-datepicker-header .ui-datepicker-next.ui-corner-all.ui-state-hover.ui-datepicker-next-hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    cursor: pointer;
    margin-right: 1px;
    margin-top: 4px;
}
.ui-icon-circle-triangle-w {
    background-image: none;
    background-repeat: no-repeat;
    border-color: transparent #000000 transparent transparent;
    border-style: solid;
    border-width: 5px 5px 5px 0;
    height: 0;
    line-height: 0;
    width: 0;
}
div.ui-datepicker-header .ui-datepicker-prev.ui-corner-all {
    margin-left: 10px;
    margin-top: 3px;
}
div.ui-datepicker-header .ui-datepicker-prev.ui-corner-all.ui-state-hover.ui-datepicker-prev-hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    cursor: pointer;
    margin-left: 11px;
    margin-top: 4px;
}
/*FI DATEPICKER*/


*::-moz-selection {
    background: none repeat scroll 0 0 #F5A900;
    color: white;
}
ul.ui-menu li.ui-menu-item a {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
}

/*DIALOG HEADER TABS canvia el header del dialog per defecte si te tabs*/
div.ui-dialog.hasTabs div.ui-widget-header {
    background: url("images/bg-title.png") repeat-x scroll 50% 50%;
    border: 0px none;
    color: #ffffff;
}

div.ui-dialog.hasTabs div.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/* FI HEADER TABS */

/* DIALOG TABS */

div.ui-dialog.hasTabs div.ktf-form {
    padding:0px;
}

div.ui-dialog.hasTabs div.ui-widget-content {
    padding: 0px;
}
div.ui-dialog.hasTabs div.ui-tabs-panel.ui-widget-content.ui-corner-bottom {
    padding: 0px;
}

div.ui-dialog.hasTabs div.ui-tabs div.tableContainer {
    padding: 0px;
}

/* FI DIALOG TABS*/

/* FORM TABS */
div.ui-tabs.ui-widget-content {
    padding: 0px;
    border: 0px;
}

div.ui-tabs div.ui-tabs-panel.ui-widget-content {
    padding: 0px;
}

div.ui-tabs ul.ui-tabs-nav.ui-widget-header {
    background: url("images/bg-subtitle-orange.png");
    border:0px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

div.ui-tabs ul.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all {
    padding-left: 50px;
    padding-top: 5px;
}

div.ui-tabs ul.ui-tabs-nav li {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: hsla(0, 0%, 98%, 0.80);
    border: 0 none;
    text-transform:uppercase;
    font-weight: bold;
}

div.ui-tabs ul.ui-tabs-nav li.ui-tabs-active {
    background: hsla(0, 0%, 98%, 1);
}

/* FI FORM TABS*/

/* TABS, afegeix skew i ombres a dialog i form tabs*/
div.ui-tabs ul.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all li.ui-state-default a:after {
    background: none repeat scroll 0 0 #d1e6d5;
    border-radius: 0 5px 0 0;
    bottom: 0;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
    content: "";
    position: absolute;
    right: -0.5em;
    top: 0;
    transform: skew(10deg);
    width: 1em;
    z-index: 1;
}
div.ui-tabs ul.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all li.ui-state-active a:after {
    background: none repeat scroll 0 0 #f9f9f9;
}

div.ui-tabs ul.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all li {
    float: left;
    padding-bottom: 0px;
}

div.ui-tabs ul.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all {
    overflow: hidden;
}

div.ui-tabs ul.ui-tabs-nav a.ui-tabs-anchor {
    line-height: 25px;
}
/* FI TABS, afegeix skew i ombres*/

.text_uppercase {
    text-transform:uppercase;
}

div.vistaAssociat {
    width: 450px;
    background-color:white;
    color:black;
    margin: 0px 1px;
    padding-top: 5px;
    padding-left: 5px;
    height: 30px;
    float: right;
    /*border-top: 1px solid #4e4e4e;*/
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
            cursor: pointer;
}
div.userAssociat {
    position:relative;
    width: 451px;
    top: -25px;
    left: -8px;
}
span.associat {
    margin-right: 1%;
    /*text-shadow: 0px 1px hsla(41, 100%, 40%, 0.97);*/
    color: #4e4e4e;
    font-weight:bold;
    text-decoration:underline;
}
div.associatName {
    font-size:125%;
    font-weight: bold;
    text-align:right;
    float:right;
    margin-right:20px;
}

div.vistaAssociat input.User_AssociatIdFK {
    /*background-color:red;*/
    height:29px;
    position: relative;
    /* top: -27px; */
    z-index: -9999;
    /* width: 1000px !important; */
    padding: 0px 10px !important;
    border:none;
}

div.vistaAssociat.viewdistribuidor {
    text-align: right;
    padding-right: 20px;
    font-size:125%;
    color: #797979
}

ul.menu-associats a.ui-state-focus{
    /*background-image: url("images/logo_generic.png") !important;*/
    background-repeat: no-repeat;
    background-position-y: 0px;
    background-position-x: 25px;
    background-size: 40px 40px;
    margin-left: 0px !important;
    margin-right:0px !important;
    cursor:pointer;
}


ul.menu-associats a{
    font-size: 125% !important;
    height:40px;
    padding-right: 18px !important;
    padding-top: 5px !important;
    text-align: right !important;
    /*background-image: url("images/logo_generic.png") !important;*/
    background-repeat: no-repeat;
    background-position-y: 0px;
    background-position-x: 25px;
    background-size: 40px 40px;
    background-color:white;
    margin-left: 0px !important;
    margin-right:0px !important;
    cursor:pointer;
}

ul.menu-associats {
    background: none !important;
    border: 1px solid #cecece !important;
    padding: 0px !important;
    border-top: none !important;
}

div.dialogDades div.i-h.input.User_AssociatIdFK {
    width: 459px !important;
    position:relative;
    left: -3px;
}

img.logo-empresa {
    float:left;
    max-width:30px;
    max-height:30px;
    margin:5px;
}

div.kSimpleAnuncis 
{
    width:200px;
    min-width: 200px;
    border-left: 2px solid #4fa051;
}

table.dataTable .text-align-right {
    text-align: right;
}
table.dataTable th.text-align-right {
    padding-right: 20px !important;
}
td.text-align-right div.contentinput input {
    float: right;
}
.text-align-right {
    font-size: 120%;
    font-weight:bold;
}
.text-align-right-with-margin {
    font-size: 100%;
    padding-right:20px !important;
    text-align: right !important;
}

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

.tableContainer ::-webkit-scrollbar {
    width: 12px;
}
 
.tableContainer ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}
 
.tableContainer ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
        background-color:#b3ecb469; 
}

div.textblk-text { 
    margin: 10px 0px;
    padding-top: 5px;
    font-size: 120%;
    font-weight: bold;
    border-top: 1px dotted black;   
    text-decoration:underline;
}

.no-border div.textblk-text {
    border: none;
}


div.MsgBox.Warning {
    z-index: 9999;
}
table.dataTable a.cotitzacio {
    background-image: url("../xCSS/images/cotitzacio.png");
    width: 28px;
    height: 26px;
    background-size: 24px;
    display: block;
}


/* ESTILS 2021 INICI */


body 
{
	font-family: Open Sans SemiBold;
	height:100%;
	font-size: 14px;
}
.page_content{
	min-height: 781px;
}
.copyright .bold
{
	font-family: Open Sans Bold;
	font-size:14px;
}
div.title h1 
{
	font-family: Poppins SemiBold;
	font-size: 20px;
    background: linear-gradient(#88c38136,25%,#88c381);
    color:#000;
}

button.searchGrid
{
	background-color:#DCDCDC;
	background-image: none;
	border-color: #bbb;
	color:#000;
	right: 19px;
	bottom: 23px;
	height: 26px;
	border-radius: 6px;
	border-color: #bbb;
}

button.searchGrid.ui-state-hover{
	background-image:none;
	background-color:#88C381;
}

.icon.correct
{
	background-image: url("images/correct_2021.png");
}
.page_header {
    display: table;
    width: 100%;
    border-bottom: 1px solid #bbb;
    padding: 10px 0;
    height: 80px;
}

.page_header > div,.page_header > a {
    display: table-cell;
    min-width: 25%;
    vertical-align:middle;
}
.page_header div.socials
{
	float:none;
	margin-right:0px;
}
.page_header div.socials a {
    text-decoration: none;
}

.page_header a.logo{
    background-image: url("images/logo_2021.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    
}
.page_header div.top-info
{
	background:none;
}

.page_header div.top-info .top-info-login, div.top-info-logout
{
	margin-top:0px;
}

.page_header div.top-info .top-info-login, .page_header div.top-info-logout {
    padding-right: 4em;
}

.page_header .socials 
{
	padding-left: 1em;
}

.page_header div.socials span.icon
{
	background-color:transparent;
	margin: 0 0 0 10px;
	background-size: contain;
}

.page_header span.icon
{
	width:33px;
	height:33px;
	background-size:contain;
	display: inline-block;
	padding-right: 1.5em;
}
.page_header div.top-info span {
    vertical-align: middle;
}

.icon.mail_green {
    background-image: url("images/icon_mail_2021.png");
}
.icon.map_green 
{
	background-image: url("images/icon_map_2021.png");
}

.icon.twitter_green
{
	background-image: url("images/icon_twitter_2021.png");
}

.icon.login
{
	background-image: url("images/icon_user_2021.png");
}

.icon.logout
{
	background-image: url("images/icon_logout_2021.png");
}

#footer-bg .links 
{
	text-align: center;
	float: none;
}

#footer-bg .links > * {
    display: inline-block;
    vertical-align: middle;
}

#footer-bg a {
  text-decoration: none;
}

#footer-bg .links a.logo {
    background-image: url("images/logo_bottom_2021.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 40px;
    margin: 0;
    width: 140px;
}

#footer-bg div.copyright, #footer-bg  div.links 
{
	margin:0px;
	padding: 1em 0;
	height: 66px;
}

#footer-bg div.copyright
{
	float: none;
	text-align: center;
	padding-top:24px;
}
#footer-bg div.copyright span {
	vertical-align: middle;
}

div.title div.ktf-form, div.page > div.ktf-form
{
	padding: 1em;
}
button.searchGrid.ui-state-hover
{
	font-size:14px;
}


div.formContent .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
	font-family: Open Sans Regular;
	font-size: 14px;
	font-weight: normal;
}


div.ui-tabs ul.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all {
    overflow: visible;
}

div.ui-tabs ul.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all{
	padding-left: 3px;
}
div.ui-tabs ul.ui-tabs-nav.ui-widget-header{
	background-image:none;
	border-bottom: 1px solid #bbb;
}

div.ui-tabs ul.ui-tabs-nav li.ui-tabs-active{
	background-color: #F9F9F9;
}

div.ui-tabs ul.ui-widget-header li {
    border: 1px solid #bbb;
    border-radius: 5px 5px 0 0;
    border-bottom: none;
    margin-bottom: -1px !important;
}

div.ui-tabs div.ui-tabs-panel.ui-widget-content {
    padding: 19px 10px;
}

.css_content_right > div {
    float: right;
}
*[class*="css_column_"]{
	display: inline-block;
	vertical-align: top;
}
.css_column_1 {width:100%; }
.css_column_1_10 { width: 10%;}
.css_column_1_7 { width: 14.28%;}
.css_column_1_6 { width: 16.66%; }
.css_column_2_10,.css_column_1_5 { width: 20%; }
.css_column_1_4 { width: 25%; }
.css_column_2_7 { width: 28.57%; }
.css_column_3_10 {width:30%;}
.css_column_1_3, .css_column_2_6 { width: 33%; }
.css_column_4_10,.css_column_2_5 { width: 40%; }
.css_column_3_7 { width: 42.86%;}
.css_column_1_2, .css_column_3_6 { width: 49.886%; }
.css_column_5_10 {width:50%;}
.css_column_4_7 { width: 57.14%;}
.css_column_6_10,.css_column_3_5 { width: 60%; }
.css_column_2_3, .css_column_4_6 { width: 66%; }
.css_column_7_10 {width:70%;}
.css_column_5_7 { width: 71.43%;}
.css_column_3_4 { width: 75%; }
.css_column_8_10,.css_column_4_5 { width: 80%; }
.css_column_5_6 { width: 83.1%; }
.css_column_6_7 { width: 85.71%;}
.css_column_9_10 {width:90%;}

/*:not(.mobile) .container_min_width *[class*="css_column_"]{
	display:block;
	width:100%;
}*/
.container_min_width .css_column_1_4 {
	width: 50%;
	display:inline-block;
}
.container_min_width .css_column_1_6 {
	width:33%;
	display:inline-block;
}/*
@media only screen and (max-width: 1179px){
	body:not(.mobile) *[class*="css_column_"]{
		width: 100%;
		display:block;
	}
	.css_content_right > div{
		float:none;
	}
}*/


div[textblock].sub-block .textblk-text, div[textblock].sub-block .textblk-text{
	font-size:110%;
	text-decoration:none;
}
div[textblock].sub-block .textblk-block, div[textblock].sub-block .textblk-block{
	font-size:90%;
}
div[textblock].sub-block, div[textblock].sub-block{
	padding-left: 50px;
}
div#content{ /* Solventa el problema amb el botó del Search quan s'utilitza un page */
	position:relative;
}
div.MsgBox.Warning.telegramAlert div.ui-dialog-titlebar {
	background-position-y: 30%;
    background-image: url("../xCSS/images/Telegram_logo.png");
}

div .tableHTMLPagesPaddingTd1em table td{
	padding:1em;
}
div .tablePoliticaCookies td{
	padding:1em;
}
/* ESTILS 2021 FI */


/* Scans GeoRelation */
div.ScanGeoRelationPais button.searchGrid {
	top: 4px;
	right: 3px;
}

div.ui-dialog.ScanGeoRelationPais .ui-dialog-content,
div.ui-dialog.ScanGeoRelationCCAA .ui-dialog-content,
div.ui-dialog.ScanGeoRelationProvincia .ui-dialog-content {
	padding-bottom: 1em;
}

div.ScanGeoRelationPais button.searchGrid,
div.ScanGeoRelationProvincia button.searchGrid {
	top: 4px;
	right: 3px;
}
div.ui-dialog.ScanGeoRelationPais .ui-dialog-content {
	padding-bottom: 1em;
}
div.ScanGeoRelationCCAA button.searchGrid {
	bottom: 4px;
	right: 0px;
}
div.ScanGeoRelationCCAA div.i-h.input.GeoRelation_Scan_CCAA_Codi {
	padding-right: 1px;
	padding-left: 17px;
}