/* Cascade DTP V4 - Style Sheet */


/* RESET */

/* Eric Meyer v1.0 - 2008-02-12 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }
/* remember to define focus styles! */
:focus {
    outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* RESET */

a:link, a:visited {
    color: #6078bf;
    text-decoration: none;
}

a:hover, a:active {
    color: #aeb4dc;
    text-decoration: none;
}


body {
    color: #787d90;
    font: 100%/1.7em 'Open Sans', sans-serif, Arial,Helvetica,verdana,sans-serif;
    background-color: #e5e5e5;
    font-weight: 400;
}

blockquote {
    padding: 5px 30px 5px 30px !important;
    font-weight: 600 !important;
    font-style: italic !important;
    font-size: 1.1em !important;
}

h1 {
    color: #ffffff;
    font-size: 1.8em;
    font-weight: 600;
}

h2 {
    color: #252d74;
    font-size: 1.2em;
    font-weight: 600;
    margin: 0;
    padding: 0;
}

.input-validation {
    border: 1px solid #ff0000 !important;
}

h3 {
    color: #252d74;
    font-size: 1 em;
    font-weight: 600;
    border-top: 1px dotted #e5e5e5;
    padding: 10px 0 10px 0;
    margin: 10px 0 0 0;
}

h4 {
    color: #222;
    font-size: 1em;
    font-weight: 600;
    padding: 8px 0 2px 5px;
    margin: 10px 0 5px 0;
    border-bottom: 1px dotted #ccc;
}

.h2gran {
    font-size: 1.6em !important;
    font-weight: normal !important;
}

.h2supergran {
    font-size: 2.0em !important;
    font-weight: normal !important;
}

hr {
    height: 1px;
    border: 0;
    background-color: #e5e5e5;
    color: #e5e5e5;
    width: 90%;
    margin: 10px auto 10px auto;
    text-align: center;
}

.clear-float {
    border: 0;
    clear: both;
    margin: 0;
    padding: 0;
}

.linea-puntos {
    border-bottom: 1px dotted #ccc;
    height: 1px;
    clear: both;
    margin: 0;
    padding: 10px 0 0 0;
}

.float-left-100 {
    margin-top: 15px;
    width: 100%;
    float: left !important;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.footer-direccion {
    float: left;
}

.footer-iconos-sociales {
    float: right;
}

.lista-arbol {
    list-style-type: none;
    margin: 10px 0 0 10px !important;
    color: #252d74;
}

ul.lista-arbol, ul.lista-arbol ul {
    list-style-type: none;
    background: url(images/vline.png) repeat-y;
    margin: 0;
    padding: 0;
}

    ul.lista-arbol ul {
        margin-left: 10px;
    }

ul.tree li {
    margin: 0;
    padding: 0 12px;
    line-height: 20px;
    background: url(images/node.png) no-repeat;
    color: #369;
    font-weight: 600;
}

ul.lista-arbol li:last-child {
    margin: 0;
    padding: 0 12px;
    line-height: 20px;
    background: #fff url(images/lastnode.png) no-repeat;
}

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

    .login-logeado p {
        line-height: 1.4em;
    }

    .login-logeado img {
        clear: both;
        line-height: 0.8em;
        width: 36px;
        height: 36px;
    }

.login {
    float: right;
    font-size: 0.7em;
    color: #fff;
    text-align: right;
    margin-top: 10px;
    /* mbm */
    /* background-image: url(images/fondo-login.png);           */
    /* background-image: url(images/fondo-login-espana.png);    */
    /* background-image: url(images/fondo-login-test.png);      */
    /* background-image: url(images/fondo-login-testLocal.png); 
    background-image: url(images/fondo-login-testLocal.png);*/

    background-repeat: repeat-y;
    width: 310px;
}

    .login p {
        margin: 0 !important;
        padding: 0 !important;
        clear: both;
    }

    .login label {
        width: 100px;
        float: left;
        text-align: right;
        margin: 0 5px 0 0;
        padding: 0;
        display: block;
        line-height: 1em;
    }

.txt-rigt {
    text-align: right;
}

.txt-right_import {
    text-align: right !important;
}

.txt-left {
    text-align: left;
}

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

.login input {
    float: left;
    color: #252d74;
    background: #fff;
    padding: 2px;
    border: 1px solid #616585;
    margin: 0 0 4px 0;
    width: 100px;
    font-size: 0.9em;
}

    .login input[type="checkbox"] {
        float: left;
        border: 0;
        margin: 0 0 4px 0;
        background-color: transparent;
        width: auto;
    }

.login .submit input {
    color: #fff;
    background: #000;
    border: 1px solid #fff;
    margin-left: 106px;
    font-weight: 600;
    width: 105px;
    cursor: pointer;
}

.logo-economitza-esp {
    float: left;
    margin-top: 18px;
    width: 213px;
    height: 59px;
}

.logo-economitza-and {
    float: left;
    margin-top: 18px;
    width: 159px;
    height: 69px;
}

.img-proba-estalvi {
    width: 305px;
    height: 205px;
    margin: 5px 0 5px 0;
}

.img-editor {
    width: 300px;
    height: auto;
}

.subheader-izq {
    float: left;
    width: 480px;
    text-align: center;
    color: #fff;
    font-size: 1.6em;
}

    .subheader-izq p {
        text-align: left;
        width: 440px;
        margin: 35px 0 0 0;
    }

        .subheader-izq p .fila1 {
            display: block;
            line-height: 1.2em;
        }

        .subheader-izq p .fila2 {
            font-size: 1.15em;
            display: block;
            line-height: 1.4em;
        }

        .subheader-izq p .fila3 {
            font-size: 1.1em;
            display: block;
            line-height: 1.6em;
            font-weight: 600;
        }

    .subheader-izq img {
        clear: both;
    }

.subheader-der {
    float: left;
    width: 480px;
}

.content-izq {
    float: left;
    width: 480px;
}

.content-der {
    float: left;
    width: 480px;
}

    .content-der p {
        margin: 1em 0 2em 0;
    }

.content-der-todo {
    margin-left: 10px;
}

.titulo-datos {
    margin: 10px 0 0 20px;
    font-style: italic;
    font-weight: 600;
}

.lista-datos {
    margin: 30px 15px 30px 15px;
    overflow: auto;
    width: 430px;
    float: left;
}

    .lista-datos li {
        border-bottom: 1px dotted #ccc;
        padding: 6px 5px 6px 2px;
        text-align: center;
    }

        .lista-datos li span {
            width: 380px;
            display: block;
            float: left;
            text-align: left;
            float: left;
        }

    .lista-datos .sub {
        width: 390px !important;
        margin-left: 25px !important;
    }

        .lista-datos .sub span {
            width: 360px !important;
        }

    .lista-datos .subrojo {
        width: 390px !important;
        margin-left: 25px !important;
        color: #ff0000;
    }

        .lista-datos .subrojo span {
            width: 360px !important;
        }

.txt-peq {
    font-size: 0.8em !important;
}

.txt-gran {
    font-size: 1.2em !important;
}

.txt-200 {
    width: 200px !important;
}

.txt-240 {
    width: 240px !important;
}

.txt-225 {
    width: 225px !important;
}

.txt-proba-estalvi {
    font-size: 0.9em;
    margin-left: 15px;
    font-weight: 600;
    display: block;
}

.txt-percentatge {
    font-size: 3em;
    color: #71aa25;
    font-weight: 600;
}

.txtSeleccione {
    margin: 0 0 5px 0;
    font-size: 1em;
    font-weight: 600;
    line-height: 1em;
}

.img-proveedors-associats {
    float: left;
    width: 128px;
    height: 109px;
}

.borde-cero {
    border: 0 !important;
}

    .borde-cero input {
        border: 0 !important;
    }

.margen-der5 {
    margin-right: 5px !important;
}

.margen-der10 {
    margin-right: 10px !important;
}

.margen-der20 {
    margin-right: 20px !important;
}

.margen-izq20 {
    margin-left: 20px !important;
}

.margen-izq40 {
    margin-left: 40px !important;
}

.margen-izq60 {
    margin-left: 60px !important;
}

.margen-izq75 {
    margin-left: 75px !important;
}

.margen-izq100 {
    margin-left: 100px !important;
}

.margen-izq120 {
    margin-left: 120px !important;
}

.margen-izq170 {
    margin-left: 170px !important;
}

.margen-izq200 {
    margin-left: 200px !important;
}

.margen-top1 {
    margin-top: 1px !important;
}

.margen-top7 {
    margin-top: 7px !important;
}

.margen-top10 {
    margin-top: 10px !important;
}

.margen-top15 {
    margin-top: 15px !important;
}

.margen-top16 {
    margin-top: 16px !important;
}

.margen-top18 {
    margin-top: 18px !important;
}

.margen-top20 {
    margin-top: 20px !important;
}

.margen-top90 {
    margin-top: 90px !important;
}

.margen-top-45 {
    margin-top: -45px !important;
}

.margen-botttom-20 {
    margin-bottom: -20px !important;
}

.margen-botttom0 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    height: auto !important;
}

.margen-botttom10 {
    margin-bottom: 10px !important;
}

.margen-botttom20 {
    margin-bottom: 20px !important;
}

.margen-botttom30 {
    margin-bottom: 30px !important;
}

.tercio {
    float: left;
    width: 306px;
}

.tercio_margen_central {
    margin: 0 20px 0 20px;
}

a.button-verde-ancho {
    width: 210px !important;
}

a.button-verde-ancho2 {
    width: 180px !important;
}

a.button-verde-ancho, input.button-verde-ancho {
    float: left;
    background-color: #edfce9;
    border: 1px solid #cceac4;
    display: block;
    color: #627e5a;
    font-weight: 400;
    height: 30px;
    line-height: 29px;
    margin-bottom: 14px;
    margin-right: 10px;
    text-decoration: none;
    width: 150px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0px -6px 15px rgba(255, 255, 255, 0.2), 0px 4px 4px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: inset 0px -6px 15px rgba(255, 255, 255, 0.2), 0px 4px 4px rgba(153, 153, 153, 0.2);
    box-shadow: inset 0px -6px 15px rgba(255, 255, 255, 0.2), 0px 4px 4px rgba(153, 153, 153, 0.2);
}

a.button-verde, input.button-verde {
    float: left;
    background-color: #edfce9;
    border: 1px solid #cceac4;
    display: block;
    color: #627e5a;
    font-weight: 400;
    height: 30px;
    line-height: 29px;
    margin-bottom: 14px;
    margin-right: 10px;
    text-decoration: none;
    width: 150px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0px -6px 15px rgba(255, 255, 255, 0.2), 0px 4px 4px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: inset 0px -6px 15px rgba(255, 255, 255, 0.2), 0px 4px 4px rgba(153, 153, 153, 0.2);
    box-shadow: inset 0px -6px 15px rgba(255, 255, 255, 0.2), 0px 4px 4px rgba(153, 153, 153, 0.2);
}

a:hover.button-verde, input:hover.button-verde {
    color: #003300;
    cursor: pointer;
}

a.button-azul {
    float: left;
    background-color: #eaf6fc;
    border: 1px solid #c4e2ea;
    display: block;
    color: #3f587c;
    font-weight: 400;
    height: 30px;
    line-height: 29px;
    margin-bottom: 14px;
    margin-right: 10px;
    text-decoration: none;
    width: 150px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0px -6px 15px rgba(255, 255, 255, 0.2), 0px 4px 4px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: inset 0px -6px 15px rgba(255, 255, 255, 0.2), 0px 4px 4px rgba(153, 153, 153, 0.2);
    box-shadow: inset 0px -6px 15px rgba(255, 255, 255, 0.2), 0px 4px 4px rgba(153, 153, 153, 0.2);
}

a:hover.button-azul {
    color: #183749;
    cursor: pointer !important;
}

a.button-rojo {
    float: left;
    background-color: #fce9e9;
    border: 1px solid #eac7c7;
    display: block;
    color: #801a2e;
    font-weight: 400;
    height: 30px;
    line-height: 29px;
    margin-bottom: 14px;
    margin-right: 10px;
    text-decoration: none;
    width: 150px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0px -6px 15px rgba(255, 255, 255, 0.2), 0px 4px 4px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: inset 0px -6px 15px rgba(255, 255, 255, 0.2), 0px 4px 4px rgba(153, 153, 153, 0.2);
    box-shadow: inset 0px -6px 15px rgba(255, 255, 255, 0.2), 0px 4px 4px rgba(153, 153, 153, 0.2);
}

a:hover.button-rojo {
    color: #b9203f;
}

a.button-amarillo {
    float: left;
    background-color: #fcfae9;
    border: 1px solid #e9e6c7;
    display: block;
    color: #b7af73;
    font-weight: 400;
    height: 30px;
    line-height: 29px;
    margin-bottom: 14px;
    margin-right: 10px;
    text-decoration: none;
    width: 150px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0px -6px 15px rgba(255, 255, 255, 0.2), 0px 4px 4px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: inset 0px -6px 15px rgba(255, 255, 255, 0.2), 0px 4px 4px rgba(153, 153, 153, 0.2);
    box-shadow: inset 0px -6px 15px rgba(255, 255, 255, 0.2), 0px 4px 4px rgba(153, 153, 153, 0.2);
}

a:hover.button-amarillo {
    color: #cabd59;
}

a.button-gris {
    float: left;
    background-color: #f0f0f0;
    border: 1px solid #ddd;
    display: block;
    color: #8d8d8d;
    font-weight: 400;
    height: 30px;
    line-height: 29px;
    margin-bottom: 14px;
    margin-right: 10px;
    text-decoration: none;
    width: 150px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0px -6px 15px rgba(255, 255, 255, 0.2), 0px 4px 4px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: inset 0px -6px 15px rgba(255, 255, 255, 0.2), 0px 4px 4px rgba(153, 153, 153, 0.2);
    box-shadow: inset 0px -6px 15px rgba(255, 255, 255, 0.2), 0px 4px 4px rgba(153, 153, 153, 0.2);
}

a:hover.button-gris {
    color: #444;
}

.button-basket {
    background: url(images/basket.png) no-repeat 5px 5px;
    text-indent: 30px;
    display: block;
}

.button-validate {
    background: url(images/basket-go.png) no-repeat 5px 5px;
    text-indent: 30px;
    display: block;
}

input.button-validate {
    background-image: url(images/basket-go.png) !important;
    text-indent: 0px;
    display: inline-block;
}

.button-featured-all {
    background: url(images/star-off.png) no-repeat 5px 5px;
    text-indent: 30px;
    display: block;
}

.button-featured-starred {
    background: url(images/star-on.png) no-repeat 5px 5px;
    text-indent: 30px;
    display: block;
}

.button-validate-all {
    background: url(images/system-tick-alt-03.png) no-repeat 5px 5px;
    text-indent: 30px;
    display: block;
}

.button-denegate-all {
    background: url(images/cross.png) no-repeat 5px 5px;
    text-indent: 30px;
    display: block;
}

.button-add-ancho {
    background: url(images/add.png) no-repeat 10px 10px;
    text-indent: 30px;
    display: block;
}

.button-add {
    background: url(images/add.png) no-repeat 5px 5px;
    text-indent: 30px;
    display: block;
}

.button-edit {
    background: url(images/pencil.png) no-repeat 5px 5px;
    text-indent: 30px;
    display: block;
}

.button-back {
    background: url(images/arrow-left.png) no-repeat 5px 5px;
    text-indent: 30px;
    display: block;
}

.button-delete {
    background: url(images/cross.png) no-repeat 5px 5px;
    text-indent: 30px;
    display: block;
}

.button-adjust {
    background: url(images/adjust.png) no-repeat 5px 5px;
    text-indent: 30px;
    display: block;
}

.button-excell {
    background: url(images/excel.png) no-repeat 5px 5px;
    text-indent: 30px;
    display: block;
}

.button-print {
    background: url(images/print.png) no-repeat 5px 5px;
    text-indent: 30px;
    display: block;
}

.button-accept {
    background: url(images/accept.png) no-repeat 5px 5px;
    text-indent: 30px;
    display: block;
}

.button-pdf {
    background: url(images/pdf.png) no-repeat 5px 5px;
    text-indent: 30px;
    display: block;
}

.button-subasta {
    background: url(images/auction.png) no-repeat 5px 5px;
    text-indent: 30px;
    display: block;
}

.button-noconformitat {
    background: url(images/noconf.png) no-repeat 5px 5px;
    text-indent: 30px;
    display: block;
}

.button-noconformitat-add {
    background: url(images/noconf-add.png) no-repeat 5px 5px;
    text-indent: 30px;
    display: block;
    color: #3f587c;
}

.button-cancel {
    background: url(images/system-delete-alt-03.png) no-repeat 5px 5px;
    text-indent: 30px;
    display: block;
}

.menu-izq {
    float: left;
    width: 210px;
    margin: 20px 0 15px 0;
    font-size: 0.8em;
    color: #252d74;
}

    .menu-izq input.buscarsubmit input.buscarreset {
        border: 1px solid #6260ec !important;
        color: #fff !important;
        background-color: #252d74 !important;
        background-image: url(images/fondo-bot.png) !important;
        background-repeat: repeat-x;
        width: 80px !important;
    }

input.buscarsubmit_text {
    float: left;
    color: #252d74;
    background: #fff;
    padding: 7px;
    border: 1px solid #dcdde9;
    background-color: #fff;
    margin: 0 0 4px 0;
    width: 80px;
    font-size: 1.2em;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153,153, 153, 0.2);
    box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
}


