/* BRANDING COLORS */
:root {
    --main-green: #76bc21;
    --secondary-gray: #D8D8D8;
    --light-gray: #F3F3F3;
}

/* GENERAL*/
body {
    font-family: "Montserrat" !important;
}

.text-centered {
    display: flex;
    justify-content: center;
}

/* FONT */
.font-45 {
    font-size: 45px !important;
}

.font-36 {
    font-size: 36px !important;
}

.font-30 {
    font-size: 30px !important;
}

.font-33 {
    font-size: 33px !important;
}

.font-24 {
    font-size: 24px !important;
}

.font-20 {
    font-size: 20px !important;
}

.font-15 {
    font-size: 15px !important;
    color: #595959;
}

.font-14 {
    font-size: 14px !important;
}

.font-12 {
    font-size: 12px !important;
}

.font-11 {
    font-size: 11px !important;
}



.txt-green {
    color: var(--main-green);
}


a:hover {
    color: #000000 !important;
    text-decoration: underline;
}

.a-vertical {
    margin-top: auto;
    margin-bottom: auto;
}

.a-horizontal {
    margin-right: auto;
    margin-left: auto;
}

/*input-color-autofill*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}


.h-buttons {
    background-color: var(--main-green) !important;
    color: white !important;
    border-radius: 10px !important;
    margin-right: 5px;
}

.btn:focus {
    box-shadow: 0 0 0 0.2rem #76bc2185 !important;
}

textarea:focus, /* Change Bootstrap input focus glow */
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: rgba(126, 239, 104, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);
    outline: 0 none;
}


/*HEADER*/
.header {
    padding: 15px 55px;
}

.a-nounderline {
    text-decoration: none !important;
}


/* header navbar*/

/*Elementos listas distancia y centrado*/
a.dropdown-item {
    height: 60px;
    display: flex;
    align-items: center;
}

.navbar {
    padding: 0px !important;
}

a.nav-link {
    color: black;
}



/*login-buttons*/
.home-button {
    background-color: #76BC21;
}

input.btn.login-button { /* Boton verde letra blanca */
    background-color: var(--main-green);
    color: white;
    border-radius: 10px;
}

input.btn.discover-button { /* Boton blanco letra verde */
    background-color: white;
    color: var(--main-green);
    border-radius: 10px;
}

    input.btn.discover-button:focus {
        box-shadow: 0 0 0 0.2rem #ffffff38 !important;
    }

/*HOME*/
.no-padding {
    padding: 0px;
}

.align-img-vertically {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.customer-service-logo {
    height: 70px;
}

.home-catalogue {
    line-height: 35px;
    background-color: #e5e5e5;
    padding: 60px 60px;
    padding-left: 70px;
    padding-right: 70px;
}

.home-order {
    background-color: #e4f2d3;
    padding: 60px;
    padding-left: 107px !important; /*Jira EC-96*/
}

    .home-order ul li {
        padding-bottom: 12px;
    }


#home ul li a {
    margin: 5px;
    color: #000000 !important;
    text-decoration: underline !important;
    font-size: 18px;
}

.padding-left-70 {
    padding-left: 70px !important;
}



@media (min-width: 768px) {
    .padding-left-50 {
        padding-left: 50px !important;
    }

    .padding-left-30 {
        padding-left: 30px !important;
    }
}



/*PROMOTIONS*/
.promotion-image {
    width: 390px;
}

.title-promotions {
    margin-bottom: 15px;
}



/*SUBMENU FOOTER*/
.submenu-footer {
    padding-left: 50px;
    padding-right: 50px;
}

    .submenu-footer h2 {
        color: #515151
    }

.col-centered {
    align-self: center;
}

@media (max-width: 767px) {
    .selector-sistemas {
        margin-left: -12vw
    }

    .documentos-tecnicos {
        margin-left: -17vw
    }

    .font-responsive {
        font-size: 2.5vw !important;
    }
}


@media (min-width: 768px) {
    div.submenu-footer div.col-md-3.b-left {
        border-left: solid #b2b2b2 1px;
    }

    .selector-sistemas {
        max-width: 100px;
        min-width: 60px;
        width: 100%
    }

    .tarifas {
        max-width: 70px;
        min-width: 20px;
        width: 100%
    }

    .documentos-tecnicos {
        max-width: 70px;
        width: 100%;
        min-width: 37px
    }

    .catalogo-productos {
        max-width: 70px;
        width: 100%
    }

    .font-responsive {
        font-size: 1.5vw !important;
    }
}




/* FOOTER */
.footer-corporative a {
    color: #ffffff;
}

.footer-corporative {
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
    height: 50px;
    background-color: var(--main-green);
    color: white !important;
}

/**** RESET + CLEARFIX ****/
* {
    margin: 0;
    padding: 0;
    outline: 0;
    font-size: 1em;
    font-weight: normal;
    font-style: normal;
    border: 0;
    text-decoration: none;
    list-style-type: none
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0px
}

.clearfix {
    display: inline-block
}

* html .clearfix {
    height: 1%
}

.clearfix {
    display: block
}
/**************************/


/*-------/-------LAYOUTS -------/ -------*/
/*-------  HEADER  -------*/
html {
    overflow-y: scroll
}

body {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

#page {
    /* background: url("../images/backg-body.jpg") repeat-y scroll center center */
    background-color: #ffffff;
}

.wrap {
    width: 980px;
    margin: 0 auto;
}

#errorHeader {
    padding-bottom: 10px;
}
/*#header .wrap {position:relative;}*/ /*no tocar*/


/*CAROUSEL WARNING*/
.carousel-inner {
    height: 60px;
    padding-left: 10px;
}

/*.carousel {
	background-color: #4970ff;
}
*/
.carousel-mid-box {
    padding-top: 10px !important;
}

/* CONTROLS*/
.carousel-control-prev {
    left: auto;
}

/*INDICATORS*/
div#carouselExampleIndicators ol li {
    list-style-type: none;
}

.carousel-indicators {
    z-index: 0 !important;
    margin-right: 0% !important;
    margin-left: 0% !important;
}

.carousel-close {
    margin-left: 15px;
}

/*-- HEADER / WARNING  --*/
.btn-primary-outline {
    padding: 0px !important;
}

