:root {
    --color-logistica: #f28c00;
}
.lblTitol_container {
    background-color: #EDEDED;
    height: 43px;
    border-top: solid #C6C6C6 2px;
    border-bottom: solid #C6C6C6 3px;
}

h1 { 
    font-size: 24px !important ;
    /*margin: 6px;*/
    /*margin-top: 4px;*/
    text-align: center !important;
        
    margin-top: 0px;
    height: 44px;
    border-bottom: solid #C6C6C6 3px;
    background-color: #EDEDED;
    padding-top: 7px;
    margin-bottom: 0px;
    position: relative;
    z-index: 1;
}

*, *: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("googlefontsopensansold.woff") format("woff");
}
body {
    /*color: hsl(0, 0%, 20%);*/
    color: #504330;
    /*font-family: "Open Sans",sans-serif;*/
    font-family: "Open Semibold",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: 55px;*/
    position: fixed;
    width: 100%;
    bottom: 0px;
}
div.top-info 
{
    background-image: linear-gradient(to bottom, #F3A92D 00%, #F18926 80%);
    /*background-color: #5c4e44;*/
    border-image: none;
    font-size: 14px;
    height: 30px;
    /* display: flex;
    justify-content: space-between; */
    overflow: hidden;
}
div.top-header {
    height: 4px;
     border-bottom: solid #C6C6C6 3px;
}
div.top-header.min {
    height: 3px;    
}
div.top-info-login, div.top-info-logout {
    cursor: pointer;
    float: right;
    margin-top: 6px;
}
.top-info-login {
  margin-right: 20px;
}
.top-info-logout {
    margin-right: 20px;
}
.top-info-login .white {
    margin-right: 25px;
}
span.loggedOut {
    color: hsl(0, 0%, 100%);
}
div.top-info-contact {
    background-image: url("images/svg/logistica-white.svg");
    background-position: center center;
    background-repeat: no-repeat;
    width: 180px;
    margin-top: 2px;
    float: left;
    height: 100%;
}
div.top-info-contact > div, div.footer-info-contact > div {
    float: right;
    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/logo.png");
    background-position: center;
    background-repeat: no-repeat;    
    height: 30px;    
    background-size: 300px auto;
    margin-top: 16px;       
    scale: 140%;
    display:none;
}
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 40px;
    display: table-cell;
    height: 30px;
    width: 100%;
    /*border-top: dotted white 1px;
    border-bottom: solid white 2px;*/
}

.row_container {
  display: table-row;
}

div.footer-info {
    border-bottom: 1px dotted hsl(0, 0%, 100%);
    overflow: hidden;
    /*padding: 0 5%;*/
    background-image: linear-gradient(to bottom, #F3A92D 00%, #F18926 80%);
    display: table;
    width: 100%;
    height: 30px;
}
div.footer-info div.logo {
    /*background-image: url("images/iconapp_horizontal_mig_pla.png");*/
    background-image: url("images/LOGISTICA-logo-negatiu.png");
    height: 80px;      
    background-repeat: no-repeat;
    background-size: auto 40%;
    margin-top: 30px;
    float: left;
    width: 500px;
}

.footer-info-contact {
    float: right;
    line-height: 80px;
    display: table-cell;
    height: 90px;
    width: 100%;
    padding: 0 40px;
}
div.copyright, div.links {
    line-height: 30px;
    margin: 0px 15px;
    font-size: 14px;
}
div.copyright a {
  text-decoration: none;
}
div.copyright {
    float: left;
}
div.links {
    float: right;
}
.black_icon
{
    color: #434250;
}
.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: bold;
}
.white {
    color: hsl(0, 0%, 100%);
}
.middleblack {
    color: #2F2922;
}
td a.notprintable {
    background-image: url("../xCSS/images/printerror.png");
}
a.passant {
    background-image: url("images/pasante.png");
    border-radius: 7px;
    float: right;
    height: 15px;
    position: relative;
    top: 2px;
    width: 15px;
}
td a.notprint {
    background-image: url("../xCSS/images/print2.png");
}
a.alert {
    background-image: url("images/alerts3.png");
}
a.enterjorn {
    background-image: url("images/enterjorn.png");
}

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

