@import url("/GalpThemeOutsystemsUIB2C_Th/Theme.GalpThemeOutsystemsUIB2C_Th.css?29732");

.layout .main {
    background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);
    /*  background: linear-gradient(180deg, #000 0%, #000 100%);*/
}

.text-error-12px{
    color: red;
    font-size: 12px;;
}

.equipment-expression10-label{
    margin-top: -10%;
}

.equipment-expression15-label{
    margin-top: -15%;
}

.phone .layout .main {
    background-color: #fff;
}

.featuresLabel{
    font-weight: 700;
    font-size: 12px;
    margin-top: 3px;
}

.titleShowInfo{
    font-weight: 700;
}

.titleColumn{
    font-size: 13px;
    font-weight: bold;
}

.desktop .layout-top .header .ThemeGrid_Container, 
.desktop .layout-top .content .ThemeGrid_Container {
    padding: var(--space-none) 90px;
}

.phone .layout.layout-side .main,
.tablet .layout.layout-side .main {
    width: 100%;
}

.desktop .content-middle {
    margin-top: 0px;/*56px;*/
    margin-bottom: 64px;
}

.card-order{
    padding: 0px 80px 20px 80px;
    border: none;
    background-color: transparent !important;
}

.Button.is_Cancel,
a.Button.is_Cancel {
    border: 1px solid #A8AEB7;
    background-color: #FFFFFF;
    color: #5A6473;
}

.Button.Is_Default[disabled], .Button.ButtonDefault[disabled] {
    border: 1px solid #D1D3D6;
}

.Button.Is_TermDefault,.Button.Is_TermDefault:hover  {
  background-color: #FA551E;
  color: #fff;
}


.boxArrowBack{
    width: 24px;       
}

.line-break{
    line-break: anywhere;
}

.phone .boxnameBottle, .tablet .boxnameBottle{
    padding-left: 65px !important;
}

.spaceSeparator{
    margin-top: 32px;
    margin-bottom: 40px;
}

.Hidden{ 
    display: none !important; 
}

.Grid_Card_LPG {
    display: grid;
    grid-template-columns: repeat(auto-fill,142px);
    grid-gap: 34px;
}

.descricao-title {
    color: #353C47;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 38px;
    margin-bottom: 20px;
}

.Button{
    width: 141px;
}

/*CARD Central*/
.desktop .padding-card{
    padding-left: 88.5px;
    padding-right: 88.5px;
    padding-top: 56.5px;
    padding-bottom: 48.5px;
}


/* PHONE FLAG INPUT FIXES */
.iti.iti--allow-dropdown {
    
    width: -moz-available !important;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available !important;  /* Mozilla-based browsers will ignore this. */
    width: fill-available !important;
}

 .fixing input[type="text"] {

    padding-left: 50px !important;
    width: -moz-available !important;          /* WebKit-based browsers will ignore this. */
    width: -e !important;  /* Mozilla-based browsers will ignore this. */
    width: fill-available !important;
}

.input100{
    width: 100%;
}


/*Phone*/
.phone .content {
    background-color: #fff;
}
.phone .layout .header {
    border-bottom: 0px solid var(--color-primary-dark);
}
.phone .header-right {
    display: inline;
    margin: auto;
}
.phone .boxBody{
    padding: 16px;
}

.phone .descricao-title{
    font-size: 18px;
}

.phone .boxBottles, 
.phone .boxProductUnit, 
.phone .boxBottlesOthers,
.phone .boxAccessories,
.phone .blankSlateBox{
    width: 100% !important;
}

/*Card Central phone*/
.phone .no-card{
    border: none;
    padding: 0px;
    border-radius: 0px;
    border-style: solid;
    border-width: 0px;
    background-color: transparent !important;
}

.mandatoryPoint
{
    font-weight: 600;
}

.mandatoryPoint:after
{
    color: #e83e26;
    font-size: 14px;
    font-weight: 600;    
    content: "*";  
    position: absolute;
    padding: 0px 5px 5px 0px;
    margin-left: var(--space-xs);
}

.gridbottle{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(132px, 4fr));
     grid-gap: 32px;
}

.phone .gridbottle{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 2fr));
     grid-gap: 32px;
}

.width-box-buttons{
    width: 132px;
}

.input-value-bottle{
    padding: 7px;
    text-align: center;
    border-color: #fa551e;
    font-size: 14px;
    font-weight: 500;
    margin: 0 5px;
    height: 32px;
    width: 32px;
}

.input.input-value-bottle{
    padding: 7px;
    text-align: center;
    border-color: #fa551e;
    font-size: 14px;
    font-weight: 500;
    margin: 0 5px;
    height: 32px;
    width: 32px;
}

.phone .input.input-value-bottle {
    padding: 7px;
    text-align: center;
    border-color: #fa551e;
    font-size: 14px;
    font-weight: 500;
    margin: 0 5px;
    height: 32px;
    width: 32px;
}

/* Chrome, Safari, Edge, Opera */
input.input-value-bottle::-webkit-outer-spin-button,
input.input-value-bottle::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number].input-value-bottle {
  -moz-appearance: textfield;
}

.phone input[type="text"].input-value-bottle,
.ios.phone input[type="text"].input-value-bottle,
.phone input[type="number"].input-value-bottle,
.ios.phone input[type="number"].input-value-bottle {
    height: 32px;
    line-height: 32px;
}

.ios.phone .input-value-bottle{
    padding: 7px;
    text-align: center;
    border-color: #fa551e;
}

.desktop .blankSlateBox{
    margin-bottom: 32px;
}

/*New*/

.progress-custom .progress-bar-base {
    height: 8px;
}

.title-form{
    color: #2B3545;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 25px;
    margin-top: 40px;
}
.sub-title-form{
    color: #2B3545;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 19px;
    margin-top: 40px;
}

/*PHONE*/


.phone .btn, .phone .Button.bt100{
    width: 100%;
}

.phone .without-bottom{
    margin-bottom: 0px !important;
}

.title-detalhe-entrega{
    color: #2B3545;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 20px;
}

.value-detalhe-entrega{
    color: #5A6473;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 20px;
}
.OnlineUnavaible_text{
    font-family: Canaro;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 17px;
    margin-top: 6px;
    font-size: 12px;
    text-align: left;
    width: 101%;
}

.indisponible-nobreak {
    white-space: nowrap;
}

.phone .indisponible-nobreak {
    white-space: nowrap;
}

/*bottle mobile*/
.mask-101 .shapebox {
    min-width: 101px;
}

.gridbottleMobile .shapebox {
    width: 48px;
    height: 48px;    
}

.gridbottleMobile .shapebox .maskbolacha {
    width: 48px;
    height: 48px;

}

.gridbottleMobile .shapebox .produto {
    max-width: 48px;
}

.shapebox .produto img {
    height: 90px;
    top: 4px;
}