.contenido-der {
    width: 740px;
    float: right;
}

.contenido-der-ampliado {
    width: 900px;
}

.contenido-der-simula {
    width: 550px;
    float: left;
}

.opcions {
    clear: both;
    margin: 20px 0 -20px 0;
    overflow: auto;
}

.buscar {
    clear: both;
    margin: 20px 0 10px 0;
    min-height: 32px;
}

.buscarsubmit .buscarreset {
    color: #444 !important;
    background-color: #eef1f5 !important;
    background-image: url(images/fondo-tabla.png) !important;
    font-weight: normal !important;
    width: 75px !important;
    cursor: pointer !important;
    margin: 0 4px 0 4px !important;
    font-size: 1.2em !important;
}

#AlbAmbComanda input, #AlbSenseComanda, #IncluyeDatosFra, #InformadasConAlbaranes {
    float: left;
    color: #252d74;
    background: #fff;
    padding: 7px;
    border: 1px solid #dcdde9;
    background-color: #fff;
    margin: 0 0 4px 0;
    width: 15px;
    font-size: 1.2em;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153,153, 153, 0.2);
    box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
}

.buscar input, .menu-izq input {
    float: left;
    color: #252d74;
    background: #fff;
    padding: 7px;
    border: 1px solid #dcdde9;
    background-color: #fff;
    margin: 0 0 4px 0;
    width: 80px;
    font-size: 1.2em;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153,153, 153, 0.2);
    box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
}

.buscar select, .menu-izq select, .chosen-container a {
    float: left;
    color: #252d74;
    background: #fff;
    padding: 7px;
    border: 1px solid #dcdde9;
    background-color: #fff;
    margin: 0 8px 4px 0;
    width: 112px;
    font-size: 1.2em;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153,153, 153, 0.2);
    box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
}
.bloke-buscadorx2 .chosen-container-single .chosen-single,
.buscar .chosen-container-single .chosen-single {
      border: 1px solid #dcdde9;
    background-color: #fff;
    background: #fff;
    width: 100%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153,153, 153, 0.2);
    box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
}

.chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background-position: 0 6px!important;
}
.chosen-container-active.chosen-with-drop .chosen-single div b{
        background-position: -18px 6px!important;
}