#warnings {
    background-color: #76BC21;
    border-top: 1px solid #76BC21;
    border-bottom: 1px solid #76BC21;
    /*padding: 3px 0;*/
    height: 61px;
}

    #warnings .warningContent {
        width: 960px;
        margin: 0 auto;
        font-size: 13px;
        line-height: 24px;
        color: #666;
        position: relative;
        text-indent: 30px
    }

        #warnings .warningContent a {
            color: #004715;
            text-decoration: underline
        }

            #warnings .warningContent a:hover {
                color: black
            }

        #warnings .warningContent .icon {
            width: 23px;
            height: 22px;
            position: absolute
        }

        #warnings .warningContent .iconWarning {
            background-position: -148px -753px;
            top: 0px;
            left: 0px
        }

        #warnings .warningContent .close {
            background-position: -100px -750px;
            top: 2px;
            right: 2px
        }

            #warnings .warningContent .close:hover {
                background: url(../images/icons.png) no-repeat -100px -700px
            }


/*--  Top Toolbar  --*/
#topbar {
    height: 60px;
    position: relative;
    z-index: 1001
}

    #topbar .wrap {
        padding-top: 4px;
        position: relative;
    }
/*...más en menu.css*/

/*--  Logo Pladur y .biz  --*/
#logo {
    width: 187px;
    height: 55px;
    z-index: 1004;
    display: block;
    background: url(../images/biz-landing/LOGO_PLADUR-ALGISS_EDITED.png) no-repeat center top;
    position: absolute;
    left: 0;
    top: 24px;
    text-indent: -9999px
}

#logo-biz {
    width: 65px;
    height: 55px;
    background: url(../images/logo.gif) no-repeat right bottom;
    position: absolute;
    right: 0;
    top: 30px
}

/*-- Language (externo) --*/
#topbar .wrap #TabAux {
    _width: 92px;
    _height: 22px;
    position: absolute;
    right: 459px;
    top: 9px;
    background: url(../images/backg-lg.png) left top no-repeat;
    z-index: 100;
}
/* FLAGS */

#flags-language a {
    text-transform: capitalize;
}

#header #TabAux .languages {
    padding: 7px
}

    #header #TabAux .languages li {
        margin: 0px 3px 0px 0px;
        float: left
    }

        #header #TabAux .languages li a {
            overflow: hidden;
            width: 16px;
            height: 10px;
            border: 1px solid #ccc;
            background: url(../images/icons.png) left top no-repeat;
            text-indent: -9999px;
            display: block;
            padding: 0
        }

            #header #TabAux .languages li a:hover {
                border-color: #333
            }

    #header #TabAux .languages .spanish {
        background-position: -151px 0px
    }

    #header #TabAux .languages .portuguese {
        background-position: -151px -50px
    }

    #header #TabAux .languages .english {
        background-position: -151px -100px
    }

    #header #TabAux .languages .catalan {
        background-position: -151px -150px
    }

    #header #TabAux .languages .french {
        background-position: -299px -601px
    }

/*--  Main Menu  --*/
#menu {
    height: 100%;
    min-height: 48px;
    clear: both;
    top: 10px;
    position: relative
}
/*más en menu.css ... */

/*--  Main Search  --*/

.align-right {
    margin-left: auto;
}

#MainSearch {
    display: inline;
    padding: 11px 16px 0 0;
    float: right;
    max-width: 35%;
}

    #MainSearch form {
        width: 223px;
        height: 25px;
        padding: 0 0 7px 7px;
        background-color: #FFFFFF;
        border-radius: 25px;
    }

        #MainSearch form input {
            font-family: Montserrat, FontAwesome;
            font-weight: 500;
            width: 194px;
            height: 20px;
            /*float: left;*/
            vertical-align: middle;
            font-size: 13px;
            color: #000000;
            background-color: #FFFFFF;
        }

        #MainSearch form a {
            width: 28px;
            height: 22px;
            float: right
        }

/*------- CONTENT -------*/

.publicity-1 {
    background-image: url("../images/biz-landing/publi_1.png");
    background-repeat: no-repeat;
    height: 450px;
    background-size: cover;
    padding-top: 95px;
    padding-left: 75px;
}

.publicity-2 {
    background-image: url("../images/biz-landing/publi_2.png");
    background-repeat: no-repeat;
    height: 450px;
    background-size: cover;
    padding-top: 95px;
    padding-right: 50px;
}

#content {
    margin-top: 10px;
    min-height: 350px;
    padding-bottom: 40px;
    padding-left: 0px
}

/* min height para ie6 */
* html #content {
    height: 350px
}

    #content .colum-a {
        padding: 10px;
        float: left;
    }

    #content .colum-b {
        width: 80%;
        padding: 10px;
        float: right;
    }

/*------- FOOTER -------*/
#footer {
    padding: 10px 0px;
    width: 100%;
    margin: 0 auto
}

    #footer a {
        /*color: #345A44;*/
        text-decoration: none
    }

        #footer a:hover {
            color: #004715;
            text-decoration: underline
        }

    #footer .title {
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 12px
    }

.footer-titles {
    font-size: 20px;
    font-weight: bold;
}

#footer-links {
    padding-bottom: 20px;
    padding-top: 70px;
    padding-left: 80px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    background-color: #76BC21;
    overflow: hidden;
    height: 1%
}

    #footer-links ul {
        /*width: 220px;*/
        padding: 0px 0px 0px 15px;
        float: left;
    }

        #footer-links ul li {
            line-height: 17px;
            margin-bottom: 10px;
        }

    #footer-links .last {
        border-right: none;
    }

    #footer-links .title {
        font-size: 14px;
    }
/*------- LEGAL -------*/
#footer-legal {
    font-size: 10px;
    height: 14px;
    padding: 5px 10px;
    text-align: right;
    border-bottom: 1px solid #ccc;
}

    #footer-legal li {
        margin-left: 20px;
        float: right
    }

    #footer-legal .iconPhone {
        float: left
    }
/*------- SUB FOOTER -------*/
#footer-corporative {
    font-size: 10px;
    height: 40px;
    margin-bottom: 5px;
    background-color: #76BC21;
}

    #footer-corporative li {
        padding-top: 25px;
        margin-right: 10px
    }

    #footer-corporative .label-1 {
        float: left
    }

    #footer-corporative .label-2 {
        float: right
    }
    /* logos */
    #footer-corporative .footer-logo {
        background-repeat: no-repeat;
        float: right;
        padding-top: 8px
    }

        #footer-corporative .footer-logo a {
            display: block;
            text-indent: -9999px;
            height: 42px
        }

    #footer-corporative .uralita {
        width: 120px;
        background-position: 5px 0px;
        float: left;
    }

    #footer-corporative .ursa {
        width: 65px;
        background-position: -124px 0px;
    }

    #footer-corporative .algiss {
        width: 70px;
        background-position: -190px 0px;
    }

    #footer-corporative .cobert {
        width: 60px;
        background-position: -265px 0px;
    }

    #footer-corporative .adequa {
        width: 80px;
        background-position: -325px 0px;
    }