.gridbottleMobile .shapebox .produto img {
    height: 48px; 
    top: 9px;
}

/*Accessories*/
.gridbottleMobile .shapebox_accessories {
    width: 48px;
    height: 48px;    
}

.gridbottleMobile .shapebox_accessories .maskbolacha {
    width: 48px;
    height: 48px;

}
.gridbottleMobile .shapebox_accessories .produto {
    max-width: 50px;
}

.gridbottleMobile .shapebox_accessories .produto img {
    height: 40px;
    top: 0;
}

/*End Accessories*/

.gridbottleMobile .sub-title2{
   margin-top: 0px;
}

.gridbottleMobile .nameproduct {
    color: #353C47;
    font-family: Canaro;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.15;
}

.desktop .gridbottleMobile .nameproduct {
    width: 89px;
}

@media (max-width: 400px) {
    .gridbottleMobile .nameproduct{
        width: 100%;
        text-align: left;
    }
}

.gridbottleMobile .kgproduct {
    color: #A8AEB7;
    font-family: Canaro;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 20px;
}

/*fim bottle mobile*/
.padding-bottle-order-mobile{
    padding: 24px 12px;
    /* padding: 24px 12px; */
}

.padding-bottle-order{
    padding: 24px 63px;
    /* padding: 24px 12px; */
}

.card-border-person{
    box-sizing: border-box;
    border: 1px solid #D1D3D6;
    border-radius: 8px;
    background-color: #FFFFFF;
}

.quantity.shape-galp.less:before, 
.quantity.shape-galp.more:before, 
.quantity.shape-galp.more:after {
    width: 15px;
}

.input.input_padding_not_valid {
    padding: 0 30px 0 15px;
}

.Bg_Seguinte, .Button.bt100.Bg_Seguinte {
    background-color: #FA551E;
    color: #fff;
}
.ZipCode {
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 8px;
    box-sizing: border-box;
    margin-top: 8px;
    /* offset-x | offset-y | blur-radius | spread-radius | color */
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}

.no-wrap {
    white-space: nowrap;
}

.white-space-wrap {
    white-space: normal;
}

/*TABLET*/
.tablet .content .ThemeGrid_Container {
    padding: 70px var(--space-m) var(--space-m) var(--space-m);
}
.tablet.portrait .gridbottleMobile .nameproduct {
    width: 84px;
}
.tablet.landscape .gridbottleMobile .nameproduct {
    width: 112px;
}
.tablet.portrait .card-order{
    padding: 46px 34px;
}

.linhacinza{
    background-color: #f4f4f4;
}

.phone .Phone_Div {
    padding: 16px;
    width: 100%;
}

.layout-side .content .ThemeGrid_Container {
    margin: var(--space-none) auto;
    padding: var(--space-l);
    padding-bottom: 0px;
    width: 100%;
}

.phone .layout-side .content .ThemeGrid_Container {
    margin: var(--space-none) auto;
    padding: var(--space-s);
    width: 100%;
}

.Text_Questions_Galp {
    color: #353C47;
    font-family: Canaro;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 21px;
}

.margin-top-3px {
    margin-top: 3px;
}

.Phone_ImageDiv {
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 4px;
    box-sizing: border-box;
    height: 205px;
}


/*.text-regular {
    font-family: Canaro;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px;
    margin-left: 0px;
    padding: 0px;
}*/
.border-total-1 {
    border-style: solid;
    border-width: 1px;
}

.border-color-gray{
    border-color: #808080;
}

.border-bottom-1 {
    border-style: none none solid none;
    border-width: 0px 0px 1px 0px;
    border-color: #808080;
}
.font-italic {
    font-style: italic;
}

.layout .Form .input.ReadOnly:not(.Not_Valid)[readonly='readonly'], .layout .Form .select.ReadOnly:not(.Not_Valid)[disabled='disabled'] {
    background-color: var(--color-neutral-1);
    border: 1px solid var(--color-neutral-2);
    color: var(--color-neutral-6);
    pointer-events: none;
}

.gray-txt {
  height: 15px;
  width: 583px;
  opacity: 0.6;
  color: #5A6473;
  font-family: Canaro;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 20px;
}


.padding-lateral-24, .Button.padding-24.padding-lateral-24 {
    padding: 0px 24px 0px 24px;
}
.height-100 {
    height: 100%;
}

/* OneTrust */
.ButtonCookie #ot-sdk-btn.ot-sdk-show-settings, 
.ButtonCookie #ot-sdk-btn.optanon-show-settings {
    color: var(--color-primary);
    border-color: var(--color-primary);
    border-radius: 5px;
}

.ButtonCookie #ot-sdk-btn.ot-sdk-show-settings:hover, 
.ButtonCookie #ot-sdk-btn.optanon-show-settings:hover {
    background-color: var(--color-primary);
}

.AlignButtonCookie{
    display: flex;
    margin: auto;
    max-width: 1080px;
    min-height: 32px;
    padding-bottom: 30px;
}

.phone .AlignButtonCookie{
    padding-left: 32px;
}

.Button-Flex, .Button.Button-Flex {
    min-width: 141px;
    width: auto;
    max-width: 296px;
}


.alert-yellow{
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: #FDF6E5;
    margin-bottom: 24px;
    padding: 16px;
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
}

.txt-alert-yellow {
    color: #FAAA14;
}

.padding-top-alert-txt{
    padding-top: 2px;
}

.phone .padding-top-alert-txt{
    padding-top: 0px;
}


.ErrorAlertSIBS {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: #FBEAEA;
    margin-bottom: 24px;
    padding: 16px;
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
    color: #F0321E;
}

.AlertText {
    color: #f0331e;
}

.InfoBlueAlert {
    border-radius: 4px;
    background-color: #E5F5FC;
    color: #1E6EC8;
}

.InfoBlueAlertText {
    color: #1E6EC8;
}

.Main-Tittle {
    color: #FA551E;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 38px;
}
.phone .Main-Tittle {
    color: #FA551E;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 25px;
}


.products-separator {
    display: none;
}

.phone .products-separator {
    display: block;
    border-bottom: 1px solid var(--color-neutral-1);
    height: 1px;
    margin: 12.5px 0;
    width: 100%;
}



/* Equipments */

.catalog-product_wrapper {
    display: flex;
    flex-direction: column;
}

.phone .catalog-product_wrapper {
    display: flex;
    flex-direction: row;
}

.catalog-product_first-block {

}

.phone .catalog-product_first-block {
   width: 150px;
}