.chosen-container-single .chosen-single span {
    font-size: 12.2px;
    margin-top: 4px;
    color: #252d74;
}
.chosen-container{
    float:left;
    margin-right: 10px;
}
.chosen-container .chosen-drop{
    width: 240px!important;
}
.chosen-container a {
    height: 32px!important;
}

.buscar input, .buscar select {
    margin-left: 2px !important;
    margin-right: 10px !important;
}

.checkbox input, .radiobutton input {
    width: 25px !important;
    background-color: #6078bf;
    background-color: transparent !important;
    border: 0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    padding: 2px !important;
    margin: 0 !important;
}

.buscar-izq {
    float: left;
}

.buscar-der {
    float: right;
    font-size: 0.8em;
}

    .buscar-der form {
        display: inline;
    }

    .buscar-der a:link, .buscar-der a:visited {
        line-height: 2.5em;
    }

.buscar-txt-der {
    text-align: right;
    font-size: 0.9em;
}

    .buscar-txt-der a:link, .buscar-txt-der a:visited {
        line-height: 2.5em;
    }

.col-txt {
    font-size: 0.85em;
    width: 950px;
    margin: 0px auto 25px auto;
    clear: both;
}

    .col-txt li {
        float: left;
        width: 350px;
        border-bottom: 1px dotted #ccc;
        padding: 3px 5px 3px 2px;
        margin: 0 15px 0 15px;
        overflow: auto;
    }

        .col-txt li.doble {
            width: 736px !important;
        }

.col-txt-izq {
    font-weight: 600;
}

.Menu-sub {
    margin: 10px 0 0 10px;
}

    .Menu-sub li {
        font-size: 1em;
        font-weight: normal;
        margin: 0 2px 4px 2px;
        width: 225px;
        background-color: #aeb4dc;
        border: 1px solid #a5aad2;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -webkit-box-shadow: inset 0px 2px 5px rgba(255, 255, 255, 0.4), 0px 2px 1px rgba(153, 153, 153, 0.5);
        -moz-box-shadow: inset 0px 2px 5px rgba(255, 255, 255, 0.4), 0px 2px 21px rgba(153, 153, 153, 0.5);
        box-shadow: inset 0px 2px 5px rgba(255, 255, 255, 0.4), 0px 2px 1px rgba(153, 153, 153, 0.5);
    }

        .Menu-sub li a:link, .Menu-sub li a:visited {
            padding-left: 5px !important;
            padding-right: 5px !important;
            color: #fff;
        }

        .Menu-sub li a:hover, .Menu-sub li a:active {
            color: #002bb8;
        }

        .Menu-sub li ul li {
            font-size: 1em;
            font-weight: normal;
            margin: 0 8px 4px 8px;
            width: 200px;
            background-color: transparent;
            border-radius: 0;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

.Menu-superior {
    z-index: 100100;
}

.Menu-inferior {
    z-index: 100000;
}

.Menu-sub-contenedor-masbots .Menu li {
    width: 185px !important;
}

    .Menu-sub-contenedor-masbots .Menu li ul li {
        width: 205px !important;
    }

.Menu-sub-contenedor .Menu {
    margin: 10px 0 0 0;
}

    .Menu-sub-contenedor .Menu li {
        font-size: 1em;
        font-weight: normal;
        margin: 0 2px 4px 2px;
        width: 233px;
        background-color: #aeb4dc;
        border: 1px solid #a5aad2;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -webkit-box-shadow: inset 0px 2px 5px rgba(255, 255, 255, 0.4), 0px 2px 1px rgba(153, 153, 153, 0.5);
        -moz-box-shadow: inset 0px 2px 5px rgba(255, 255, 255, 0.4), 0px 2px 21px rgba(153, 153, 153, 0.5);
        box-shadow: inset 0px 2px 5px rgba(255, 255, 255, 0.4), 0px 2px 1px rgba(153, 153, 153, 0.5);
    }

        .Menu-sub-contenedor .Menu li a:link, .Menu-sub-contenedor .Menu li a:visited {
            padding-left: 5px !important;
            padding-right: 5px !important;
            color: #fff;
        }

        .Menu-sub-contenedor .Menu li a:hover, .Menu-sub-contenedor .Menu li a:active {
            color: #002bb8;
        }

        .Menu-sub-contenedor .Menu li ul li {
            font-size: 1em;
            font-weight: normal;
            margin: 0 8px 4px 8px;
            width: 200px;
            background-color: transparent;
            border-radius: 0;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }



#header {
    margin: 0 auto 0 auto;
    width: 960px;
    height: 110px;
    clear: both;
}

#header-content {
    width: 100%;
    height: 110px;
    background-color: #252d74;
    /* mbm */
    /* background-image: url(images/fondo-header-andorra.png);      */
    /* background-image: url(images/fondo-header-espana.png);       */
    /* background-image: url(images/fondo-header-test.png);         */
    /* background-image: url(images/fondo-header-testLocal.png);   
    background-image: url(images/fondo-header-testLocal.png); */

    background-repeat: repeat-x;
    clear: both;
}

#header h2 {
    float: left;
    color: #616585;
    margin: 35px 0 0 250px;
    font-size: 1.4em;
}

#subheader {
    margin: 0 auto 0 auto;
    width: 960px;
    height: 356px;
    clear: both;
}

#subheader-content {
    width: 100%;
    height: 356px;
    background-color: #fff;
    background-image: url(images/fondo-subheader-hosteleria.png);
    background-repeat: repeat-x;
    clear: both;
}

#subheader-peq {
    margin: 0 auto 0 auto;
    width: 960px;
    height: 80px;
    clear: both;
}

#subheader-peq-content {
    width: 100%;
    height: 80px;
    background-color: #fff;
    background-image: url(images/fondo-subheader-peq.png);
    background-repeat: repeat-x;
    clear: both;
}

@media (min-width: 1250px) {
    #subheader-menuadmin {
        margin: 0 auto 0 auto;
        width: 100%;
        height: 45px;
        padding-top: 5px;
        clear: both;
        padding-left: 15%;
    }
    #subheader-menuadmin-content {
        height: 50px;
    }
}

@media (max-width: 1180px) {
    #subheader-menuadmin {
        margin: 0 auto 0 auto;
        width: 100%;
        height: 45px;
        padding-top: 5px;
        clear: both;
        padding-left: 15%;
    }
    #subheader-menuadmin-content {
       
        height: 80px;
        
    }

}



    #subheader-menuadmin a {
        padding: 0.22em 0.3em;
    }

#subheader-menuadmin-content {
    width: 100%;
    background-color: #fff;
    background-image: url(images/fondo-subheader-peq.png);
    background-repeat: repeat-x;
    background-position: bottom;
    clear: both;
    font-size: 0.8em;
    font-weight: 400;
}

    #subheader-menuadmin-content a:link, #subheader-menuadmin-content a:visited {
        color: #fff;
    }

    #subheader-menuadmin-content a:hover, #subheader-menuadmin-content a:active {
        color: #252d74;
    }

    #subheader-menuadmin-content #Menu1 li {
        z-index: 10005 !important;
    }

#subheader-peq h2 {
    color: #c2c6e4;
    padding: 25px 0 0 20px;
    font-size: 2.2em;
    letter-spacing: 0.1em;
}

#content {
    margin: 0 auto 0 auto;
    padding: 20px 0 20px 0;
    /* mbm */
    /* width: 960px;   */
    /* width: 1600px;  */
    width: 960px;
    background-color: #fff;
    clear: both;
    font-size: 0.8em;
    line-height: 1.4em;
}


#content-content {
    width: 100%;
    background-color: #fff;
    clear: both;
}


#footer {
    margin: 0 auto 0 auto;
    width: 960px;
    clear: both;
    height: 90px;
    padding: 10px 0 0 0;
    font-size: 0.7em;
    line-height: 1.2em;
}

#footer-content {
    width: 100%;
    height: 100px;
    background-color: #e5e5e5;
    clear: both;
    border-top: 3px solid #e0e0e0;
}

.productes-table table .t-button {
    border: 0;
    background: transparent;
}

.productes-table table .t-edit {
    background-image: url(images/basket-add1.png);
    background-position: center;
    height: 20px;
    width: 20px;
}

.tablacistella table .t-edit {
    background-image: url(images/add-edit.png) !important;
    background-position: center;
    height: 20px;
    width: 20px;
}

.productes-table table .t-delete {
    background-image: url(images/cross.png);
    background-position: center;
    height: 20px;
    width: 20px;
}

.productes-table .t-status-text {
    font-size: 0.85em;
    color: #696969;
}

.productes-table table .t-last div, .productes-table table .t-last a {
    float: left;
    width: 20px;
}

.productes-table .t-grid-content {
    height: 400px !important;
}

.tableGrid, .mofificar-preus table, .productes-table table {
    border: 1px solid #eaedf0 !important;
    background-color: #fff !important;
    color: #555 !important;
    border-collapse: separate !important;
    width: 100% !important;
    padding: 2px !important;
    font-size: 0.9em !important;
}

    .tableGrid td, .tableGrid th, .mofificar-preus td, .mofificar-preus table th, .productes-table td, .productes-table table th {
        padding: 2px 2px 2px 2px;
        text-align: left;
        border: 1px solid #fff;
        background-color: #f6f8f9;
    }

    .headerGrid th, .mofificar-preus th, .productes-table table th {
        background-color: #f7f9fa !important;
        font-weight: 600 !important;
        background-image: url(images/fondo-tabla.png) !important;
        background-position: top !important;
        background-repeat: repeat-x !important;
        color: #333 !important;
    }

        .headerGrid th a:link, .headerGrid th a:visited, .mofificar-preus th a:link, .mofificar-preus th a:visited,, .productes-table th a:link, .productes-table th a:visited {
            color: #333 !important;
            background-image: url(images/flechas-tabla.png) !important;
            background-position: right !important;
            background-repeat: no-repeat !important;
            padding-right: 20px !important;
        }

        .mofificar-preus th .t-icon {
            /*background-image: none !important;*/
            margin: 0 !important;
        }

