@charset "utf-8";

/*@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');*/

/*@import url('https://fonts.googleapis.com/css?family=Montserrat:wght@200;300;400;600;700&display=swap');*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,600;0,700;1,200;1,300;1,400;1,600;1,700&family=Saira+Stencil+One&display=swap');

:root {
    --burnt-brown: #60472E;
    --green: #8C951E;
    --beige: #988369;
    --white: #FFF;

    --green-buttons: #8B9620;
    --green-buttons-hover: #747d17;

    --red-buttons: #B4023F;
    --red-buttons-hover: #8f0e31;

    --light-brown-buttons: #BC967C;
    --light-brown-buttons-hover: #60472e;

    --beige-buttons: #e1d5c4;
    --beige-buttons-hover: #60472e;

    --light-beige: #e1d5c4;
    --greige: #dad4c5;

    --new-green: #183A15; 
}
sup {
/*    position: initial;*/
}

.re-page-title,
.caixa_entrada h3, 
.caixa_entrada2 h3,
h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 26px;
    color: #60472E; color: var(--burnt-brown);
    font-weight:bold;
    position: relative;
}
.re-page-title::before,
.caixa_entrada h3::before,
.caixa_entrada2 h3::before,
h3::before {
    width: 40px;
    height: 6px;
    background: #8C951E; background: var(--green);
    display: inline-block;
    content: "";
    position: absolute;
    top: -16px;
}
.re-title-advice-section {
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    color: #60472E; color: var(--burnt-brown);
    text-transform: uppercase;
    display: inline;
}
.re-title-sub-category,
.verde_login {
    font-family: 'Open Sans', sans-serif;
    font-size: 19px;
    color: #8C951E; color: var(--green);
    font-weight:bold;
}
.re-title-sub-cat-rec {
    font-family: 'Open Sans', sans-serif;
    font-size: 19px;
    color: #60472E; color: var(--burnt-brown);
    font-weight:bold;
}
.re-advantage-text,
.caixa_entrada ul.lista li, 
.caixa_entrada2 ul.lista li {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #8C951E; color: var(--green);
}
.caixa_entrada ul.lista li, 
.caixa_entrada2 ul.lista li {
    display: inline;
    padding: 0 4px;
}
.re-link-simple-text,
a,
a:focus,
a:link,
a:hover,
a:active,
a:visited {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 13px;
    color: #60472E; color: var(--burnt-brown);
    text-decoration: underline;
}
a.preto,
a.preto:focus,
a.preto:link,
a.preto:hover,
a.preto:active,
a.preto:visited {
    font-size: 11px;
    color: #60472E; color: var(--burnt-brown);
}
a.re-title-sub-cat-rec-link,
a.re-title-sub-cat-rec-link:focus,
a.re-title-sub-cat-rec-link:link,
a.re-title-sub-cat-rec-link:hover,
a.re-title-sub-cat-rec-link:active,
a.re-title-sub-cat-rec-link:visited {
    font-family: 'Open Sans', sans-serif;
    font-size: 19px;
    color: #60472E; color: var(--burnt-brown);
    font-weight:bold;
    text-decoration: none;
}
.re-ordinary-text,
.re-ordinary-text-caps,
.tipoletra,
ul,
li {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 13px;
    color: #60472E; color: var(--burnt-brown);
    min-height: 26px;
}
td,
td.preto {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 11px;
    color: #988369; color: var(--beige);
}
.re-table-recruitment {
    background: #e1d5c4; background: var(--light-beige);
    border: 1px solid #60472E; border: 1px solid var(--burnt-brown);
}
/*.re-table-recruitment tr {
        cursor: initial;
}
.re-table-recruitment tr:hover {
        cursor: pointer;
}*/
.with-link {
    cursor: initial;
}
.with-link:hover {
    cursor: pointer;
}
.re-table-recruitment td {
    color: #60472E; color: var(--burnt-brown);
}
.re-form-label,
.form-group label,
label {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    color: #60472E; color: var(--burnt-brown);
    line-height: 2;
}
.re-ordinary-text-caps {
    font-size: 12px;
    text-transform: uppercase;
}
/* PRIMARY BUTTON GENERIC (GREEN) */
.re-primary-button-generic {
    background: #8B9620; background: var(--green-buttons);
    /*height: 40px;*/
    padding: 12px 25px 12px 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #FFF; color: var(--white);
    font-weight:bold;
    position: relative;
    float:right;
    cursor: pointer;
    margin-top: 10px;
    margin-bottom: 10px;
}
.re-primary-button-generic:hover {
    background: #747d17; background: var(--green-buttons-hover);
}
.re-primary-button-generic::before {
    content: url(../templates/button_arrow.png);
    position: absolute;
    right: 8px;
    /*top: 14px;*/
    top: 12px;	
}
.re-profile-zone-outer-border .re-primary-button-generic {
    margin-right: 25px;
}
/* PRIMARY BUTTON COMMERCIALS (RED) */
.re-primary-button-commercials {
    background: #B4023F; background: var(--red-buttons);
    padding: 12px 25px 12px 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #FFF; color: var(--white);
    font-weight:bold;
    position: relative;
    float:right;
    cursor: pointer;
    margin-top: 10px;
    margin-bottom: 10px;
}
.re-primary-button-commercials:hover {
    background: #8f0e31; background: var(--red-buttons-hover);
}
.re-primary-button-commercials::before {
    content: url(../templates/button_arrow.png);
    position: absolute;
    right: 8px;
    top: 14px;
}
/* PRIMARY BUTTON ADVICES (LIGHT BROWN) */
.re-primary-button-advices {
    background: #BC967C; background: var(--light-brown-buttons);
    /*height: 40px;*/
    padding: 12px 25px 12px 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #FFF; color: var(--white);
    font-weight:bold;
    position: relative;
    float:right;
    cursor: pointer;
    margin-top: 10px;
    margin-bottom: 10px;
}
.re-primary-button-advices:hover {
    background: #60472e; background: var(--light-brown-buttons-hover);
}
.re-primary-button-advices::before {
    content: url(../templates/button_arrow.png);
    position: absolute;
    right: 8px;
    top: 14px;
}
/* SECONDARY BUTTON (BEIGE/BROWN) */
.re-secondary-button {
    background: #e1d5c4; background: var(--beige-buttons);
    padding: 12px 25px 12px 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #60472E; color: var(--burnt-brown);
    font-weight:bold;
    position: relative;
    float:right;
    cursor: pointer;
    margin-top: 10px;
    margin-bottom: 10px;
}
.re-secondary-button:hover {
    background: #60472e; background: var(--beige-buttons-hover);
    color: #FFF; color: var(--white);
}
/* VIEW CART BUTTON (RED) */
.re-view-cart-button {
    background: #B4023F; background: var(--red-buttons);
    /*height: 40px;*/
    padding: 6px 15px 6px 10px;
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    color: #FFF; color: var(--white);
    /*font-weight:bold;*/
    position: relative;
    float:right;
    cursor: pointer;
    /*margin-top: 10px;
    margin-bottom: 10px;*/
}
.re-view-cart-button:hover {
    background: #8f0e31; background: var(--red-buttons-hover);
}
.re-view-cart-button::before {
    content: url(../templates/button_arrow.png);
    position: absolute;
    right: 4px;
    top: 8px;
}
/* other stuff */
.re-pass-strength-strong {
    background-color: #d3edab;
    background-image: url(pass_strength_strong.png);
    background-repeat: no-repeat;
    border:1px solid #acd767;
    width: 150px;
    height: 30px;
    float: left;
    padding: 6px 30px;
    background-position: 5px 3px;
    font-size: 11px;
    color: #60472E; color: var(--burnt-brown);
}
.re-pass-strength-weak {
    background-color: #ede3ab;
    background-image: url(pass_strength_weak.png);
    background-repeat: no-repeat;
    border:1px solid #bc9f00;
    width: 150px;
    height: 30px;
    float: left;
    padding: 6px 30px;
    background-position: 5px 3px;
    font-size: 11px;
    color: #60472E; color: var(--burnt-brown);
    margin-bottom: 5px;
}
.re-header-elements {
    border: 0px dashed purple;
    margin-left: 0px;
    /*margin-right: 0px;*/
    position: relative;
    min-height: 46px;
}
.re-header-element-left-small {
    border: 0px solid red;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 5px;
    text-align: left;
    width: 33.33%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.re-header-element-left-large {
    border: 0px solid red;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 5px;
    text-align: left;
    width: 66.67%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.re-header-element-center {
    border: 0px solid green;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    margin: 0 auto;
    display: block;
}
.re-header-element-right {
    border: 0px solid blue;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 5px;
    text-align: right;
    width: 33.33%;
    position: absolute;
    bottom: 0;
    right: 0;
}
.re-generic-page-title {
    height: 50px;
    font-family:Arial;
    font-size:26px;
    color:#FFF;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*z-index:9;*/
    /*background-color:#E7E0D2;*/
    /*background-color: var(--light-beige);
    background-color: #e1d5c4;*/
    background-color: var(--greige);
    background-color: #dad4c5;
    text-align:left;
    padding: 9px 15px;
    text-transform: uppercase;
}
.re-home-main-structure {
    /*width: 971px;*/
    width: 965px;
    border:0px dashed red;
}
.re-home-main-struct-full-width {
    width: 971px;
    float: left;
    border:0px dashed red
}
.re-home-main-struct-left {
    /*width: 769px;*/
    width: 763px;
    min-height: 500px;
    float: left;
    border:0px dashed red;
}
.re-home-main-struct-center {
    width: 18px;
    float: left;
    border:0px dashed red
}
.re-home-main-struct-right {
    width: 184px;
    float: left;
    border:0px dashed red
}
.re-home-main-struct-right div {
    margin: 8px 0 14px 0;
}
.re-home-main-news {
    padding: 8px 0;
}
.re-home-news-area {
    width: 769px;
    min-height: 550px;
    margin-top: 16px;
}
.re-home-news-left {
    width: 500px;
    float: left;
    border: #E7E0D2 1px solid;
    min-height: 800px;
}
.re-home-news-right {
    width: 257px;
    float: left;
    margin-left: 12px;
    min-height: 800px;
    background-color: var(--light-beige); 
    background-color: #e1d5c4;
}
.re-home-news-right-inner {
    border:#E7E0D2 1px solid;
    background-color:#D0E3E5;
}
.re-home-news-item {
    padding: 16px 4px;
}
.re-home-news-item-title-left {
    border:#8A962A 1px solid;
    float: left;
}
.re-home-news-item-title-right {
    float: left;
    margin: 4px;
    font-weight: bold;
    font-size: 20px;
    text-align: left;
    COLOR: #16727D;
}
.re-home-news-item-content {
    clear: both;
    overflow: hidden;
}
.re-home-news-list-item {
    padding: 8px;
}
.re-home-news-list-item-separator {
    height: 12px;
    border-bottom: 1px dotted #16727d;
}
.re-helponline-content {
    position: relative;
    min-height: 200px;
}
.re-helponline-innercontent {
    /*padding-left: 0px;*/
    padding-right: 0px;
}
.re-home-news-list-read-more {
    padding-top: 10px;
    text-align: center;
    padding-bottom: 10px;
}
.re-helponline-title {
    color: #60472E; color: var(--burnt-brown);
    border:1px solid #60472E; border:1px solid var(--burnt-brown);
    border-radius: 4px;
    height: 40px;
    padding: 4px 8px;
}
.re-helponline-text {
    color: #60472E; color: var(--burnt-brown);
    border:1px solid #e1d5c4; border:1px solid var(--light-beige);
    border-radius: 4px;
    min-height: 145px;
    padding: 8px 16px;
    margin-top: 15px;
}
.re-helponline-photo {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border:1px solid #e1d5c4; border:1px solid var(--light-beige);
    height: 200px;
    border-radius: 4px;
}
.re-profile-zone-outer-border {
    margin-left:auto;
    margin-right:auto;
    max-width:769px;
    border: #aaa 1px solid !important;
}
.re-profile-zone-title {
    font-size: 12px;
    color: #8A970B;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}
.re-profile-zone {
    width: 500px;
    /*margin: 0 auto;*/
    margin: 0 135px;
    padding: 10px;
    display: inline-block;
}
.re-profile-mandatory {
    color: #FF0000;
}
.re-profile-zone-label {
    font-size: 11px;
    color: #333333;
    min-height: 30px;
    width: 50%;
    float: left;
}
.re-profile-zone-data {
    font-size: 11px;
    color: #333333;
    min-height: 30px;
    width: 50%;
    float: left;
    position: relative;
}
.re-profile-zone-data-comp1 {
    float: left;
}
.re-profile-zone-data-comp2 {
    float: left; 
    padding-left: 4px;
}
.re-profile-zone input[type=text], 
.re-profile-zone input[type=password] {
    font-size: 11px;
    height: 16px;
    border: #aaa 1px solid;
    color: #333333;
    padding-left: 2px;
    width: 200px;
}
.re-profile-zone .re-profile-introduction-areas-link input[type="text"] {
    width: 100%;
}
.re-profile-zone label {
    font-size: 11px;
    color: #333333;
    font-weight: normal;
    line-height: initial;
    padding: 0 10px 0 5px;
}
.re-profile-tooltip {
    position: relative;
    display: inline-block;
}
.re-profile-tooltip img, 
.re-profile-tooltip-float img {
    /*width: 18px; 
    height: 18px; */
    width: 16px; 
    height: 16px; 
    margin-left: 5px;
    margin-bottom: 2px;
}
.re-profile-tooltip-float {
    position: absolute;
    left: 200px;
    top: 2px;
}
.re-profile-tooltip .re-profile-tooltiptext, 
.re-profile-tooltip-float .re-profile-tooltiptext {
    visibility: hidden;
    width: 180px;
    background-color: #fff;
    color: var(--burnt-brown);
    text-align: center;
    border-radius: 6px;
    padding: 5px 15px;
    text-transform: initial;
    font-size: 11px;
    /* Position the re-profile-tooltip */
    position: absolute;
    z-index: 1;
    left: 30px;
    top: -10px;
    border: 1px solid var(--burnt-brown);
    font-weight: normal;
}
.re-profile-tooltip:hover .re-profile-tooltiptext, 
.re-profile-tooltip-float:hover .re-profile-tooltiptext {
    visibility: visible;
}
.re-profile-introduction-photo {
    /*width: 129px;
    height: 172px;*/
    width: 140px;
    height: 180px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.re-profile-introduction-areas-block {
    width: 100%;
    display: inline-block;
    margin-bottom: 12px;
    height: 50px;
}
.re-profile-introduction-areas-block-edit {
    width: 100%;
    display: inline-block;
    margin-bottom: 6px;
    border: 1px solid #ccc;
    padding: 6px;
}
.re-profile-introduction-areas-block-item {
    width: 100%;
    display: inline-block;
}
.re-profile-introduction-areas-block-title {
    font-size: 13px;
}
.re-profile-introduction-areas-link {
    float: left;
    width: 100%;
}
.re-profile-introduction-areas-link-label {
    float: left;
    width: 30%;
}
.re-profile-introduction-areas-link-value {
    float: left;
    width: 70%;
}
.re-profile-introduction-areas-expertise {
    padding: 4px 10px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    background-color: #999;
    float: left;
    margin: 6px 5px 6px 0px;
}
.re-form-error {
    color: red;
}
.re-timeout-container {
    /*width: 650px; */
    width: 70%;
    margin: 0 auto;
}
.re-timeout-img {
    width: 100%;
    height: 300px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    float:left;
    margin: 0 auto;
}
.re-timeout-text {
    width: 100%;
    float:left; 
    text-align: center;
    margin: 10px auto 0;
    font-size: 18px;
}
.re-timeout-button {
    width: 100%;
    float:left; 
    text-align: center;
    margin-bottom: 20px;
}
.re-logout-confirm-warning {
    width: 100%;
    height: 61px;
    /*background-size: 100%;*/
    background-size: auto;
    background-position: left;
    background-repeat: no-repeat;
    float:left;
    margin: 0 auto;
    /*margin: 8px 0 16px; */
}
.re-logout-confirm-container {
    width: 100%;
}
.re-logout-confirm-button, 
.re-logout-confirm-button-mid {
    width: 33%;
    height: 300px;
    /*background-size: 100%;*/
    background-size: auto auto;
    background-position: center;
    background-repeat: no-repeat;
    float:left;
    margin: 0 auto;
}
.re-logout-confirm-button-mid {
    border-left: 1px dotted #999; 
    border-right: 1px dotted #999;
}
#open_cap_search {
    font-size: 11px;
}
.re-alt-page-title {
    height: 50px;
    font-family:Arial;
    font-size:26px;
    color:#FFF;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*z-index:9;*/
    /*background-color:#E7E0D2;*/
    /*background-color: var(--light-beige);
    background-color: #e1d5c4;*/
    background-color: var(--burnt-brown);
    background-color: #60472E;
    text-align:left;
    padding: 9px 15px;
    text-transform: uppercase;
}
.re-alt-filterbox {
    /*width: 645px; */
    width: 100%; 
    min-height: 46px; 
    padding-top: 10px; 
    margin: 0 auto;
    /*font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif;*/
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    /*background-color: var(--light-beige); 
    background-color: #e1d5c4;*/
    background-color: var(--light-brown-buttons);
    background-color: #BC967C;
    /*background-color: var(--light-brown-buttons-hover);
    background-color: #60472e;*/
    /*border: 1px solid var(--light-brown-buttons);
    border: 1px solid #BC967C;*/
    background-color: var(--beige);
    background-color: #988369;

    /*	--beige-buttons: #e1d5c4;
            --beige-buttons-hover: #60472e;
    
            --light-beige: #e1d5c4;
            --greige: #dad4c5;*/
    display: inline-block;
}
.re-alt-filterbox > div {
    width: 25%;
    float: left;
    padding: 0 10px 10px;
    color: #FFF;
    /*border: 1px dashed yellow;*/
}
.re-alt-filterbox div input {
    color: #000000;
}
.re-alt-filterbox div .calendar-field-icon {
    width: 20px;
    /*float: left;*/
    left: 88px;
    position: absolute;
    top: 2px;
}
.re-alt-filterbox div .calendar-field-icon:after {
    content: "\f073";
    font-family: fontawesome;
    color: #000;
}
.calendar-icon {
    width: 20px;
    /*float: left;*/
    left: 88px;
    position: absolute;
    top: 2px;
}
.calendar-icon:after {
    content: "\f073";
    font-family: fontawesome;
    color: #000;
}
.re-alt-detail-header {
    width: 100%; 
    min-height: 46px; 
    padding-top: 10px; 
    margin: 0 auto;
    font-size: 11px;
    /*font-weight: bold;*/
    text-align: center;
    background-color: var(--beige);
    background-color: #988369;
    display: inline-block;
    text-transform: uppercase;
}
.re-alt-detail-header div {
    width: 25%;
    float: left;
    padding: 0 5px 10px;
    color: #FFF;
    /*border: 1px dashed yellow;*/
}
div.re-alt-table-container {
    width: 100%;
    display: inline-block;
    background-color: var(--light-beige); 
    background-color: #e1d5c4;
    padding: 20px 10px;
}
div.re-alt-table-container-mono {
    width: 100%;
    display: inline-block;
    background-color: #FFF;
    padding: 28px 0px;
}
table.re-alt-table thead th {
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    height: 23px;
    color: #60472E; color: var(--burnt-brown);
    /*border-bottom: 1px dotted var(--burnt-brown);
    border-bottom: 1px dotted #60472E;*/
    padding: 0px 0px 5px 0px;
    text-transform: uppercase;
}
table.re-alt-table tbody td {
    height: 20px;
    text-align: center;
    color: #FFFFFF;
}
table.re-alt-table tbody tr td.re-alt-table-td-even {
    background-color: var(--green-buttons); 
    background-color: #8B9620;
    /*background-color: #c5cb8f;*/
    cursor: pointer;
}
table.re-alt-table tbody tr td.re-alt-table-td-odd {
    background-color: var(--green-buttons-hover); 
    background-color: #747d17;
    /*background-color: #8B9620;*/
    cursor: pointer;
}
table.re-alt-table tbody td span.re-item-stock-green, 
table.re-alt-table tbody td span.re-item-stock-red, 
table.re-alt-table tbody td span.re-item-stock-orange, 
table.re-alt-table-mono tbody td span.re-item-stock-green, 
table.re-alt-table-mono tbody td span.re-item-stock-red, 
table.re-alt-table-mono tbody td span.re-item-stock-orange {
    /*border: 1px dashed blue;*/
    height: 17px;
    width: 17px;
    /*background-color: #bbb;*/
    border-radius: 50%;
    display: inline-block;
    /*margin-right: 6px;*/
    margin: 4px 6px;
}
table.re-alt-table tbody td span.re-item-stock-green, 
table.re-alt-table-mono tbody td span.re-item-stock-green {
    /*background-color: #00FF00;*/
    /*background-color: #080;*/
    background-color: #6f7d1c;
}
table.re-alt-table tbody td span.re-item-stock-red, 
table.re-alt-table-mono tbody td span.re-item-stock-red {
    /*background-color: #FF0000;*/
    /*background-color: #AA0000;*/
    background-color: #b81752;
}
table.re-alt-table tbody td span.re-item-stock-orange, 
table.re-alt-table-mono tbody td span.re-item-stock-orange {
    /*background-color: #FFBB00;*/
    background-color: #b7bd89;
}
/*******  MONOCHROME  ********/
table.re-alt-table-mono tr th {
    font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    color: #624638;
    /*padding-left: 10px;*/
    padding-left: 20px;
}
table.re-alt-table-mono tbody td {
    font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif;
    /*height: 20px;*/
    height: 36px;
    text-align: left;
    color: #624638;
    font-size: 14px;
    /*padding: 8px 4px;*/
    padding: 4px;
    /*padding-left: 10px;*/
    padding-left: 20px;
}
table.re-alt-table-mono A.visualizar-inv:after {
    font-size: 22px
}
table.re-alt-table-mono tbody tr td.re-alt-table-td-even {
    background-color: #f4f4f4;
    cursor: pointer;
    position: relative;
}
table.re-alt-table-mono tbody tr td.re-alt-table-td-odd {
    background-color: #e7e7e7;
    cursor: pointer;
    position: relative;
}
.order-status-cell {
    width: 150px;
    height: 30px;
    padding: 4px 12px;
    font-size: 12px;
    padding: 7px;
    text-transform: uppercase;
    position: relative;
    font-weight: bold;
}
.order-status-new {
    background-color: #d98d00;
    color: #FFF;
}
.order-status-new::after {
    content: "\f0dd";
    font-family: fontawesome;
    position: absolute;
    font-size: 16px;
    right: 7px;
    top: 2px;
    color: #FFF;
    float: right;
}
.order-status-read {
    background-color: #e2e5cf;
    color: #624638;
}
.re-alt-table-customer-line .order-status-read::after {
    content: "\f0dd";
    font-family: fontawesome;
    position: absolute;
    font-size: 16px;
    right: 7px;
    top: 2px;
    color: #624638;
    float: right;
}
.order-status-fulfilled {
    background-color: var(--new-green);
    color: #FFF;
}
.order-status-fulfilled::after {
    content: "\f0dd";
    font-family: fontawesome;
    position: absolute;
    font-size: 16px;
    right: 7px;
    top: 2px;
    color: #FFF;
    float: right;
}
.order-status-cancelled {
    background-color: #ba1051;
    color: #FFF;
}
.order-status-cancelled::after {
    content: "\f0dd";
    font-family: fontawesome;
    position: absolute;
    font-size: 16px;
    right: 7px;
    top: 2px;
    color: #FFF;
    float: right;
}
.order-status-drop {
    /*width: 148px;*/
    position: absolute;
    border: 1px solid #878787;
    border-bottom: none;
    display: none;
    z-index: 9;
}
.order-status-drop-cell {
    width: 148px;
    height: 30px;
    border-bottom: 1px solid #878787;
    background-color: #FFF;
    color: #624638;
    font-size: 12px;
    padding: 6px;
    text-transform: uppercase;
}
.order-status-drop-cell:hover, 
.order-status-drop-cell:active {
    background-color: #b3bc6d;
    color: #FFF;
}
.order-status-drop-cell-active {
    font-weight: bold;
}
.confirm_update_order_status {
    display: none; 
    background-color: #FFF; 
    /*opacity: 0.5; */
    width: 304px; 
    height: 195px; 
    position: absolute; 
    top: 34px; 
    left: -67px; 
    text-align: center;
    border:1px solid #624638;
    z-index: 10;
}
.confirm_update_order_status_title {
    height: 30px;
    color: #FFF;
    font-weight: bold;
    background-color: #624638;
    padding-top: 6px;
}
.confirm_update_order_status_text {
    padding: 20px 30px;
}
.confirm_update_order_status_no, 
.confirm_update_order_status_si {
    width: 95px;
    height: 32px;
    font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    padding: 8px 25px;
}
.confirm_update_order_status_no {
    color: #624638;
    background-color: #FFF;
    border:1px solid #624638;
}
.confirm_update_order_status h1::before {
    display: none;
}
.loader_update_order_status {
    display: none; 
    background-color: #FFF; 
    opacity: 0.75; 
    width: 304px; 
    height: 195px; 
    position: absolute; 
    top: 34px; 
    left: -67px; 
    text-align: center;
    border:1px solid #624638;
    padding: 80px;
    z-index: 11;
}
.loader_update_order_status_ok::before {
    font-family: fontawesome;
    content: "\f00c";
    color: #090; 
    font-size: 32px;
}
.re-alt-table-order-status-mono {
    /*background-color: #F9BE30;*/
    float: left;
    /*width: 100px; */
    /*height: 20px;*/
    height: 35px;
    width: 100%;
    padding: 8px 20px;
    margin-bottom: 10px;

    font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif;
    /*color: #FFFFFF;*/
    font-size: 16px;
    text-transform: uppercase;
}
/*.re-alt-table-order-status-mono-0 {
        background-color: #F9BE30;
        float: left;
        height: 35px;
        width: 100%;
        padding: 8px 20px;
        margin-bottom: 10px;
}*/
/*.re-alt-table-order-status-mono-1 {
        background-color: #ACC51E;
        float: left;
        height: 35px;
        width: 100%;
        padding: 8px 20px;
        margin-bottom: 10px;
}*/
/*.re-alt-table-order-status-mono-title {
        font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif;
        color: #FFFFFF;
        font-size: 16px;
        text-transform: uppercase;
}*/
.re-alt-table-order-status-mono-value {
    /*font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #FFFFFF;
    font-size: 16px;
    text-transform: uppercase;*/
    font-weight: bold;
}
table.re-alt-table-mono tbody tr td.re-alt-table-mono-total-label {
    text-align: right;
    /*width: 200px;
    float: right;*/
    font-size: 16px;
    font-weight: bold;
    color:  var(--burnt-brown);
    color:  #60472E;
    padding: 12px;
    /*margin: 5px 0;*/
    text-transform: uppercase;
}
table.re-alt-table-mono tbody tr td div.re-alt-table-mono-total-value {
    background-color:  var(--burnt-brown);
    background-color:  #60472E;
    text-align: right;
    width: 100px;
    float: left;
    font-size: 16px;
    font-weight: bold;
    padding: 8px;
    margin: 16px 0px;
    color: #FFFFFF;
}
.re-alt-table-mono-print-button {
    width: 220px;
    margin: 40px auto;
    text-align: center;
    float: initial;
    font-size: 18px;
    padding: 12px 20px;
}
.re-alt-table-mono-print-button::before {
    display: none;
}
/*******  MONOCHROME  ********/

/*table.re-alt-table tbody td div {
        text-align:center;
        color: #FFFFFF;
        
        height: 20px;
        
        padding: 2px 6px;
        
        position: relative;
        margin: 0px;
}*/
table.re-alt-table tbody td:first-child {
    text-transform: uppercase;
}
table.re-alt-table tbody tr td.re-alt-table-not-assigned {
    background-color: #F9BE30;
}
table.re-alt-table tbody tr td.re-alt-table-status-0 {
    background-color: #F9BE30;
}
table.re-alt-table tbody tr td.re-alt-table-status-1 {
    /*background-color: #8C951E;*/
    background-color: #ACC51E;
}
table.re-alt-table tbody tr td.re-alt-table-pre-status{
    width:10px; 
    background-color: transparent;
}
table.re-alt-table tbody tr td div.re-alt-table-total-label {
    text-align: right;
    width: 200px;
    float: right;
    font-size: 11px;
    font-weight: bold;
    color:  var(--burnt-brown);
    color:  #60472E;
    padding: 8px;
    margin: 5px 0;
}
table.re-alt-table tbody tr td div.re-alt-table-total-value {
    background-color:  var(--burnt-brown);
    background-color:  #60472E;
    text-align: right;
    width: 100px;
    float: right;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
    margin: 5px 0;
}
.re-alt-table-order-status-label {
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    height: 23px;
    color: #60472E;
    color: var(--burnt-brown);
    padding: 0px;
    text-transform: uppercase;
}
.re-alt-table-order-status-0 {
    background-color: #F9BE30;
    float: left;
    width: 100px; 
    height: 20px;
}
.re-alt-table-order-status-1 {
    /*background-color: #8C951E;*/
    background-color: #ACC51E;
    float: left;
    width: 100px; 
    height: 20px;
}
.re-online-clients-detail {
    width: 100%;
    display: inline-block;
    border: 1px solid var(--burnt-brown);
    border: 1px solid #60472E;
    padding: 10px;
    background-color: var(--light-beige); 
    background-color: #e1d5c4;
    padding: 20px 10px 10px;
    margin-bottom: 10px;
}
.re-online-clients-detail-content {
    width: 50%;
    float: left;
    /*text-transform: uppercase;*/
    min-height: 400px;
}
.re-online-clients-detail-content div {
    min-height: 24px;
    /*padding: 4px;*/
    margin-bottom: 5px;
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
}
.re-online-clients-detail-label {
    color: var(--burnt-brown);
    color: #60472E;
    width: 30%;
    /*height: 19px;*/
    float: left;
    padding: 0px 4px;
    /*margin-bottom: 5px;*/
}
.re-online-clients-detail-value {
    color: #FFFFFF;
    width: 70%;
    /*height: 24px;*/
    float: left;
    background-color: var(--green-buttons); 
    background-color: #8B9620;
    padding: 6px;
    margin-bottom: 2px;
}
.re-online-clients-detail-assign-box {
    float: left; 
    width: 200px;
    height: 130px;
    color: var(--burnt-brown);
    color: #60472E;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    border: 0px solid yellow;
}
.re-online-clients-detail-assign-box-assigned {
    float: left; 
    width: 300px;
    height: 70px;
    color: var(--burnt-brown);
    color: #60472E;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    border: 0px solid yellow;
    padding-top: 56px;
    position: relative;
}
.re-online-clients-detail-assign-box-title {

}
.re-online-clients-detail-assign-box-inner { 
    /*height: 100px; */
    height: 100px; 
    background-color: var(--burnt-brown); 
    background-color: #60472E;
    padding: 10px;
    text-align: right;
    border: 0px solid blue;
    /*position: absolute;*/
    position: relative;
    /*bottom: 30px;*/
    width: 300px;
    /*margin-top: 30px;*/
}
.re-online-clients-detail-assign-box-inner-assigned {
    background-color: var(--burnt-brown); 
    background-color: #60472E;
    /*padding: 10px;*/
    text-align: left;
    border: 0px solid blue;
    /*position: absolute;*/
    /*bottom: 30px;*/
    width: 300px;
    height: 40px;
    color: #FFFFFF;
    /*line-height: 24px;*/
    overflow: hidden;
    padding: 5px 10px;
    line-height: 16px;
    /*position: relative;
    top: 0px;
    left: 0px;*/
    border: 0px dashed red;
    margin-top: 7px;
}
.re-online-clients-detail-assign-box-inner form { 
    color: #FFFFFF;
    font-size: 10px;
}
.re-online-clients-detail-assign-box-inner form input {
    color: #000000;
} 
.re-ba-link-bt-generate {
    float: left;
}
.re-ba-link-bt-copy {
    float: left;
    /*background: orange;*/
    /*background: #B4023F; background: var(--red-buttons);*/
    width: 110px;
    /* text-align: center; */
    /*padding: 12px 0px 12px 45px;*/
}
.re-ba-link-bt-copied {
    float: left;
    /*background: green;*/
    width: 110px;
    text-align: center;
}
.re-ba-link-bt-copied:before {
    display: none;
}
/********************************/
.form-group input {
    border: 1px solid #DAD4C5;
    background: #FFF;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 11px;
    color: #60472E; color: var(--burnt-brown);
    padding: 20px 10px;
    height: 43px;
    line-height: 6px;
}
.header-new-first-menu {
    padding: 12px 5px 0px;
}
.fancybox-slide--iframe .fancybox-content {
    width  : 600px;
    height : 500px;
    max-width  : 80%;
    max-height : 80%;
    margin: 0;
}
/*********************************************************************************/
.login-bg {
}
.form-group div {
    padding-left: 0px;
    padding-right: 0px;
}
.caixa_entrada, .caixa_entrada2 {
    width: 90%;
    max-width: initial;
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding: 11px 16px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.footer-new .second-row {
    background: #EFE5D9 none repeat scroll 0% 0%;
    padding: 14px 0px 0px 40px;
}
.footer-new .second-row a:link{
    font-family: arial;
    font-size: 12px;
    text-decoration: none;
}
.second-row {
}
.block-title {
    color: #60472E;
    font-size: 12px;
    font-weight: 700;
    height: 11px;
    margin-bottom: 15px;
}
#footer-complements {
    color: #878585;
    font-family: Arial;
    font-size: 10px;
    line-height: 18px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
    position: relative;
    text-align: center;
    top: 5px;
}
#subfooter {
    background: #FFF none repeat scroll 0% 0% !important;
    margin: 0px auto;
    margin-top: 20px
}
.footer-new .third-row {
    padding: 15px 19px 14px 40px;
    font-family: Arial;
}
.footer-new .third-row .left {
    float: left;
}
.footer-new .third-row .left a {
    display: inline-block;
    margin: 0 10px 0 10px ;
    color: #60472E;
    font-weight: bold;
    font-size: 9px;
}

.footer-new .third-row .left a:link{
    font-family: arial;
    text-decoration: none;
}

.footer-new .third-row .right {
    float: right;
    color: #60472E;
    font-weight: bold;
    font-size: 9px;
}

.custom-page-link {
    color: #60472e;
    text-decoration: none;
    font-size: 10px;
}

/*.footer-new { display: none; }*/

/******************************   NEW FOOTER IT  *************************************/
.footer-it-social {
    background: #EFE5D9 none repeat scroll 0% 0%;
    padding: 14px 40px 10px 40px;
    height: 84px;
}
.footer-it-social-item {
    height: 40px;
    float: left;
    padding-right: 10px;
}
.footer-it-social-item div {
    display: block;
}
.footer-it-social-item div a {
    font-family: arial;
    font-size: 12px;
    text-decoration: none;
    padding-right: 6px;
}
.footer-it-links {
    padding: 14px 25px 10px 25px;
    height: 44px;
}
.footer-it-links-item1 {
    width: 60%;
    height: 40px;
    float: left;
}
.footer-it-links-item1 a,
.footer-it-links-item1 a:focus,
.footer-it-links-item1 a:link,
.footer-it-links-item1 a:hover,
.footer-it-links-item1 a:active,
.footer-it-links-item1 a:visited {
    color: #60472E;
    font-weight: bold;
    font-size: 9px;
    padding-right: 15px;
    padding-left: 15px;
    text-decoration: none;
}
.footer-it-links-item2 {
    width: 40%;
    height: 40px;
    float: left;
    color: #60472E;
    font-weight: bold;
    font-size: 9px;
    text-align: right;
    padding-top: 5px;
}
.footer-it-legal {
    padding: 14px 40px 10px 40px;
}
.footer-it-legal-item {
    color: #878585;
    font-family: Arial;
    font-size: 10px;
    line-height: 18px;
    text-align: center;
}
/******************************   NEW FOOTER PT  *************************************/
.footer-pt-social {
    background:#E8E0D3 none repeat scroll 0% 0%;
    padding: 14px 40px 10px 40px;
    min-height: 84px;
}
.footer-pt-social-item {
    height: 40px;
    float: left;
    padding-right: 10px;
}
.footer-pt-social-item div {
    display: block;
}
.footer-pt-social-item div a {
    font-family: arial;
    font-size: 12px;
    text-decoration: none;
    padding-right: 6px;
}
.footer-pt-links {
    padding: 14px 40px 10px 25px;
    height: 84px;
}
.footer-pt-links-item1 {
    width: 40%;
    height: 40px;
    float: left;
}
.footer-pt-links-item1 a,
.footer-pt-links-item1 a:focus,
.footer-pt-links-item1 a:link,
.footer-pt-links-item1 a:hover,
.footer-pt-links-item1 a:active,
.footer-pt-links-item1 a:visited {
    color: #60472E;
    font-weight: bold;
    font-size: 9px;
    padding-right: 15px;
    padding-left: 15px;
    text-decoration: none;
}
.footer-pt-links-item2 {
    width: 60%;
    height: 40px;
    float: left;
    color: #60472E;
    font-weight: bold;
    font-size: 9px;
    text-align: right;
}
.footer-pt-legal {
    padding: 14px 40px 10px 40px;
}
.footer-pt-legal-item {
    color: #878585;
    font-family: Arial;
    font-size: 10px;
    line-height: 18px;
    text-align: center;
}
.re-top-logo {
    width: 50%;
    float: left;
}
.re-top-slogan {
    width: 50%;
    float: right;
}
.re-orders-filterbox {
    /*width: 645px; */
    width: 100%; 
    min-height: 46px; 
    padding-top: 10px; 
    margin: 0 auto;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    background-color: var(--light-beige); 
    background-color: #e1d5c4;
    border: 1px solid var(--light-brown-buttons);
    border: 1px solid #BC967C;
    display: inline-block;
}
.re-orders-filterbox div {
    width: 25%;
    float: left;
    padding: 0 10px 10px;
}
.re-order-filter-button {
    margin-top: 0px;
    float: left;
    font-size: 12px;
    /*line-height: 0.6;*/
    line-height: 1.2;
    margin-bottom: 0px;
    /*padding: 8px 18px 8px 12px;*/
    padding: 4px 18px 4px 12px;
}
.re-order-filter-button:before {
    top: 5px;
}
.re-archived-order-button {
    margin-top: 0px;
    float: left;
    font-size: 12px;
    /*line-height: 0.6;*/
    line-height: 1.2;
    margin-bottom: 0px;
    /*padding: 8px 18px 8px 12px;*/
    padding: 4px 18px 4px 12px;
    background-color: var(--burnt-brown); 
    background-color: #60472E;
    width: 130px;
    margin: 0 auto;
}
.re-archived-order-button:before {
    top: 5px;
}
.re-archived-order-button:hover {
    background: #988369; background: var(--beige);
}
.re-order-table {
    /*width: 645px;*/
    width: 100%;
}
.re-order-pagination {
    width: 100%; 
    height: 46px; 
    padding-top: 13px; 
    margin: 10px auto;
    font-size: 11px;
    /*font-weight: bold;*/
    text-align: center;
    background-color: var(--light-beige); 
    background-color: #e1d5c4;
    border: 1px solid var(--light-brown-buttons);
    border: 1px solid #BC967C;
}
table.re-order-table thead th {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    height: 29px;
    color:#000000;
    border-bottom: 1px dotted var(--burnt-brown);
    border-bottom: 1px dotted #60472E;
    padding: 5px 9px;
}
table.re-order-table tbody td {
    text-align:center;
    color: #60472E; color: var(--burnt-brown);
    border-bottom: 1px dotted var(--burnt-brown);
    border-bottom: 1px dotted #60472E;
    /*height: 29px;*/
    height: 40px;
    /*padding: 0px 3px;*/
    padding: 0px 6px;
    /*padding: 0px;*/
    position: relative;
}
table.re-order-table thead th:first-child, 
table.re-order-table tbody td:first-child
{
    /*padding: 0px 3px 0px 30px;*/
    /*padding: 0px 3px 0px 50px;*/
    padding: 0px 3px;
}
table.re-order-table.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, 
table.re-order-details-products.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before {
    /*	top: 5px;
            left: 6px;
            height: 13px;
            width: 13px;
            display: block;
            position: absolute;
            color: white;
            border: 2px solid white;
            border-radius: 14px;
            box-shadow: 0 0 3px #444;
            box-sizing: content-box;
            text-align: center;
            text-indent: 0 !important;
            font-family: 'Courier New', Courier, monospace;
            line-height: 14px;
            content: '+';
            background-color: #31b131;*/


    top: 2px;
    left: 2px;
    position: absolute;
    font-size: 18px;

    /*content: "\f0fe";
    font-family: fontawesome;*/

    content: "\002b";
    font-family: 'Glyphicons Halflings';

    display:block;
    width:38px;
    height:35px;
    background:#7d8623;
    color:#FFF;
    text-align:left;
    padding:10px;
    vertical-align:middle;
    line-height:12px
}
table.dataTable.no-footer {
    border: none;
}
.re-order-detail-window-header {
    width: 100%;
    /*height: 40px;*/
    text-align: left;
    background-color: var(--green);
    background-color: #8C951E;
    padding: 8px;
    margin-bottom: 10px;
}
.re-order-detail-header {
    width: 100%;
    display: inline-block;
    border: 1px solid var(--burnt-brown);
    border: 1px solid #60472E;
    padding: 10px;
    margin-bottom: 10px;
}
.re-order-detail-header-first {
    /*height: 19px;*/
    width: 100%;
    color: var(--burnt-brown);
    color: #60472E;
    font-weight: bold;
    display: inline-table;
}
.re-order-detail-header-label {
    width: calc(20% - 8px);
    height: 19px;
    float: left;
    padding: 4px;
    margin-bottom: 5px;
    line-height: 22px;
}
.re-order-detail-header-value {
    width: calc(80% - 8px);
    height: 24px;
    float: left;
    background-color: var(--greige);
    background-color: #dad4c5;
    padding: 4px;
    /*margin-bottom: 2px;*/
    margin-bottom: 5px;
    line-height: 22px;
}
table.re-order-details-products.dataTable.no-footer {
    border: 1px solid var(--burnt-brown);
    border: 1px solid #60472E;
    margin-bottom: 10px;
}
.re-order-details-products thead {
    border: 1px solid var(--burnt-brown);
    border: 1px solid #60472E;
}
.re-order-details-products thead tr th {
    font-size: 12px;
    height: 20px;
    text-align: center;
    background-color: var(--greige);
    background-color: #dad4c5;
    color: var(--burnt-brown);
    color: #60472E;
}
.re-order-details-products tbody tr td {
    height: 20px;
    color: var(--burnt-brown);
    color: #60472E;
    padding-top: 4px;
    border-bottom: 1px dotted var(--burnt-brown);
    border-bottom: 1px dotted #60472E;
    position: relative;
}
table.re-order-details-products tbody td:first-child
{
    padding: 4px 3px 0px 16px;
}
.re-order-detail-footer {
    width: 100%;
    display: inline-block;
    border: 1px solid var(--burnt-brown);
    border: 1px solid #60472E;
    color: var(--burnt-brown);
    color: #60472E;
    padding: 10px;
    margin-bottom: 10px;
}
.re-order-detail-footer-label {
    width: calc(75% - 8px);
    min-height: 24px;
    text-align: right;
    font-weight: bold;
    float: left;
    padding: 4px;
}
.re-order-detail-footer-value {
    width: calc(25% - 8px);
    height: 24px;
    text-align: right;
    float: left;
    background-color: var(--greige);
    background-color: #dad4c5;
    padding: 4px;
    margin-bottom: 2px;
}
.re-order-detail-print {
    /*width: 100%;*/
    width: 108px;
    height: 70px;
    text-align: center;
    /*margin-bottom: 10px;*/
    margin: 0 auto;
}
/*.re-order-detail-window-footer {
        width: 100%;
        font-size: 11px;
        color: #FFFFFF;
        text-align: right;
        background-color: var(--green);
        background-color: #8C951E;
        padding: 8px;
        margin-bottom: 10px;
}*/
.re-order-detail-window-footer {
    width: 100%;
    /*height: 40px;*/
    font-size: 11px;
    color: #60472E;
    text-align: right;
    background-color: var(--greige);
    background-color: #dad4c5;
    padding: 4px 8px;
    margin-bottom: 10px;
    /*border-top: 1px solid #60472E;*/
}
.re-recruit-form-header {
    width: 100%;
    display: inline-block;
    padding: 10px;
    margin-bottom: 10px;
    color: var(--burnt-brown);
    color: #60472E;
    font-weight: bold;
    /*display: inline-table;*/
}
.re-recruit-form-elem {
    width: 100%;
    display: inline-block;
    /*border:1px dotted #88ddFF;*/
}
.re-recruit-form-elem-label {
    width: 40%;
    height: 19px;
    float: left;
    padding: 8px 4px;
    margin-bottom: 5px;
}
.re-recruit-form-elem-value {
    width: 60%;
    /*height: 24px;*/
    float: left;
    padding: 4px;
    margin-bottom: 2px;
}
.re-recruit-form-elem-value input[type=text] {
    width: 270px;
}
.re-recruit-form input[type="checkbox"], input[type="radio"] {
    margin-right: 10px;
}
.re-recruit-form select {
    width: 270px;
    height: 24px;
}
.re-recruit-form textarea {
    width: 270px;
    height:100px;
}
.re-recruit-form-button {
    width: 50%;
    float: left;
    margin-top: 30px; 
    text-align: center;
}
.re-faqs-cats-container {
    /*width: 100%;*/
    max-width: 708px;
    margin: 0 auto;
}
.re-faqs-cats-panel-title:after { content: "-"; float: right; color: #60472E; color: var(--burnt-brown); }
.collapsed > .re-faqs-cats-panel-title:after { content: "+"; float: right; color: #60472E; color: var(--burnt-brown); }
.re-faqs-cats-panel-title2 {
    margin: auto; 
    padding: 0 10px;
    font-size:15px; /*color: #60472E; color: var(--burnt-brown); text-transform: uppercase; text-decoration: none; margin: auto;*/ text-shadow: 1px 1px 0px #FFF;
}
.re-link-simple-text {text-decoration: none;}
.re-faqs-breadcrumb { font-size:13px; color: #60472E; color: var(--burnt-brown); padding: 15px; }
.re-faqs-breadcrumb-link,
.re-faqs-breadcrumb-link:focus,
.re-faqs-breadcrumb-link:link,
.re-faqs-breadcrumb-link:hover,
.re-faqs-breadcrumb-link:active,
.re-faqs-breadcrumb-link:visited { font-size:13px; color: #60472E; color: var(--burnt-brown); text-decoration: none; }
.re-faqs-cats,
.re-faqs-cats:focus,
.re-faqs-cats:link,
.re-faqs-cats:hover,
.re-faqs-cats:active,
.re-faqs-cats:visited { 
    font-size:15px; 
    color: #60472E; 
    color: var(--burnt-brown); 
    text-transform: uppercase; 
    text-decoration: none; 
    /*margin: auto; */
    text-shadow: 1px 1px 0px #FFF; 

    margin: 0px 8px;
    width: 220px;
    float: left;
}
.re-faqs-question-title,
.re-faqs-question-title:focus,
.re-faqs-question-title:link,
.re-faqs-question-title:hover,
.re-faqs-question-title:active,
.re-faqs-question-title:visited { font-size:13px; font-weight: bold; color: #8B9620; color: var(--green-buttons); text-decoration: none; }
.re-faqs-categories { border:solid 1px #ccc;
                      background-color: #f5f5f5;
                      text-align:center;
                      height:150px;
                      -webkit-box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.3);
                      -moz-box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.3);
                      box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.3);
                      margin:10px;
                      border-radius: 6px;
                      display: flex;
                      align-items: center; }
.re-faq-answer {
    font-size: 13px; line-height: 1.5; color: #60472E; color: var(--burnt-brown);
}
.dtr-details {
    list-style: none;
    text-align: left;
    padding: 0px;
}
.dtr-details li span {
    font-size: 11px;
}
.dtr-title {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    height: 29px;
    color:#000000;
    /*border-bottom: 1px dotted var(--burnt-brown);
    border-bottom: 1px dotted #60472E;*/
}
.dtr-title b {
    /*padding: 5px 9px 5px 0;*/
}
.fancybox-slide {
    padding: 0px;
}
table.re-archive-list.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before {
    /*top: 15px;*/
}
table.re-archive-list ul li {
    min-height: initial; 
    /*min-height: 40px;*/
    margin-top: 4px;
    margin-bottom: 4px;
    width: 100%;
}
table.re-archive-list ul li:nth-last-child(-n+7) 
{
    /*border:1px dashed green;*/
    float: left;
    /*margin-right: 4px;*/
    margin-right: 0px;
}
/*table.re-archive-list .dtr-title b {
        height: 0px;
        padding: 0px;
}*/
table.re-archive-list {
    top: 12px;
}
table.re-archive-list td > div {
    float: left;
    /*margin: 2px 4px;*/
    margin: 0px 2px;
    text-align: left;
}
.dtr-data div {
    float: left;
    /*padding-right: 4px;*/
    padding-right: 0px;
}
.row {
    margin-right: 0px;
}
.aux-date-birth {
    width: 20%;
}
.re-home-cfw-orders-container {
    /*margin-top:10px; */
    border: 0px dotted purple;
    /*background-color: #FFF;*/
    /*padding-top: 10px;*/
    background-color: #e1d5c4;
}
.re-home-cfw-orders-spacer {
    background-color: #FFF;
    height: 10px;
}
.re-home-cfw-orders-header {
    background-color: #60472E; 
    background-color: var(--burnt-brown);
    color: #FFF;
    /*color: #e1d5c4;*/
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 10px;
    position: relative;
}
.re-home-cfw-orders-content {
    /*background-color: var(--light-beige); 
    background-color: #e1d5c4;*/
    color: #60472E; 
    color: var(--burnt-brown);
    font-size: 9px;
    display: inline-block;
    margin-top: 2px;
    padding: 5px 0;
}
.re-home-cfw-orders-content-line {
    font-size: 9px;
    display: inline-block;
}
.re-home-cfw-orders-content-line-left {
    float: left;
    width: 20px;
    padding: 5px 5px;
    font-size: 12px;
}
.re-home-cfw-orders-content-line-right {
    float: left;
    width: 235px;
    padding: 4px;
    font-size: 9px;
}
.re-home-cfw-orders-content-line-right-notice {
    color: #F00;
}
.re-home-cfw-orders-content-name {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    /*height: 18px;*/
    float: left;
    overflow: hidden;
    height: 15px;
    margin-bottom: 3px;
}
.re-home-cfw-orders-content-date {
    padding-top: 3px;
    height: 18px;
    float: left;
}
.re-home-cfw-orders-header > .re-home-cfw-orders-tooltip {
    position: relative;
    /*display: inline-block;*/
    /*position: absolute;*/
    top: -23px;
    right: 0px;
}
.re-cfw-cart-notification-left > .re-home-cfw-orders-tooltip {
    position: relative;
    /*display: inline-block;*/
    /*position: absolute;*/
    top: 0px;
    right: 0px;
}
.re-home-cfw-orders-tooltip .re-home-cfw-orders-tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: var(--burnt-brown);
    color: #fff;
    text-align: left;
    /*border-radius: 6px;*/
    padding: 10px 15px;
    text-transform: initial;
    font-size: 12px;
    text-transform: uppercase;
    /* Position the re-home-cfw-orders-tooltip */
    position: absolute;
    z-index: 1;
    /*left: 30px;
    top: -10px;*/
    right: 18px;
    top: 14px;
    opacity: 0.8;
    border: 1px solid var(--light-beige); 
    border: 1px solid #e1d5c4;
}
.re-home-cfw-orders-tooltip:hover .re-home-cfw-orders-tooltiptext {
    visibility: visible;
}
.re-cfw-cart-notification, 
.re-cfw-cart-notification-left, 
.re-cfw-cart-notification-left-icon, 
.re-cfw-cart-notification-left-title, 
.re-home-cfw-orders-tooltip, 
.re-home-cfw-orders-tooltiptext, 
.re-cfw-cart-notification-right, 
.re-home-cfw-orders-content-line, 
.re-home-cfw-orders-content-line-left, 
.re-home-cfw-orders-content-line-right, 
.re-home-cfw-orders-content-name, 
.re-home-cfw-orders-content-date, 
.re-home-cfw-orders-content-line {
    /*border: 1px dashed red;*/
}
.re-cfw-cart-notification {
    margin-top: 5px;
    min-height: 180px;
}
.re-cfw-cart-notification-left {
    width: calc( 55% - 2px );
    float: left;
    height: 180px;
    background-color: var(--burnt-brown);
    background-color: #60472E;
    color: #FFF;
    margin-right: 2px;
}
.re-cfw-cart-notification-left-icon {
    width: 40%;
    float: left;
    padding: 28px;
}
.re-cfw-cart-notification-left-icon span {
    font-size: 120px;
}
.re-cfw-cart-notification-left-title {
    width: 60%;
    float: left;
    font-size: 30px;
    text-transform: uppercase;
    padding: 39px 0 0 0;
}
.re-cfw-cart-notification-right {
    width: 45%;
    float: left;
    height: 180px;
    background-color: var(--light-beige); 
    background-color: #e1d5c4; 
    padding: 10px 0 0 10px;
}

.re-info-block {
    /*border: 1px dashed red;*/
    border: #E7E0D2 1px solid;
}
.re-info-block {
    margin-top: 5px;
}
.re-info-block a,
.re-info-block a:focus,
.re-info-block a:link,
.re-info-block a:hover,
.re-info-block a:active,
.re-info-block a:visited {
    color: #8C951E;
    font-size: initial;
    text-decoration: underline;
}
/***********************  RECRUITMENT PRINT  ***************************************/
.re-recrut-table {
    border: 1px solid var(--burnt-brown);
    text-align: left;
    height: 300px;
    width: 100%;
}
.re-recrut-container {
    width: 100%;
}
.re-recrut-container-td-left, 
.re-recrut-container-td-right {
    width: 500px;
}

/******************************   RESPONSIVE    *************************************/
/******************************  MEDIA QUERIES  *************************************/
@media print {
    .re-order-detail-print {
        display: none !important;
    }
}
/*********************************  GENERIC  ****************************************/
@media screen and (max-width:500px) {
    .re-home-main-struct-right {
        float: initial;
        margin: 0 auto;
    }
}
@media screen and (max-width:770px) {
    .aux-date-birth {
        width: 25%;
    }
}
@media screen and (max-width:550px) {
    .re-timeout-container {
        width: 100%;
    }
}
@media screen and (max-width:660px) {
    .re-logout-confirm-button, 
    .re-logout-confirm-button-mid {
        width: 100%;
        /*background-size: 100%;*/
        background-size: auto auto;
        float:left;
        margin: 0 auto;
    }
    .re-logout-confirm-button-mid {
        border: none;
    }
}
@media screen and (max-width:500px) {
    .re-profile-zone-label, 
    .re-profile-zone-data {
        width: 100%;
    }
}
@media screen and (max-width:650px) {
    .re-orders-filterbox div {
        width: 100%;
    }
}
@media screen and (max-width:500px) {
    .re-order-detail-header-label, 
    .re-order-detail-header-value { width: 100% }
}
@media screen and (max-width:500px) {
    .re-recruit-form-elem-label, 
    .re-recruit-form-elem-value { width: 100%; height: 35px; }
}

@media screen and (max-width:320px) {
    .re-recruit-form-elem-value input[type=text] {
        width: 100%;
    }
    .re-recruit-form-button {
        width: 100%;
    }
    .re-recruit-form textarea {
        width: 100%;
    }
}
@media screen and (max-width:400px) {
    .re-order-detail-footer-label, 
    .re-order-detail-footer-value { width: 100%; }
}
/*@media screen and (max-width:650px) {
        table.re-order-table tbody td:first-child 
        {
            padding: 0px 3px 0px 30px;
        }
}*/
@media screen and (max-width:767px) {
    .sec_img_topo {
        margin-top: auto;
        position: absolute;
    }
}
@media screen and (max-width:380px) {
    .re-top-logo img {
        width: 100%;
        max-width: 267px;
    }
    .re-top-slogan img {
        width: 100%;
        max-width: 337px;
    }
    .re-top-slogan {
        padding: 5px;
    }
    .sec_img_topo {
        right: initial;
    }
}
@media screen and (max-width:700px) {
    .re-top-logo,
    .re-top-slogan {
        width: 100%;
        margin: 0 auto;
    }
    .sec_img_topo {
        position: relative;
    }
}
@media screen and (max-width:767px) {
    .re-helponline-photo {
        width: 200px;
        margin: 10px auto;
    }
}
@media screen and (min-width:767px) {
    .login-bg {
        height: 500px;
        /*background-image: url(../templates/homepage2/women_new2_crop.png);*/
        background-image: url(../templates/homepage2/login_page_photo.jpg);
        background-repeat: no-repeat;
        background-size: contain;
    }
    .caixa_entrada {
        width: 500px;
        max-width: 500px;
        float: right;
        margin-right: 100px;
        margin-right: 10%;
        margin-top: 70px;
    }
    .caixa_entrada2 {
        width: 800px;
        max-width: 800px;
        float: right;
        margin-right: 50px;
        margin-right: 10%;
        margin-top: 70px;
    }
}
@media screen and (max-width:495px) {
    .caixa_entrada {
        width: 100%;
    }
    .caixa_entrada2 {
        width: 100%;
    }
}
@media screen and (max-width:990px) {
    table.re-order-table thead th:first-child, 
    table.re-order-table tbody td:first-child
    {
        /*padding: 0px 3px 0px 30px;*/
        padding: 0px 3px 0px 50px;
    }
}
/***************************************  IT SPECIFIC  ******************************/
@media screen and (max-width:990px) {
    .footer-it-links {
        padding: 14px 5px 10px 5px;
    }
    .footer-it-links-item1 a:link {
        padding-right: 5px;
        padding-left: 5px;
    }
}
@media screen and (max-width:560px) {
    .footer-it-social-item {
        width: 25%;
        float: left;
    }
    .footer-it-social-item div {
        text-align: center;
    }
    .footer-it-social-item-text {
        display: none;
    }
    .footer-it-links-item1 a:link {
        padding-right: 2px;
        padding-left: 2px;
    }
}
@media screen and (max-width:630px) {
    .footer-it-links {
        padding-left: 15px;
        padding-right: 15px;
    }
    .footer-it-links-item1, .footer-it-links-item2 {
        width: 100%;
        text-align: center;
        height: 30px;
    }
    .footer-it-legal-item {
        line-height: 12px;
    }
}
@media screen and (max-width:495px) {
    .footer-it-social {
        padding-left: 15px;
        padding-right: 15px;
    }
    .footer-it-legal {
        padding-left: 15px;
        padding-right: 15px;
    }
}
/***************************************  PT SPECIFIC  ******************************/
@media screen and (max-width:495px) {
    .footer-pt-social {
    }
}
@media screen and (max-width:445px) {
    .footer-pt-social {
        height: 124px;
    }
    .footer-pt-social-item {
        width: 33%;
        float: left;
    }
    .footer-pt-social-item-text {
        display: none;
    }
    .caixa_entrada {
        width: 100%;
    }
    .caixa_entrada2 {
        width: 100%;
    }
}
@media screen and (max-width:495px) {
    .footer-pt-links {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media screen and (max-width:380px) {
    .footer-pt-links-item1, .footer-pt-links-item2 {
        width: 100%;
        text-align: center;
    }
}
@media screen and (max-width:495px) {
    .footer-pt-legal {
        padding-left: 15px;
        padding-right: 15px;
    }
}
/***************************************  RESPONSIVE  ******************************/
.responsive-page .row {
    /*margin-left: 0px;*/
    margin-right: initial;
    margin-left: initial;
}
.responsive-page {
    /*max-width: 980px;*/
    max-width: 1018px;
    /*margin: 0 auto;
    padding: 0px;*/
    font-family: "AvenirMedium",Arial,sans-serif;
    background: #FFF none repeat scroll 0% 0%;
    overflow: hidden;
}
@media screen and (min-width:1018px) {
    .responsive-page {
        width: 1018px;
    }
}
@media screen and (max-width:1018px) {
    .responsive-page {
        padding: 0px;
    }
}
.responsive-header {
    /*background: #8A970B none repeat scroll 0% 0%;*/
    /*overflow: initial;*/
    /*padding: 10px;*/
    min-height: 68px;
    /*margin-left: 0px;
    margin-right: 0px;*/
}
.responsive-header > div > div {
    background: #8A970B none repeat scroll 0% 0%;
}
.responsive-header-logo {
    text-align: left;
    padding: 10px 0px 0px 10px;
}
.responsive-header-phrase {
    text-align: right;
    padding: 46px 10px 4px 0;
}
.responsive-userarea, 
.responsive-userarea > div {
    min-height: 48px;
}
/*.responsive-userarea .col-sm-6, 
.responsive-userarea .col-sm-5, 
.responsive-userarea .col-sm-4, 
.responsive-userarea .col-sm-3 {
        border:1px dotted green;
}*/
.responsive-menu {
    /*background: #8A970B none repeat scroll 0% 0%;*/
    min-height: 38px;
}
.responsive-content-left {
    width: 763px;
    /*width: 791px;*/
    width: 760px;
    width: 785px;
    /*background-color: orange;*/
    padding: 0px;
}
.responsive-content-right {
    width: 184px;
    /*width: 202px;*/
    width: 180px;
    width: 203px;
    /*background-color: cyan;*/
    padding: 0px;	
}
.responsive-content-right > .row > .col-md-12 {
    padding-left: 0px;
}
.responsive-content > .col-md-12 > .row > .col-md-12 {
    padding-left: 0px;
    padding-right: 0px;
}

@media screen and (max-width:1000px) {
    .responsive-page, 
    .responsive-content-left, 
    .responsive-content-right
    {
        max-width: 100%;
    }
}

/*****************  NEW SET NEW PASSWORD PAGE  ******************/
.re-set-new-pass-header {
    /*background-color: #8a952c;*/
    background-color: var(--new-green);
    height: 70px;
    text-align: center;
}
.re-set-new-pass-header a {
    margin: 5px auto;
    width: 169px;
    /* height: 40px; */
    display: block;
}

.re-set-new-pass-form {
    width: 340px;
    margin: 0 auto;
    text-align: center;
}

.re-set-new-pass-form input {
    font-family: Montserrat;
    font-size: 12px;
}

.re-set-new-pass-form label {
    width: 340px;
    font-family: Montserrat;
    font-size: 12px;
}

.re-set-new-pass-cambia-la-tua-passwo {
    min-height: 34px;
    /*width: 912px;*/
    color: #000000;
    font-family: Montserrat;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 34px;
    text-align: center;
    margin: 40px 0 20px;
}

.re-set-new-pass-la-tua-nuova-passwor {
    min-height: 92px;
    /*width: 912px;*/
    /*width: 90%;*/
    color: #000000;
    font-family: Montserrat;
    font-size: 17px;
    letter-spacing: 0;
    line-height: 23px;
    text-align: center;
    margin-bottom: 40px;
}

.re-set-new-pass-elements-form-inputtext-empty- {
    height: 45px;
    width: 340px;
}

.re-set-new-pass-label {
    /*height: 15px;*/
    /*width: 104px;*/
    color: #878787;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 15px;
    float: left;
}

.re-set-new-pass-campo-obbligatorio {
    height: 18px;
    width: 160px;
    color: #000000;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 18px;
    /*margin: 40px 0;*/
    margin: 25px 0 40px;
}

.re-set-new-pass-button {
    height: 50px;
    width: 134px;
    border-radius: 8px;
    background-color: var(--new-green);
    /*height: 50px;*/
    /*width: 94px;*/
    color: #FFFFFF;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    float: initial;
    margin: 0 auto 60px auto;
    padding: 12px 25px 12px 20px;
    cursor: pointer;
}
@media screen and (max-width:500px) {
    .re-set-new-pass-button {
        width: 100%;
    }
}

.re-set-new-pass-invalid-token {
    /*height: 15px;*/
    min-height: 250px;
    /*width: 105px;*/
    /*width: 340px;*/
    /*width: 90%;*/
    color: #000000;
    /*color: #B21B39;*/
    font-family: Montserrat;
    /*font-size: 12px;*/
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0;
    /*line-height: 15px;*/
    line-height: 23px;
    /*border: 1px dashed #F99;*/
    /*background-color: #FDD;*/
    padding: 25px;
    text-align: center;
}
.re-set-new-pass-invalid-token a {
    color: #000000;
    /*color: #B21B39;*/
    font-family: Montserrat;
    /*font-size: 12px;*/
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0;
    /*line-height: 15px;*/
    line-height: 23px;
    text-decoration: underline;
    text-transform: uppercase;
}

.re-set-new-pass-password-debole {
    /*height: 15px;*/
    min-height: 15px;
    /*width: 105px;*/
    width: 340px;
    color: #000000;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 15px;
    border: 1px dashed #F99;
    background-color: #FDD;
    padding: 5px;
}

.re-set-new-pass-form-errors {
    /*height: 15px;*/
    min-height: 15px;
    /*width: 105px;*/
    width: 340px;
    /*color: #000000;*/
    color: #B21B39;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 15px;
    /*border: 1px dashed #F99;
    background-color: #FDD;*/
    padding: 5px;
    /*margin-top: 20px;*/
    text-align: left;
}

.re-set-new-pass-form-ok {
    /*height: 15px;*/
    min-height: 250px;
    /*width: 105px;*/
    /*width: 340px;*/
    color: #000000;
    font-family: Montserrat;
    /*font-size: 12px;*/
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0;
    /*line-height: 15px;*/
    line-height: 23px;
    /*border: 1px dashed #9F9;
    background-color: #DFD;*/
    padding: 5px;
    margin-top: 20px;


    text-align: center;
    margin-bottom: 40px;
}

.re-set-new-pass-form-ok a {
    color: #000000;
    font-family: Montserrat;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 23px;
}

.strength-bar-label {
    min-height: 15px;
    /*width: 100px;*/
    color: #000000;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 20px;
    text-align: left;
}

.strength-bar-container {
    height: 8px;
    width: 340px;
    border-radius: 2px;
    background-color: #D8D8D8;
}

.strength-bar {
    height: 8px;
    width: 10px;
    border-radius: 2px;
    background-color: #D8D8D8;

}
.strength-bar-strong {
    height: 8px;
    border-radius: 2px;
    width: 100%;
    background-color: var(--new-green);
}
.strength-bar-medium {
    height: 8px;
    border-radius: 2px;
    width: 66%;
    background-color: #D98D00;
}
.strength-bar-weak {
    height: 8px;
    border-radius: 2px;
    width: 33%;
    background-color: #BA1051;
}
.strength-bar-empty {
    height: 8px;
    border-radius: 2px;
    width: 10px;
    background-color: #D8D8D8;
}








/**********************************  OLD RECRUIT LISTING STYLES  ****************************/

A.invia{display:block;width:95px;min-height:25px;background:#7d8623; color:#FFF;text-align:left;padding:5px;font-weight:bold; position: relative;vertical-align:middle;line-height:12px}
A.invia:hover{background:#747d17; }
A.invia:after{content: "\f061"; font-family: fontawesome; position: absolute; right: 10px; top: 10px;   font-size: 14px;}

div.loading{display:block;width:117px;min-height:25px;background:#747d17; color:#FFF;padding:0;font-weight:normal; position: relative;vertical-align:middle;line-height:24px;font-size:18px;text-align:center}

A.invia2_edit{display:block;width:117px;min-height:25px;background:#60472e; color:#FFF;text-align:left;padding:5px;font-weight:bold; position: relative;vertical-align:middle;line-height:24px;font-size:14px;text-align:center}

A.invia2{display:block;width:117px;min-height:25px;background:#7d8623; color:#FFF;text-align:left;padding:5px;font-weight:bold; position: relative;vertical-align:middle;line-height:24px;font-size:14px;text-align:center}
A.invia2:hover{background:#747d17; }


div.confirma{display:inline-block;width:117px;min-height:25px;background:#8f0e31; color:#FFF;text-align:left;padding:5px;font-weight:bold; position: relative;vertical-align:middle;line-height:24px;font-size:12px; white-space: nowrap;text-align:center}
div.error{display:inline-block;width:25px;min-height:25px;background:#60472e; color:#FFF;text-align:center;padding:5px;font-weight:bold; position: relative;vertical-align:middle;line-height:24px;font-size:24px; white-space: nowrap;cursor:pointer;margin-left:2px}

.emailsend{display:inline-block;width:25px;min-height:25px;background:#747d17;color:#FFF !important;text-align:center;padding:5px;font-weight:bold; position: relative;vertical-align:middle;line-height:24px;font-size:24px !important; white-space: nowrap;cursor:pointer;margin-left:2px}

div.ok{display:block;width:95px;min-height:25px;background:#8f0e31; color:#FFF;text-align:left;padding:5px;font-weight:bold; position: relative;vertical-align:middle;line-height:12px;cursor:default}
div.ok:after{content: "\f00c"; font-family: fontawesome; position: absolute; right: 10px; top: 10px;    font-size: 20px;}

div.ok_f{display:inline-block;width:115px;min-height:25px;background:#747d17; color:#FFF;text-align:left;padding:5px;font-weight:bold; position: relative;vertical-align:middle;line-height:25px;cursor:default;margin-left:2px;font-size:15px}
div.ok_f:after{content: "\f00c"; font-family: fontawesome; position: absolute; right: 4px; top: 5px; font-size: 15px;}

div.err_f{display:inline-block;width:115px;min-height:25px;background:#60472e; color:#FFF;padding:5px;font-weight:bold; position: relative;vertical-align:middle;line-height:25px;cursor:default;margin-left:2px;font-size:15px;text-align:center}
/* div.err_f:after{content: "\f06a"; font-family: fontawesome; position: absolute; right: 4px; top: 5px; font-size: 15px;} */

div.no_f{display:inline-block;width:34px;min-height:25px;background:#FF0000; color:#FFF;text-align:left;padding:5px;font-weight:bold; position: relative;vertical-align:middle;line-height:25px;cursor:pointer;margin-left:2px}
div.no_f:after{content: "\f06a"; font-family: fontawesome; position: absolute; right: 4px; top: 5px; font-size: 26px;}

A.print{display:block;width:27px;min-height:25px;background:#7d8623; color:#FFF;text-align:left;padding:5px;font-weight:bold; position: relative;vertical-align:middle;line-height:12px}
A.print:hover{background:#747d17; }
A.print:after{content: "\f02f"; font-family: fontawesome; position: absolute; right: 10px; top: 12px;   font-size: 18px;}

A.visualizar{display:block;width:28px;min-height:25px;background:#7d8623; color:#FFF;text-align:left;padding:5px;font-weight:bold; position: relative;vertical-align:middle;line-height:12px}
A.visualizar:hover{background:#747d17; color: #fff; }
A.visualizar:after{content: "\f06e"; font-family: fontawesome; position: absolute; right: 10px; top: 12px;  font-size: 18px; font-weight:normal}

/* NEW COLOURS TO TEST */
/*A.visualizar{display:block;width:28px;min-height:25px;background:#e1d5c4; color:#60472E;text-align:left;padding:5px;font-weight:bold; position: relative;vertical-align:middle;line-height:12px}
A.visualizar:hover{background:#60472e; color: #fff; }
A.visualizar:after{content: "\f06e"; font-family: fontawesome; position: absolute; right: 10px; top: 12px;  font-size: 18px; font-weight:normal}*/

A.upload{display:block;width:28px;min-height:25px;background:#7d8623; color:#FFF;text-align:left;padding:5px;font-weight:bold; position: relative;vertical-align:middle;line-height:12px}
A.upload:hover{background:#747d17; }
A.upload:after{content: "\f093"; font-family: fontawesome; position: absolute; right: 10px; top: 12px;  font-size: 18px; font-weight:normal}

input.upload{display:block;min-height:25px;background:#7d8623; color:#FFF;text-align:left;padding:5px;font-weight:bold; position: relative;vertical-align:middle;line-height:12px;border:none;cursor:pointer}

A.visualizar-inv{display:block;width:28px;min-height:20px;background:transparent; color: var(--burnt-brown); color: #60472E; text-align:left;padding:4px;font-weight:bold; position: relative;vertical-align:middle;line-height:10px;/*margin-left: 14px;*/margin:0 auto;}
A.visualizar-inv:hover{background:transparent; color: var(--beige); color: #988369; }
A.visualizar-inv:after{content: "\f06e"; font-family: fontawesome; position: absolute; /*right: 10px; top: 12px;*/  font-size: 18px; font-weight:normal}

/*A.preto{FONT-SIZE:12px;COLOR:black;FONT-FAMILY:Arial;TEXT-DECORATION:none}
A.preto:active{FONT-SIZE:12px;COLOR:black;FONT-FAMILY:Arial;TEXT-DECORATION:none}
A.preto:hover{FONT-SIZE:12px;COLOR:#FFFFFF;FONT-FAMILY:Arial;TEXT-DECORATION:none}
A.preto:link{FONT-SIZE:12px;COLOR:black;FONT-FAMILY:Arial;TEXT-DECORATION:none}*/
input.box{width:270px;}
input.box:focus{width:270px;}
input[type="file"]{width:120px;}

form { display: block; margin:0; /*background: #eee;*/ border-radius: 0; padding: 0 }
.progress { position:relative; width:90%; border: 1px solid #ddd; padding: 1px; border-radius: 0;display:block;margin: 0 auto }
.bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; }
.percent { position:absolute; display:inline-block; top:4px; left:36%; }

/**********************************  BACKLOG RE-WRITES  ****************************/

A.visualizar, A.print, div.error, A.upload, .emailsend {
    width: 38px;
    height: 35px;
}
table.re-archive-list td div.error {
    float: right;
    /*margin: 0px 2px;*/
}
A.invia, div.ok, div.confirma {
    height: 35px;
    font-size: 11px;
    text-decoration: none;
}
div.ok_f {
    height: 35px;
    /*font-size: 11px;*/
    text-decoration: none;
}
A.invia2_edit, A.invia2 {
    min-height: 35px;
    font-size: 13px;
    text-decoration: none;
    float: left;
}
.re-archive-list-pt A.invia2_edit, 
.re-archive-list-pt A.visualizar, 
.re-archive-list-pt A.print {
    float: initial;
    color: #FFFFFF;
}
.invia2_container {
    width: 157px;
    /*width: 163px;*/
}
.dtr-data .invia2_container {
    width: initial;
}
/* Reservada2018/nm_carrinho03.php */
div.menu_escolha {
    width: 185px;
    margin-right: 0px;
}
.label_check_p {
    padding: 0px;
}
.label_check_p span.titulo {
    /*height: 70px;*/
    line-height: 16px;
    font-weight: initial;
}
.label_check_p span.titulo2 {
    line-height: 11px;
    font-weight: initial;
}
/* Reservada2018/nm_catalogo_ref.php */
.tab2 {
    background: url(tab2.jpg);
}

/**********************************  BACKLOG RE-WRITES  ****************************/


/****  MY_BUSINESS.PHP***/




.divx{
    border: 0px solid #F3F4E8; 
    margin: 10px 12px; 
    padding: 0px 5px;
    /*border-radius:5px;*/
    float:left;
    width:90%;
    font-size:18px;
    text-align:center;
   /* -webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.34); 
    box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.34);*/
    color:#8C951E;
    /*background: rgb(140,149,30,0.1);*/
    height: 180px;
    font-weight: bold;
    height: 90%;
    font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif !important;
    
        /*margin-top: 25px;*/
    font-size: 21px;
    text-align: center;

    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s; /* Firefox < 16 */
    -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera < 12.1 */
    animation: fadein 2s;



  border-radius: 8px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.2);
  box-shadow: 0 3px 10px 0 rgba(0,0,0,0.2);
}

.tituloVerde{
    /*background: rgb(140,149,30,0.1);*/
    background-color: #F3F4E8;
    color:var(--new-green);
    font-size:18px;
    height:132px;
    font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif !important;
}
.tituloAzul{
    background: rgb(135, 206, 235,0.1);
    color:#4682B4;
    font-size:16px;
    height:120px;
    font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif !important;
}
.tituloVerde div{
    color:#000;
    margin-top:10px;
    font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif !important;
}

.verde{
    color:#8C951E !important;
}

.azul{
    color:#4682B4 !important;
}


.ldt{
    font-size: 14px;   
    font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif !important;
    font-weight:normal;
}

.ldt-xl{
    color: #1A759D;
    font-size: 16px;   
    font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif !important;
    font-weight:200;
}


.divx .divt,.divx2 .divt{
    margin:15px;
}
.divt{
    line-height: 25px;
}

.title{
    font-weight: 600;
    color:#000;
    padding:30px 10px 10px;
    font-size:14px;
    font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif !important;
}
.title2{
    font-weight: bold;
    color:#000;
    padding:10px;
    font-size:18px;
    font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif !important;
}


.divx2{
    font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif !important;
    margin: 10px 12px; 
    padding: 0px 5px;
    /*border-radius:5px;*/
    float:left;
    width:90%;
    font-size:18px;
    text-align:center;
    -webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.34); 
    box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.34);
    color:#4682B4;
    /*background: rgb(135, 206, 235,0.1);*/
    height: 180px;
    font-weight: bold;
    height: 90%;
    
    
     /*margin-top: 25px;*/
    font-size: 21px;
    text-align: center;

    -webkit-animation: fadein 4s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 4s; /* Firefox < 16 */
    -ms-animation: fadein 4s; /* Internet Explorer */
    -o-animation: fadein 4s; /* Opera < 12.1 */
    animation: fadein 4s;

    border-radius: 8px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.2);
  box-shadow: 0 3px 10px 0 rgba(0,0,0,0.2);
}

.tdcampos div label{
    font-size:44px;
    color:#8C951E;

}
.tdcampos2 div label{
    font-size:44px;
    color:#4682B4;

}
.radiusBottom{
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.resultado{
    width:100% !important;
    background:#fff;
    font-size:48px !important;
    font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif !important;
    font-weight: 300;


}

.richieste-richieste {
  
  color: var(--new-green);
  font-family: Montserrat;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 19px;
}


.titolo-titolo {
  height: 131px;
  color: #1A759D;
  font-family: Montserrat;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  border-radius: 8px 8px 0 0;
  background-color: #D0E3EB;
}


.pesquisa{
    background-color: #DCDCDC; 
    margin: -5px 12px 12px 0; 
    padding: 20px; 
    height: 70px;
    color:#000;
    min-width: 400px;
}

.pesquisa input[type=text]{
    line-height:24px;
    padding-right:35px;
    height: 50px;
    font-size:14px;
    border:3px solid #696969;
    border-radius: 5px;
    width:135px;
}

.ui-datepicker-trigger{
    position:relative;
    margin-left:-33px;
    margin-bottom: 5px
}

.btn-verde{
    /*background:#747d17;*/
    background-color: #8A970B;
    color:#fff;
    font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif !important;
    font-size:14px;
}



.ui-widget-header{
background:rgb(140,149,30,0.1) !important;    
color:#000 !important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	
	background: #ccd232 !important;
	
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	
	background: #red  !important;
	
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	
	background: rgb(140,149,30,0.1) !important;
	
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	
	background: #747d17 !important;
	
}
.ui-datepicker-current-day{
    background: #B4023F !important;
}
 .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
    border:1px solid black !important;
    color:#fff !important;
    background: #8C951E;
}

.retorno-azul{
  color: #1A759D;
  font-family: Montserrat;
  font-size: 48px;
  font-weight: 300;
  letter-spacing: 0;
}

.link-mb{

  color: #2D2D2D;
  font-family: Montserrat !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 1px;
  
}

.btn-mb{
    height: 36px;
  width: 150px;
  border-radius: 8px;
  background-color: var(--new-green);
  color:#fff;
  
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 36px;
  
  display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
}

/********************** LEAD CONTACTS *************/

.re-leads-intro-container {
    font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif;
    padding-top: 37px;
    padding-bottom: 60px;
}
.re-leads-intro-title {
    font-weight: 400;
    font-size: 28px;
    color: #000;
}
.re-leads-intro-title a, 
.re-leads-intro-title a:focus, 
.re-leads-intro-title a:link, 
.re-leads-intro-title a:hover, 
.re-leads-intro-title a:active, 
.re-leads-intro-title a:visited {
    font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #000;
    padding-left: 10px;
}
.re-leads-intro-text {
    font-weight: 300;
    font-size: 13px;
    color: #000;
}
.re-leads-intro-text a, 
.re-leads-intro-text a:focus, 
.re-leads-intro-text a:link, 
.re-leads-intro-text a:hover, 
.re-leads-intro-text a:active, 
.re-leads-intro-text a:visited {
    font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 13px;
    color: #000;
}

.re-leads-filter-container {
    font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.re-leads-filter-header {
    /*height: 33px;*/
    height: 28px;
    overflow-y: hidden;
    /*height: 100px;*/
}
.re-leads-filter-title-mobile {
    display: none;
}
.re-leads-filter-title {
    float: left;
    width: 7%;
    /*height: 100px;*/
    font-weight: 700;
    font-size: 15px;
    color: #000;
    padding-left: 15px;
}
.re-leads-filter-content {
    float: left;
    width: 78%;
    /*height: 100px;*/
    /*padding-left: 10px;*/
}
.re-leads-filter-block {
    height: 40px;
    display: inline-table;
}

.re-leads-filter-button-on {
    float: left;
    height: 25px;
    padding: 2px 14px;
    margin: 0 3px;
    border-radius: 17px;
    border: 1px solid #2D2D2D;
    font-weight: 400;
    font-size: 11px;
    color: #FFFFFF;
    background-color: #4D4D4D;
    margin-bottom: 10px;
}
.re-leads-filter-button-off {
    float: left;
    height: 25px;
    padding: 2px 14px;
    margin: 0 3px;
    border-radius: 17px;
    border: 1px solid #2D2D2D;
    font-weight: 400;
    font-size: 11px;
    color: #2D2D2D;
    margin-bottom: 10px;
}
.re-leads-advanced-filter-mobile {
    display: none;
}
.re-leads-advanced-filter, 
.re-leads-advanced-filter-open {
    float: left;
    width: 15%;
    height: 23px;
    border-bottom: 1px solid #000;
    font-weight: 400;
    font-size: 15px;
    color: #000;
}
.re-leads-advanced-filter:after {
    content: "\f078";
    font-family: fontawesome;
    font-size: 12px;
    font-weight: 400;
    color: #000;
}
.re-leads-advanced-filter-open:after {
    content: "\f077";
    font-family: fontawesome;
    font-size: 12px;
    font-weight: 400;
    color: #000;
}


.re-leads-results {
    height: 60px;
    font-weight: 300;
    font-size: 13px;
    color: #000;

}

.re-leads-bar-iconsarea {
    height: 60px;
}

.re-leads-bar-icons {
    float: right;
    width: 30px;
    height: 30px;
    font-weight: 300;
    font-size: 20px;
    color: #333;
    padding: 1px 0 0 5px;

}
.re-leads-bar-icons:hover {
    color: var(--new-green);
    background-color: #F0F2E6;
    border-radius: 8px;
}
.re-leads-export {
    
}
.re-leads-order {
    
}
.re-leads-search-off {
     
}
.re-leads-search-on {
    background-color: var(--new-green);
    border-radius: 4px;
    color: #FFF;
}
.re-leads-search-field {
    float: right;
    /*width: 350px;*/
    /*height: 48px;*/
    height: 0px;
    overflow-y: hidden;
}
.re-leads-search-input {
    float: left;
    width: 221px;
    height: 48px;
    border: 1px solid #2D2D2D;
    border-radius: 8px 0 0 8px;
    font-size: 15px;
    font-weight: 400;
    color: #878787;
    padding: 0 12px;
}
.re-leads-search-button {
    float: left;
    width: 89px;
    height: 48px;
    background-color: var(--new-green);
    border-radius: 0 8px 8px 0;
    font-size: 15px;
    font-weight: 400;
    color: #FFF;
    padding: 0 12px;
    border: none;
}

.re-leads-card {
    /*border: 1px dashed orange;*/
    float: left;
    /*width: calc(50% - 48px);*/
    /*width: calc(50% - 36px);*/
    width: calc(50% - 31px);
    min-height: 328px;
    padding-top: 14px;
    /*margin: 24px;*/
    background-color: white #FFFFFF;
    -webkit-box-shadow: 0px 2px 20px 0px rgba(135,135,135,0.5); 
    box-shadow: 0px 2px 20px 0px rgba(135,135,135,0.5);
    border-radius: 8px;
    font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;   
}
.re-leads-card-viewed {
    /*border: 1px dashed orange;*/
    float: left;
    /*width: calc(50% - 48px);*/
    /*width: calc(50% - 36px);*/
    width: calc(50% - 31px);
    min-height: 328px;
    padding-top: 14px;
    /*margin: 24px;*/
    background-color: #F4F4F4;
    /*-webkit-box-shadow: 0px 2px 20px 0px rgba(135,135,135,0.5); 
    box-shadow: 0px 2px 20px 0px rgba(135,135,135,0.5);*/
    border-radius: 8px;
    font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;   
}
.re-leads-card-odd {
    /*margin: 24px 24px 24px 0px;*/
    margin: 24px 24px 24px 16px;
}
.re-leads-card-even {
    /*margin: 24px 0px 24px 24px;*/
    margin: 24px 0px 24px 0px;
}
.re-leads-card-canal {
    float: left;
    font-weight: 700;
    font-size: 13px;
    color: #FFF;
    border-radius: 0 13px 13px 0;
    padding: 3px 0px 0px 20px;
}
/*Act Now*/
.re-leads-card-canal-1 {
    /*width: 115px;*/
    width: 130px;
    height: 25px;
    background-color: rgb(101,148,101);
    /*background-color: var(--new-green);*/
}
/*Cliente Privilegiato*/
.re-leads-card-canal-2 {
    width: 206px;
    height: 25px;
    background-color: #BB1051;
}
/*Ordine Online*/
.re-leads-card-canal-4,.re-leads-card-canal-3 {
    width: 158px;
    height: 25px;
    background-color: #000000;
}

.re-leads-card-date {
    float: left;
    height: 25px;
    font-weight: 300;
    font-size: 13px;
    line-height: 16px;
    color: #000;
    padding: 3px 0 0 8px;
}
.re-leads-card-options {
    float: right;
    width: 25px;
    height: 25px;
}
.fa-ellipsis-v {
    font-size: 13px;
    /*font-weight: 300;    */
    color: #777;
}
/*.re-leads-card-left {
    float: left;
    width: 50%;
    padding: 12px 0px 0 24px;
}
.re-leads-card-right {
    float: left;
    width: 50%;
    padding: 12px 24px 0 0;
}*/
.re-leads-card-contents {
    float: left;
    width: 100%;
    min-height: 170px;
    padding: 12px 24px 0 24px;
}
.re-leads-card-contents-alt {
    height: 224px;
}
.re-leads-card-left {
    float: left;
    /*width: 200px;*/
    /*width: 210px;*/
    width: 197px;
    margin-top: 15px;
}
.re-leads-card-right {
    /*float: left;*/
    float: right;
    /*width: 175px;*/
    /*width: 185px;*/
/*    width: 198px;*/
    /*width: 171px;*/
    width: 200px;
    /*padding-left: 12px;*/
/*    padding: 0px 0 0 12px;*/
    padding: 0px 0 0 0px;
    /*margin-top: -15px;*/
}
.re-leads-card-name {
    float: left;
    width: 100%;
    font-weight: 700;
    font-size: 17px;
    color: #000000;
    /*padding-bottom: 14px;*/
}
.re-leads-card-zip, 
.re-leads-card-email, 
.re-leads-card-tel {
    float: left;
    height: 30px;
    width: 100%;
}
.re-leads-card-zip {    
    float: left;
    width: 100%;
    padding-left: 10px;
    font-weight: 300;
    font-size: 12px;
    color: #000000;
    height: initial;
    padding-bottom: 10px;
    min-height: 30px;
}
.re-leads-card-zip::before {
    content: "\f3c5";
    /*content: "\f041";*/
    font-family: fontawesome;
    position: relative;
    left: -10px;
    font-size: 15px;
    font-weight: normal;
}
/*.re-leads-card-email::before {
    content: "\f0e0";
    font-family: fontawesome;
    position: relative;
    left: -10px;
    font-size: 13px;
    font-weight: normal;
}*/
/*.re-leads-card-tel::before {
    content: "\f095";
    font-family: fontawesome;
    position: relative;
    left: -10px;
    font-size: 16px;
    font-weight: normal;
}*/
a.re-leads-card-link, 
a.re-leads-card-link:focus,
a.re-leads-card-link:link,
a.re-leads-card-link:visited, 
a.re-leads-card-link:hover,
a.re-leads-card-link:active {
    float: left;
    width: 100%;
    padding-left: 10px;
    font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
}
a.re-leads-card-buttons,
a.re-leads-card-buttons:focus,
a.re-leads-card-buttons:link,
a.re-leads-card-buttons:visited {
    display: block;
    /*width: 193px;*/
    /*width: 173px;*/
/*    width: 186px;*/
    width: 176px;
    height: 30px;
    background: #F4F4F4;
    border: none;
    padding: 5px 8px;
    border-radius: 18px;
    margin: 8px 0;
    text-align: left;
    font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #000;
    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
}
a.re-leads-card-buttons:hover,
a.re-leads-card-buttons:active {
    display: block;
    /*width: 193px;*/
    /*width: 173px;*/
/*    width: 186px;*/
    height: 30px;
    background: #e4e4e4;
    border: none;
    padding: 5px 8px;
    border-radius: 18px;
    margin: 8px 0;
    text-align: left;
    font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #000;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
} 
.re-leads-card-buttons-active {
    display: block;
    /*width: 193px;*/
    /*width: 173px;*/
    width: 186px;
    height: 30px;
    background: #F0F2E6;
    border: 1px solid var(--new-green);
    padding: 5px 8px;
    border-radius: 18px;
    margin: 5px 0;
    text-align: left;
    font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: var(--new-green);
    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
}
.re-leads-card-buttons-active-red {
    font-weight: 700;
    background: #EED8E0;
    border: 1px solid #BB1051;
    color: #BB1051;
}
.re-leads-radio-a {
    float: left;
    width: 14px;
    height: 14px;
    border-radius: 10px;
    border: 1px solid #2D2D2D;
    margin: 2px 6px 0 1px;
}
.re-leads-radio-c {
    float: left;
    width: 14px;
    height: 14px;
    border-radius: 10px;
    border: 1px solid var(--new-green);
    background-color: var(--new-green);
    margin: 2px 6px 0 1px;
}
.re-leads-radio-c-red {
    border: 1px solid #BB1051;
    background-color: #BB1051;
}
.fa-envelope, 
.fa-phone, 
.fa-user {
    font-size: 13px;
    color: #000000;
    margin: 0 10px 0 -10px;
}
.re-leads-card-notes {
    float: left;
    width: 100%;
    height: 64px;
    padding: 0 24px;
}
.re-leads-card-notes-input {
    width: 100%;
    height: 48px;
    border: 1px solid #2D2D2D;
    border-radius: 8px;
    font-size: 15px;
    /*font-weight: 400;*/
    font-weight: 700;
    /*color: #878787;*/
    color: #2D2D2D;
    padding: 0 12px;
}
.re-leads-card-order-detail {
    float: left;
    width: 100%;
    height: 54px;
    padding: 12px 24px 0 24px;
    border-top: 1px dashed #878787;
}
.re-leads-card-order-detail-total {
    width: 33%;
    float: left;
    color: #000000;
    font-size: 23px;
    font-weight: 700;
}
.re-leads-card-order-detail-items {
    width: 33%;
    float: left;
    text-align: center;
    /*margin-left: 10px;*/
    padding-top: 10px;
    color: #000000;
    font-size: 13px;
    font-weight: 300;
}
.re-leads-card-order-detail-orderlink {
    width: 33%;
    float: left;
    text-align: right;
    padding-top: 10px;

}
a.re-leads-card-order-detail-link, 
a.re-leads-card-order-detail-link:focus,
a.re-leads-card-order-detail-link:link,
a.re-leads-card-order-detail-link:visited, 
a.re-leads-card-order-detail-link:hover,
a.re-leads-card-order-detail-link:active {
    font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #000000;
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
}
.textPopUp a, 
.textPopUp a:focus,
.textPopUp a:link,
.textPopUp a:visited, 
.textPopUp a:hover,
.textPopUp a:active {
    font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #000000;
    font-size: 15px;
    font-weight: 300;
    /*text-decoration: unde;*/
}
.textPopUp .re-profile-tooltiptext {
    visibility: hidden;
    width: 193px;
    background-color: #fff;
    text-align: left;
    border-radius: 0;
    padding: 15px 15px;
    text-transform: initial;
    /* Position the re-profile-tooltip */
    position: absolute;
    z-index: 1;
    /*left: 30px;
    top: -10px;*/
    left: -80px;
    top: 30px;
    border: none;

    color: #000000;
    font-size: 11px;
    font-weight: 300;
    line-height: 13px;

    -webkit-box-shadow: 0px 2px 20px 0px rgba(135,135,135,0.5); 
    box-shadow: 0px 2px 20px 0px rgba(135,135,135,0.5);

}

.alert-duplicates {
    /*width: 100%;*/
    width: calc(100% - 38px);
    min-height: 52px;
    border-radius: 8px;
    background-color: #F7DCE6;
    padding: 15px 25px;
    font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #2D2D2D;
    /*margin-top: 20px;*/
    margin: 20px 0px 0px 15px;
}
.alert-duplicates > a, 
.alert-duplicates > a:focus,
.alert-duplicates > a:link,
.alert-duplicates > a:visited, 
.alert-duplicates > a:hover,
.alert-duplicates > a:active {
    font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #000000;
    font-size: 12px;
    font-weight: 400;
    text-decoration: underline;
}


#leadMobile{
    display: none;
}
#leadNormal{
    display: block;
}

.fechanoMobile{
    display: none;
}
/********************** LEAD CONTACTS *************/
/*************   MOBILE VERSION   **********************************/
@media only screen and (max-width: 1000px) {  

    .fechanoMobile{
    display: block;
}
    .re-leads-results {
        max-width: 300px;
    }
    .icon_intro {
        display: none;
    }
    .re-leads-intro-container {
        padding-bottom: 10px;
    }
    .re-leads-card, 
    .re-leads-card-viewed {
        /*border: 1px dashed orange;*/
        float: left;
        width: calc(100% - 0px);
    }
    .re-leads-card-odd, 
    .re-leads-card-even {
        margin: 24px 24px 24px 0px;
    }
    .re-leads-filter-header {
        width: 100%;
        height: 0px;
        overflow: hidden;
    }
    .re-leads-filter-content {
        width: 100%;
    }
    .re-leads-advanced-filter {
        display: none;
    }
    .re-leads-advanced-filter-mobile {
        display: block;
        float: right;
        width: 15%;
        height: 23px;
        border-bottom: 1px solid #000;
        font-weight: 400;
        font-size: 15px;
        color: #000;
    }
    .re-leads-filter-block {
        /*height: 80px;*/
        height: 120px;
        display: inline-table;
    }
    .re-leads-filter-button-on, 
    .re-leads-filter-button-off {
        margin: 7px 3px;
    }
    .re-leads-bar-iconsarea {
        /*display: none;*/
    }
    .re-leads-order {
        display: none;
    }
    .re-leads-export {
        display: none;
    }
    .re-leads-filter-title {
        display: none;
    }
    .re-leads-filter-title-mobile {
        width: 100%;
        float: left;
        /*height: 100px;*/
        font-weight: 700;
        font-size: 15px;
        color: #000;
        padding-left: 15px;
    }



.mobileIcon2 td{
    vertical-align: top;
    padding: 5px;
    width: 30%;
}

.mobileIcon{
min-width: 122px;
}

.mobileIcon2 div {
    width: 100%;
    /*height: 100%;*/
    margin: 2px;
        text-align: center;
        font-size: 11px;
        font-weight: bold;
        font-family: MontSerrat;
        color: #878787;
        border-radius: 5px;
        background: rgba(0,0,0,0.035);
        padding: 14px;
    }


    .mobileIcon svg {
        width: 28px;
        margin: 5px;
        color: #000 !important;
    }
    .mobileIcon2 .normalsvg svg {
      max-width: 90%;
        margin: 5px;
        border: 0px;

        /*padding: 21%;*/
        /*padding: 12% 21% 6%;*/
        /*padding: 2% 16% 6%;*/
        padding: 0% 20% 10%;
        /*min-height: 86px;*/
        color: rgba(135,135,135,0.3)

    }

    .mobileIcon2 .activesvg svg {
      max-width: 90%;
        margin: 5px;
        border: 0px;

        /*padding: 15%;*/
        /*padding: 12% 21% 6%;*/
        /*padding: 2% 16% 6%;*/
        padding: 0% 20% 10%;
        /*min-height: 86px;*/

        color: rgb(0,0,0)
    }

    .mobileIcon2 .activesvg {
        color: rgb(0,0,0);
        border: 2px solid black;

    }
    .mobileIcon2 .td-cells
    {
        float: left;
        width: 33%;
    }

.re-leads-card-notes {
margin-top: 25px;
}

#leadMobile{
    display: block;
}
#leadNormal{
    display: none;
}

}

/********************** LIGHT REGISTRATION *************/

.re-light-form-container {
    float: left;
    width: 100%;
    color: #000000;
    font-family: Montserrat;
    font-size: 15px;
}
.re-light-form-container .chosen-container {
    top: -30px;
}
.re-light-form-container label {
    font-family: Montserrat;
    font-size: 14px;
    color: #000;
}
.re-light-form-title {
    float: left;
    width: 100%;
    font-weight: 700;
    padding: 45px 0 15px 0;
}
.re-light-form-box-big {
    float: left;
    width: 100%;
}
.re-light-form-box-small {
    float: left;
    /*width: 50%;*/
    width: 300px;
    /*padding-bottom: 15px;*/
    min-height: 83px;
}
.re-light-form-labels {
    float: left;
    font-weight: 700;
}
.re-light-form-text {
    float: left;
}
.re-light-form-checkbox {
    float: left;
    width: 5%;
}
.re-light-form-checkbox-text {
    float: left;
    width: 95%;
}
.re-light-form-checkbox-text label {
    font-weight: 300;
}
.re-light-form-checkbox-text div {
    float: left;
    margin: 10px 0;
}
.re-light-form-input {
  box-sizing: border-box;
  height: 48px;
  width: 270px;
  border: 1px solid #2D2D2D;
  border-radius: 8px;
  background-color: #FFFFFF;
}

.re-light-form-input{
    border: 1px solid black;
    padding: 20px 10px 10px;
    border-radius: 10px;
    margin-top: 20px;

}
.re-light-form-input input{
    width: 100%;
    border: 0px;
    font-family: Montserrat;
    font-size: 15px;
    font-weight: 700;
    /*margin-top: -34px;*/
    /*margin-top: -40px;*/
    margin-top: -33px;
    display: table;
}
.re-light-form-input label{
    /*display: table;*/
    display: inline-block;
    font-family: Montserrat;
    font-size: 14px;
    color: #000;
    text-align: center;
    font-weight: normal;
    position: relative;
    /*top: -35px;*/
    top: -33px;
    background: #fff;
    padding: 0 5px;
    margin-left: 10px;
    line-height: 14px;
}
.re-light-form-input select{
    position: relative;
    /*top: -35px;*/
    top: -30px;
}
.re-light-form-box-footer {
    float: left;
    width: 50%;
    border-top: 1px solid rgba(135,135,135,0.5);
    margin: 40px 0;
padding: 20px 0;
}
.re-light-form-button-next {
    float: right;
  height: 48px;
  width: 118px;
  border-radius: 8px;
  background-color: #BB1051;
  border: none;
  font-family: Montserrat;
    font-weight: 700;
    font-size: 14px;
    color: #FFF;
}
.re-light-form-button-previous {
    float: left;
  box-sizing: border-box;
  height: 48px;
  width: 114px;
  border: 1px solid #2D2D2D;
  border-radius: 8px;
  background-color: #FFFFFF;
  font-family: Montserrat;
    font-weight: 300;
    font-size: 15px;
    color: #000;
}
.re-light-reg-intro-big-button {
  min-height: 328px;
  /*width: 465px;*/
  width: calc(50% - 34px);
  border-radius: 8px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 20px 0 rgba(135,135,135,0.5);

  cursor: pointer;

  color: #000000;
  font-family: Montserrat;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 22px;
  text-align: center;
  margin: 0 15px;
  padding: 0 45px;
}
.re-light-reg-intro-big-button-title {
    color: #BB1051;
  font-family: Montserrat;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0;
  margin: 33px 0;
}
.re-light-reg-intro-big-button-title .fa-rocket {
  color: #BB1051;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 13px;
}
.re-light-reg-intro-rocket-watermark {
    position: absolute;
    right: -12px;
    top: 12px;

    height: 145px;
  width: 167px;
  opacity: 0.05;
  color: #BB1051;
  font-size: 102px;
  letter-spacing: 0;
}
.re-light-reg-intro-float-novita {
    position: absolute;
    right: 15px;
    top: -12px;

  height: 25px;
  width: 82px;
  border-radius: 17.5px;
  background-color: #BB1051;

  color: #FFFFFF;
  font-family: Montserrat;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}
.re-light-reg-intro-big-button-title-standard {
  color: #000000;
  font-family: Montserrat;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0;
  margin: 33px 0;
}
/****************************************/
.re-loading-button {
    width: 200px;
    background: transparent;
    border: 1px solid #666;
    padding: 3px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #666;
    font-weight:bold;
    position: relative;
    float:right;
    /*cursor: pointer;*/
    margin-top: 10px;
    margin-bottom: 10px;
}


/* ARCHIVIO RE-DESIGN */

.re-archive-filter-container {
    font-family: "Montserrat";

}
.re-archive-filter-content {
    opacity: 1;
    color: rgba(45,45,45,1);
    font-family: "Montserrat";
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
}
.re-archive-filter-title {
    float: left;
    width: 20%;
    /*height: 100px;*/
    opacity: 1;
    color: rgba(0,0,0,1);
    font-family: "Montserrat";
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    letter-spacing: 0px;
    text-align: left;
    line-height: 22px;
    padding: 2px 0px;
}
.re-archive-filter-content {
    float: left;
    width: 80%;
    min-height: 22px;
    /*padding-left: 10px;*/
}
.re-archive-filter-datepicker {
    float: left;
    height: 25px;

    /*padding: 2px 14px;*/
    /*margin: 0 3px;*/
    /*border-radius: 17px;
    border: 1px solid #2D2D2D;*/
    margin-left: 36px;

    font-weight: 400;
    font-size: 11px;
    color: #2D2D2D;

   border: 0;
    opacity: 1;
    /*background-color: rgba(255,255,255, 1);*/
    width: 129px;
padding-left: 9px;
    background-color: transparent;

}
.re-archive-filter-button-on {
    float: left;
    height: 25px;
    padding: 2px 14px;
    margin: 0px 3px 8px;
    border-radius: 17px;
    border: 1px solid #2D2D2D;
    font-weight: 400;
    font-size: 13px;
    color: #FFFFFF;
    background-color: #4D4D4D;
}
.re-archive-filter-button-off {
    float: left;
    height: 25px;
    padding: 2px 14px;
    margin: 0px 3px 8px;
    border-radius: 17px;
    border: 1px solid #2D2D2D;
    font-weight: 400;
    font-size: 13px;
    color: #2D2D2D;
    background: #fff;

}