.catalog-product_second-block {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.phone .catalog-product_second-block {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    flex-direction: column;
    text-align: right;
    width: calc(100% - 180px);
    min-width: 120px;
}



.exchange-is-offer {
    color: var(--color-success);
    font-size: 12px;
    padding-left: 40px;
}

.equipment-exchange-box {
    background-color: #F4F4F4;
    border: 1px solid var(--color-neutral-2);
    border-radius: 8px;
    box-sizing: border-box;
    min-height: 224px;
    margin-top: 15px;
    padding: 32px;
    width: 100%;
}

.phone .equipment-exchange-box {
    background-color: #F4F4F4;
    border: 1px solid var(--color-neutral-2);
    border-radius: 8px;
    box-sizing: border-box;
    min-height: 224px;
    margin-top: 15px;
    padding: var(--space-base);
    width: 100%;
}

.phone .card {
    padding: var(--space-base);
}

.exchange-box-title {
    color: var(--color-primary);
    font-weight: 500;
    height: 19px;
    width: 810px;
}

.exchange-box-subtitle {
    color: var(--color-gray);
    font-weight: 500;
}

.label-bold {
    color: var(--color-neutral-5);
    font-size: 16px;
    font-weight: 600;
}

.choice-left-column{
    width: 30px;
}

.choice-right-column{
    width: calc(100% - 30px);
}

.delivery-details-wrapper {
    border: 1px solid var(--color-neutral-2);
    border-radius: 8px;
    background: var(--color-neutral-0);
    padding: 25px 16px 40px 16px;
    width: 100%;
}

.delivery-item-wrapper {
    border: 1px solid var(--color-neutral-2);
    border-radius: 8px;
    height: auto;
    /*margin-left: 30px;*/
    min-height: 75px;
    padding: 28px 16px;
    /*width: calc(100% - 30px);*/
    width: 100%;
}

.order-type-product-wrapper {
    display: flex;
    align-items: center;
}

/* Mask Small (48px) */

.mask-small {
    height: 48px;
    width: 48px;
}

.mask-small img,
.mask-small div {
    height: 48px;
    width: 48px;
}

.mask-small .gridbottleMobile .shapebox .maskbolacha  {
    width: 48px;
    height: 48px;
}

/* Mask Medium (64px) */

.mask-medium img,
.mask-medium div {
    height: 64px;
    max-width: 64px;
}

.mask-medium,
.mask-medium .gridbottleMobile .shapebox .maskbolacha,
.mask-medium.gridbottleMobile .shapebox .maskbolacha,
.mask-medium.gridbottleMobile .shapebox_accessories,
.mask-medium.gridbottleMobile .shapebox_accessories .maskbolacha,
.mask-medium.gridbottleMobile .shapebox  {
    width: 64px;
    height: 64px;
}

.mask-medium.gridbottleMobile .shapebox .produto {
    max-width: unset;
}

.mask-medium.gridbottleMobile .shapebox_accessories .produto {
    max-width: 64px;
}

.mask-medium.gridbottleMobile .shapebox_accessories .produto img {
    max-width: 64px;
    top: 20px;
}






.ordered-equipment-item {
    display: flex;
    align-items: center;
}

.ordered-equipment-item .input {
    border: 1px solid var(--color-neutral-3);
}

.equipment-quantity-not-editable .input,
.phone .equipment-quantity-not-editable .input {
    border: 1px solid var(--color-neutral-3);
    font-weight: 500;
    height: 32px;
    margin-right: 7px;
    padding: 1px;
    margin-left: 4px;
    width: 32px;
    max-width: 32px;
}

.catalog-equipments .shapebox img,
.ordered-equipment-item .shapebox img {
    display: flex;
    align-items: center;
    top: 0;
}

.catalog-product-name {
    align-items: baseline;
    display: flex;
    height: 30px;
    line-height: 1.1;
    margin-top: 4px;
    text-align: center;
    justify-content: center;
}



.offer-equipment-selected-input {
    align-items: center;
    border: 1px solid #CED4DA;
    border-radius: 4px;
    background-color: #F1F3F5;
    color: #A8AEB7;
    display: flex;
    font-weight: 500;
    height: 32px;
    justify-content: center;
    margin-right: 7px;
    margin-left: 4px;
    padding: 2px;
    width: 32px;
    max-width: 32px;
}

.offer-input-quantity input,
.phone .offer-input-quantity input {
    border: 1px solid var(--color-primary);
    font-weight: 500;
    height: 32px;
    margin-right: 4px;
    margin-left: 4px;
    padding: 1px;
    width: 32px;
}

.offer-recomendation-info-wrapper {
    align-items: center;
    display: flex;
    font-size: 12px;
    margin-top: 7px;
}

.phone .offer-recomendation-info-wrapper {
    align-items: center;
    display: flex;
    font-size: 12px;
    margin-top: 12px;
}

.offer-recomendation-info-image {
    width: 21px;
}

.offer-recomendation-info {
    width: calc(100% - 21px);
    white-space: nowrap;
}


.divisor-produtos{
    border-right: 1px solid #EEEEEE;
    height: 70px;
}

.phone .divisor-produtos{
    padding: 0px;
    border: none;
    margin-right: 0px;
    height: unset;
}

.Padding_withDivisor {
    padding: 5px 20px 5px 10px;
}

.phone .Padding_withDivisor {
    padding: 15px 20px 15px 15px;
}

.Padding_withoutDivisor {
    padding: 5px 20px 5px 10px;
}

.right-aligned {
    display: flex;
    justify-content: flex-end;
}

.card-border-pagamento{
    box-sizing: border-box;
    border: 1px solid var(--color-neutral-2);
    border-radius: 8px;
    background-color: #FFFFFF;
    width: 90%;
    padding: 24px;
}

.phone .card-border-pagamento{
    padding: var(--space-base);
    width: 100%;
}

.CardExchange {
    color: #2B3545;
    border-top: 1px solid lightgray;
    background-color: #f4f4f4;
}

.confirmation-products-wrapper {
    padding: 15px;
}


.phone .confirmation-products-wrapper {
    padding: 0;
}

.confirmation-times-operator {
    align-items: center;
    color: var(--color-neutral-3);
    display: flex;
    font-size: 12px;
    height: 26px;
    width: 20px;
    justify-content: flex-start;
}


.phone .product-detail-container {
    height: auto;
}

.product-detail-container {
    height: 105px;
}

.phone .product-detail-container {
    height: auto;
}

.confirmation_offer-info-description-wrapper {
    font-size: 12px;
    height: 33px;
    margin-bottom: 10px;
    margin-left: 80px;
    width: calc(100% - 80px);
}

.phone .confirmation_offer-info-description-wrapper {
    font-size: 12px;
    height: auto;
    margin-bottom: 10px;
    margin-left: 80px;
    width: calc(100% - 80px);
}

.confirmation_offer-info-description {
    width: 100%;
}

.confirmation_equipment-color-wrapper {
    height: 24px;
    width: 100%;
}

.confirmation_equipment-color {
    align-items: center;
    border-top: 1px solid var(--color-neutral-2);
    display: flex;
    margin-top: var(--space-s);
    width: 100%;
}

.confirmation_galp-circle-colored {
    border-radius: 5px 5px 5px 5px;
    transform: rotate(45deg);
    width: 8px;
    height: 8px;
    margin: 0 12px 0 4px;
}

.confirmation_product-image {
    width: 65px;
    margin-right: 15px;
}

.confirmation_product-image.galp-65 .shapebox .produto img {
    height: 60px;
    top: 4px;
}

.confirmation_product-image.galp-65.gridbottleMobile .shapebox_accessories {
    width: 65px;
    height: 65px;
}

.confirmation_product-image.galp-65.gridbottleMobile .shapebox_accessories .maskbolacha {
    width: 65px;
    height: 65px;
}

.confirmation_product-information_wrapper {
    align-items: center;
    display: flex;
}

.confirmation_product-information {
    align-items: flex-start;
    display: flex;
    /*padding-top: 20px;*/
    width: calc(100% - 80px);
}

.confirmation_product-left-column {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-right: 5px;
    width: calc(100% - 90px);
}

.confirmation_product-name {
    color: var(--color-neutral-4);
    font-weight: bold;
    line-height: 1.15;
    line-height: 1.15;
}

.confirmation-promocode_wrapper {
    display: flex;
}

.confirmation_promocode-info {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-right: 5px;
    width: calc(100% - 38px);
}

.confirmation_promocode-title {
    width: calc(100% - 40px);
}

.confirmation_promocode-action {
    text-align: right;
    width: 40px;
}

.confirmation_promocode-description {
    margin-top: 12px;
    width: calc(100% - 40px);
}

.confirmation_product-name_wrapper {
    height: 42px;
}

.phone .confirmation_product-name_wrapper {
    height: auto;
}

.confirmation_product-right-column {
    align-items: flex-start;
    display: flex;
    justify-content: flex-end;
    width: 90px;
    white-space: nowrap;
}


.confirmation_product-right-column_action {
    padding-left: 10px;
    padding-top: 10px;
}

.confirmation_promocode-right-column_action {
    padding: 10px;
    width: 38px;
}

.confirmation_promocode-info-description {
    align-items: flex-start;
    color: var(--color-neutral-3);
    display: flex;
    font-size: 12px;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 12px;
    padding-right: 5px;
    width: 100%;
}

.confirmation_delivery-detail_wrapper {
    border: 1px solid var(--color-neutral-2);
    border-radius: 8px;
    padding: 24px;
}

.phone .confirmation_delivery-detail_wrapper {
    border: 1px solid var(--color-neutral-2);
    border-radius: 8px;
    padding: var(--space-base)
}

.confirmation_delivery-header,
.payment_delivery-header {
    align-items: center;
    display: flex;
    color: #5A6473;
    margin-bottom: 10px;
}

.waiting-payment-header{
    align-items: center;
    color: #FA551E;
    display: flex;
    font-family: Canaro;
    font-size: 22px;
    font-weight: bold;
    justify-content: center;
    text-align: center;
}

.phone .waiting-payment-header{
    align-items: center;
    color: #FA551E;
    display: flex;
    font-family: Canaro;
    font-size: 18px;
    font-weight: bold;
    justify-content: center;
    text-align: center;
}

.Button.button-200 {
    min-width: 200px;
}

.phone .payment_delivery-header {
    justify-content: center;
    text-align: center;
}

.confirmation_delivery-header img {
    margin-right: 15px;
    width: 22px;
}

.confirmation_delivery-information,
.payment_delivery-information {
    display: flex;
    flex-direction: row;
}


.confirmation_delivery-information > div,
.payment_delivery-information > div {
    width: 160px;
}

.phone .confirmation_delivery-information,
.phone .payment_delivery-information {
    justify-content: center;
}

.phone .payment_delivery-information > div:first-child {
    padding-left: 30px;
}

.resume-order-line_wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.resume-order-quantity_wrapper {
    display: flex;
    align-items: center;
}

.resume-order-description_wrapper {
    display: flex;
    align-items: center;
    width: calc(100% - 100px);
}

.resume-order-price_wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100px;
}