td .icon {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    height: 20px;
    width: 20px;
    padding-left: 22px;
    display: block;
    text-indent: -99999px;
    margin: 0 auto;
}
.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/svg/success.svg");
}
.icon.incorrect, div.icono.incorrect {
    background-image: url("images/svg/error.svg");
}
.icon.login {
    /*background-image: url("images/icon_user.png");*/
    text-indent: 0px;
    width: 140px;
}
.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%;
}
#blackbox
{
    background: none repeat scroll 0 0 black;
    height: 440%;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 600;
}

#whitebox {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 10px;
    box-shadow: 0 0 5px #000000;
    left: 50%;
    margin-left: -225px;
    padding-bottom: 10px;
    padding-left: 25px;
    padding-top: 10px;
    position: fixed;
    top: 11%;
    width: 450px;
    z-index: 700;
}

div#whitebox h2 {
    text-align: center;
    width: 400px;
}

#whitebox .field {
    float: left;
    margin: 5px 0;
    overflow: hidden;
    width: 400px;
}
#whitebox .field > span {
    color: #11457E;
    display: block;
    float: left;
    text-shadow: 1px 1px 0 #FFFFFF;
}

#whitebox .field > input {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #11457E;
    display: block;
    float: right;
    height: 20px;
}

#whitebox .field > input[type="submit"] 
{
    margin-top:20px;
}