.mofificar-preus td .t-arrow-up {
    height: 20px !important;
}

.headerGrid th a:hover, .headerGrid th a:active {
    color: #616585;
}

.alternateGrid td, .mofificar-preus .t-alt td {
    background-color: #eef1f5 !important;
}

.mofificar-preus td, .productes-table td {
    border: 1px solid #FFFFFF !important;
}

.footerGrid {
    background-color: #aeb4dc;
    padding: 6px 2px 6px 6px;
}

    .footerGrid td {
        text-align: right !important;
    }

    .footerGrid a, .t-pager a {
        color: #6078bf;
        border: 1px solid #6078bf !important;
        -moz-border-radius: 0px !important;
        border-radius: 0px !important;
        padding: 2px 4px 2px 4px !important;
        font-size: 1.1em !important;
        font-weight: 600 !important;
        margin: 10px 2px 10px 2px !important;
        line-height: normal !important;
    }

.t-pager {
    font-size: 0.9em !important;
}

.t-grid-pager .t-state-active {
    border: 0 !important;
    padding: 2px 4px 2px 4px !important;
    font-size: 1.1em !important;
    font-weight: normal !important;
    margin: 10px 2px 10px 2px !important;
}

.t-grid-pager .t-icon {
    margin-top: 0 !important;
}

.h4productes {
    background-image: url(images/box.png);
    background-position: leftt;
    text-indent: 30px;
    height: 30px;
    background-repeat: no-repeat;
    border: 0;
}

.h4cistella {
    background-image: url(images/shop_cart.png);
    background-position: leftt;
    text-indent: 30px;
    height: 30px;
    background-repeat: no-repeat;
    border: 0;
    margin-top: 30px;
}

.h4subastesobertes {
    background-image: url(images/auction1.png);
    background-position: leftt;
    text-indent: 30px;
    height: 30px;
    background-repeat: no-repeat;
    border: 0;
    margin-top: 30px;
}

.h4subastestancades {
    background-image: url(images/auction2.png);
    background-position: leftt;
    text-indent: 30px;
    height: 30px;
    background-repeat: no-repeat;
    border: 0;
    margin-top: 30px;
}

.h4noconf {
    background-image: url(images/noconf.png);
    background-position: leftt;
    text-indent: 30px;
    height: 30px;
    background-repeat: no-repeat;
    border: 0;
    margin-top: 30px;
}

.h4noconf3 {
    background-image: url(images/noconf3.png);
    background-position: leftt;
    text-indent: 30px;
    height: 30px;
    background-repeat: no-repeat;
    border: 0;
    margin-top: 30px;
}

.tablacistella .tableGrid {
    border: 1px dashed #ccc;
    margin-bottom: 20px;
}

    .tablacistella .tableGrid td, th {
        padding: 6px 2px 6px 6px;
        text-align: left;
        border: 1px solid #fff;
        background-color: #fff;
    }

.tablacistella .headerGrid th {
    background-color: #f3f4f6;
    font-weight: 600;
    background-position: top;
    background-repeat: repeat-x;
    color: #333;
    background-image: none;
    border-bottom: none;
}

.tablacistella .alternateGrid td {
    background-color: #fff;
}


.edit-box .tableGrid {
    border: 1px solid #c4e2ea;
    margin-bottom: 20px;
    background-color: #fff;
}

    .edit-box .tableGrid td, .edit-box .tableGrid th {
        padding: 6px 2px 6px 6px;
        text-align: left;
        border: 1px solid #fff;
        background-color: #fff;
        border-bottom: 1px dotted #c4e2ea;
    }

.edit-box .headerGrid th {
    background-color: #fff;
    font-weight: 600;
    background-position: top;
    background-repeat: repeat-x;
    color: #333;
    background-image: none;
    border-bottom: 1px solid #c4e2ea;
}

    .edit-box .headerGrid th a:link, .edit-box .headerGrid th a:visited {
        color: #333 !important;
    }

.edit-box .alternateGrid td {
    background-color: #fff;
}


.error {
    color: #FF0000;
    font-size: small;
}

.editor-label {
    float: left;
    margin: 5px 10px 0 0;
}

.editor-label1 {
    margin: 5px 0 0 0;
    clear: both;
}

.editor-field {
    float: left;
    margin: 0 0 10px 0;
}

.editor-field1 {
    margin: 0 0 10px 0;
}

.editor-field2 {
    margin: 0 0 5px 0;
    clear: both;
}

    .editor-field2 input {
        width: 175px !important;
    }


.editor-field3 {
    float: left;
    margin: 5px 0 10px 0;
}

    .editor-field3 input {
        width: 20px !important;
        border: 0 !important;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin-left: 10px;
    }

.editor-field2 select {
    width: 190px !important;
}

.ancho50 input {
    width: 50px !important;
}

.ancho75 input {
    width: 75px !important;
}

.anchoinput20 input {
    width: 20px !important;
}

.anchoinput200 input {
    width: 200px !important;
}

.ancho75 {
    width: 75px;
}

.ancho120 {
    width: 120px !important;
}

.ancho170 {
    width: 170px !important;
}

.ancho100 {
    width: 100px !important;
}

.ancho200 {
    width: 120px !important;
}

.ancho200-1 {
    width: 200px !important;
}

.ancho250 {
    width: 250px !important;
}

.ancho280 {
    width: 280px !important;
}

.ancho300 {
    width: 300px !important;
}

.ancho320 {
    width: 320px !important;
}

.ancho400 {
    width: 400px !important;
}

.ancho430 {
    width: 430px !important;
}

.ancho480 {
    width: 480px !important;
}

.ancho490 {
    width: 490px !important;
}

.ancho555 {
    width: 555px !important;
}

.ancho400 textarea {
    width: 380px !important;
    margin: 0 !important;
}

.ancho490 textarea {
    width: 470px !important;
    margin: 0 !important;
}

.ancho720 textarea {
    width: 720px !important;
}

.ancho870 textarea {
    width: 870px !important;
}


.fuente0-85 {
    font-size: 0.85em;
}

.fuente1-2 {
    font-size: 1.2em;
}

.formulari-proveidors label {
    width: 260px;
    margin-right: 10px;
    float: left;
    text-align: right;
    font-size: 0.95em;
    color: #252d74;
}

.formulari-proveidors ul {
    margin-top: 20px;
}

.formulari-proveidors li {
    margin-bottom: 10px;
    text-align: left;
}

.formulari-proveidors .botsubmit {
    width: 215px;
    color: #fff !important;
    border: 1px solid #fff !important;
    background-color: #71aa25 !important;
    background-image: url(images/fondo-bot-verde.png) !important;
    font-weight: normal !important;
    cursor: pointer !important;
    padding: 7px !important;
}

    .formulari-proveidors .botsubmit:hover {
        background-image: none !important;
        cursor: pointer;
    }

.formulari-proveidors .botedit {
    width: 215px;
    color: #fff !important;
    border: 1px solid #fff !important;
    background-color: #8058e2 !important;
    background-image: url(images/fondo-bot-morado.png) !important;
    font-weight: normal !important;
    cursor: pointer !important;
    padding: 7px !important;
}

    .formulari-proveidors .botedit:hover {
        background-image: none !important;
        cursor: pointer;
    }

.warning-box-grid {
    color: #808000;
    clear: both;
    background: url(images/warning.png) no-repeat left #fcfae9;
    border: 1px #e9e6c7 solid;
    background-position: 15px 10px;
    padding: 20px 20px 15px 60px;
    margin: -10px 0 10px 0px;
}

.valid-box-grid {
    color: #008000;
    clear: both;
    background: url(images/valid.png) no-repeat left #edfce9;
    border: 1px #cceac4 solid;
    background-position: 15px 10px;
    padding: 20px 20px 15px 60px;
    margin: -10px 0 10px 0px;
}

.error-box-grid {
    color: #800000;
    clear: both;
    background: url(images/error.png) no-repeat left #fce9e9;
    border: 1px #eac7c7 solid;
    background-position: 15px 10px;
    padding: 20px 20px 15px 60px;
    margin: -10px 0 10px 0px;
}

.warning-box {
    color: #808000;
    clear: both;
    background: url(images/warning.png) no-repeat left #fcfae9;
    border: 1px #e9e6c7 solid;
    background-position: 15px 10px;
    padding: 20px 20px 15px 60px;
    margin: 20px 80px 0px 40px;
}

.valid-box {
    color: #008000;
    clear: both;
    background: url(images/valid.png) no-repeat left #edfce9;
    border: 1px #cceac4 solid;
    background-position: 15px 10px;
    padding: 20px 20px 15px 60px;
    margin: 20px 80px 0px 40px;
}

.error-box {
    color: #800000;
    clear: both;
    background: url(images/error.png) no-repeat left #fce9e9;
    border: 1px #eac7c7 solid;
    background-position: 15px 10px;
    padding: 10px 20px 15px 60px;
    margin: 20px 80px 0px 40px;
}

.add-box {
    width: 750px;
    clear: both;
    background: url(images/add-g.png) no-repeat left #edfce9;
    border: 1px #cceac4 solid;
    background-position: 20px 15px;
    padding: 20px 20px 20px 70px;
    margin: 40px 0 10px 40px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

}
.importar-box{margin:0 0 10px 200px;}

.input-deshabilitado input {
    background-color: #ececec !important;
    border: 1px dotted #ccc !important;
    color: #696969 !important;
}

.input-deshabilitado textarea {
    background-color: #ececec !important;
    border: 1px dotted #ccc !important;
    color: #696969 !important;
}

.add-box label {
    color: #384a38 !important;
}

.add-box a:link, .add-box a:visited {
    color: #800000 !important;
    font-size: 0.85em;
}

.add-box a:hover, .add-box a:active {
    color: #000 !important;
}

