*, *: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("http://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 -0.5px 1px 1px #f46d18;
    -moz-box-shadow: 0 -0.5px 1px 0 #f46d18;
    -webkit-box-shadow: 0 -0.5px 1px 1px #f46d18;
}
.shadowontop {
    box-shadow: 0 -0.5px 1px 1px #f46d18;
    -moz-box-shadow: 0 -0.5px 1px 0 #f46d18;
    -webkit-box-shadow: 0 -0.5px 1px 1px #f46d18;
}
.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: 700px;
    overflow: hidden;
    width: 100%;
}
#footer-bg {
    background-color: hsl(0, 0%, 100%);
    min-height: 130px;
}
div.top-info {
    background-color: #5c4e44;
    border-image: none;
    font-size: 100%;
    height: 30px;
    overflow: hidden;
}
div.top-header {
    height: 100px;
}
div.top-header.min {
    height: 30px;
}
div.top-info-login, div.top-info-logout {
    cursor: pointer;
    float: right;
    margin-top: 6px;
}
.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/iconapp_horizontal_mig_pla.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 90%;
    float: left;
    height: 100%;
    width: 40%;
    margin-left: 30%;
}

div.top-header.min div.logo {
    background-image: url("images/iconapp_horizontal_min.png");
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
    height: 30px;
    margin-left: 5px;
    width: 120px;
    background-size: 120px auto;
}
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-socials {
    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-socials {
    background-color: hsl(0, 0%, 78%);
    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: auto 75%;
}
div#container {
    background-color: hsl(0, 0%, 98%);
    display: block;
    overflow: hidden;
    padding: 0;
}
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/iconapp_horizontal_mig_pla.png");
    background-repeat: space;
    background-size: auto 90%;
    height: 80px;
    margin: 0;
    margin-top:10px;
}
.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: hsl(41, 100%, 48%);
}
.blackorange {
    color: hsl(38, 99%, 48%);
}
.whiteorange {
    color: hsl(41, 91%, 74%);
}
.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: left center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    min-height: 20px;
    min-width: 20px;
    padding-left: 22px;
}
.icon-socials {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px auto;
    min-height: 20px;
    min-width: 20px;
    padding-left: 22px;
}
.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.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");
}
.icon.mobile {
    background-image: url("images/icon_mobile.png");
}
.icon.icon.mobile_bottom {
    background-image: url("images/icon_mobile_bottom.png");
}
.icon.mail,.icon-socials.mail {
    background-image: url("images/icon_mail_top.png");
}
.icon.mail_bottom {
    background-image: url("images/icon_mail_bottom.png");
}
.icon.facebook_grey, .icon-socials.facebook_grey {
    background-image: url("images/icon_facebook.png");
}
.icon.mail_grey, .icon-socials.mail_grey {
    background-image: url("images/icon_mail.png");
}
.icon.map_grey, .icon-socials.map_grey {
    background-image: url("images/icon_map.png");
}
.icon.twitter_grey, .icon-socials.twitter_grey {
    background-image: url("images/icon_twitter.png");
}
.icon.google_play, .icon-socials.google_play {
    background-image: url("images/icon_google_play.png");
}
.icon.app_store, .icon-socials.app_store {
    background-image: url("images/icon_app_store.png");
}
.icon.android, .icon-socials.android{
    background-image: url("images/icon_android.png");
}
.icon.apple, .icon-socials.apple {
     background-image: url("images/icon_apple.png");
     background-position: 3px;
     background-size: auto 70%;
}
.icon.logout, .icon-socials.logout {
    background-image: url("images/icon_logout.png");
}
.icon.RebutAlert {
    background-image: url("images/icon_AlertRebut.png");
}

div.title {
    overflow: hidden;
    position: relative;
    width: 100%;
}
/* HEADER DE LES PANTALLES */
div.title h1 {
    background-image: linear-gradient(to bottom, #5c4e44 0%, #6b5d54 50%);
    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;
}

div.min .closeOptions {
    background-image: url("images/search-start.png");
}
div.title 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;
    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;
}
#center {
    display: table;
    overflow: hidden;
    width: 100%;
    position: relative;
    top: -2px;
}
#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: #f7a901;*/
    color: #EE7700;
    margin: 0;
    max-width: 100%;
    min-width: 100%;
    padding-bottom: 20px;
    padding-top: 20px;
    position: fixed;
    z-index: 9999;
}
.titleCookies {
    /*color: #f7a901;*/
    color: #EE7700;
    font-size: 150%;
    font-weight: 500;
    padding-bottom: 5px;
    text-align: center;
    text-transform: uppercase;
}
.textAvisCookies {
    color: #f1f1f1;
    font-size: 98%;
    margin-left: 10px;
    padding: 12px 100px;
    text-align: center;
}
.closeAvisCookies {
    /*background: none repeat scroll 0 0 #f7a901;*/
    background: none repeat scroll 0 0 #EE7700;
    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;
}
.lblAqui {
    /*color: #f7a901;*/
    color: #EE7700;
    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-image: linear-gradient(to top, #f79252 0%, #f79f5888 30%);
    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 #f7e9d0;
    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.containerdata
{
    min-width:800px;
}
div.renewPwdAction input:focus, div.loginAction input:focus,div.forgotPwdAction input:focus {
    background-color: #fbe39b !important;
}