/*------- ------- -------LOOK&FEEL ------- ------- -------*/


/*------- ------- HEADINGS ------- -------*/
/*.page-title {font-family:'Montserrat', Helvetica, sans-serif;font-size: 22px;color: #004715;line-height:22px;margin-bottom:20px;padding-bottom:5px;border-bottom: 3px solid #C1D63F;text-transform:uppercase;}
.page-title .iconNew{height:12px;}
.page-title .iconHighlight{height:16px;}
.page-subtitle {font-family:'Montserrat', Helvetica, sans-serif;font-size:18px;color:#333;line-height:18px;}*/

/* estilo de titulo h3 para contenido (ej. en pedidos) */
/*#content h3,
#content h4 {border-bottom:2px solid #C1D63F;margin-bottom:10px;color:#004715;font-weight:bold}
#content h3 {padding-bottom:5px;font-size:14px;text-transform:uppercase}
#content h4 {padding-bottom:3px;font-size:11px;text-transform:uppercase}*/

/*------- ------- TEXT  ------- -------*/
/*#content {font-family:"lucida grande", 'Montserrat', sans-serif;font-size:12px;}
#content p {line-height:18px;margin-bottom:18px;}
sup, sub  { font-size: 9px; }
strong { font-weight:bold; }
.EmptyData {font-weight:bold;color:#777}
.bold {font-weight:bold;}
.f9 {font-size:9px}.f10 {font-size:10px}.f11 {font-size:11px}.f12 {font-size:12px}.f13 {font-size:13px}.f14 {font-size:14px}.f15 {font-size:15px}*/

/*-------LINKS -------*/
.green-txt {
    color: #76BC21;
}

.dark-green-txt {
    color: #345A44;
}

#content a {
    color: #76BC21;
}

    #content a:hover {
        color: var(--secondary-gray);
    }

a.read_more {
    font-weight: bold;
    float: right;
}


/*------- COLOURS -------*/
.green-dark {
    color: #004715
}

.green-medium {
    color: #999900
}

.green-light {
    color: #C1D63F
}

.green-extra_light {
    color: #EAF1BE
}

.brown-medium {
    color: #B1B57B
}

.brown-light {
    color: #D7D9C0
}

.brown-extra_light {
    color: #EBEBD8
}

.blue_light {
    color: #edf3fe
}


/*------- ------- 
LISTS 
------- -------*/
ol {
    list-style-type: decimal
}

ul {
    list-style-type: disc
}

    ul ul {
        list-style-type: circle
    }

        ul ul ul {
            list-style-type: square
        }

ol li {
    list-style-type: decimal
}

ol ol li {
    list-style-type: lower-alpha
}


/*------- -------
TABLAS
Estilo-1 (ej. Lista de productos)
------- -------*/
#content .tableStyle1 {
    width: 100%;
    border: 1px solid #c9c9c9;
}

    #content .tableStyle1 th {
        vertical-align: top;
        padding-top: 15px;
        padding-bottom: 15px;
        background-color: var(--secondary-gray);
        color: #004715;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
    }

        #content .tableStyle1 th a {
            text-decoration: none;
            color: #004715
        }

    #content .tableStyle1 td {
        padding: 15px;
        text-align: center;
    }

    #content .tableStyle1 .whitebord {
        vertical-align: middle;
        outline: medium solid #ffffff;
        min-height: 50px;
        text-align: center;
    }

    #content .tableStyle1 td p {
        margin: 0;
        margin-bottom: 5px
    }

    #content .tableStyle1 .odd {
        background-color: #ffffff
    }

    #content .tableStyle1 .even {
        background-color: #ffffff
    }

    #content .tableStyle1 .thcenter th {
        text-align: center
    }

    #content .tableStyle1 td.tdhighlight {
        background-color: #ffffaf;
    }
    /* ACTIONS COLUMN */
    #content .tableStyle1 .actions {
        text-align: center
    }

        #content .tableStyle1 .actions a {
            position: relative;
            padding-left: 18px;
            margin: 0 5px
        }

        #content .tableStyle1 .actions .iconAdd {
            left: 2px
        }

        #content .tableStyle1 .actions .iconDownload,
        #content .tableStyle1 .actions .iconEdit,
        #content .tableStyle1 .actions .iconDelete {
            top: 0
        }

/***********************************
TABLA ESTILO 2 (ej. Informe compras)
************************************/
#content .tableStyle2 {
    border-width: 0 1px 1px 0;
    border-collapse: collapse
}

    #content .tableStyle2 th {
        border-top: 1px solid #c9c9c9;
        border-left: 1px solid #fff
    }

    #content .tableStyle2 .thtr1 th {
        text-transform: uppercase;
        text-align: center
    }

    #content .tableStyle2 .LastTh {
        border-right: 1px solid #c9c9c9
    }

    #content .tableStyle2 .tr1th1 {
        border-top: 0;
        background-color: #fff;
        border-right: 1px solid #c9c9c9
    }

    #content .tableStyle2 .emptyTh {
        background-color: #F9F9F9
    }

    #content .tableStyle2 td {
        border: 1px solid #FFFFFF
    }

    #content .tableStyle2 .tborder-left {
        border-left-color: #C9C9C9
    }

    #content .tableStyle2 .tborder-right {
        border-right-color: #C9C9C9
    }

    #content .tableStyle2 .lastTr td {
        border-bottom-color: #c9c9c9
    }

    #content .tableStyle2 tfoot tr {
        background-color: #E7E7E7
    }

    #content .tableStyle2 tfoot td {
        font-weight: bold;
        border-top: 2px solid #C9C9C9
    }
    /* flechas meses */
    #content .tableStyle2 th .fakeArrow {
        font-family: "Comic Sans MS";
        font-size: 16px;
        font-weight: bold;
        line-height: 8px;
        display: block;
        height: 14px
    }

        #content .tableStyle2 th .fakeArrow:hover {
            color: #999900
        }

    #content .tableStyle2 th .fakeArrowDisabled,
    #content .tableStyle2 th .fakeArrowDisabled:hover {
        color: #CCC;
        cursor: default
    }

/*******************************************
Información y Herramientas de tabla (abajo)
*******************************************/
#content .tableFooter {
    padding: 10px 0 10px 10px;
    border: 1px solid #c9c9c9;
    border-width: 0 1px 1px;
    margin-bottom: 10px;
    overflow: hidden;
    height: 1%
}

    #content .tableFooter p {
        margin: 0
    }