.add-box-submit {
    color: #fff !important;
    border: 1px solid #fff !important;
    background-color: #71aa25 !important;
    background-image: url(images/fondo-bot-verde.png) !important;
    font-weight: normal !important;
    width: 75px !important;
    cursor: pointer !important;
    margin: 0 4px 0 4px !important;
}

    .add-box-submit:hover {
        background-image: none !important;
    }

.add-box input {
    color: #000;
    background: #fff;
    padding: 7px;
    border: 1px solid #aacdaa;
    background-color: #fff;
    margin: 0 0 4px 0;
    width: 350px;
    font-size: 1em;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153,153, 153, 0.2);
    box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
}

    .add-box input[type="checkbox"] {
        color: #000;
        background: #fff;
        padding: 7px;
        border: 1px solid #aacdaa;
        background-color: #fff;
        margin: 0 0 4px 0;
        font-size: 1em;
        width: 20px !important;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -webkit-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
        -moz-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153,153, 153, 0.2);
        box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
    }

.add-box textarea {
    font-family: 'Open Sans', sans-serif, Arial,Helvetica,verdana,sans-serif;
    font-size: 1em;
    color: #000;
    background: #fff;
    padding: 7px;
    border: 1px solid #aacdaa;
    background-color: #fff;
    margin: 0 0 4px 0;
    width: 732px !important;
    min-height: 100px !important;
    height: 150px;
    font-size: 0.9em;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153,153, 153, 0.2);
    box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
}

.add-box select {
    color: #000;
    background: #fff;
    padding: 7px;
    border: 1px solid #aacdaa;
    background-color: #fff;
    margin: 0 0 4px 0;
    width: 365px;
    font-size: 1em;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153,153, 153, 0.2);
    box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
}


.add-box-textos {
    width: 830px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    background-image: none !important;
}

    .add-box-textos h2 {
        background-color: #f5fcf3;
        font-size: 1em;
        font-weight: 600;
        padding: 4px;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        margin: 10px 0 10px 0 !important;
        clear: both;
    }

        .add-box-textos h2 img {
            float: left;
            margin-right: 5px;
        }

.receta-box {
    width: 950px;
    clear: both;
    border: 1px #dcdde9 solid;
    background-color: #f7f9fa;
    padding: 10px 0 10px 40px;
    margin: 0 0 30px 0;
    font-size: 0.9em;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(204,204,204,1);
    -moz-box-shadow: 0px 2px 2px 0px rgba(204,204,204,1);
    box-shadow: 0px 2px 2px 0px rgba(204,204,204,1);
}

    .receta-box .parteizq {
        width: 600px;
        float: left;
    }

    .receta-box .parteizq1 {
        width: 460px;
        float: left;
        margin-right: 40px;
    }

        .receta-box .parteizq1 input {
            width: 460px;
        }

    .receta-box .parteizq2 {
        width: 100px;
        float: left;
    }

        .receta-box .parteizq2 input {
            width: 50px;
        }

    .receta-box .parteizq textarea {
        width: 550px;
    }

    .receta-box .parteder {
        width: 340px;
        float: left;
    }

        .receta-box .parteder img {
            max-width: 140px;
            margin: auto;
        }

    .receta-box #div_imagen {
        text-align: center;
    }

    .receta-box .parteder input {
        color: #000;
        background: #fff;
        padding: 7px;
        background-color: #fff;
        margin: 0 0 4px 0;
        font-size: 0.95em;
        width: 300px;
    }

    .receta-box .parteder button {
        color: #000;
        background: #fff;
        padding: 7px;
        background-color: #fff;
        border: 1px solid #ccc;
        cursor: pointer;
        margin: 0 0 4px 0;
        font-size: 0.95em;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -webkit-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
        -moz-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153,153, 153, 0.2);
        box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
        width: 100px;
    }

    .receta-box .parteizq1 input, .receta-box .parteizq2 input {
        color: #000;
        background: #fff;
        padding: 7px;
        border: 1px solid #ccc;
        background-color: #fff;
        margin: 0 0 4px 0;
        font-size: 1em;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -webkit-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
        -moz-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153,153, 153, 0.2);
        box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
    }

    .receta-box label {
        display: block;
        clear: both;
        margin-top: 5px;
        font-size: 0.9em;
    }

    .receta-box textarea {
        font-family: 'Open Sans', sans-serif, Arial,Helvetica,verdana,sans-serif;
        font-size: 1em;
        color: #000;
        background: #fff;
        padding: 7px;
        border: 1px solid #ccc;
        background-color: #fff;
        margin: 0 0 4px 0;
        height: 50px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -webkit-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
        -moz-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153,153, 153, 0.2);
        box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
    }

    .receta-box .submit-verde input {
        margin-top: 10px;
        border: 1px solid #ccc;
        background-color: #eee;
        color: #000;
        padding: 5px 10px 5px 25px;
        height: auto;
    }

.view-box {
    background: url(images/view-g.png) no-repeat left #e9ebfc !important;
    background-position: 20px 15px !important;
}

.edit-box-textos {
    width: 830px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    background-image: none !important;
}

    .edit-box-textos h2 {
        background-color: #f0f1fd;
        font-size: 1em;
        font-weight: 600;
        padding: 4px;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        margin: 10px 0 10px 0 !important;
        clear: both;
    }

        .edit-box-textos h2 img {
            float: left;
            margin-right: 5px;
        }

.edit-box {
    width: 750px;
    clear: both;
    background: url(images/edit-g.png) no-repeat left #e9ebfc;
    border: 1px #c7cae9 solid;
    background-position: 20px 15px;
    padding: 20px 20px 20px 70px;
    margin: 40px 0 10px 40px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    .edit-box a:link, .edit-box a:visited {
        color: #800000 !important;
        font-size: 0.85em;
    }

    .edit-box a:hover, .edit-box a:active {
        color: #000 !important;
    }

    .edit-box label {
        color: #494b5d !important;
    }

.edit-box-submit {
    color: #fff !important;
    border: 1px solid #fff !important;
    background-color: #8058e2 !important;
    background-image: url(images/fondo-bot-morado.png) !important;
    font-weight: normal !important;
    width: 75px !important;
    cursor: pointer !important;
    margin: 0 4px 0 4px !important;
}

    .edit-box-submit:hover {
        background-image: none !important;
    }

.edit-box input {
    color: #000;
    background: #fff;
    padding: 7px;
    border: 1px solid #bbbee2;
    background-color: #fff;
    margin: 0 0 4px 0;
    width: 350px;
    font-size: 1em;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153,153, 153, 0.2);
    box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
}

    .edit-box input[type="checkbox"] {
        color: #000;
        background: #fff;
        padding: 7px;
        border: 1px solid #bbbee2;
        background-color: #fff;
        margin: 0 0 4px 0;
        font-size: 1em;
        border-radius: 5px;
        width: 20px !important;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -webkit-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
        -moz-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153,153, 153, 0.2);
        box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
    }

.edit-box textarea {
    font-family: 'Open Sans', sans-serif, Arial,Helvetica,verdana,sans-serif;
    font-size: 1em;
    color: #000;
    background: #fff;
    padding: 7px;
    border: 1px solid #bbbee2;
    background-color: #fff;
    margin: 0 0 4px 0;
    width: 350px;
    height: 100px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153,153, 153, 0.2);
    box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
}

.edit-box select {
    color: #000;
    background: #fff;
    padding: 7px;
    border: 1px solid #bbbee2;
    background-color: #fff;
    margin: 0 0 4px 0;
    width: 365px;
    font-size: 1em;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153,153, 153, 0.2);
    box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
}


.edit-box-link a:link, .edit-box-link a:visited {
    color: #fff !important;
    border: 1px solid #fff !important;
    background-color: #8058e2 !important;
    background-image: url(images/fondo-bot-morado.png) !important;
    font-weight: normal !important;
    width: 75px !important;
    cursor: pointer !important;
    margin: 0 4px 0 4px !important;
    padding: 7px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153,153, 153, 0.2);
    box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
}

.edit-box-link a:hover, .edit-box-link a:active {
    background-image: none !important;
}


.textarea-edit-box textarea {
    font-family: 'Open Sans', sans-serif, Arial,Helvetica,verdana,sans-serif;
    font-size: 0.9em;
    color: #6369a2;
    background: #fff;
    padding: 7px;
    border: 1px solid #bbbee2;
    background-color: #fff;
    margin: 0 0 4px 0;
    width: 800px;
    height: 40px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153,153, 153, 0.2);
    box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
}


.submit-verde input {
    font-family: 'Open Sans', sans-serif, Arial,Helvetica,verdana,sans-serif;
    background-color: #edfce9;
    background-image: url(images/accept.png);
    background-position: 5px center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: 1px solid #cceac4;
    color: #627e5a;
    font-weight: 600;
    height: 30px;
    padding: 0 5px 0 25px;
    width: auto;
    line-height: 29px;
    margin-bottom: 14px;
    margin-right: 10px;
    text-decoration: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0px -6px 15px rgba(255, 255, 255, 0.2), 0px 4px 4px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: inset 0px -6px 15px rgba(255, 255, 255, 0.2), 0px 4px 4px rgba(153, 153, 153, 0.2);
    box-shadow: inset 0px -6px 15px rgba(255, 255, 255, 0.2), 0px 4px 4px rgba(153, 153, 153, 0.2);
}

.submit-verde-forward input {
    font-family: 'Open Sans', sans-serif, Arial,Helvetica,verdana,sans-serif;
    background-color: #edfce9;
    background-image: url(images/arrow-right.png);
    background-position: center left;
    background-repeat: no-repeat;
    cursor: pointer;
    border: 1px solid #cceac4;
    color: #627e5a;
    font-weight: 600;
    height: 30px;
    padding: 0 5px 0 25px;
    width: auto;
    line-height: 29px;
    margin-bottom: 14px;
    margin-right: 10px;
    text-decoration: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0px -6px 15px rgba(255, 255, 255, 0.2), 0px 4px 4px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: inset 0px -6px 15px rgba(255, 255, 255, 0.2), 0px 4px 4px rgba(153, 153, 153, 0.2);
    box-shadow: inset 0px -6px 15px rgba(255, 255, 255, 0.2), 0px 4px 4px rgba(153, 153, 153, 0.2);
}