.order-resume-product-quantity {
    align-items: center;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 5px;
    color: #5A6473;
    display: flex;
    height: 25px;
    justify-content: center;
    margin-right: 8px;
    min-width: 25px;
    width: 25px;
}

.order-resume-card {
    background-color: #F9F9F9;
    border: 1px solid #EEEEEE;
    border-radius: 8px;
    padding: 24px;
}

.order-resume-order-line-description {
    width: calc(100% - 75px);
}

.valueproductresume {
    color: #5A6473;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 19px;
    text-align: right;
    width: 75px;
}

.valueproductresume_ {
    color: #5A6473;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 19px;
    text-align: right;
    width: 75px;
}

.offer-option-data-wrapper {
    align-items: center;
    display: flex;
}

.offer-option-image {
    width: 70px;
    
}

.offer-option-right-column {
    width: calc(100% - 70px);
    
}

.offer-options-wrapper {
    display: flex;
    flex-direction: row;
}

.phone .offer-options-wrapper {
    display: flex;
    flex-direction: column;
}

.ListRecords.offers-gallery {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    
}

.offer-product-wrapper,
.offer-promocode-wrapper {
    display: flex;
    flex-direction: column;
    width: 33%;
    margin-bottom: 30px;
}

.phone .offer-product-wrapper {
    display: flex;
    flex-direction: row;
    margin-bottom: var(--space-base);
    width: 100%;
}

.phone .offer-promocode-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: var(--space-base);
    width: 100%;
}

.offer-option-data {
    align-items: center;
    display: flex;
    width: 100%;
}

.phone .offer-option-data {
    align-items: center;
    display: flex;
    width: calc(100% - 105px);
}

.offer-option-quantity,
.offer-promocode-quantity {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: var(--space-base);
    width: 105px;
}

.phone .offer-option-quantity {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin-top: 0;
    width: 105px;
}

.phone .offer-promocode-quantity {
    align-items: center;
    display: flex;
    height: 60px;
    justify-content: flex-end;
    margin-top: 0;
    width: 105px;
}

.alignment-first-line {
    margin-top: -27px;
}

.phone .alignment-first-line {
    margin-top: 0;
}

.offer-promotional-code-quantity {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 0;
    width: 100%;
}

.phone .offer-promotional-code-quantity {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin-top: var(--space-base);
    width: 105px;
}

.offer-promotional-code-subtitle {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 220px;
}

.phone .offer-promotional-code-subtitle {
    display: flex;
    flex-direction: row;
    margin: 0;
    width: 100%;
}

.offer-promotional-code-description {
    font-size: 14px;
}

.phone .offer-promotional-code-description {
    font-size: 12px;
}

.offer-promotional-code-info-wrapper {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 220px;
}

.phone .offer-promotional-code-info-wrapper {
    display: flex;
    flex-direction: row;
    margin: 0;
    width: 100%;
}

.offer-promotional-code-info {
    display: flex;
    flex-direction: column;
    height: 76px;
    margin: 0 auto;
    padding-top: var(--space-s);
    text-align: left;
    width: 100%;
}