#content .rightActions {
    float: right;
    text-align: right
}

#content .leftActions {
    float: left;
    text-align: left
}

#content .tableFooterActions a {
    margin-right: 15px;
    position: relative;
    padding-left: 18px
}

/******************************
Herramientas de tabla (arriba)
******************************/
#content .tableHeader {
    padding: 10px 0;
    text-align: right
}

    #content .tableHeader a {
        padding-left: 22px;
        position: relative;
        margin-left: 30px;
        display: inline-block
    }

    #content .tableHeader .icon {
        top: 0
    }

    #content .tableHeader .iconChart {
        top: 10px
    }

    #content .tableHeader .iconExcel {
        top: 10px
    }

    #content .tableHeader .iconPrint {
        top: 10px
    }

/*******************
TABLA ORDENABLE
********************/
#content table .sortable {
    cursor: pointer;
    background-image: url(../images/sortable.gif);
    background-position: 95% 15px;
    background-repeat: no-repeat;
    padding-right: 10px;
}

#content table .headerSortUp {
    background-position: 95% -184px
}

#content table .headerSortDown {
    background-position: 95% -84px
}

#content table .sortable a {
    padding-right: 14px
}

/*******************
TABLA FILA CLICABLE
********************/
.SelectableRow tbody tr,
.SelectableRow tbody input {
    cursor: pointer
}

#content .trHover {
    background-color: #e7edf0 !important;
}

#content .trSelected {
    background-color: #e9f3ea !important;
    cursor: default
}

.noClick {
    cursor: default
}

/*****************       
TABLA EN ACORDION        
******************/
.AccordionTable tbody tr {
    cursor: pointer
}

#content .trOpen {
    background-color: #fff !important;
    cursor: default
}



/*------- ------- 
FORMS ELEMENTS 
------- -------*/
.input {
    padding: 2px;
}

textarea {
    padding: 2px 4px
}

.input,
textarea {
    background: url('../images/input_bg.gif') #fff left top repeat-x
}

.input,
textarea,
select {
    font-family: 'Montserrat';
    font-size: 12px;
    color: #333;
    border-width: 1px;
    border-style: solid;
    border-left-color: #acacac;
    border-top-color: #acacac;
    border-bottom-color: #d9d9d9;
    border-right-color: #d9d9d9
}

.select {
    border-left-color: #525252;
    border-top-color: #525252;
    border-bottom-color: #dfdfdf;
    border-right-color: #dfdfdf
}

.checkbox {
    cursor: pointer
}

.input.required, .input.requiredStyle {
    background: url('../images/input_bg_req.gif') #ffffcf left top repeat-x
}

optgroup {
    color: #aaa;
    font-style: normal
}

/* Estilo de label <span class="label"> */
#content .label {
    font-weight: bold;
    margin-right: 10px
}
/* Estilo de label <span class="label"> */
#content .label-block {
    font-weight: bold;
    margin-right: 10px;
    display: block;
    float: left;
}
/* Estilo para labels que contienen un radio o un check */
#content .radio-check-label {
    cursor: pointer
}

    #content .radio-check-label input {
        margin-right: 5px;
        position: relative;
        cursor: pointer
    }
/* label que contiene un radio */
#content .radio-label input {
    top: 1px
}
/* label que contiene un checkbox */
#content .checkbox-label input {
    top: 8px
}

#content .checkbox-label.required,
#content .radio-label.required,
#content .radio-check-label.required,
textarea.required,
input.required,
select.required,
#content .checkbox-label.requiredStyle,
#content .radio-label.requiredStyle,
#content .radio-check-label.requiredStyle,
select.requiredStyle {
    background-color: #ffffcf
}

/* SEPARACIONES DE FORMS */
#content .top-content-sep {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #d4d5cd
}

#content .content-sep {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #d4d5cd;
    padding-left: 10px
}

#content .contenedor_form label {
    margin-right: 30px;
    display: inline-block
}

#content .contenedor_form .closerLabels label {
    margin-right: 15px
}

#content .contenedor_form_filter label {
    margin-right: 10px
}

#content .contenedor_form .last-label {
    margin-right: 0
}

#content .column_form label {
    margin-right: 0
}

#content .column_form .label {
    display: inline-block;
    width: 120px
}

#content .three_column_form .label {
    width: 55px
}

#content fieldset {
    border: 1px solid #d4d5cd;
    padding: 10px;
    padding-top: 0
}

    #content fieldset p {
        margin: 8px 0
    }

#content .contenedor_form ul {
    margin: 5px 10px 10px
}

#content .contenedor_form li {
    margin: 5px 0
}

#content legend {
    color: #004715;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 5px;
    cursor: default;
    height: 40px;
    line-height: 40px
}

    #content legend .icon {
        position: relative;
        top: 3px;
        margin-right: 4px
    }

#content .contenedor_form textarea {
    width: 672px
}
/* input deshabilitado */
#page .disabledField {
    background: #f0f0f0;
    cursor: default;
    color: #666
}


/*------- ------- 
FORMS / CAJAS
------- -------*/
/* Caja A */
#content .bxa {
    position: relative;
    margin-bottom: 10px;
    height: 1%;
    overflow: hidden
}

#content .bx-corner {
    width: 9px;
    height: 9px;
    position: absolute;
    background: url('../images/bxa-corners.gif') #fff left top no-repeat;
    overflow: hidden
}

#content .bx-top-left {
    top: 0;
    left: 0;
    background-position: left top
}

#content .bx-top-right {
    top: 0;
    right: 0;
    background-position: right top
}

#content .bx-bottom-left {
    bottom: 0;
    left: 0;
    background-position: left -9px
}

#content .bx-bottom-right {
    bottom: 0;
    right: 0;
    background-position: right -9px
}

#content .bx-content {
    padding: 10px;
    background-position: right top;
    border: 1px solid lightgray;
    zoom: 1;
    position: relative;
}
/* ie hasLayout */
* html #content .bx-content {
    height: 1%
}

/* Dos columnas dentro de la caja */
#content .bxa-col-a,
#content .bxa-col-b {
    float: left;
    width: 46%
}

#content .bxa-col-a {
    margin-right: 10px
}


/****************
ESTILOS DE ERROR
****************/
.ErrorContainer {
    border: 1px solid #CC6600;
    color: #333;
    background-color: #FFECEC;
    padding: 5px;
    margin-bottom: 10px;
    cursor: default
}