.submit-verde-rev input {
    font-family: 'Open Sans', sans-serif, Arial,Helvetica,verdana,sans-serif;
    background-color: #edfce9;
    background-image: url(images/basket-rev.png);
    background-position: center left;
    background-repeat: no-repeat;
    cursor: pointer;
    border: 1px solid #cceac4;
    color: #627e5a;
    font-weight: 600;
    height: 30px;
    padding: 0 5px 0 25px;
    width: auto;
    line-height: 29px;
    margin-bottom: 14px;
    margin-right: 10px;
    text-decoration: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0px -6px 15px rgba(255, 255, 255, 0.2), 0px 4px 4px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: inset 0px -6px 15px rgba(255, 255, 255, 0.2), 0px 4px 4px rgba(153, 153, 153, 0.2);
    box-shadow: inset 0px -6px 15px rgba(255, 255, 255, 0.2), 0px 4px 4px rgba(153, 153, 153, 0.2);
}

.precio-total {
    margin: 25px 0 30px 0;
    color: #333;
    font-size: 1.1em;
    font-weight: 600;
    clear: both;
}

.producte {
    color: #000;
    font-weight: 600;
}

.productos-lista {
    position: absolute;
    left: 500px;
    top: 50px;
}

.productos-lista-simula {
    margin-left: 780px;
    margin-top: 20px;
    min-height: 530px;
}

.cistella-lista {
}

#Window .tableGrid, #Window_Step0 .tableGrid, #Window_Step1 .tableGrid, #Window_Step2 .tableGrid {
    font-size: 0.75em !important;
}

    #Window .tableGrid td, #Window_Step0 .tableGrid td, #Window_Step1 .tableGrid td, #Window_Step2 .tableGrid td, th {
        border: 1px solid #FFFFFF !important;
        padding: 2px 2px 2px 6px !important;
        text-align: left !important;
    }

#Window .t-window-title, #Window_Step0 .t-window-title, #Window_Step1 .t-window-title, #Window_Step2 .t-window-title {
    font-size: 0.7em;
    font-weight: 600;
}

#Window .t-content, #Window .t-header, #Window .t-grid-header, #Window_Step0 .t-content, #Window_Step0 .t-header, #Window_Step0 .t-grid-header, #Window_Step1 .t-content, #Window_Step1 .t-header, #Window_Step1 .t-grid-header, #Window_Step2 .t-content, #Window_Step2 .t-header, #Window_Step2 .t-grid-header {
    background-color: #ffffff;
    border: 0;
}

.form-box p {
    margin: 0 0 10px 0;
}

.form-box label {
    width: 100px;
    float: left;
    text-align: right;
    margin-right: 10px;
}

.form-box-submit {
    color: #fff !important;
    border: 1px solid #fff !important;
    background-color: #8058e2 !important;
    background-image: url(images/fondo-bot-morado.png) !important;
    font-weight: normal !important;
    width: 75px !important;
    cursor: pointer !important;
    margin: 0 4px 0 110px !important;
}

    .form-box-submit:hover {
        background-image: none !important;
    }

.form-box input {
    color: #6369a2;
    background: #fff;
    padding: 7px;
    border: 1px solid #bbbee2;
    background-color: #fff;
    margin: 0 0 4px 0;
    width: 200px;
    font-size: 0.9em;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153,153, 153, 0.2);
    box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
}


    .form-box input[type="checkbox"] {
        color: #6369a2;
        background: #fff;
        padding: 7px;
        border: 1px solid #bbbee2;
        background-color: #fff;
        margin: 0 0 4px 0;
        font-size: 0.9em;
        width: 20px !important;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -webkit-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
        -moz-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153,153, 153, 0.2);
        box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
    }


.form-box textarea {
    font-family: 'Open Sans', sans-serif, Arial,Helvetica,verdana,sans-serif;
    color: #6369a2;
    background: #fff;
    padding: 7px;
    border: 1px solid #bbbee2;
    background-color: #fff;
    margin: 0 0 4px 0;
    width: 200px;
    height: 100px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153,153, 153, 0.2);
    box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
}

.form-box select {
    color: #6369a2;
    background: #fff;
    padding: 7px;
    border: 1px solid #bbbee2;
    background-color: #fff;
    margin: 0 0 4px 0;
    width: 200px;
    font-size: 0.9em;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153,153, 153, 0.2);
    box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
}


.mofificar-preus .t-button {
    border: 0;
    margin: 0;
    background: transparent;
}

.mofificar-preus .t-grid-content {
    overflow: auto;
}

.mofificar-preus table {
    background-color: #FFFFFF;
    color: #555555;
    font-size: 0.9em !important;
    padding: 2px;
    width: 100%;
}

.mofificar-preus .t-status-text {
    color: #555555;
    font-size: 0.85em;
}

#undo {
    text-align: center;
    cursor: pointer;
    font-size: 0.8em;
    background-color: #eee;
    background-image: url(images/basket.png);
    background-position: 5px center;
    background-repeat: no-repeat;
    padding: 6px 10px 6px 30px;
    border: 1px solid #ccc;
    margin-right: 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153,153, 153, 0.2);
    box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
}

.dataTables_paginate {
    clear: both;
    float: right;
}

.paginate_button {
    border: 1px solid #6078BF !important;
    padding: 2px 4px 2px 4px;
    color: #6078BF;
    margin: 0 2px 0 2px;
}


.paginate_button_disabled, .first, .last {
    display: none;
}

.importar-precios {
    margin: 0;
    line-height: 2em;
    overflow: visible;
    border-top: 1px dotted #cccccc;
}

    .importar-precios li {
        list-style: none;
        width: 47%;
        float: left;
    }

    .importar-precios .separador {
        border-right: 1px dotted #CCCCCC;
        margin: 10px 20px 0 10px;
        width: 1px;
        height: 125px;
    }

    .importar-precios h3 {
        border: 0 !important;
    }

input.bot-importar {
    background-color: #eaf6fc;
    border: 1px solid #c4e2ea;
    color: #3f587c;
    font-weight: 600;
    height: 30px;
    line-height: 29px;
    text-decoration: none;
    text-align: left;
    padding-left: 0;
    display: inline;
    width: 190px;
    cursor: pointer;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0px -6px 15px rgba(255, 255, 255, 0.2), 0px 4px 4px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: inset 0px -6px 15px rgba(255, 255, 255, 0.2), 0px 4px 4px rgba(153, 153, 153, 0.2);
    box-shadow: inset 0px -6px 15px rgba(255, 255, 255, 0.2), 0px 4px 4px rgba(153, 153, 153, 0.2);
}

    input.bot-importar:hover {
        color: #183749;
    }

#slidingDiv {
    display: none;
}

#GridCarrito {
}

.cistella-lightbox3 {
    font-size: 0.8em !important;
    margin-top: -40px;
}

.estadistiques-multi {
    float: left;
    text-align: left;
    margin-right: 10px;
}

.estadistiques-detall {
    float: left;
    text-align: left;
    margin: 20px 0 0 40px;
}


.cost-menu {
    font-size: 1.6em;
    color: #6369a2;
    font-weight: 600;
}

.t-datepicker input {
    font-size: 0.95em !important;
}

.config-exportar {
    font-size: 0.85em;
    padding-right: 20px;
    padding-top: 8px;
    display: block;
    float: left;
}

.datos-grande {
    width: 1100px;
}

    .datos-grande .t-grid-content, .datos-grande .t-grid-header {
        height: auto !important;
        overflow: visible;
        width: 1100px;
    }

    .datos-grande .t-grid-header {
        border: none !important;
    }

.botmarcar-destacados {
    width: 215px;
    color: #fff !important;
    border: 1px solid #fff !important;
    background-color: #8058e2 !important;
    background-image: url(images/fondo-bot-morado.png) !important;
    font-weight: normal !important;
    cursor: pointer !important;
    padding: 7px !important;
    margin: 40px 0 0 50px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0px -6px 15px rgba(255, 255, 255, 0.2), 0px 4px 4px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: inset 0px -6px 15px rgba(255, 255, 255, 0.2), 0px 4px 4px rgba(153, 153, 153, 0.2);
    box-shadow: inset 0px -6px 15px rgba(255, 255, 255, 0.2), 0px 4px 4px rgba(153, 153, 153, 0.2);
}

    .botmarcar-destacados:hover {
        background-image: none !important;
        cursor: pointer;
    }

.t-grid .t-status {
    margin: 0.8em 0.6em -0.2em -0.6em !important;
}

.t-grid .t-status-text {
    margin-top: 1.1em !important;
}

.t-file-uploaded {
    width: 100px;
}

.t-picker-wrap {
    padding-right: 10px !important;
}

table.tabla-vacia, table.tabla-vacia tr, table.tabla-vacia td {
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
}

.precio-sube {
    background-image: url(images/arrows-up.png) !important;
    background-position: center right !important;
    background-repeat: no-repeat !important;
    padding-right: 20px !important;
}

.precio-igual {
    background-image: url(images/arrows-equal.png) !important;
    background-position: center right !important;
    background-repeat: no-repeat !important;
    padding-right: 20px !important;
}

.precio-baja {
    background-image: url(images/arrows-down.png) !important;
    /* background-image: url(images/error.png) !important; */
    background-position: center right !important;
    background-repeat: no-repeat !important;
    padding-right: 20px !important;
}

.precio-error {
    background-image: url(images/error.png) !important;
    background-position: center right !important;
    background-repeat: no-repeat !important;
    padding-right: 20px !important;
}

.t-formatted-value {
    padding: 8px 0 2px 10px !important;
}

.t-numerictextbox .t-arrow-up {
    margin-top: 4px !important;
}