/* 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;
    background-color: orange;
}
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;
    font-size: 14px;
    font-family: "Open Semibold", sans-serif;
}
div.title div.formContent.ktf-form.min {
    border: medium none;
    padding: 0 20px;
}
#center {
    display: table;
    overflow: hidden;
    width: 100%;
    position: relative;
    /*top: 34px;*/
    padding-bottom: 42px;
}
#wrapper {
    display: inline-table;
    overflow: hidden;
}
#wrapper .col {
    display: table-cell;
    float: none;
    vertical-align: top;
    max-width:500px;
}
.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: linear-gradient(#f2a523, #f28826);
    /*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;
}
div.formLogin label {
    line-height: 25px;
}
div.masterDialog div.ui-dialog-titlebar {
    display: none;
}
div.masterDialog h2 {
    line-height: 0px;
}
div.masterDialog div.rememberLogin {
    font-size: 14px;
    margin-top: 15px;
    margin-left: 5px;
    font-weight: bold;
    text-decoration: underline;
    color: #4a3405;
    cursor:pointer;
}
div.masterDialog div.ui-dialog-buttonset {
    font-size: 14px;
}
div.form-ref div.dre {
    float: right;
    padding-left: 20px;
    width: 50%;
}
div.form-ref div.esq {
    float: left;
    width: 50%;
}
div.form-ref div.dre div.checkbox input {
    float: right;
}
div.nav.kSimpleMenu.H div.option-img.icofont-ui-home{
    font-size: 30px;
    padding-top: 8px;
    padding-left: 9px;
    color: white;
}
div.kSimpleTabs.ui-tabs
{
    padding:2px;
}
div.ui-dialog .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix.ui-state-error {
    margin-top: 0px;
}
.kMsgBox > p
{
 margin-top:0px;
 margin-bottom:0px;   
}
span.userContactes {
    cursor:pointer;
}
div.contContactes a
{
    color: hsl(211, 76%, 28%);
    cursor: pointer;
    text-decoration:underline;
}
div.contContactes a:hover
{
    text-decoration: none;
}
div.contContactes div.warning {
    background-color: #eee;
    border: 2px solid gray;
    border-radius: 5px;
    color: red;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 15px;
    padding: 5px;
    text-align: center;
}
div.contContactes div.legend,div.contDadesLogin div.legend{
    font-size: 110%;
    font-weight: bold;
    padding-bottom: 15px;
    padding-top: 15px;
    text-decoration: underline;
}
div.top-info-login span.icofont-email {
    font-size: 35px;
    line-height:22px;
    float: left;
    padding-right: 16px;
}
#logo_right.principal {
    display: block;
    margin: auto;
    margin-top: auto;
    width: 100%;
    /*width: 70%;
    margin-top: 5em;*/
}
div.masterDialog.ui-dialog {
    position: absolute;
    top: 100px !important;
    width: 370px !important;
    height: 400px !important;
    left: 50px !important;
}
div.masterDialog.ui-dialog div.ktf-form {
    background-image: url('../xCSS/images/logo_lvm_login.png');
    background-size: 350px;
    background-repeat: no-repeat;
    padding-top: 100px;
    background-position-x: 10px;
    background-position-y: 0px;
    height: 320px !important;
}
div.masterDialog.ui-dialog div.ktf-form h2 {
    display: none;
}
body.userweb #center {
    top: 33px;
}
body.nouserweb #center {
    top: 0px;
}
div.masterDialog.ui-dialog
{
    opacity:0.8;
    background-color:Gray;
    padding:0px;
}
div.masterDialog.ui-dialog .ui-dialog-buttonpane
{
    background-color:Gray;
}
div.masterDialog.ui-dialog div.ktf-form
{
    background-color:Gray;
}
html, body {
    height: 100%;
    margin: 0;
    min-width: 1024px;
    overflow-x: auto;
    width: 100%;
}
div.avisclient {
    padding-left: 170px !important;
    font-size: 20px;
    line-height: 30px;
    background-image: url('../xCSS/images/notice.png') !important;
    background-size: 128px 128px !important;
    background-repeat: no-repeat !important;
    background-position: 20px !important;
    padding-bottom: 30px !important;
    padding-top: 30px !important;
    text-align: justify;
}
table.dataTable td > a.iconflag {
    background-size: 16px 11px;
    border-radius: 5px;
    height: 25px;
    width: 25px;
    background-image: url("../xCSS/images/flageuropeanunion.png");
}
table.dataTable td > a.flagde, table.dataTable td > a.flagDE {
    background-image: url("../xCSS/images/flagde.png");
}
table.dataTable td > a.flagru, table.dataTable td > a.flagRU {
    background-image: url("../xCSS/images/flagru.png");
}
table.dataTable td > a.flagit, table.dataTable td > a.flagIT {
    background-image: url("../xCSS/images/flagit.png");
}
table.dataTable td > a.flagro, table.dataTable td > a.flagRO {
    background-image: url("../xCSS/images/flagro.png");
}
table.dataTable td > a.flagfi, table.dataTable td > a.flagFI {
    background-image: url("../xCSS/images/flagfi.png");
}
table.dataTable td > a.flaghu, table.dataTable td > a.flagHU {
    background-image: url("../xCSS/images/flaghu.png");
}
table.dataTable td > a.flagbe, table.dataTable td > a.flagBE {
    background-image: url("../xCSS/images/flagbe.png");
}
table.dataTable td > a.flagpt, table.dataTable td > a.flagPT {
    background-image: url("../xCSS/images/flagpt.png");
}
table.dataTable td > a.flages, table.dataTable td > a.flagES {
    background-image: url("../xCSS/images/flagesp.png");
}
table.dataTable td > a.flagfr, table.dataTable td > a.flagFR {
    background-image: url("../xCSS/images/flagfr.png");
}
table.dataTable td > a.flagca, table.dataTable td > a.flagCA {
    background-image: url("../xCSS/images/flagcat.png");
}
table.dataTable td > a.flagen, table.dataTable td > a.flagEN {
    background-image: url("../xCSS/images/flageng.png");
}
table.dataTable td > a.flagAD, table.dataTable td > a.flagAD {
    background-image: url("../xCSS/images/flagand.png");
}

div.dialogDadesProfile div.ui-dialog-buttonpane div.ui-dialog-buttonset button:first-child {
  background-image: url("../xCSS/images/telegramicon.png");
  margin-right: 30px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: 3px 3px;
  padding-left: 14px;
}
div.dataTables_scrollBody table tr td.puntsuspensius,
div.dataTables_scrollBody table tr td div.puntsuspensius {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.nouserweb #refscreen {
    position: fixed;
    top: 10px;
    left: 180px;
    z-index: 999;
    background-color: bisque;
    border: 1px solid #555;
    font-size: 7px;
    display: none;
}
body.userweb #refscreen {
    position: relative;
    top: 16px;
    left: 54px;
    z-index: 999;
    background-color: bisque;
    border: 1px solid darkgray;
    float: left;
    font-size: 7px;
    display:none;
}