@import url("/Template_Auchan/Theme.Template_Auchan.css?1414");

/* ================================================

Primary color customization
For additional color customizations, you can change the color code for the colors below

  ================================================ */
  
:root {
    --color-primary: #ed1b2e; /*primary-color*/
    --color-primary-hover: #ed1b2e; /*primary-color*/
    --color-secondary: #ed1b2e; /*primary-color*/
    --color-red: #e0001a;
    --color-neutral-6: #E6E7EB;
    --color-neutral-10: #15181a;
     --color-green:#009859;
     --color-neutral-9: #7C808C;
}

.smallbold {font-family: Raleway-Bold; font-size: var(--font-size-xs); line-height: Auto;}


.content2columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -ms-flex-direction: row;
           flex-direction: row;
    -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
    position: relative;
}

.content2_1columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: Horizontal;
    -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
    -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
    position: relative;
}


.Application_Menu {
    position: relative;
    width: 100%;
    
}

.ThemeGrid_Container {
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    height: 100%;
}


.container, .content.container {
    margin-top: 10px;
}

.modal-wrapper {
    max-width: 900px;
}

.section-title {
    -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
    font-size: var(--font-size-h1);
    font-weight: var(--font-semi-bold);
}

.btn .test{
 width: 150px;   
}


input[readonly="readonly"],
input[disabled="disabled"],
select[disabled="disabled"],
.input[readonly="readonly"],
.input[disabled="disabled"],
.select[disabled="disabled"] {
    background-image: none;
    background-color: #e9ecef;
    color: black;
    opacity: 0.5;
    cursor: text;
}

.ValidationMessage {
    display: inline-block;
    position: relative;
    width: 15vw;}




/* Circulo_NúmeroPag*/
.ListNavigation_PageNumber {
    -webkit-box-align: center;
       -ms-flex-align: center;
          align-items: center;
    background-color: var(--color-neutral-0);
    border-radius: 100px;
    border: var(--border-size-s) solid var(--color-neutral-4);
    color: var(--color-neutral-8);
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: var(--font-regular);
    -webk0it-box-pack: center;
       -ms-flex-pack: center;
     justify-content: center;
    margin-left: var(--space-s);
    height: 32px;
    width: 32px;
    padding: var(--space-none);
    text-align: center;
}

/*seta < */
a.ListNavigation_Previous,
a.ListNavigation_Next {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*background-color: var(--color-neutral-0);*/
    border-radius: 100px;
    border: 100px;
    /* color: var(--color-neutral-8);*/
    cursor: pointer;
    display: inline-flex;
    font-weight: var(--font-regular);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: var(--space-s);
    height: 0px;
    width: 30;
    opacity: 0.9;
}

span.ListNavigation_DisabledPrevious,
span.ListNavigation_DisabledNext {
    -webkit-box-align: center;
       -ms-flex-align: center;
          align-items: center;
    background-color: var(--color-neutral-0);
    border-radius: var(--border-radius-soft);
    border: var(--border-size-s) solid var(--color-neutral-4);
    color: var(--color-neutral-8);
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: var(--font-regular);
    -webkit-box-pack: center;
       -ms-flex-pack: center;
     justify-content: center;
    margin-left: var(--space-s);
    height: 0px;
    width: 30px;
    opacity: 0.5;
    padding: var(--space-none);
    pointer-events: none;
    text-align: center;
}


a.ListNavigation_Previous:before,
span.ListNavigation_DisabledPrevious:before {
    content: "\f104";
    position: relative;
    font-size: 18px;
    margin-top: 35px;
    font-weight: bold;
    color: red;
}

a.ListNavigation_Next:before,
span.ListNavigation_DisabledNext:before {
    content: "\f105";
    position: relative;
    font-size: 18px;
    margin-top: 30px;
    font-weight: bold;
    color:red;
}

.ListNavigation_CurrentPageNumber {
    -webkit-box-align: center;
       -ms-flex-align: center;
          align-items: center;
    background: var(--color-primary) var(--color-primary-lightest);
    border-radius: 100px;
    border: solid 2px;
    color: var(--color-primary);
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: var(--font-regular);
    -webkit-box-pack: center;
       -ms-flex-pack: center;
     justify-content: center;
    margin-left: var(--space-s);
    height: 32px;
    width: 32px;
    padding: var(--space-none);
    text-align: center;
}


span.ListNavigation_Ellipsis {
    -webkit-box-align: center;
       -ms-flex-align: center;
          align-items: center;
    background-color: transparent;
    border-radius: var(--border-radius-soft);
    border: var(--border-size-s) solid transparent;
    color: var(--color-neutral-8);
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: var(--font-regular);
    -webkit-box-pack: center;
       -ms-flex-pack: center;
     justify-content: center;
    margin-left: var(--space-s);
    height: 30px;
    width: 30px;
    padding: var(--space-none);
    pointer-events: none;
    text-align: center;
}


.Button, .btn {
    background-color: white ;
}

.Is_Default {
    background-color: #E95045;
    border: var(--border-size-none);
    color: var(--color-neutral-0);
}

.Is_Disabled {
    opacity: 0.5 ;
}