.t-numerictextbox .t-arrow-down {
    margin-bottom: 4px !important;
}

tr.t-footer-template td {
    border-top: 1px solid #cccccc !important;
    background-color: #ffffff !important;
}

tr.t-footer-template .total {
    text-align: right;
    font-weight: 600;
    font-size: 1.2em;
}

tr.t-group-footer .total {
    text-align: right;
    font-weight: 600;
}

input.marginright {
    margin-right: 1px !important;
}

.nomessage span {
    display: none !important;
}

#personPopupContent {
    background-color: #FFF;
    min-width: 175px;
    min-height: 50px;
}

.umc_ok {
    color: #000000 !important;
}

.umc_ko {
    color: #DD0000 !important;
}


.detallComandaAnulada {
    color: #aaaaaa;
    background-color: transparent;
}

.detallComandaRegularizada {
    background-color: transparent;
}

.detallComandaRegularizable {
    color: #ff0000;
}


.tabla-obs .editor-field {
    margin: 0 !important;
}

.tabla-obs  th {
    color: #ffffff;
    font-weight: 600;
    background-color: #10152C;
    font-size: 0.9em;
}

td.blue {
   
    background-color: #10152C;
   
}

td.white {
    background-color: #ffffff;
}

.tabla-obs td {
    vertical-align: top;
    font-size: 0.9em;
    padding: 5px 5px 5px 5px;
}

.tabla-obs .generals td {
    background-color: #AEB3DB;
    color: #ffffff;
}

.tabla-obs .odd td {
    background-color: #EFF0F3;
}

.tabla-obs .even td {
    background-color: #E8EAED;
}

.text-box {
    margin: 0 !important;
}

.hide {
    display: none !important;
}

.no-border {
    border: 0 !important;
}

#Window-Detail .t-window-titlebar {
    border: 0 !important;
}

#Window-Detail .t-group, #Window-Detail .t-content, #Window-Detail .t-editable-area {
    background-color: #fff !important;
    border: 0 !important;
}

#Details {
    margin-left: 20px;
}

    #Details .data {
        width: 400px;
        float: left;
    }

    #Details .images {
        float: left;
        width: 325px;
        min-height: 460px;
        margin-left: 10px;
        padding-left: 25px;
    }

    #Details h2 {
        font-size: 1.4em !important;
        font-weight: normal;
    }

    #Details h3 {
        border: 0 !important;
        font-size: 0.7em !important;
        margin: 0;
        padding: 0;
    }

    #Details p {
        font-size: 0.8em !important;
        line-height: normal;
    }

    #Details .prices, #Details .checkout {
        float: left;
        width: 248px;
        font-size: 0.8em;
        color: #444;
        background-color: #F6F8F9;
        border: 1px solid #EEF1F5;
        height: 93px;
        padding: 10px;
        margin-right: 10px;
        text-align: center;
    }

        #Details .prices h2, #Details .checkout h2 {
            font-size: 0.9em !important;
            font-weight: 600;
            color: #444;
        }

        #Details .prices span, #Details .checkout span {
            font-size: 1.6em !important;
            font-weight: 600;
            color: #252D74;
        }

    #Details .formato {
        margin: 4px 0 30px 4px;
        font-size: 0.9em;
    }

    #Details .pdf {
        float: right;
        margin-top: 10px;
    }

        #Details .pdf a {
            background: url(images/pdf.png) no-repeat 0 0;
            padding-left: 20px;
            font-size: 0.8em;
        }

    #Details .classification {
        padding: 10px 10px 10px 10px;
        float: left;
        width: 520px;
        color: #444;
        background-color: #F6F8F9;
        font-size: 0.8em;
        border: 1px solid #EEF1F5;
        height: 93px;
    }

        #Details .classification li {
            width: 250px;
            float: left;
            border-bottom: 1px solid #fff;
            margin-left: 10px;
        }

        #Details .classification span {
            width: 200px;
            display: inline-block;
        }

    #Details .valoration {
        padding: 10px 10px 10px 10px;
        float: right;
        width: 180px;
        color: #444;
        background-color: #F6F8F9;
        font-size: 0.8em;
        text-align: center;
        border: 1px solid #EEF1F5;
        height: 93px;
    }

        #Details .valoration h1 {
            font-size: 3em;
            font-weight: 600;
            color: #252D74;
            padding: 5px 0 5px 0;
        }

        #Details .valoration h5 {
            font-size: 0.9em;
        }

        #Details .valoration span {
            font-size: 0.7em;
        }

    #Details .padding-top {
        clear: both;
        padding-top: 20px;
    }

    #Details .padding-bottom {
        clear: both;
        padding-bottom: 20px;
    }

    #Details .t-grid .t-grid-toolbar {
        border: 0 !important;
    }

    #Details .t-grid .t-header span {
        font-weight: 600 !important;
    }

    #Details .t-grid td {
        font-size: 0.9em !important;
        border: 0 !important;
    }

    #Details .proveidor, #Details .comments, #Details .related {
        margin-top: 20px;
        font-size: 0.7em !important;
    }

        #Details .related p {
            font-size: 0.9em !important;
        }

    #Details .proveidor {
        border-top: 1px solid #EEF1F5;
        padding-top: 5px;
    }

        #Details .proveidor .info {
            float: left;
            width: 550px;
        }

        #Details .proveidor .valoration {
            font-size: 1.2em !important;
        }

.thin {
    line-height: 1em;
}

.classHeight {
    height: 136px;
}

#Details .classHeight h1 {
    padding: 50px 0 40px !important;
}

    #Details .classHeight h1.little {
        padding: 30px 0 20px !important;
    }

.navbar {
    font-weight: normal;
    font-size: 0.9em;
    color: #6078BF;
    padding: 10px;
    margin-top: -20px;
    border-bottom: 1px dotted #e5e5e5;
}

    .navbar a {
        color: #252D74;
    }

.t-valoracio .t-grid-edit span {
    background: url("images/valorations.png") no-repeat 0 0 !important;
}

.comentari {
    border: 1px solid #EEF1F5;
    background-color: #F6F8F9;
    padding: 10px;
    margin: 5px 0px 5px 0px;
}

    .comentari.resposta {
        margin-left: 40px !important;
    }

    .comentari.comentari-proveidor {
        border: 1px solid #E0E7F1;
        background-color: #E8ECEE;
        padding: 10px;
        margin: 5px 0px 5px 0px;
    }

    .comentari .title {
        font-weight: 600;
        color: #252D74;
        margin-bottom: 5px;
    }

    .comentari .subtitle {
        font-weight: 600;
        margin-bottom: 5px;
    }

        .comentari .title .right, .comentari .subtitle .right {
            float: right;
        }

.pending {
    border: 1px solid #EEF1F5 !important;
    background-color: #F6F8F9 !important;
}

    .pending, .pending .title {
        color: #C3C7CC !important;
    }

        .pending .alert {
            font-weight: 600;
            color: #FF9933;
        }

.add-box.add-comentari {
    width: 866px !important;
    margin: 10px 0 30px;
}

    .add-box.add-comentari textarea {
        width: 850px !important;
    }

    .add-box.add-comentari textarea {
        width: 850px !important;
    }

.comentari form {
    margin-left: 10px;
    float: right;
    display: inline;
}

.comentari-submit {
    width: 20px;
    height: 20px;
    text-indent: -9000px;
    overflow: hidden;
    border: 0;
}

.approve-button {
    background: url("images/accept.png") no-repeat center center transparent;
}

.deny-button {
    background: url("images/cross.png") no-repeat center center transparent;
}

.box-comentari {
    margin: 10px 0 10px;
}

.tooltip {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 1px 1px 3px 3px #999999;
    line-height: 1.2em;
    opacity: 0.9;
    padding: 5px 5px 5px 18px;
    position: absolute;
    width: 250px;
    z-index: 99999;
    font-size: 0.7em;
}

    .tooltip .title {
        font-weight: 600;
        font-size: 1.1em;
        margin-bottom: 5px;
    }