.ErrorField {
    border: 1px solid #CC6600
}

/*******
DIALOGS
********/
.ui-dialog-content p {
    margin-bottom: 15px;
    color: #333;
    font-family: 'Montserrat' !important;
}

.ui-dialog-content .label {
    font-weight: bold;
    margin-right: 10px
}

.ui-dialog-content .globe {
    margin-bottom: 10px
}

.ui-dialog-content label {
    font-weight: bold;
    float: left;
    width: 120px
}

    .ui-dialog-content label.changeLogoInput {
        font-weight: bold;
        float: left;
        width: auto !important
    }

.large-form-dialog label {
    width: 150px
}

.ui-dialog-content .changeLogo img {
    float: left;
    margin-right: 10px;
}
/** TABLAS DENTRO DE UN DIALOGO **/
.ui-dialog-content .tableStyle1 {
    width: 100%;
    border: 1px solid #c9c9c9
}

    .ui-dialog-content .tableStyle1 th {
        vertical-align: top;
        padding: 3px 0 3px 5px;
        background-color: #e7e7e7;
        color: #004715;
        text-align: left
    }

        .ui-dialog-content .tableStyle1 th a {
            text-decoration: none;
            color: #004715
        }

    .ui-dialog-content .tableStyle1 td {
        padding: 5px;
        vertical-align: top
    }

        .ui-dialog-content .tableStyle1 td p {
            margin: 0;
            margin-bottom: 5px
        }

    .ui-dialog-content .tableStyle1 .odd {
        background-color: #f9f9f9
    }

    .ui-dialog-content .tableStyle1 .even {
        background-color: #f2f2f2
    }

/** TABLA ORDENABLE **/
.ui-dialog-content table .sortable {
    cursor: pointer;
    background-image: url(../images/sortable.gif);
    background-position: 95% 3px;
    background-repeat: no-repeat;
    padding-right: 10px;
}

.ui-dialog-content table .headerSortUp {
    background-position: 95% -197px
}

.ui-dialog-content table .headerSortDown {
    background-position: 95% -97px
}

.ui-dialog-content table .sortable a {
    padding-right: 14px;
}
/** TABLA FILA CLICABLE **/
.ui-dialog-content .trHover {
    background-color: #e7edf0 !important;
}

.ui-dialog-content .trSelected {
    background-color: #e9f3ea !important;
    cursor: default
}

.ui-dialog .ConfirmationDialog .icon {
    margin-right: 5px
}

.ui-dialog-content .mb20 {
    margin-bottom: 20px
}
/** BOTON DESTACADO **/
.ui-dialog .ui-dialog-buttonpane button.prefAction {
    background: var(--main-green);
    border-radius: 5px;
    padding: 3px;
    color: #fff;
}

    .ui-dialog .ui-dialog-buttonpane button.prefAction ~ button {
        border-radius: 5px;
        padding: 3px;
    }

/********************
NOTIFICATION MESSAGE
*********************/
.Notification {
    position: absolute;
    top: 0px;
    cursor: default;
    left: 50%;
    margin-left: -210px;
    z-index: 999999;
    width: 446px;
    height: 26px;
    display: none
}

.NotificationFixed {
    position: fixed;
    height: 26px
}

.NotificationStyle {
    border: 1px solid #adcce6;
    background-color: #E3F2D2;
    padding: 10px;
    width: 426px
}

#content .NotificationStyle p {
    color: #212529;
    font-weight: bold;
    margin: 0;
    text-align: center
}

#content .NotificationStyle a {
    color: #004715
}

    #content .NotificationStyle a:hover {
        text-decoration: underline
    }
/* HIDE FROM IE6 */
.Notification > .NotificationFixed {
    left: 50%;
    margin-left: -210px
}


/*------- ACTION LINK (links con icono) -------*/
a.actionlink {
    position: relative;
    background-color: var(--main-green);
    color: white !important;
    border-radius: 10px;
    padding: 10px !important;
    padding-right: 25px !important;
    padding-left: 25px !important;
    display: inline-flex;
}

    a.actionlink:hover {
        text-decoration: none;
    }

.icon {
    background: url(../images/icons.png) no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    font-size: 0;
}

a .icon {
    cursor: pointer;
    position: absolute;
    top: 1px;
    left: 0;
}

/*------- ICONS -------*/
.iconChart {
    background: url(../images/iconChart.svg) no-repeat;
    top: 10px;
}

.iconExcel {
    background: url(../images/iconExcel.svg) no-repeat;
    top: 10px;
}

.iconPrint {
    background: url(../images/iconPrint.svg) no-repeat;
    top: 10px;
}

.iconDownload {
    background-position: left -199px;
    width: 15px;
    height: 16px
}

.iconAccordionClose {
    background-position: left -300px;
}

.iconAccordionOpen {
    background-position: left -350px;
}

.iconMas-1 {
    background: url('../images/MasDetalle.svg');
}

.iconMenos-1 {
    background: url('../images/MenosDetalle.svg');
}

.iconMas-2 {
    background-position: left -600px;
}

.iconMenos-2 {
    background-position: left -650px;
}

.iconMessgUnreaded {
    background-position: -50px -47px;
}

.iconMessgReaded {
    background-position: -50px -98px;
}

.iconAttch {
    background-position: -51px -149px;
    width: 14px;
    height: 16px
}

.iconAttch_s {
    background-position: -200px -451px;
    width: 11px;
    height: 13px;
    margin-right: 5px
}

.iconInfo {
    background-position: -50px -200px;
    width: 14px;
    height: 14px
}

.iconInfo_l {
    background: url(../images/Informacion.svg) no-repeat;
    width: 26px;
    height: 26px
}

.iconExclamation {
    background-position: -50px -250px;
}

.iconBanned {
    background-position: -51px -299px;
    width: 14px;
    height: 14px
}

.iconBanned_l {
    background-position: -100px -650px;
    width: 26px;
    height: 26px
}

.iconTriangle {
    width: 26px;
    height: 26px;
    background: url(../images/Informacion.svg) no-repeat;
    display: table;
    margin: 0 auto;
}

.iconTriangle_l {
    width: 26px;
    height: 26px;
    background: url(../images/Informacion.svg) no-repeat;
}

.iconOk_s {
    background-position: -50px -400px;
}

.iconOk_m {
    background: url(../images/Tic.svg)no-repeat;
    width: 20px;
    height: 16px;
    display: table;
    margin: 0 auto;
}

.iconOk_l {
    background-position: -50px -500px;
    width: 22px;
}

.iconAdd {
    background-position: -50px -549px;
    width: 11px;
    height: 12px
}