Button[readonly="readonly"],
Button[disabled="disabled"],
.btn[readonly="readonly"],
.btn[disabled="disabled"] {
    background-image: none;
    background-color: lightgrey;
    opacity: 0.5;
    cursor: text;
}

.Realce {
    font-size: 18px;
    font-weight: bold;
}

.ListRecordsx {
     display: flex !important; 
}

/*
html {    
    color: var(--color-neutral-9);
    font-family: Roboto;
    overflow: auto;
    overflow-x: hidden;
    -moz-osx-font-smoothing: grayscale;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    
}

*/

.Form input[readonly="readonly"],
.Form input[disabled="disabled"],
.Form select[disabled="disabled"],
.Form .input[readonly="readonly"],
.Form .input[disabled="disabled"],
.Form .select[disabled="disabled"],
.choices-disabled .choices__inner,
.choices-disabled .choices__list--single .choices__item {
    background-image: none;
    background-color: #e9ecef;
    color: black !important;
    opacity: 0.5;
    cursor: text;
}


.Menu_DropDownArrow:before {
    background-color: var(--color-neutral-7);
}

.Menu_DropDownArrow:after {
    background-color: var(--color-neutral-7);
}

.Pacote {
    /*border-color: #ed1b2d;
    border-style: solid;
    border-width: 1px;
    box-shadow: 2px 2px #ed1b2d;
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
    padding: 10px;
    background-color: ghostwhite;*/
    /*height: 176.8px;    
    width: 200.2px;  */
    height: 230px;
    width: 220px;
    border: 1.3px solid #DEE2E6; 
    background-color: #FFFFFF;    
    box-shadow: 0 3px 5px 0 rgba(137,137,137,0.5);
    padding:40px;
    padding-left:20px;
    padding-right:20px;
    margin-right:21px;
    margin-bottom: 20px;
    

    color: #282D32; 
    background-size: 15%;
    background-repeat: no-repeat;
    background-image: url(/PF_Resources/img/IEC_Auchan.svg);
    background-position: 50% 95%;
}

.PacoteText{
     height: 28px;   
     width: 32px;    
  /*   color: #282D32;    */
     font-size: 20.8px;    
     line-height: 28px;
     margin-top:24px;
}


.Pacote:hover {
    /*border-color: #ed1b2d;
    border-style: solid;
    border-width: 1px;
    box-shadow: 2px 2px #ed1b2d;
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
    padding: 10px;
    background-color: white;*/
    border: 1.3px solid #DEE2E6;    
    background-color: #E95045;    
    box-shadow: 0 3px 5px 0 rgba(137,137,137,0.5);
    
    color: white;  
    background-size: 15%;
    background-repeat: no-repeat;
    background-image: url(/PF_Resources/img/IEC_AuchanWhite.svg);
    background-position: 50% 95%;
}




/**Pacote IVA**/


.PacoteIVA{
    height: 230px;
    width: 220px;
    border: 1.3px solid #DEE2E6; 
    background-color: #FFFFFF;    
    box-shadow: 0 3px 5px 0 rgba(137,137,137,0.5);
    padding:40px;
    padding-left:20px;
    padding-right:20px;
    margin-right:21px;
    margin-bottom: 20px;
    

    color: #282D32; 
    background-size: 15%;
    background-repeat: no-repeat;
    background-image: url(/PF_Resources/img/IVAAuchan.svg);
    background-position: 50% 25%;
}


.PacoteIVA:hover {
    border: 1.3px solid #DEE2E6;    
    background-color: #E95045;    
    box-shadow: 0 3px 5px 0 rgba(137,137,137,0.5);
    
    color: white;  
    background-size: 15%;
    background-repeat: no-repeat;
    background-image: url(/PF_Resources/img/IVA_AuchanWhite.svg);
    background-position: 50% 25%;
}




/** Pacote Preço **/

.PacotePreco{
    height: 230px;
    width: 220px;
    border: 1.3px solid #DEE2E6; 
    background-color: #FFFFFF;    
    box-shadow: 0 3px 5px 0 rgba(137,137,137,0.5);
    padding:40px;
    padding-left:20px;
    padding-right:20px;
    margin-right:21px;
    margin-bottom: 20px;
    

    color: #282D32; 
    background-size: 20%;
    background-repeat: no-repeat;
    background-image: url(/PF_Resources/img/Prec__o_Auchan.svg);
    background-position: 50% 25%;
}


.PacotePreco:hover {
    border: 1.3px solid #DEE2E6;    
    background-color: #E95045;    
    box-shadow: 0 3px 5px 0 rgba(137,137,137,0.5);
    
    color: white;  
    background-size: 20%;
    background-repeat: no-repeat;
    background-image: url(/PF_Resources/img/Prec__o_AuchanWhite.svg);
    background-position: 50% 25%;
}


/** Pacote UVenda **/