.phone .offer-promotional-code-info {
    display: flex;
    font-size: 13px;
    flex-direction: column;
    height: 101px;
    margin: 0;
    padding-top: var(--space-s);
    text-align: left;
    width: calc(100% - 105px);
}

.infoGeralColumn{
     margin-top: -4%;
 }

.equipment-product-wrapper {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.equipment-image-column {
    
}

.equipment-description-column {
    -webkit-align-items: flex-start;
      -ms-flex-align: flex-start;
        align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 8px;
}

.phone .equipment-description-column,
.tablet .equipment-description-column {
    -webkit-align-items: flex-start;
      -ms-flex-align: flex-start;
        align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
    -webkit-box-pack: center; 
       -ms-flex-pack: center; 
        justify-content: center;
    margin-left: 8px;
    width: calc(100% - 48px);
}

.phone .gridbottleMobile .nameproduct {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start; 
       -ms-flex-pack: flex-start; 
        justify-content: flex-start;
    text-align: left;
}

.phone .equipments-left-column {
    width: calc(100% - 122px);
}

.offer-stamp {
    align-items: center;
    background-color: #EAF2EB;
    border-radius: 4px;
    color: #08af1b;
    display: flex;
    font-size: 1.5em;
    height: 28px;
    justify-content: center;
    margin-top: 8px;
    text-align: center;
    width: 160px;
    margin-left: auto;
    margin-right: auto;
}

.phone .offer-stamp {
    font-size: 1.2em;
    width: 140px;
}

.offer-stamp-description {
    font-size: 14px;
    white-space: nowrap;
}

.phone .offer-stamp-description {
    font-size: 12px;
}

.offer-separator {
    background-color: #EEEEEE;
    height: 1px;
    margin-bottom: 8px;
    margin-top: 8px;
    width: 112px;
}

.phone .offer-separator {
    display: none;
}

.equipment-colors-list-wrapper {
    align-items: center;
    display: flex;
    height: 32px;
    margin-top: var(--space-s);
    justify-content: center;
}

.phone .equipment-colors-list-wrapper {
    align-items: center;
    display: flex;
    height: 32px;
    margin-top: var(--space-s);
    justify-content: flex-start;
}

.equipment-colors-list-wrapper .ListRecords {
    display: flex;
}

.card-bottles .box-unit-bottle .InfoButtonsContainer{
    font-size: 12px;
    font-weight: 500;
    margin-top: 8px;
    width: 100%;
}

.show-more-info_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    margin-bottom: 10px;
}

.phone .InfoButtonsContainer {
    display: flex;
    font-size: 12px;
    font-weight: 500;
    margin-top: 8px;
    width: auto;
}

.equipment-detail-wrapper {
    width: 140px;
}

.phone .equipment-detail-wrapper {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    height: 115px;
    justify-content: space-between;
    padding-top: 5px;
    width: 120px;
}

.equipment-product-separator {
    border-bottom: 1px solid var(--color-neutral-1);
    height: 1px;
    margin: 12.5px 0;
}

.box-info-equipments-value {
    margin-top: 10px;
    padding: 0 5px 10px 5px;
}


/*Private Area*/
.active-order-line-wrapper {
    display: flex;
    flex-direction: column;
    padding: 16px 24px;
    width: 100%;
    height: auto;
}

.active-order-line-wrapper-gray {
    background-color: #f4f4f4;
    border-top: 1px solid #D1D3D6;
    display: flex;
    flex-direction: column;
    height: auto;
    padding: 16px 24px;
    width: 100%;
}

.phone .active-order-line-wrapper {
    border: 1px solid var(--color-neutral-2);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    height: unset;
    padding: 16px;
    width: 100%;
}

.phone .active-order-line-wrapper-gray {
    background-color: #f4f4f4;
    border: 1px solid var(--color-neutral-2);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    height: unset;
    padding: 16px;
    width: 100%;
}


.active-order-line-content-wrapper {
    align-items: center;
    display: flex;
    width: 100%;
}