a .iconAdd {
    left: 8px;
    top: 3px
}

.iconXClose {
    background-position: -50px -600px;
}

.iconX {
    background-position: -50px -650px;
}

.iconXRed {
    background: url(../images/iconXRed.svg)no-repeat;
    width: 15px;
    height: 15px;
    display: table;
    margin: 0 auto;
}

.iconXGrey {
    background-position: -104px -754px;
    width: 10px;
    height: 10px
}

a .icon.iconDelete {
    background: url(../images/iconDelete.svg) no-repeat;
    left: 15px;
}

.iconDelete-s {
    background-position: -200px -600px;
    width: 8px;
    height: 11px;
    margin-left: 5px
}

.iconCalendar {
    background-position: -200px -300px;
    width: 15px;
    height: 15px
}

.iconSpecial {
    background-position: -200px -350px;
}

.iconRefresh {
    background: url(../images/iconRefresh.svg) no-repeat;
    top: 10px;
}

.iconNew {
    background-position: -300px 0px;
    width: 35px !important;
}

.iconHighlight {
    background-position: -285px -550px;
    width: 35px !important;
}

.iconPhone {
    background-position: -199px -750px;
    width: 20px;
    height: 16px
}

.iconAddProduct {
    background: url(../images/iconAddProduct.svg) no-repeat;
    top: 10px;
}

.iconAddSpecialProduct {
    background: url(../images/iconAddProduct.svg) no-repeat;
    top: 10px;
}

.iconAenor {
    background-position: -150px -700px;
    width: 29px;
    height: 35px;
}

.iconEdit {
    background-position: -200px -250px;
    width: 14px;
    height: 16px
}

.iconEdit-s {
    background-position: -200px -650px;
}

.iconDoc {
    background-position: -200px -550px;
}

.iconSendOrder {
    background-position: -300px -446px;
    width: 17px;
    height: 17px
}

.iconCopyOrder {
    background-position: -299px -498px;
    width: 15px;
    height: 18px
}

.iconSpanish {
    background-position: -151px 0;
    height: 10px;
    width: 16px
}

.iconPortuguese {
    background-position: -151px -50px;
    height: 10px;
    width: 16px
}

.iconEnglish {
    background-position: -151px -99px;
    height: 11px;
    width: 16px
}

.iconCatalan {
    background-position: -151px -149px;
    height: 10px;
    width: 16px
}

.iconFrench {
    background-position: -299px -601px;
    height: 10px;
    width: 16px
}




/*******
BOTONES
*******/
/* CONTENEDOR DE BOTONES */
.ButtonContainer {
    padding-top: 10px;
    margin-top: 20px;
    border-top: 2px solid #C1D63F
}

/** Verde **/
.green-btt {
    text-decoration: none !important;
    height: 31px;
    padding-right: 12px;
    background: url(../images/buttons.png) no-repeat right top;
    display: inline-block;
}

    .green-btt .btt_end {
        height: 20px;
        padding: 7px 25px 4px 12px;
        font: bold 12px 'Montserrat', Helvetica, sans-serif;
        color: white;
        text-transform: uppercase;
        position: relative;
        display: inline-block;
        background: url(../images/buttons.png) no-repeat left -33px;
        cursor: pointer;
    }

    .green-btt .btt_end_left {
        padding-left: 37px;
        padding-right: 0
    }

    .green-btt .btt_end_no_text {
        padding-left: 0
    }

    .green-btt .btt_end_no_icon {
        padding-right: 4px
    }

    .green-btt:hover {
        background: url(../images/buttons.png) no-repeat right -65px;
    }

        .green-btt:hover .btt_end {
            background: url(../images/buttons.png) no-repeat left -98px;
        }

/** Btt Gris **/
.grey-btt {
    text-decoration: none !important;
    height: 24px;
    padding-right: 9px;
    background: url(../images/buttons.png) no-repeat right -200px;
    display: inline-block;
    *margin-top: -20px;
}

    .grey-btt .btt_end {
        height: 15px;
        padding: 5px 25px 4px 10px;
        line-height: 26px;
        font: bold 12px 'Montserrat', Helvetica, sans-serif;
        color: #004715;
        text-transform: uppercase;
        position: relative;
        display: inline-block;
        background: url(../images/buttons.png) no-repeat left -230px;
        cursor: pointer;
    }

    .grey-btt .btt_end_left {
        padding-left: 37px;
        padding-right: 0
    }

    .grey-btt .btt_end_no_icon {
        padding-right: 4px
    }

    .grey-btt:hover {
        background: url(../images/buttons.png) no-repeat right -140px;
    }

        .grey-btt:hover .btt_end {
            background: url(../images/buttons.png) no-repeat left -170px;
        }

    .grey-btt .icon-btt {
        top: -1px !important;
    }

/** Iconos para botones**/
.btt_end .icon-btt {
    background: url(../images/icons.png) left top no-repeat;
    position: absolute;
    top: 1px;
    right: -10px;
    width: 30px;
    height: 30px
}

.btt_end .iconBttOk {
    background-position: -98px -45px
}

.btt_end .iconBttKo {
    background-position: -148px -595px
}

.btt_end .iconBttEdit {
    background-position: -148px -646px
}

.btt_end .iconBttAdd {
    background-position: -98px -95px
}

.btt_end .iconBttSearch {
    background: url(../images/camion_verde_busqueda.svg) left top no-repeat;
    left: 90px;
    top: 10px;
}

.btt_end .iconBttBack {
    background: url(../images/atras.svg) left top no-repeat;
    left: 60px;
    top: 12px;
}

.btt_end .iconBttRight {
    background-position: -98px -197px
}

.btt_end .iconBttLeft {
    background-position: -98px -245px;
    left: 6px;
    right: 0
}

.btt_end .iconBttSave {
    background-position: -98px -297px
}

.btt_end .iconBttSaveOrder {
    background-position: -98px -348px
}

.btt_end .iconBttContinueOrder {
    background-position: -98px -398px
}

.btt_end .iconBttTemplateOrder {
    background-position: -98px -446px
}

.btt_end .iconBttTemplateOrder {
    background-position: -98px -446px
}

.btt_end .iconBttDuplicateOrder {
    background-position: -98px -445px
}


/** Bullets **/
.iconBulletGrey {
    background-position: -148px -198px;
}

.iconBulletGreen {
    background-position: -148px -248px;
}

.iconBulletDisc {
    background-position: -146px -298px;
}

.iconBulletLine {
    background-position: -148px -348px;
}