.PacoteUVenda{
    height: 230px;
    width: 220px;
    border: 1.3px solid #DEE2E6; 
    background-color: #FFFFFF;    
    box-shadow: 0 3px 5px 0 rgba(137,137,137,0.5);
    padding:40px;
    padding-left:20px;
    padding-right:20px;
    margin-right:21px;
    margin-bottom: 20px;
    

    color: #282D32; 
    background-size: 15%;
    background-repeat: no-repeat;
    background-image: url(/PF_Resources/img/DadosLogi_usticos_Auchan.svg);
    background-position: 50% 25%;
}


.PacoteUVenda:hover {
    border: 1.3px solid #DEE2E6;    
    background-color: #E95045;    
    box-shadow: 0 3px 5px 0 rgba(137,137,137,0.5);
    
    color: white;  
    background-size: 15%;
    background-repeat: no-repeat;
    background-image: url(/PF_Resources/img/DadosLogi_usticos_AuchanWhite.svg);
    background-position: 50% 25%;
}


/** Pacote UCompra **/


.PacoteUCompra{
    height: 230px;
    width: 220px;
    border: 1.3px solid #DEE2E6; 
    background-color: #FFFFFF;    
    box-shadow: 0 3px 5px 0 rgba(137,137,137,0.5);
    padding:40px;
    padding-left:20px;
    padding-right:20px;
    margin-right:21px;
    margin-bottom: 20px;
    

    color: #282D32; 
    background-size: 26%;
    background-repeat: no-repeat;
    background-image: url(/PF_Resources/img/truck.svg);
    background-position: 50% 25%;
}


.PacoteUCompra:hover {
    border: 1.3px solid #DEE2E6;    
    background-color: #E95045;    
    box-shadow: 0 3px 5px 0 rgba(137,137,137,0.5);
    
    color: white;  
    background-size: 26%;
    background-repeat: no-repeat;
    background-image: url(/PF_Resources/img/truckwhite.svg);
    background-position: 50% 25%;
}


/* Edição em Massa */

.ButtonsArtigos
{ 
    box-sizing: border-box;    
    height: 50px;  
    border: 1px solid #DFE2E5;   
    background-color: #E1E1E1;
    padding: 5px;
    text-align: right;
    flex: 1.5;
}

/*.hiddenbuttonguardar
{ 
    box-sizing: border-box;    
    height: 50px;  
    border: 1px solid #DFE2E5;   
    background-color: #E1E1E1;
    padding: 5px;
    text-align: right;
    flex: 1.5;
}*/

.ButtonBlack {
    -webkit-box-align: center;
       -ms-flex-align: center;
          align-items: center;
    background-color: var(--color-neutral-0);
    border-radius: var(--border-radius-soft);
    border: var(--border-size-s) solid currentColor;
    color: #4A4A4A;
    cursor: pointer;
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: inline-flex;
    font-weight: var(--font-semi-bold);
   /* height: 40px; */
    -webkit-box-pack: center;
       -ms-flex-pack: center;
     justify-content: center;
    margin: 0;
    padding: var(--space-none) var(--space-base);
    -webkit-transition: all 180ms linear;
            transition: all 180ms linear;
    padding: 0px 16px 0px 16px !important;
}

.Is_Default_Black {
    background-color: #4A4A4A;
    border: black;
    color: white;
}

.ButtonBlack:disabled {
    border: 0.7px solid #D8D8D8 !important;
    padding: 0px 16px 0px 16px !important;
}

.ContainerOriginals {
   height: 31px;
}

.artigos-selecionados {
    height: 22px;
    width: 362px;
    color: #E95045;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    padding-top: 7px;
    margin-right: 3.9%;
    }

.Button:disabled, button[disabled]{
     font-family: SilkWeb4;
     color: #FFCDC9;
     background-color: #FFFFFF;
     border: 0.7px solid #FFCDC9;
     opacity: 1;
 }
 
 .ButtonBlack::hover{
     color: black;
 }
 
 .H-scroll {
    width:100%;
    overflow: auto;
}

.visibility-hidden {
    visibility: hidden;
}

.MinWidth {
    min-width: 120px;
    max-width: 120px;
}

.TitleGray {
    color: #A6A9AB;
    font-family: Raleway-Medium;
}

.PacoteLabel {
    color: #4A4A4A;
    font-family: Raleway-Bold;
    font-size: 17px;
    font-weight: bold;
}

.MaxWidth1000 {
   max-width: 1005px;
}

.MaxWidth500 {
   max-width: 500px;
}

.MaxWidth200 {
   max-width: 200px;
}

.OgValue {
    padding: 10px 0px 0px 16px;
}

.straight_tb_records {
    white-space: nowrap;
}

.Is_Default_Black:hover {
    border: 0.7px solid rgba(233,80,69,0.75);
    color: white;
    background-color: #706f6f;
}

.ListRecords_Border, .ListRecords.ListRecords_Border {
    border-color: lightgrey;
    border-style: solid;
    border-width: 1px;
    margin-left: 0px;
    margin-top: 2px;
    padding: 5px;
    width: 401px;
}

/*
ListRecords_Border:hover, .ListRecords.ListRecords_Border:hover {
    background-color: lightgray;
}
*/
.DarkerGrey {
    color: #807979;
}

.DarkerGrey:hover {
    font-weight: bold;
}
.euros {
    overflow-x: auto;
    white-space: nowrap;
}