.phone .active-order-line-content-wrapper {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.active-order-content-left-wrapper {
    width: 100%;
}

.phone .active-order-content-left-wrapper {
    margin-bottom: 16px;
    width: 100%;
}

.active-order-line-content {
    align-items: center;
    display: flex;
    width: 100%;
}

.active-order-line-content-gray {
    align-items: center;
    display: flex;
    background-color: #f4f4f4;
    border-top: 1px solid #D1D3D6;
    width: 100%;
}

.order-line-order-number {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}

.phone .order-line-order-number {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
}

.active-order-action {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-left: 56px;
    width: 225px;
}

.phone .active-order-action {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-left: 0;
    width: 100%;
}

.active-order-action .Button {
    width: 225px;
}

.active-order-action  .Button + .Button {
    margin-left: 0px;
}

.phone .active-order-action .Button,
.phone .active-order-action div {
    width: 100%;
    min-width: 100%;
}



.active-order-data-equipment {
    padding: 26px 76px 26px 16px;
    margin-left: 30px;
    width: calc(100% - 30px - 65px)
}

.active-order-data-equipment.has-vertical-banner {
    padding: 26px 0px 26px 0px;
}

.phone .active-order-data-equipment {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 185px;
    padding: 0 10px;
    margin-left: 0;
    width: calc(100% - 145px);
}


.active-order-data-separator {
    border-bottom: 1px solid var(--color-neutral-2);
    margin-left: 96px;
    height: 1px;
    width: calc(100% - 30px - 65px)
}

.phone .active-order-data-separator {
    border-bottom: 1px solid transparent;
    height: 1px;
    margin-left: 145px;
    margin-bottom: 10px;
    margin-top: 10px;
    width: calc(100% - 145px);
}

.active-order-data-bottles {
    padding: 26px 76px 26px 16px;
    margin-left: 30px;
    width: calc(100% - 30px - 65px)
}

.active-order-data-bottles.has-vertical-banner {
    padding: 26px 0px 26px 0px;
}

.phone .active-order-data-bottles {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 185px;
    padding: 0 10px;
    margin-left: 0;
    width: calc(100% - 145px);
}

/*65*/

.galp-65.active-order-product-image {
    width: 65px;
}

.galp-65.order-detail-product-image img,
.galp-65.active-order-product-image img,
.galp-65.detail-order-product-image img {
    align-items: center;
    display: flex;
    max-height: 65px;
    top: 2px;
}

.phone .galp-65.active-order-product-image {
    align-items: center;
    border: 1px solid var(--color-neutral-2);
    border-radius: 4px;
    display: flex;
    height: 180px;
    justify-content: center;
    width: 145px;
}

.galp-65 {
    width: 65px;
    height: 65px;
}

.galp-65 .shapebox .maskbolacha {
    position: absolute;
    width: 65px;
    height: 65px;
    top: 0;
    left: 0;
    z-index: 2;
}

.galp-65 .shapebox {
    width: 65px;
    height: 65px;
    display: flex;
    justify-content: center;
    overflow: hidden;
    align-items: flex-end;
    position: relative;
}


/* 80 */

.galp-80.active-order-product-image {
    width: 80px;
} 

.galp-80.order-detail-product-image img,
.galp-80.active-order-product-image img,
.galp-80.detail-order-product-image img {
    align-items: center;
    display: flex;
    max-height: 80px;
    top: 2px;
}

.phone .galp-80.active-order-product-image {
    align-items: center;
    border: 1px solid var(--color-neutral-2);
    border-radius: 4px;
    display: flex;
    height: 185px;
    justify-content: center;
    width: 145px;
}

.phone .galp-80.detail-order-product-image {
    align-items: center;
    border: 1px solid var(--color-neutral-2);
    border-radius: 4px;
    display: flex;
    height: 220px;
    justify-content: center;
    width: 145px;
}

.phone .galp-80.detail-order-product-image {
    align-items: center;
    border: 1px solid var(--color-neutral-2);
    border-radius: 4px;
    display: flex;
    height: 220px;
    justify-content: center;
    width: 145px;
}

.galp-80 {
    width: 65px;
    height: 65px;
}

.galp-80 .shapebox .maskbolacha {
    position: absolute;
    width: 80px;
    height: 80px;
    top: 0;
    left: 0;
    z-index: 2;
}

.galp-80 .shapebox {
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    overflow: hidden;
    align-items: flex-end;
    position: relative;
}



/* Order status */

.status-delivered {
    color: var(--color-success);
}

.status-to-confirm {
    color: #d88c00;
}

.status-to-delivery {
    color: #d88c00;
}

.status-cancelled {
    color: var(--color-red);
}

.status-rescheduled {
    color: var(--color-blue);
}

/**/

.active-order-product-date,
.active-order-product-status,
.active-order-products {
    width: 33%;
}

.active-order-product-date-verticalbanner {
    width: 180px;
}

.active-order-product-status-verticalbanner {
    width: calc((100% - 180px) / 2);
}

.active-order-products-verticalbanner {
    width: calc((100% - 180px) / 2);
}

.active-order-data-equipment-verticalbanner {
    padding: 26px 0px 26px 0px;
    margin-left: 30px;
    width: calc(100% - 30px - 65px)
}

.active-order-data-bottles-verticalbanner {
    padding: 26px 0px 26px 0px;
    margin-left: 30px;
    width: calc(100% - 30px - 65px)
}



.phone .active-order-product-date,
.phone .active-order-product-status,
.phone .active-order-products {
    width: 100%;
}

/* Last Order */

.last-order-product-list-item {
    display: grid !important;
    grid-template-columns: repeat(4, 25%);
    row-gap: 24px;    
}

.phone .last-order-product-list-item {
    display: grid !important;
    grid-template-columns: repeat(2, 50%);
    row-gap: 16px;
}

.last-order-wrapper {
    box-sizing: border-box;
    border: 1px solid #D1D3D6;
    border-radius: 8px;
    background-color: #FFFFFF;
    min-height: 495px;
    padding: 24px;
}

.phone .last-order-wrapper {
    box-sizing: border-box;
    border: 1px solid #D1D3D6;
    border-radius: 8px;
    background-color: #FFFFFF;
    min-height: unset;
    padding: 16px;    
}

.last-order-total-info {
    display: flex;
    margin-top: 40px;
}

.phone .last-order-total-info {
    display: flex;
    margin-top: 25px;
    justify-content: space-between;
}

.last-order-products-list {
    height: auto;
    margin: 16px 0 24px 0;
}

.last-order-list-product {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.phone .last-order-list-product {
    display: flex;
    flex-direction: row;
}

/*.last-order-list-product-description {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    min-width: 150px;
    -webkit-justify-content: center; 
       -ms-flex-pack: center; 
        justify-content: center;
}

.phone .last-order-list-product-description {
    margin-top: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
    min-width: 150px;
    -webkit-align-items: flex-start;
      -ms-flex-align: flex-start;
        align-items: flex-start;
    margin-left: 8px;
}*/

.last-order-list-product-description {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    min-width: 150px;
    -webkit-justify-content: center; 
       -ms-flex-pack: center; 
        justify-content: center;
}

.last-order-list-product-description div {
    text-align: center;
}

.last-order-list-product-description_phone {
    text-align: left;
    margin-left: 8px;
}

.last-order-list-product-description_phone div {
    text-align: left;
}

.orderNumberLabel {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}

.orderNumberLabel {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}

.order-list-label {
    color: var(--color-neutral-4);
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}

.phone .order-list-label {
    color: var(--color-neutral-4);
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 2px;
}

.last-order-list-label {
    color: var(--color-neutral-4);
    font-size: 14px;
    font-weight: bold;
    margin-right: 5px;
    white-space: nowrap;
}

.last-order-date-value {
    white-space: nowrap;
}

.phone .last-order-date-value {
    white-space: unset;
}

.equipments-detail-wrapper {
    align-items: flex-start;
    border: 1px solid #D1D3D6;
    background: #FAFAFA;
    border-radius: 8px;
    display: flex;
    height: auto;
    min-height: 48px;
    padding: 8px 24px;
}

.phone .equipments-detail-wrapper {
    align-items: flex-start;
    border: 1px solid #D1D3D6;
    background: #FAFAFA;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    height: 120px;
    padding: 8px 24px;
    justify-content: space-between;
}

.last-order-product-column {
    align-items: center;
    color: var(--color-primary);
    display: flex;
    font-weight: 700;
    width: 23%;
    padding-right: 10px;
}

.phone .last-order-product-column {
    align-items: center;
    color: var(--color-primary);
    display: flex;
    font-weight: 700;
    width: 100%;
    padding-right: unset;
}

.last-order-product-column img {
    margin-right: 5px;
    width: 27px;
}

.last-order-date-column {
    display: flex;
    white-space: normal;
    width: 50%;
}

.phone .last-order-date-column {
    display: flex;
    width: 100%;
}

.last-order-status-column {
    width: 23%;
    min-width: 230px;
    white-space: nowrap;
}

.phone .last-order-status-column {
    width: 100%;
}

.last-order-actions {
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
}

.phone .last-order-actions {
    display: flex;
    flex-direction: column;
    margin-top: 24px;
}

.last-order-actions-detail {
    width: 40%;
}

.phone .last-order-actions-detail {
    width: 100%;
}

.last-order-actions-detail .Button {
    width: 100%;
}

.phone .last-order-actions-detail .Button {
    width: 100%;
}

.last-order-actions-reschedule {
    width: 40%;
}

.last-order-actions-reschedule .Button {
    width: 100%;
}

.phone .last-order-actions-reschedule {
    margin-top: 16px;
    width: 100%;
}

.phone .last-order-actions-reschedule .Button{
    width: 100%;
}

.last-order-mask {
    width: 80px;
    height: 80px;
}

.last-order-mask .shapebox .maskbolacha,
.last-order-mask .shapebox_accessories .maskbolacha {
    position: absolute;
    width: 80px;
    height: 80px;
    top: 0;
    left: 0;
    z-index: 2;
}

.last-order-mask .shapebox_accessories {
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    overflow: hidden;
    align-items: flex-end;
    position: relative;
}

.last-order-mask .shapebox_accessories .produto img {
    max-width: 100%;
    height: 50px;
    top: -10px;
    position: relative;
}

.last-order-mask .shapebox .produto img {
    max-width: 100%;
    height: 80px;
    top: 4px;
    position: relative;
}

.phone .last-order-mask .shapebox_accessories img {
    align-items: center;
    display: flex;
    max-height: 56px;
    top: 2px;
}

.last-order-mask .shapebox {
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    overflow: hidden;
    align-items: flex-end;
    position: relative;
}

.last-order-mask .shapebox img {
    align-items: center;
    display: flex;
    max-height: unset;
}

.phone .last-order-mask .shapebox img {
    align-items: center;
    display: flex;
    max-height: 56px;
    top: 2px;
}

.phone .last-order-mask {
    width: 56px;
    height: 56px;
}

.phone .last-order-mask .shapebox .maskbolacha,
.phone .last-order-mask .shapebox_accessories .maskbolacha {
    position: absolute;
    width: 56px;
    height: 56px;
    top: 0;
    left: 0;
    z-index: 2;
}

.phone .last-order-mask .shapebox_accessories {
    width: 56px;
    height: 56px;
    display: flex;
    justify-content: center;
    overflow: hidden;
    align-items: flex-end;
    position: relative;
}

.phone .last-order-mask .shapebox {
    width: 56px;
    height: 56px;
    display: flex;
    justify-content: center;
    overflow: hidden;
    align-items: flex-end;
    position: relative;
}


/*Order Detail*/

.processing-devolution-tag {
    border-radius: var(--border-radius-soft);
    background-color: var(--color-green-light);
    color: var(--color-green);
    font-weight: 500;
    text-align: center;
    padding: 2px 8px;
    max-width: 200px;
    margin-right: 10px;
}

.order-detail-equipments-data {
    padding: 16px 24px 16px 10px;
    margin-left: 15px;
    width: calc(100% - 15px - 65px)
}

.phone .order-detail-equipments-data {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 8px 10px 0 0;
    margin-left: 15px;
    width: calc(100% - 125px);
}

.order-detail-bottles-data {
    padding: 16px 24px 16px 10px;
    margin-left: 15px;
    width: calc(100% - 15px - 65px)
}

.phone .order-detail-bottles-data {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 15px;
    padding: 8px 10px 0 0;
    width: calc(100% - 125px)
}

.order-detail-data-date,
.order-detail-data-status,
.order-detail-data-products,
.order-detail-data-locale {
    width: calc(25% - 65px / 4);
}

.phone .order-detail-data-date,
.phone .order-detail-data-status,
.phone .order-detail-data-products,
.phone .order-detail-data-locale {
    width: 100%;
    margin-bottom: 10px;
}

.order-detail-data-separator {
    border-bottom: 1px solid var(--color-neutral-2);
    margin-left: 80px;
    height: 1px;
    width: calc(100% - 80px)
}

.phone .order-detail-data-separator {
    border-bottom: 1px solid var(--color-neutral-2);
    margin-left: 145px;
    height: 1px;
    width: calc(100% - 145px)
}

.order-detail-header-wrapper {
    align-items: center;
    border: 1px solid var(--color-neutral-2);
    border-radius: 8px;
    display: flex;
    padding: 16px 24px;
    width: 100%;
}

.phone .order-detail-header-wrapper {
    align-items: center;
    border: none;
    display: flex;
    padding: 0;
    width: 100%;
}

.order-detail-product-image {
    height: 65px;
    width: 65px;
}

.phone .order-detail-product-image {
    align-items: center;
    border: 1px solid var(--color-neutral-2);
    border-radius: 4px;
    display: flex;
    height: 220px;
    justify-content: center;
    width: 145px;
}

.order-detail-line-content {
    align-items: center;
    display: flex;
    width: 100%;
}

.phone .order-detail-line-content {
    align-items: center;
    display: flex;
    margin-bottom: 16px;
    width: 100%;
}

/* equioments detail */

.bg {
  box-sizing: border-box;
  height: 63px;
  width: 78px;
  border: 1px solid #FA551E;
  border-radius: 4px;
  background-color: #FFFFFF;
}

.fakeBtn {
    box-sizing: border-box;
    border: 1px solid;
    border-radius: 4px;
    border-color: #ececec;
    padding: 3px;
}

.imageCtn{
    height: 59px;
}

.lineSeparator{
    background-color: #EEEEEE;
    height: 123px;
    margin-right: 5px;
    width: 1px;
    margin-left: 5px;
}

.infoGeralTitle{
    color: #5a6473;
    font-weight: 700;
    font-size: 10.8px;
    line-height: 15px;
    display: block;
}

.infoGeralTitleMobile{
    color: #5a6473;
    font-size: 11.8px;
    font-weight: 700;
}

.featuresBorders{
    border-color: #d1d3d6;
    border-style: solid;
    border-width: 0px;
}

.garrafaIdeal-dk .bg {
  box-sizing: border-box;
  height: 63px;
  width: 78px;  
}

.text-nameItem-ideal{
    font-size: 12px;
    font-weight: 600;
}

.card-bottles {
    display: grid!important;
    grid-template-columns: repeat(5, 160px);
    grid-gap: 22px;
}

.columnsCtn{
    min-height: 167px;
    height: auto;
}

.columnsCtnHigher{
    min-height: 190px;
    height: auto;
}

.card-bottles .box-unit-bottle {
    width: 160px;
}

.phone .card-bottles .box-unit-bottle {
    width: 100%;
}

.card-bottles .box-unit-bottle .img-with-name{
    width: 100%;
}

.card-bottles .box-unit-bottle .inputs-values{
    width: 100%;
}

.phone .card-bottles .box-unit-bottle .inputs-values{
    width: 40%;
}

.phone .card-bottles .box-unit-bottle .boxFotoInfo{
    width: 60%;
}



.phone .card-bottles {
    display: grid;
    grid-template-columns: repeat(1, 100%);
    grid-gap: 20px;
}

.backcard-util{
    background-color: #FAFAFA;
    padding: 11px!important;
}

.marginUtil.separator-vertical{
    margin-left: 1px;
    margin-right: 1px;
    background-color: #A8AEB7;
}

.card-utilidade {
    display: grid;
    grid-template-columns: repeat(3, 32%);
    grid-gap: 6px;
    align-items: center;
}

.card-features {
    display: flex;
    grid-template-columns: repeat(3, 32%);
    grid-gap: 4px;
    align-items: center;
}
.box-info-gerais{
    box-sizing: border-box;
    height: 80px;
    width: 81px;
    border: 1px solid #FA551E;
    border-radius: 4px;
    padding: 10px 0px;
    justify-self: center;
    background-color: #FFFFFF
}

.box-info-equipments{
    align-items: center;
    background-color: #FFFFFF;
    box-sizing: border-box;
    border: 1px solid #FA551E;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    height: 80px;
    justify-content: flex-end;
    justify-self: center;
    padding-top: 5px;
    width: 85px;
}

.box-info-equipmentsHigher{
    align-items: center;
    background-color: #FFFFFF;
    box-sizing: border-box;
    border: 1px solid #FA551E;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    height: 100px;
    justify-content: flex-end;
    justify-self: center;
    padding-top: 5px;
    width: 85px;
}

.box-garrafa-ideal{
    background-color: #fafafa !important;
    border-radius: 8px !important;
}

/*TABLET*/
.tablet.portrait .card-bottles {
    grid-template-columns: repeat(3, 160px);
}
.tablet.landscape .card-bottles {
    grid-template-columns: repeat(4, 160px);
}
/*
.center-align {
    width: 200% !important;
}
*/
.bottle-Name{
    color: #353C47;
    font-family: Canaro;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 19px;
}

.Unavaible_text{
    color: #919191;
    font-family: Canaro;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 17px;
}

.phone .Unavaible_text{
    color: #A8AEB7;
    font-size: 10px;
}

.justify-content{
    justify-content: center;
}

.equipementsBg {
  box-sizing: border-box;
  height: 63px;
  width: 78px;
  border: 1px solid #FA551E;
  border-radius: 4px;
  background-color: #FFFFFF;
  padding: 3px;
}

.equipementsBgHigher {
  box-sizing: border-box;
  height: 80px;
  width: 78px;
  border: 1px solid #FA551E;
  border-radius: 4px;
  background-color: #FFFFFF;
  padding: 3px;
}

.equipementIdeal-dk .bg {
  box-sizing: border-box;
  height: 63px;
  width: 78px;  
}

.border-orange{
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    color: #fa551e;
    text-align: center;
    padding: 5px;
}

.box-green{
    border-radius: 4px;
    background-color: #EAF2EB;
    color: #08af1b;
    padding: 5px 10px 5px 10px;
}

.offerTitle{
    padding: 10px 10px 5px 10px;
}

.offerDescription{
    padding: 0px 10px 10px 10px;
}


/* Success Page */

.order-success-information_wrapper {
    display: flex;
    flex-direction: column;
    margin: 20px auto 80px auto;
    max-width: 730px;
}

.reschedule-division-line {
    display: flex;
    flex-direction: column;
    margin: 20px auto 35px auto;
    max-width: 730px;
}

.order-success-information-padding-left {
    padding-left: 100px;
}

/* Landing Page */

.landing-page_top-section {
    height: auto;
}

.landing-page-new-order_section {
    height: 100%;
    margin-right: var(--space-xxl);
    width: 330px;
}

.landing-page-last-order_section {
    width: calc(100% - 330px - var(--space-xxl));
}

.landing-page-new-order_wrapper {
    align-items: center;
    background-color: #FAFAFA;
    border: 1px solid #D1D3D6;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 495px;
    justify-content: space-between;
    padding: 24px;
    width: 100%;
}

.phone .landing-page-new-order_wrapper {
    background-color: #FAFAFA;
    border: 1px solid #D1D3D6;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: unset;
    padding: 24px;
    width: 100%;
}

.landing-page-history_wrapper {
    display: flex;
    margin-top: 48px;
    text-align: right;
}

.landing-page-orders-history_wrapper {
    margin-right: var(--space-xxl);
    text-align: left;
    width: 70%;
}

.landing-page-vertical-banner_wrapper {
    padding-top: calc(19px + 18px);
    width: calc(30% - var(--space-xxl));
}


.card-products-resume {
    display: grid !important;
    grid-template-columns: repeat(3, 32%);
    grid-gap: 1.5%;  
}

.phone .card-products-resume {
    display: grid !important;
    grid-template-columns: repeat(1, 100%);
    grid-gap: 0px;
    
}

.tablet.portrait .card-products-resume {
    grid-template-columns: repeat(2, 50%);
}
.tablet.portrait .card-detalhe-entrega {
    grid-template-columns: repeat(2, 50%);
    grid-gap: 0px;
}
.tablet.portrait .boxresumo {
    margin-left: 29px;
}
.tablet.landscape .card-products-resume {
    grid-template-columns: repeat(2, 382px);
}
.tablet.landscape .card-detalhe-entrega {
    grid-template-columns: repeat(3, 244px);
}



.card-products-resume {
    display: grid !important;
    grid-template-columns: repeat(3, 32%);
    grid-gap: 1.5%;  
}

.phone .card-products-resume {
    display: grid !important;
    grid-template-columns: repeat(1, 100%);
    grid-gap: 0px;
    
}

.tablet.portrait .card-products-resume {
    grid-template-columns: repeat(2, 50%);
}
.tablet.portrait .card-detalhe-entrega {
    grid-template-columns: repeat(2, 50%);
    grid-gap: 0px;
}
.tablet.portrait .boxresumo {
    margin-left: 29px;
}
.tablet.landscape .card-products-resume {
    grid-template-columns: repeat(2, 382px);
}
.tablet.landscape .card-detalhe-entrega {
    grid-template-columns: repeat(3, 244px);
}


/* Availability */

.delivery-details_note {
    font-size: 12px;
    line-height: 1;
    margin-top: -15px;
}

.button-loading-container .btn,
.button-loading-container .button-loading-full {
    padding: 0;
    width: 100%;
}

.button-loading-container * {
    color: #fff;
}

.text-subtitle {
    color: #989da5;
    font-size: 13px;
}

/* Terms and Conditions and Privacy Policy documents */

.all-doc {
    font-family: Canaro ;
    margin-right: 56px;
    margin-top: 16px;
    margin-left: 56px;
    line-height: 24px;
}
.Header-h1{
    color: #353C47;
    font-size: 36px;
    font-weight: 300;
    letter-spacing: 0;
    text-align: center;
}

.Header-h2{
    color: #353C47;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    text-align: center;
}

.Header-h3-orange {
    color: #fa551e;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0;
}
.Header-h3-orange-bold{
    color: #fa551e;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
    text-align: center;
}

.text {
    color: #353C47;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 0;
    margin-left: 0px;
    padding: 0px;
}
.text-italic{
    color: #222;
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 0;
    margin-left: 0px;
    padding: 0px;
}

.text-bold{
    color: #353C47;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
    margin-left: 0px;
    padding: 0px;
}