/** Arrows **/
.iconArrow-1 {
    background-position: -201px -99px;
}


/*------- ------- WARNINGS ------- -------*/
/* GLOBAL MESSAGE */
.globe {
    padding: 4px;
    color: #000;
    font-size: 13px;
    margin: 0 auto 10px;
    min-height: 26px;
    display: flex;
    align-items: center;
    gap: 5px;
}
/* ie6 min-height */
* html .globe {
    height: 26px
}

#page .globe p {
    margin: 0
}

.globe .globe-message {
    color: #333;
    margin: 0;
    flex: 1;
}

.globe .globe-message-content {
    vertical-align: sub;
}

.globe em {
    color: #c86100;
    font-weight: bold
}

/* GLOBAL MESSAGE SMALL */
.globe-small {
    padding: 2px;
    min-height: 14px;
    margin: 0 auto 5px
}

* html .globe-small {
    height: 16px
}

    .globe-small .globe-message {
        font-size: 11px;
        line-height: 15px
    }

/* BLUE INFO */
.blue-info {
    border: 1px solid #adcce6;
    background-color: #e8eafe
}

/* BLUE INFO SMALL */
.blue-info-small .iconInfo {
    position: relative;
    top: 2px
}

.blue-info-small {
    color: #333;
    font-size: 11px;
    line-height: 15px
}

/* GREEN INFO */
.green-info {
    border: 1px solid #ccc;
    background-color: #DFEEA4
}

/* YELLOW WARNING */
.yellow-warning {
    /*	border: 1px solid #c6c6c6;
	background-color: #FFFFCC*/
}

    .yellow-warning .iconTriangle {
        margin-top: 1px
    }

/* RED WARNING */
.red-warning {
    border: 1px solid #CC6600;
    background-color: #FFECEC
}




/*********************
TABS (ej. ProductPage)
**********************/
#content .tabs li {
    background: url(../images/tabs-left.gif) left -30px no-repeat;
    font-size: 12px;
    font-family: 'Montserrat', Helvetica, sans-serif;
    float: left;
    margin-right: 10px;
    position: relative;
    bottom: -1px
}

    #content .tabs li a {
        background: url(../images/tabs-right.gif) right -30px no-repeat;
        height: 30px;
        text-transform: uppercase;
        color: #002c00;
        text-decoration: none;
        padding: 8px 12px 0;
        height: 21px;
        text-align: center;
        font-weight: bold;
        float: left
    }
/* CURRENT TAB */
#content .tabs .current {
    background-position: left top
}

    #content .tabs .current a {
        background-position: right top;
        height: 22px;
        cursor: default
    }
/* TAB CONTENT */
.ContenidoTab {
    border: 1px solid #ccc;
    padding: 20px 10px
}

    .ContenidoTab .ColLeft,
    .ContenidoTab .ColRight {
        width: 325px;
        padding: 0 20px
    }

    .ContenidoTab .ColLeft {
        border-right: 1px solid #ccc;
        padding-left: 0;
        float: left
    }

    .ContenidoTab .ColRight {
        float: right
    }




/*********************************************************
PROPIEDADES GENERALES
Algunas deben tener la más alta prioridad (no modificar)
*********************************************************/

/*------- ALIGMENTS -------*/
#page #content .fl {
    float: left
}

#page #content .fr {
    float: right
}

#page #content .center {
    margin: 0 auto;
    display: block;
    clear: both
}

.clear_both {
    clear: both
}

.clear_left {
    clear: left
}

.clear_right {
    clear: right
}


/***************
TEXT PROPERTIES
***************/
#page #content .txtright {
    text-align: right
}

#page #content .txtcenter {
    text-align: center
}

#page #content .uppercase {
    text-transform: uppercase
}

/*-------WIDTHS -------*/
.width-20 {
    width: 20px
}

.width-30 {
    width: 30px
}

.width-40 {
    width: 40px
}

.width-50 {
    width: 50px
}

.width-60 {
    width: 60px
}

.width-70 {
    width: 70px
}

.width-80 {
    width: 80px
}

.width-90 {
    width: 90px
}

.width-100 {
    width: 100px
}

.width-110 {
    width: 110px
}

.width-120 {
    width: 120px
}

.width-130 {
    width: 130px
}

.width-140 {
    width: 140px
}

.width-150 {
    width: 150px
}

.width-160 {
    width: 160px
}

.width-170 {
    width: 170px
}

.width-180 {
    width: 180px
}

.width-190 {
    width: 190px
}

.width-200 {
    width: 200px
}

.width-210 {
    width: 210px
}

.width-220 {
    width: 220px
}

.width-230 {
    width: 230px
}

.width-240 {
    width: 240px
}

.width-250 {
    width: 250px
}

.width-291 {
    width: 291px
}

.width-300 {
    width: 300px
}

.width-310 {
    width: 310px
}

.width-320 {
    width: 320px
}

.width-330 {
    width: 330px
}

.width-340 {
    width: 340px
}

.width-350 {
    width: 350px
}

.width-380 {
    width: 380px
}

.width-400 {
    width: 400px
}

.width-450 {
    width: 450px
}

.width-470 {
    width: 470px
}

.width-500 {
    width: 500px
}

.width-550 {
    width: 550px
}

.width-600 {
    width: 600px
}

.width-630 {
    width: 630px
}


.width-25pc {
    width: 25%
}

.width-33pc {
    width: 33%
}

.width-middlesize, .width-50pc {
    width: 50%
}

.width-fullsize, .width-100pc {
    width: 100%
}

/* MARGINS / PADDINGS */
#page #content .mt10 {
    margin-top: 10px
}

#page #content .mt20 {
    margin-top: 20px
}

#page #content .mt30 {
    margin-top: 30px
}

#page #content .mt40 {
    margin-top: 40px
}

#page #content .mr0 {
    margin-right: 0px
}

#page #content .mr5 {
    margin-right: 5px
}

#page #content .mr10 {
    margin-right: 10px
}

#page #content .mb10 {
    margin-bottom: 10px
}

#page #content .mb20 {
    margin-bottom: 20px
}

#page #content .mb30 {
    margin-bottom: 30px
}

#page #content .mb40 {
    margin-bottom: 40px
}

#page #content .mb50 {
    margin-bottom: 50px
}

#page #content .mb60 {
    margin-bottom: 60px
}

#page #content .ml10 {
    margin-left: 10px
}

#page #content .ml23 {
    margin-left: 23px
}

#page #content .ml5 {
    margin-left: 5px
}

#page #content .pl10 {
    padding-left: 10px
}