.barra {
    margin-top: 5px;
    height: 15px;
    width: 250px;
    border: 1px solid #aaa;
    position: relative;
    background: #30bf30; /* Old browsers */
    background: -moz-linear-gradient(left, #30bf30 0%, #bfbf30 50%, #bf3030 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#30bf30), color-stop(50%,#bfbf30), color-stop(100%,#bf3030)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #30bf30 0%,#bfbf30 50%,#bf3030 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #30bf30 0%,#bfbf30 50%,#bf3030 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #30bf30 0%,#bfbf30 50%,#bf3030 100%); /* IE10+ */
    background: linear-gradient(to right, #30bf30 0%,#bfbf30 50%,#bf3030 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30bf30', endColorstr='#bf3030',GradientType=1 ); /* IE6-9 */
}

    .barra .marcador-down {
        height: 15px;
        background: url(images/marcadordown.png) no-repeat bottom;
        position: absolute;
        width: 12px;
        top: -10px;
        margin-left: -6px;
    }

    .barra .marcador-up {
        height: 15px;
        background: url(images/marcadorup.png) no-repeat top;
        position: absolute;
        width: 12px;
        bottom: -10px;
        margin-left: -6px;
    }

.checkout div input {
    border: 1px solid #CCCCCC;
    width: 75px;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 -8px 15px rgba(153, 153, 153, 0.1) inset, 0 4px 4px rgba(153, 153, 153, 0.2);
    font-size: 1em;
    padding: 7px;
}

    .checkout div input[type="button"] {
        border: 1px solid #CCCCCC;
        width: 50px;
        border-radius: 5px 5px 5px 5px;
        box-shadow: 0 -8px 15px rgba(153, 153, 153, 0.1) inset, 0 4px 4px rgba(153, 153, 153, 0.2);
        font-size: 1em;
        padding: 7px;
        background-color: #8058E2 !important;
        background-image: url("images/fondo-bot-morado.png") !important;
        border: 1px solid #FFFFFF !important;
        color: #FFFFFF !important;
        cursor: pointer !important;
        font-weight: normal !important;
        margin: 0 4px !important;
        width: 75px !important;
    }

.checkout .success {
    background: url("images/accept.png") no-repeat 55px 7px #edfce9;
}

.checkout .error {
    background: url("images/cross.png") no-repeat 54px 5px #fce9e9;
}

.rounded-red a div {
    background-color: #CC0000;
    border: 2px solid #FFFFFF;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    color: #FFFFFF;
    font-size: 0.85em;
    height: 25px;
    left: auto;
    padding: 0;
    position: absolute;
    right: -8px;
    text-align: center;
    top: 0;
    width: 25px;
}

.divOculto {
    display: none;
}

.divMostrar {
    display: block;
}

.comentariAnterior {
    float: left;
    display: none;
    width: 70px;
}

.comentariSeguent {
    float: left;
    width: 70px;
    padding-left: 70px;
}

.formSearch {
    width: auto;
    float: left;
    margin-right: 5px;
}

    .formSearch span {
        display: block;
        clear: both;
    }



.label-buscador {
    clear: both;
    display: block;
    font-size: 0.8em;
}
.label-filter {
    clear: both;
    display: block;
    font-size: 0.8em;
}

.mesfiltres-buscador {
    margin-top: 20px;
    margin-bottom: 20px;
    clear: both;
}

.bloke-buscador {
    width: 225px;
    float: left;
}

.bloke-buscadorx2 {
    width: 450px;
    float: left;
}

.bloke-buscadorx3 {
    width: 675px;
    float: left;
}

.bloke-buscadorx4 {
    width: 900px;
    float: left;
    margin-bottom: 20px;
}
.bloke-filterx4 {
    width: 900px;
    float: left;
    margin-bottom: 20px;
    margin-top: 20px;
}
.select-buscador {
    color: #252d74;
    background: #fff;
    padding: 7px;
    border: 1px solid #dcdde9;
    background-color: #fff;
    margin: 0 8px 4px 0;
    width: 200px;
    font-size: 0.9em;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153,153, 153, 0.2);
    box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
}

.select-buscadorx2 {
    width: 400px !important;
}

.input-buscador {
    color: #252d74;
    background: #fff;
    padding: 5px 7px 5px 7px;
    border: 3px solid #6078bf;
    background-color: #fff;
    margin: 0 0 4px 0;
    width: 550px;
    font-size: 1.6em;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153,153, 153, 0.2);
    box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
}
.input-buscador-plantilla {
    color: #252d74;
    background: #fff;
    padding: 5px 7px 5px 7px;
    border: 3px solid #6078bf;
    background-color: #fff;
    margin: 0 0 4px 0;
    width: 200px;
    font-size: 1em;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153,153, 153, 0.2);
    box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
}

.boton-buscador {
    color: #252d74;
    background: #fff;
    padding: 7px;
    border: 1px solid #dcdde9;
    background-color: #fff;
    margin: 0 0 4px 5px;
    width: 130px;
    font-size: 1em;
    cursor: pointer;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153,153, 153, 0.2);
    box-shadow: inset 0px -8px 15px rgba(153, 153, 153, 0.1), 0px 4px 4px rgba(153, 153, 153, 0.2);
}

.boton-buscador-buscar {
    font-weight: 600;
    background-color: #6078bf;
    color: #fff;
    border: 3px solid #FFF;
}

.boton-buscador-restab {
    width: 75px !important;
}
.boton-buscador-restab-plantilla {
    width: 85px !important;
}

.mes-filtres {
    text-align: center;
    margin: 10px auto 10px auto;
    clear: both;
}

    .mes-filtres a {
        font-size: 0.9em;
        cursor: pointer;
    }

.llistaFormateada span {
    font-weight: 600;
    min-width: 135px;
    display: inline-block;
}


.llistaFormateada {
    font-size: 0.8em;
}

.cierre-manual {
    text-align: right;
    position: absolute;
    top: -10px;
    right: 10px;
}

    .cierre-manual a {
        background-image: url(2011.2.712/Sitefinity/sprite.png);
        background-position: -64px -288px;
        display: inline-block;
        font-size: 0;
        height: 16px;
        line-height: 0;
        overflow: hidden;
        text-align: center;
        text-indent: -3333px;
        vertical-align: middle;
        width: 16px;
    }



.informacio {
    clear: both;
    overflow: auto;
    display: none;
    background-color: #fff;
    border: 1px dotted #ccc;
    margin-top: 10px;
    box-shadow: 1px 1px 2px #e6e6e6;
}

.informaciomostra {
    float: right;
    margin-top: 10px;
}

h2.categories {
    margin-top: 40px;
    margin-bottom: 30px;
    font-size: 2em;
    text-transform: uppercase;
    font-weight: 200;
    text-align: center;
    color: #8384a6;
    text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.5);
}

#loadingDiv {
    text-align: center;
    display: none;
    margin-bottom: 20px;
}



.apartat_image li {
    overflow: auto;
    float: left;
}

.apartat_image img {
    width: 260px;
    height: 195px;
    display: block;
}

.apartat_image h3 {
    font-size: 1em;
    font-weight: 400;
    text-transform: uppercase;
    border: 0;
    /*z-index:999;*/
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    background-image: url(images/bg-semitrans.png);
    padding: 4px;
}

    .apartat_image h3 a {
        color: #333;
    }

.amb-fons {
    background: url(images/bg-content.jpg) repeat-x #f5f3f3 !important;
    margin-top: -2px !important;
}

    .amb-fons #content {
        background-color: transparent !important;
        background-image: none !important;
    }


.view {
    width: 260px;
    height: 195px;
    margin: 22px;
    float: left;
    border: 6px solid #fff;
    overflow: hidden;
    position: relative;
    text-align: center;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
    background: #fff;
}

    .view .mask, .view .content {
        width: 260px;
        height: 195px;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        cursor: pointer;
    }

    .view img {
        display: block;
        position: relative;
    }

    .view a.info {
        display: block;
        width: 150px;
        text-decoration: none;
        padding: 5px 6px;
        background: #000;
        color: #fff;
        margin: 6px auto;
        text-transform: uppercase;
        box-shadow: 0 0 1px #000;
    }

        .view a.info:hover {
            background-color: #444;
        }

.view-tenth img {
    transform: scaleY(1);
    transition: all 0.7s ease-in-out;
}

.view-tenth .mask {
    opacity: 0;
    background-color: rgba(0,0,0, 0.6);
    transition: all 0.4s ease-in-out;
}

.view-tenth:hover img {
    transform: scale(2);
}

.view-tenth:hover .mask {
    opacity: 1;
}

.view-tenth:hover h3, .view-tenth:hover h3 a {
    color: #fff;
    transition: all 0.7s ease-in-out;
    background-image: none;
}

.view-tenth p {
    color: #333;
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
    margin-top: 20px;
}

.view-tenth a.info {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-tenth:hover p, .view-tenth:hover a.info {
    transform: scale(1);
    opacity: 1;
}


.tabs {
    width: 100%;
    display: inline-block;
}

.tab-links {
    padding: 0;
    margin: 0;
}
    /*----- Tab Links -----*/

    /* Clearfix */
    .tab-links:after {
        display: block;
        clear: both;
        content: '';
    }

    .tab-links li {
        margin: 0px 5px -4px 0px;
        float: left;
        list-style: none;
    }

    .tab-links a {
        padding: 9px 15px;
        display: inline-block;
        border-radius: 3px 3px 0px 0px;
        background: #7FB5DA;
        font-size: 16px;
        font-weight: 600;
        color: #DCDDE9;
        transition: all linear 0.15s;
    }

        .tab-links a:hover {
            background: #a7cce5;
            text-decoration: none;
        }

li.active a, li.active a:hover {
    color: #4c4c4c;
}
/*----- Content of Tabs -----*/
.tab-content {
    padding: 15px;
    border-radius: 3px;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
    background: #fff;
}

.tab {
    display: none;
}


#tab1, #tab2 {
    float: left;
    border: 1px #dcdde9 solid;
    /*background-color: #f7f9fa;*/
    padding: 20px 10px 15px 13px;
    box-shadow: 0px 2px 2px 0px rgba(204,204,204,1);
}


.input_menu {
    width: 374px !important;
}

.areaMiddelAlign {
    vertical-align: middle;
    text-align: center;
}

.button-verde-excel {
    background-color: #edfce9;
    width: 200px !important;
    cursor: pointer;
}

.rapel-box {
    width: 950px;
    clear: both;
    border: 1px #dcdde9 solid;
    background-color: #f7f9fa;
    padding: 10px 0 10px 40px;
    margin: 0 0 30px 0;
    font-size: 0.9em;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(204,204,204,1);
    -moz-box-shadow: 0px 2px 2px 0px rgba(204,204,204,1);
    box-shadow: 0px 2px 2px 0px rgba(204,204,204,1);
}

.field-validation-error {
    color: red;
    padding-left: 10px;
}

.hidden {
    display: none;
}

ul.conditions {
    list-style: inherit;
    padding-left: 20px;
    padding-bottom: 10px;
}

input[type=submit]:disabled {
    background-color: lightgray;
}

#btnExport.isDisabled {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    pointer-events: none;
    text-decoration: none;
    background-color: lightgray;
}

.isDisabled > a {
    color: currentColor;
    display: inline-block; /* For IE11/ MS Edge bug */
    pointer-events: none;
}


.fl-left {
    float: left;
    margin-right: 10px;
}

input#contableButton:disabled {
    background-color: darkgray;
}

#GridCarritoList tr.inactive-row td {
    background-color: #dfc014 !important;
    color: #333;
}

.header-flex-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    width: 100%;
}

.legend-div-box {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-right: 10px;
}

.legend-box {
    width: 20px;
    height: 20px;
    background-color: #dfc014;
    border: 1px solid #ccc;
}

.legend-text {
    font-size: 14px;
    color: #333;
}