/*-------VISIBILTY -------*/
#header .hidden, #page #content .hidden, .hidden, .toPrint {
    display: none
}

body #page .block {
    display: block
}

.invisibleText {
    font-size: 0px
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #CC6000
}

.field-validation-valid {
    display: none
}

input.input-validation-error {
    background: url('../images/input_bg_error.gif') #fee left top repeat-x
}

.validation-summary-errors {
    background: url(../images/bannedAlone.png) 5px 5px no-repeat;
    border: 1px solid #CC6600;
    background-color: #FFECEC;
    padding: 4px 30px;
    color: #000;
    font-size: 13px;
    margin: 0 auto 10px;
    font-family: Verdana;
    min-height: 26px
}

    .validation-summary-errors ul {
        margin: 5px 10px 10px
    }

    .validation-summary-errors li {
        margin: 5px 0
    }

.validation-summary-valid {
    display: none
}


/* For 404 and 500 error pages */
#errorHeader {
    height: 100px
}

#errorContent {
    width: 900px;
    padding-top: 40px
}


.informationIcon { /*background-image: url(../images/information.ico); background-position: right center; background-repeat: no-repeat; padding-right: 20px;*/
    background: url(../images/information.png) no-repeat 0 0;
    padding: 3px 20px 3px 0;
}

/*Mensages stock*/
.stock {
    font-size: 15px;
    font-weight: bold;
    color: #76BC21;
}

.stockNo {
    font-size: 15px;
    font-weight: bold;
    color: #FF3C00;
}

.padding-2 {
    padding-top: 2px;
    padding-bottom: 2px;
}

.padding-5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.padding-top-15 {
    padding-top: 15px;
}

.padding-bottom-15 {
    padding-bottom: 15px;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: ">";
}

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #D8D8D8D8;
    border-radius: 0.25rem;
}

button.btn.primary-button { /* Boton verde letra blanca */
    background-color: var(--main-green);
    color: white;
    border-radius: 10px;
}


.btnTruck {
    background-image: url(../images/camionblancopladur.svg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-left: 50px;
    text-align: center;
}

.btnBack {
    background-image: url(../images/atras.svg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-left: 25px;
    text-align: center;
}

button.btn.secondary-button { /* Boton blanco letra negra */
    background-color: white;
    color: gray;
    border-radius: 10px;
    border-color: gray;
}

button.btn.search-button { /* Boton blanco letra negra de busqueda */
    background-color: white;
    color: gray;
    border-radius: 2px;
    border-color: #80808073;
}

.bg-light {
    background-color: var(--secondary-gray) !important;
}

legend {
    font-size: 14px;
    background-color: var(--secondary-gray) !important;
    font-family: 'Montserrat';
    margin-bottom: .5rem;
    width: 100%;
    max-width: 100%;
}


.padding-bottom-50 {
    padding-bottom: 50px;
}

.padding-top-50 {
    padding-top: 50px;
}

.padding-top-35 {
    padding-top: 35px;
}

#content .contact textarea {
    width: 100%;
}

.contact {
}

.hbreadcrumb {
    height: 48px;
}


.inputCenter { /*Para liniar inputs por el centro de la tabla   &&& Sergii*/
    display: inline-block;
}

/*Orders*/
.labelTelefono {
    padding-left: 10px !important;
    min-width: 80px;
}

.labelContacto {
    min-width: 200px;
}

.inputContactoTelefono {
    padding-left: 10px;
}

.labelSuministroFor {
    min-width: 180px;
}

.labelSuministroInmediato {
    min-width: 230px;
}

.inputFor {
    min-width: 140px;
}

@media (min-width: 959px) {
    .purchasesli1 {
        white-space: nowrap;
    }
}

@media (min-width: 1053px) {
    .purchasesli2 {
        white-space: nowrap;
    }
}

@media (min-width: 11054px) {
    .purchasesli3 {
        white-space: nowrap;
    }
}

}

/*Home Communication*/
.title-comm {
    font-weight: bold;
}

.light-grey-comm {
    color: #939392;
}

.dark-grey-comm {
    color: #595959;
}


.limit-info-55 {
    display: block;
    text-overflow: ellipsis;
    width: 550px;
    overflow: hidden;
    white-space: nowrap;
}

.lines-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
}

.lines-4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4; /* number of lines to show */
    -webkit-box-orient: vertical;
}

.comm-images-index {
    width: 100%;
    height: 255px;
    object-fit: fill;
    object-position: bottom;
}

.comm-images-list {
    width: 100%;
    height: 90px;
    object-fit: cover;
    object-position: bottom;
}

/*BORDE SLIDES*/
.sliderCard {
    align-items: center;
    margin: 0px auto;
    border: 2px solid #aba4a436;
    height: 33rem;
    /*OK*/
    /*width: 50% !important;*/
}

/*Downloads*/

#marca .downloadimg {
    border: 1px solid #EFE6E4;
    height: 200px;
    max-width: 90%;
    width: auto;
    padding: 10px;
}

#marca .cat-name {
    color: black;
}

#marca .archivo {
    padding-left: 10px;
}

    #marca .archivo a {
        color: #B1ADAC !important;
    }

#marca .carpeta a {
    font-weight: bold !important;
}

.padding-bottom-35 {
    padding-bottom: 35px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-bottom-5 {
    padding-bottom: 5px;
}

.padding-top-5 {
    padding-top: 5px;
}

.padding-left-15 {
    padding-left: 15px;
}

#List li {
    list-style: none;
}

.downloadSpan {
    color: black;
    padding-left: 10px;
    font-size: 12px;
}

@media(max-width: 918px) {
    .addTruck {
        width: 0px;
    }
}

}





#content .gris a {
    color: #515151;
}

.fs-15 {
    font-size: 15px;
}

a p .icon {
    cursor: pointer;
    position: static;
    margin-top: 2px;
}

a p .mt5 {
    margin-top: 5px;
}

.ui-dialog-titlebar-close {
    padding: 0 !important;
}

    .ui-dialog-titlebar-close:after {
        content: '';
        width: 16px;
        height: 16px;
        display: inline-block;
        background-image: url(custom-theme/images/ui-icons_454545_256x240.png);
        background-position: -96px -128px;
        background-repeat: no-repeat;
    }
/* h3 que va seguido de menu: reducir margin-bottom para evitar doble espacio */
h3:has(+ .row .border-right),
h3:has(+ .row .submenu),
h3.green-txt:has(+ .row .border-right),
h3.green-txt:has(+ .row .col-md-2.border-right) {
    margin: 45px 0px;
}