@import url("/IOS__Theme/Theme.IOS__Theme.css?25652");

/*------------------------------------*\
               Overwrites
\*-------------------------------------*/
/* Logo */
.Logo_CallCenter {
    /* Color - Brand */
    --color-G1: #5ade7e;
    --color-G2: #5ade7e;
    --color-G3: #5ade7e;
    --color-G4: #5ade7e;
    --color-G5: #5ade7e;
    --color-G6: #5ade7e;
    --color-G7: #5ade7e;
    --color-G8: #5ade7e;
    --color-G9: #5ade7e;
    --color-G10: #5ade7e;
    --color-G11: #5ade7e;
    --color-G12: #5ade7e;
    --color-G13: #5ade7e;
    --color-G14: #E6EBE6;
    
    /* Color - Brand - ICON */
    --color-G15: #e4e04e;
    --color-G16: #a7cf00;
    --color-G17: #91c8dc;
    --color-G18: #e47b21;
    --color-G19: #ff6e00;
    --color-G20: #5ade7e;

    /* Color - Neutral */
    --color-black: #000000;  /*Black*/
    --color-darkGrey: #666; /*text*/ 
    --color-grey: #999;/* disabled inputs and widget grey color */
    --color-mediumGrey: #cdcdcd; /* border */
    --color-lightGrey: #F8F8F8; /* background*/
    --color-white: #FFF; /* replace white colors everywhere */
    
    --color-shadow-grey: #F0F1F3; /* grey shadow */
    --color-shadow-lightGrey: #FBFBFB; /* light grey shadow */
    
    --color-primary: var(--color-G1);
    --color-secondary:var(--color-G2);
    --color-terciary: var(--color-G3);
    
    --color-primary-hover:var(--color-G3);
    --color-primary-selected: rgba(37, 119, 25, .12);
    --color-primary-lightest: linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, .9));
    
    /* Color - Semantic */
    --color-error-light: #fceaea;
    --color-error: #dc2020;
    
    --color-warning-light: #fdf6e5;
    --color-warning: #e9a100;
    
    --color-success-light: #eaf3eb;
    --color-success: #29823b;
    
    --color-info-light: #e5f5fc;
    --color-info: #017aad;
    
    --border-radius-soft: 6px;

    /* App Settings */
    --color-background-body: #fff;
    
    /* Custom Settings */      
    --theme-menu-background: #E6EBE6;
        
    --theme-border-line: 1px solid #ddd;
    
    --theme-menu-item-background: #77b900;
    --theme-menu-item-color: #fff;
}

.Logo_CallCenter__YAUTM {
    /* Color - Brand */
    --color-G1: #ff6e00;
    --color-G2: #ff6e00;
    --color-G3: #ff6e00;
    --color-G4: #ff6e00;
    --color-G5: #ff6e00;
    --color-G6: #ff6e00;
    --color-G7: #ff6e00;
    --color-G8: #ff6e00;
    --color-G9: #ff6e00;
    --color-G10: #ff6e00;
    --color-G11: #ff6e00;
    --color-G12: #ff6e00;
    --color-G13: #ff6e00;
    --color-G14: #E6EBE6;
    
    /* Color - Brand - ICON */
    --color-G15: #e4e04e;
    --color-G16: #a7cf00;
    --color-G17: #91c8dc;
    --color-G18: #e47b21;
    --color-G19: #ff6e00;
    --color-G20: #5ade7e;

    /* Color - Neutral */
    --color-black: #000000;  /*Black*/
    --color-darkGrey: #666; /*text*/ 
    --color-grey: #999;/* disabled inputs and widget grey color */
    --color-mediumGrey: #cdcdcd; /* border */
    --color-lightGrey: #F8F8F8; /* background*/
    --color-white: #FFF; /* replace white colors everywhere */
    
    --color-shadow-grey: #F0F1F3; /* grey shadow */
    --color-shadow-lightGrey: #FBFBFB; /* light grey shadow */
    
    --color-primary: var(--color-G1);
    --color-secondary:var(--color-G2);
    --color-terciary: var(--color-G3);
    
    --color-primary-hover:var(--color-G3);
    --color-primary-selected: rgba(37, 119, 25, .12);
    --color-primary-lightest: linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, .9));
    
    /* Color - Semantic */
    --color-error-light: #fceaea;
    --color-error: #dc2020;
    
    --color-warning-light: #fdf6e5;
    --color-warning: #e9a100;
    
    --color-success-light: #eaf3eb;
    --color-success: #29823b;
    
    --color-info-light: #e5f5fc;
    --color-info: #017aad;
    
    --border-radius-soft: 6px;

    /* App Settings */
    --color-background-body: #fff;
    
    /* Custom Settings */      
    --theme-menu-background: #E6EBE6;
        
    --theme-border-line: 1px solid #ddd;
    
    --theme-menu-item-background: #77b900;
    --theme-menu-item-color: #fff;
}

.Logo_CallCenter__YAUTM_Vel {
    /* Color - Brand */
    --color-G1: #9462ac; /* Accessibility */ /* Antiga cor: #9A6FB0; */
    --color-G2: #020202; /* Accessibility */
    --color-G3: #735384; /* Accessibility */
    --color-G4: #9462ac; /* Accessibility */
    --color-G5: #9462ac; /* Accessibility */
    --color-G6: #9462ac; /* Accessibility */
    --color-G7: #9462ac; /* Accessibility */
    --color-G8: #9462ac; /* Accessibility */
    --color-G9: #9462ac; /* Accessibility */
    --color-G10: #9462ac; /* Accessibility */
    --color-G11: #9462ac; /* Accessibility */
    --color-G12: #9462ac; /* Accessibility */
    --color-G13: #9462ac; /* Accessibility */
    --color-G14: #E6EBE6;
    
    
    /* Color - Brand - ICON */
    --color-G15: #e4e04e;
    --color-G16: #a7cf00;
    --color-G17: #91c8dc;
    --color-G18: #e47b21;
    --color-G19: #ff6e00;
    --color-G20: #5ade7e;

    /* Color - Neutral */
    --color-black: #000000;  /*Black*/
    --color-darkGrey: #666; /*text*/ 
    --color-grey: #999;/* disabled inputs and widget grey color */
    --color-mediumGrey: #cdcdcd; /* border */
    --color-lightGrey: #F8F8F8; /* background*/
    --color-white: #FFF; /* replace white colors everywhere */
    
    --color-shadow-grey: #F0F1F3; /* grey shadow */
    --color-shadow-lightGrey: #FBFBFB; /* light grey shadow */
    
    --color-primary: var(--color-G1);
    --color-secondary: var(--color-G2);
    --color-terciary: var(--color-G3);
    
    --color-primary-hover:var(--color-G3);
    --color-primary-selected: rgba(37, 119, 25, .12);
    --color-primary-lightest: linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, .9));
    
    /* Color - Semantic */
    --color-error-light: #fceaea;
    --color-error: #dc2020;
    
    --color-warning-light: #fdf6e5;
    --color-warning: #e9a100;
    
    --color-success-light: #eaf3eb;
    --color-success: #29823b;
    
    --color-info-light: #e5f5fc;
    --color-info: #017aad;
    
    --border-radius-soft: 6px;

    /* App Settings */
    --color-background-body: #fff;
    
    /* Custom Settings */      
    --theme-menu-background: #E6EBE6;
        
    --theme-border-line: 1px solid #ddd;
    
    --theme-menu-item-background: #77b900;
    --theme-menu-item-color: #fff;
}

.Logo_Theme {
    /* Color - Brand */
    --color-G1: #2c75f3;
    --color-G2: #135cda;
    --color-G3: #00399c;
    --color-G4: #2069e7;
    --color-G5: #357efc;
    --color-G6: #054ecc;
    --color-G7: #2069e7;
    --color-G8: #6da3ff;
    --color-G9: #2972f0;
    --color-G10: #003ca4;
    --color-G11: #125bd9;
    --color-G12: #0851cf;
    --color-G13: #1760de;
    --color-G14: #d5e4ff;
    
    /* Color - Brand - ICON */
    --color-G15: #e4e04e;
    --color-G16: #a7cf00;
    --color-G17: #91c8dc;
    --color-G18: #e47b21;
    --color-G19: #ff6e00;
    --color-G20: #5ade7e;

    /* Color - Neutral */
    --color-black: #000000;  /*Black*/
    --color-darkGrey: #666; /*text*/ 
    --color-grey: #999;/* disabled inputs and widget grey color */
    --color-mediumGrey: #cdcdcd; /* border */
    --color-lightGrey: #F8F8F8; /* background*/
    --color-white: #FFF; /* replace white colors everywhere */
    
    --color-shadow-grey: #F0F1F3; /* grey shadow */
    --color-shadow-lightGrey: #FBFBFB; /* light grey shadow */
    
    --color-primary: var(--color-G4);
    --color-secondary:var(--color-G3);
    --color-terciary: var(--color-G8);
    
    --color-primary-hover:var(--color-G3);
    --color-primary-selected: rgba(37, 119, 25, .12);
    --color-primary-lightest: linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, .9));
    
    /* Color - Semantic */
    --color-error-light: #fceaea;
    --color-error: #dc2020;
    
    --color-warning-light: #fdf6e5;
    --color-warning: #e9a100;
    
    --color-success-light: #eaf3eb;
    --color-success: #29823b;
    
    --color-info-light: #e5f5fc;
    --color-info: #017aad;
    
    --border-radius-soft: 6px;

    /* App Settings */
    --color-background-body: #fff;
    
    /* Custom Settings */      
    --theme-menu-background: #E6EBE6;
        
    --theme-border-line: 1px solid #ddd;
    
    --theme-menu-item-background: #2069e7;
    --theme-menu-item-color: #fff;
}

/*Logos*/
.ios_container .DynamicPartnerLogo{
    margin: 16px 24px;
}

.DynamicSULogo,
.DynamicPartnerLogo {
    background-size: contain;
    background-repeat: no-repeat;
}

.DynamicPartnerLogo .Logos {
    background-size: contain;
    background-repeat: no-repeat;
    width: 370px;
    height: 60px;
}

.DynamicSULogo .Logos {
    background-size: contain;
    width: 370px;
    height: 60px;
}

/* Input With Icon*/
.input-with-icon .input-with-icon-content-icon {
  display: block;
  text-align: center;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 1.33333333em;
  line-height: 38px;
  vertical-align: middle;
}

.input-with-icon.Valid .input-with-icon-content-icon:after,
.IOS_popup__layout .input-with-icon.Valid .input-with-icon-content-icon:after{
  content: "\f00c";
  color: var(--color-success);
}

.input-with-icon.Not_Valid .input-with-icon-content-icon:after,
.IOS_popup__layout .input-with-icon.Not_Valid .input-with-icon-content-icon:after{
  content: "\f00d";
  color: var(--color-error);
}

.input-with-icon.Valid .input-with-icon-content-icon:empty,
.input-with-icon.Not_Valid .input-with-icon-content-icon:empty{
    display: block;   
}

/* input icon without icon */

.input-with-icon.Valid .input-with-icon-content-icon:empty,
.input-with-icon.Not_Valid .input-with-icon-content-icon:empty {
    content: "";
}

.IOS_Stepper_Fields
.input-with-icon.Valid.No_Icon .input-with-icon-content-icon:after {
    content: "";
}

.IOS_Stepper_Fields
.input-with-icon.Not_Valid.No_Icon .input-with-icon-content-icon:after {
    content: "";
}

.IOS_Stepper_Fields
.input-with-icon.No_Icon .input-with-icon-content-icon:after {
    content: "";
}



/* UTILITIES*/

.non-selection::-moz-selection { /* Code for Firefox */
    background: transparent;
  }
  
  .non-selection::selection {
    background: transparent;
  }
  
  /*------------------ IOS POPUPS - LAYOUT ------------------*/

/* IOS Popups - Structure */

.IOS_popup__layout{
    padding: 0 32px;
}

.IOS_popup__layout .MainPopup{
    min-width: 0;
    padding: 0;
}

.IOS_popup__layout .IOS_closePopup_link, 
.IOS_popup__layout .IOS_button__placeholder{
    text-align: center;
    padding-bottom: 8px;
}

.IOS_popup__content{
    flex: 1;
    width: auto;
}

.IOS_popup__item{
    
}


.IOS_popup__close{
    position: absolute;
    width: auto;
    right: 16px;
    top:0;
}

/* IOS Popups - Heading */

.IOS_popup__title,
.Form .IOS_popup__title{
    font-size: 28px;
    color: var(--color-black);
    font-weight: 700;
    text-align: center;
    line-height: 34px;
}

.IOS_popup__subtitle,
.Form .IOS_popup__subtitle{
    font-size: 16px;
    text-align: center;
}

/* IOS Popups - Buttons */

.Button[disabled].IOS_popup__button, 
.Button:disabled.IOS_popup__button,
.Form .Button[disabled].IOS_popup__button, 
.Form .Button:disabled.IOS_popup__button{
    border: var(--border-size-m) solid var(--color-mediumGrey);
    box-shadow: none;
    color: var(--color-grey);
    pointer-events: none;
    background-color: var(--color-lightGrey);
    width: 234px;
    height: 48px;
    border-radius: 5px;
    border-width: 2px;
    font-size: 18px;
    font-weight: var(--font-bold) !important;
    margin-bottom: 30px;
    box-shadow: none;
}

.Button.Is_Default.IOS_popup__button,
.Form .Button.Is_Default.IOS_popup__button{
    width: 234px;
    height: 48px;
    font-size: 18px;
    font-weight: var(--font-bold) !important;
    background-color: var(--color-G13);
    border-color: var(--color-G13);
    margin-bottom: 30px;
    box-shadow: var(--shadow-xl);
}

[class*="Logo_CallCenter"] .Button.Is_Default.IOS_popup__button,
[class*="Logo_CallCenter"] .Form .Button.Is_Default.IOS_popup__button{
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.Button.IOS_popup__button,
.Form .Button.IOS_popup__button{
    width: 234px;
    height: 48px;
    font-size: 18px;
    font-weight: var(--font-bold) !important;
    background-color: var(--color-G13);
    border-color: var(--color-G13);
    margin-bottom: 30px;
    box-shadow: var(--shadow-xl);
}

.Button:hover.IOS_popup__button, 
.Button.Is_Default:hover.IOS_popup__button,
.Form .Button:hover.IOS_popup__button, 
.Form .Button.Is_Default:hover.IOS_popup__button{
    background-color: var(--color-G13);
    filter: brightness(110%);
    box-shadow: var(--shadow-xl);
}

.Logo_CallCenter .Button.Is_Default:not([disabled]),
.Logo_CallCenter .Button.Is_Default:not(:disabled){
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

/* IOS Popups - Inputs */

.IOS_popup__layout .input, 
.IOS_popup__layout .input:hover,
.IOS_popup__layout .input:active,
.IOS_popup__layout .input:focus,
.IOS_popup__layout .Form .input, 
.IOS_popup__layout .Form .input-with-icon,
.IOS_popup__layout .Form .input:hover,
.IOS_popup__layout .Form .input:active,
.IOS_popup__layout .Form .input:focus{
    background-color: white;
    font-size: 20px;
    color: var(--color-darkGrey);
    text-align: center;
    width: 100%;
    height: 32px;
    border: none;
    border-radius: 0;
    border-bottom: 2px solid var(--color-G5);
    margin-left: 0;
}

.IOS_popup__layout .Form .input-with-icon .input-with-icon-input, 
.input-with-icon .input-with-icon-input input{
    width: 100%;
}

.IOS_popup__layout .input[readonly="readonly"],
.IOS_popup__layout .Form .input[readonly="readonly"]{
    background-color: var(--color-shadow-lightGrey);
    font-size: 20px;
    color: var(--color-darkGrey);
    text-align: center;
    width: 100%;
    height: 32px;
    border: none;
    border-radius: 0;
    border-bottom: 2px solid var(--color-G5);
    opacity: 0.5;
}

/* IOS Popups - Labels */

.IOS_popup__layout label, 
.IOS_popup__layout label:hover, 
.IOS_popup__layout label:active,
.IOS_popup__layout .Form label, 
.IOS_popup__layout .Form label:hover, 
.IOS_popup__layout .Form label:active{
    font-size: 22px;
    color: var(--color-black);
    text-align: center;
    width: 100%;
    height: 36px;
 }

/* GDPR Module */

.IOS_gdpr *{
    margin: 0;
    padding: 0;
}

.IOS_gdpr .consent{
    display:flex;
    vertical-align: baseline;
}

.IOS_gdpr .consentCheck{
    margin-right: 4px;
}

.IOS_gdpr .consentCheck{
    margin-right: 4px;
}

.IOS_gdpr .consentMessage{
    margin-top: 2px;
}
  
  /* POPUPS */
  
  .Form input[type="text"].pops-inputs--placeholder,
  .Form input[type="email"].pops-inputs--placeholder, 
  .Form .pops-row input[type="text"].pops-inputs--placeholder
  .pops-inputs--placeholder,
  .Form input.ReadOnly:not(.Not_Valid), 
  .Form textarea.ReadOnly:not(.Not_Valid), 
  .Form select.ReadOnly:not(.Not_Valid){
      background-color: none;
      font-size: 20px;
      color: var(--color-darkGrey);
      text-align: center;
      height: 32px;
      border: 0;
      border-bottom: 2px solid var(--color-G5);
      background-color: white;
  }

/*div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-content, 
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-content {
    max-height: 100%;
    height: 100%!important;
    min-height: 380px!important;
}*/

.os-internal-Popup.os-internal-ui-dialog iframe {
    border-radius: 4px;
/*    min-height: 380px;*/
}
  
  /*Balloons*/
  
.IOS-balloon{
    font-size: 16px;
}

.IOS-ballon-message-limiter{
    width: 130px;
}
  
  /* $4.4.7 - Patterns - Navigation - Wizard */
  .wizard-item {
      -webkit-box-align: center;
         -ms-flex-align: center;
            align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
      -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
      position: relative;
      width: 100%;
  }
  
  .wizard-item.label-top .wizard-item-icon-wraper {
      -webkit-box-ordinal-group: 3;
                 -ms-flex-order: 2;
                          order: 2;
  }
  
  .wizard-item.label-top .wizard-item-label {
      -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
      -webkit-box-ordinal-group: 2;
                 -ms-flex-order: 1;
                          order: 1;
  }
  
  .ie11 .wizard.flex-direction-row .wizard-item.label-top .wizard-item-label,
  .ie10 .wizard.flex-direction-row .wizard-item.label-top .wizard-item-label {
      -webkit-box-flex: 0;
              -ms-flex: none;
                  flex: none;    
  }
  
  .wizard-item-icon:empty {
      height: 8px;
      width: 8px;
  }
  
  .wizard-item-icon {
      -webkit-box-align: center;
         -ms-flex-align: center;
            align-items: center;
      background-color: var(--color-neutral-0);
      border-radius: var(--border-radius-circle);
      /*border: none;*/
      color: var(--color-neutral-7);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 58px;
      -webkit-box-pack: center;
         -ms-flex-pack: center;
       justify-content: center;
      margin: 0 auto;
      position: relative;
      width: 58px;
      z-index: 2;
      box-shadow: 0px 3px 6px var(--color-G16);
  }
  
  .wizard-item.active .wizard-item-icon {
      background-color: var(--color-neutral-0);
      border: var(--border-size-l) solid var(--color-G1);
      color: var(--color-primary);
  }
  
  .wizard-item.past .wizard-item-icon {
      background-color: var(--color-neutral-0);
      color: var(--color-neutral-0);
  }
  
  .wizard-item-icon .fa-fw {
      font-size: var(--font-size-xs);
      width: auto;
  }
  
  .wizard-item-icon-wraper {
      margin: var(--space-s) var(--space-xl);
      position: relative;
      width: 100%;
  }
  
  .wizard-item .wizard-item-icon-wraper:before {
      content: '';
      height: 2px;
      position: absolute;
      right: calc(50% + 12px);
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      width: calc(100% - 24px);
      z-index: 0;
  }
  
  .wizard-item.past .wizard-item-icon-wraper:before {
      background-color: var(--color-primary);
  }
  
  .wizard-item.active .wizard-item-icon-wraper:before {
      background-color: var(--color-primary);
  }
  
  .wizard-item.next .wizard-item-icon-wraper:before {
      background-color: var(--color-neutral-5);
  }
  
  .wizard-item:first-child .wizard-item-icon-wraper:before {
      content: none;
  }
  
  .wizard-item-label {
      color: var(--color-neutral-7);
      text-align: center;
      font-weight: bold
  }
  
  .ios-wizard-item .wizard-item-label {
      flex-grow: 1;
      text-align: left;
  }
  
  .wizard-item.past .wizard-item-label {
      color: var(--color-neutral-8);
  }
  
  .wizard-item.active .wizard-item-label {
      color: var(--color-neutral-10);
  }
  
  .wizard-item.next .wizard-item-icon .fa-fw {
      color: var(--color-neutral-5);
  }
  
  .wizard-vertical .wizard-item {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
      margin-bottom: var(--space-l);
  }
  
  .wizard-vertical .wizard-item:last-child {
      margin-bottom: var(--space-none);
  }
  
  .wizard-vertical .wizard-item-icon-wraper {
      margin: var(--space-none) var(--space-s) var(--space-none) var(--space-none);
      width: auto;
  }
  
  .wizard-vertical .wizard-item .wizard-item-icon-wraper:before {
      bottom: calc(50% + 12px);
      height: 96px;   
      left: 50%;
      top: auto;
      -webkit-transform: translateY(0) translateX(-50%);
              transform: translateY(0) translateX(-50%);
      width: 2px;
  }
  
  .wizard-vertical .wizard-item.label-top .wizard-item-label {
      text-align: right;
  }
  
  .wizard-vertical .wizard-item.label-top .wizard-item-icon-wraper {
      margin: var(--space-none) var(--space-none) var(--space-none) var(--space-s);
  }
  
  .wizard .ListRecords {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
  }
  
  .wizard-vertical .ListRecords {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
  }
  
  .ie11 .wizard-vertical .wizard-item {
      -webkit-box-flex: 0;
              -ms-flex: none;
                  flex: none;
  }
  .wizard-item.past img, 
  .wizard-item.active img {
      opacity: 1
  }
  
  .wizard-item img {
      opacity: 0.5;
      width: 44px;
      height: 44px;
  }

  /** wizard logo **/
    .Logo_CallCenter .wizard-item img,
    .Logo_CallCenter__YAUTM .wizard-item img,
    .Logo_CallCenter__YAUTM_Vel .wizard-item img{
        width: 100% !important;
        height: 100% !important;
    }

    .Logo_CallCenter .wizard-item-icon,
    .Logo_CallCenter__YAUTM .wizard-item-icon,
    .Logo_CallCenter__YAUTM_Vel .wizard-item-icon{
        box-shadow: none;
        margin: none;
    }

    .Logo_CallCenter .wizard-item.active .wizard-item-icon,
    .Logo_CallCenter__YAUTM .wizard-item.active .wizard-item-icon,
    .Logo_CallCenter__YAUTM_Vel .wizard-item.active .wizard-item-icon {
        border: none;
    }

  
  /* Template Sim Auto */
  
  .header-sim-div { 
      display: inline-flex; 
    }
  
  .margin-top-60 { 
      margin-top: 60px; 
    }
  
  .margin-right-130 { 
      margin-right: 130px; 
    }
  
  .margin-left-105 { 
      margin-left: 105px; 
    }
  
  /* Step Content */
  .contact-agent-btn {
      position: relative;
      float: right;
      height: 60px;
      width: 60px;
      border: 2
      
  }
  .back-btn {
      position: relative;
      float: left;
      height: 60px;
      width: 60px;
  }
  .wizard-contents {
      align-content: center;
      position: absolute;
  }
  
  .stepContentDiv {
      display: inline-flex;;
  }
  
  /* Carousel */
  
  .carousel{
      height: 100%;   
  }
  
  
.carousel-stack {
    height: 400px;
}

.carousel-stack {
    height: 400px;
}

.phone.portrait .carousel-container,
.phone.landscape .carousel-container {
    height: auto;
}

.phone.portrait .carousel-stack,
.phone.landscape .carousel-stack {
    height: auto;
    padding: 0;
}

  .carousel .tns-slider > .tns-item {
      transform: scale(0.5);
      opacity: 0.5;
      border: none;
      color: var(--color-black);
  }
  
  .carousel .tns-slider > .tns-slide-active {
      transform: scale(1);
      opacity: 1;
      border-bottom-color: var(--color-mediumGrey);
  }
  
.carousel.slider-cards-price .tns-ovh {
    height: 1800px;   
}



  /* EssentialData Inputs */
  
  .select.essential-data {
      background-color: var(--color-background-body);
      border-radius: unset;
      border-top: none;
      border-left: none;
      border-right: none;
      border-color: transparent;
      border-width: 2px;
      color: var(--color-neutral-9);
      font-size: 20px;
      padding: var(--space-base) var(--space-base);
      line-height: 40px;
      height: 65px;
      -webkit-transition: none;
      transition: none;
      text-align: center;
      text-align-last:center;
      width: auto;
      max-width: 100vw;
      /*opacity: 0.5;*//* Accessibility */
      /*padding-right: 35px;*/
  }
  
  .select.essential-data:focus {
      border-color: var(--color-G5);
      color: var(--color-black);
      background: var(--color-background-body);
      opacity: 1;
  }
  
  
  
  .input.essential-data, textarea.input.essential-data {
      background-color: var(--color-background-body);
      border-radius: unset;
      border-top: none;
      border-left: none;
      border-right: none;
      border-color: transparent;
      border-width: 2px;
      color: var(--color-neutral-9); /* Accessibility */
      font-size: 18px;
      -webkit-transition: all 180ms linear;
      transition: all 180ms linear;
      text-align: center;
      margin-bottom: 10px;
      transform: scale(1);
      /*opacity: 0.7;*/ /* Accessibility */
  }
  
  .input.essential-data:hover, .textarea.essential-data:hover, .select.essential-data:hover {
      border-top: none;
      border-left: none;
      border-right: none;
      border-color: transparent;
  }
  
  .input.essential-data:focus, .textarea.essential-data:focus {
      border-top: none;
      border-left: none;
      border-right: none;
      border-color: var(--color-G5);
      border-width: 2px;
      color: var(--color-black);
      font-size: 18px;
      background: var(--color-background-body);
      transform: scale(1.5);
      opacity: 1;
      margin-bottom: 10px;
      z-index: 1;
  }
  
  .input.essential-data.Not_Valid {
      border-radius: unset;
      border-top: none !important;
      border-left: none !important;
      border-right: none !important;
      color: var(--color-error);
  }
  
  
  .input.essential-data.step1{
      width: 240px;
  }
  
  
  .input.essential-data.step1auto {
      width: auto;
      min-width: 240px;
  }
  
  .input.essential-data.email {
      width: 380px;
      background: transparent;
      border-left: none;
      border-right: none;
      border-top: none;
      border-radius: 0;
      border-color: var(--color-G5);
  }
  
.input.essential-data.extras{
    width: 100px;
    background-color: transparent;
    margin-left: 50px;
}
.input-with-icon .input-with-icon-input, .input-with-icon .input-with-icon-input input {
    width: fit-content;
    width: moz-fit-content;
}


.input-with-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline-flex;
    position: relative;
    justify-content: center;
}
  
  .input-with-icon.input-with-icon-right .input-with-icon-content-icon:not(:empty)+.input-with-icon-input input {
      padding-right: var(--space-xl);
      padding-left: var(--space-xl);
  }
  
  .input.essential-data {
      min-width: 160px;
      max-width: 300px;
  }
  
    .input-data-text .input-with-icon .input-with-icon-input, 
    .input-data-text .input-with-icon .input-with-icon-input input{
      min-width: 392px;
  }
  
    .input.input-data-text{
      min-width: 400px;
  }
  
  .input-with-icon.input-data-text .input-with-icon-input input{
      min-width: 440px;
  }

/*
  .input-with-icon .input-with-icon-input, 
  .input-with-icon .input-with-icon-input input {
    width: 400px;
}*/
  
  /* Buttons */
  
  .Button[disabled], .Button:disabled {
      border: var(--border-size-m) solid var(--color-mediumGrey);
      box-shadow: none;
      color: var(--color-grey);
      pointer-events: none;
      background-color: var(--color-lightGrey);
      width: 234px;
      height: 48px;
      border-radius: 5px;
      border-width: 2px;
      font-size: 18px;
      font-weight: var(--font-bold) !important;
      margin-bottom: 30px;
      box-shadow: none;
  }
  
  .Button.Is_Default {
      max-width: 234px;
      height: 48px;
      font-size: 18px;
      font-weight: var(--font-bold) !important;
      background-color: var(--color-primary);
      border-color: var(--color-primary);
      margin-bottom: 30px;
      box-shadow: var(--shadow-xl);
  }
  
  .Button {
      width: 234px;
      height: 48px;
      font-size: 18px;
      font-weight: var(--font-bold) !important;
      background-color: var(--color-primary);
      border-color: var(--color-primary);
      margin-bottom: 30px;
      color: var(--color-white);
      box-shadow: var(--shadow-xl);
  }
  
  .Button:hover, .Button.Is_Default:hover{
      background-color: var(--color-primary);
      filter: brightness(110%);
      box-shadow: var(--shadow-xl);
  }
  
    /* --- Buttons LOGO CALL CENTER --- */

    [class*="Logo_CallCenter"] .Button{
    color: var(--color-black);
    }

    [class*="Logo_CallCenter"] .Button.Is_Default{
    color: var(--color-black);
    }

  /* Labels */
  
label {
    text-align: center;
    font-size: var(--font-size-base);
}
  
label, .Form label {
    color: var(--color-black);
    font-size: var(--font-size-h2);
    font-weight: var(--font-semi-bold);
    letter-spacing: 0.51px;
    -webkit-transition: all 180ms linear;
    transition: all 180ms linear;
    padding: 0 0 0 0;
}

.flex-tooltip-mobile {
    display: revert;
}
  
label.prompt, .Form label.prompt {
    -webkit-transition: all 180ms linear;
    transition: all 180ms linear;
    color: var(--color-black); /* Accessibility */
    font-size: var(--font-size-base);
    /*transform: scale(0.5);*/
    /*opacity: 0.5;*/ /* Accessibility */
}

  label.hide, .Form label.hide {
      -webkit-transition: all 180ms linear;
      transition: color 180ms linear;
      transition: max-heigth 180ms linear 180ms;
      /*color: transparent;*/ /* Accessibility */
      /*max-height: 0px;*/ /* Accessibility */
      overflow: hidden;
  }
  
  
  /* Radio button */

  .radio-button {
      height: 16px;
      margin-bottom: 0px;
      margin-top: 0px;
  }

/* Radio buttons fixed - IOS__Theme MRH */

.FirstRadioButton {
    align-items: center;
}

.SecondRadioButton {
    align-items: center;
}

  /* Radio buttons */
  /*
  .flex-direction-row {
      display: block;
      
  }
  */
  /* Link */
  
  a, a:visited {
      text-decoration: underline;
      color: var(--color-black);
  }
  
  a:hover {
      font-weight: var(--font-semi-bold);
      transition: color 180ms linear;
      text-decoration: underline;
      color: var(--color-black);
  }
  

  /* Checkbox *//*
  .checkbox.fixalign {
      margin-right: 10px;
      position: relative;
      top: 6px;
  }
*/
  
  /* Text */
  
  .text.fixalign {
      display: inline-flex;
      justify-content: center;
      align-items: baseline;    
  }
  
  /* $4.1.1 - Patterns - Content - Accordion */
  .accordion {
      background-color: transparent;
  }
  
  .accordion-item {
      border:none;
      border-bottom-width: var(--border-size-none);
  }
  
  .accordion-item:first-child {
      border-radius: var(--border-radius-soft) var(--border-radius-soft) var(--border-radius-none) var(--border-radius-none);
  }
  
  .accordion-item:last-child {
      border-bottom-width: var(--border-size-s);
      border-radius: var(--border-radius-none) var(--border-radius-none) var(--border-radius-soft) var(--border-radius-soft);
  }
  
  .accordion-item.is--open {
      border-top: var(--border-size-none);         /* RVDR 30/12: Alterado de var(--border-size-m) solid var(--color-primary); */
  }
  
  .accordion-item .accordion-item-header {
      -webkit-box-align: start;
         -ms-flex-align: start;
            align-items: flex-start;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: var(--font-size-h6);
      padding: var(--space-m);
  }
  
  .accordion-item.is--open .accordion-item-header {
      font-weight: var(--font-semi-bold);
  }
  
  .accordion-item .accordion-item-title {
      width: 100%;
  }
  
  .accordion-item .accordion-item-icon {
      color: var(--color-primary);
      -webkit-transition: all 300ms ease-in-out;
              transition: all 300ms ease-in-out;
  }
  
  .accordion-item .accordion-item-icon .fa {
      font-size: 24px;
      width: auto;
  }
  
  .accordion-item.is--open .accordion-item-icon {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
  }
  
  .accordion-item.is--disabled {
      color: var(--color-neutral-7);
      pointer-events: none;
  }
  
  .accordion-item.is--disabled .accordion-item-icon {
      color: var(--color-neutral-6);
  }
  
  .accordion-item .accordion-item-content {
      display: block;
      overflow: hidden;
  }
  
  .accordion-item .accordion-item-content.is--animating.is--expanded {
      overflow: hidden;
  }
  
  .accordion-item .accordion-item-content.is--expanded {
      overflow: visible;
  }
  
  .accordion-item .accordion-item-content,
  .accordion-item .accordion-item-content.is--collapsed {
      height: 0;
      padding: var(--space-none) var(--space-m);
      visibility: hidden;
  }
  
  .accordion-item .accordion-item-content.is--expanded {
      height: auto;
      padding: var(--space-none) var(--space-m) var(--space-m);
      visibility: visible;
  }
  
  .accordion-item .accordion-item-content.is--animating {
      -webkit-transition: all 300ms ease-in-out;
              transition: all 300ms ease-in-out;
  }
  
  /* Card */
  
  .card {
      border: none;
      box-shadow: -8px 30px 56px var(--color-G14);
      max-width: 312px;
  }
  
  a.not-selected-option, a.not-selected-option:visited, a.not-selected-option:hover {
      color: var(--color-black);
      font-weight: normal;
  }
  
  a.selected-option, a.selected-option:visited, a.selected-option:hover {
      color: var(--color-primary);
  } 
  
  .selected-option .highlight{
      color: var(--color-primary);
  }
  
  .back-selected-option{
      background-color: var(--color-primary);
      color: var(--color-white);
  }
  
  .back-selected-option .set-white{
      color: var(--color-white);
  }
  
  .Button.Button-cards {
      width: 75%;
      border-radius: var(--border-radius-rounded);
      height: 42px;
      font-size: 18px;
      font-weight: var(--font-bold) !important;
      background-color: var(--color-white);
      border-color: var(--color-grey);
      margin-bottom: 30px;
      color: var(--color-grey);
      box-shadow: none;
  }
  
  .selected-option .Button.Button-cards {
      background-color: var(--color-primary);
      border-color: var(--color-primary);
      color: var(--color-white);
      box-shadow: var(--shadow-xl);
  }
  
  /* Error */
  
  .Form input.not[type="radio"].Not_Valid, .Form textarea.Not_Valid, .Form select.Not_Valid, input.not[type="radio"].Not_Valid, textarea.Not_Valid, select.Not_Valid, input[type="text"].Not_Valid, input[type="password"].Not_Valid, input[type="datetime"].Not_Valid, input[type="datetime-local"].Not_Valid, input[type="date"].Not_Valid, input[type="month"].Not_Valid, input[type="time"].Not_Valid, input[type="week"].Not_Valid, input[type="number"].Not_Valid, input[type="email"].Not_Valid, input[type="url"].Not_Valid, input[type="search"].Not_Valid, input[type="tel"].Not_Valid, input[type="color"].Not_Valid {
      border-top: none;
      border-left: none;
      border-right: none;
      border: var(--border-size-m) solid var(--color-error) !important;
      padding: 0 15px;
  }
  
  /* Modal */
  .modal {
      z-index: 1000;
  }
  
  .modal-footer {
      border-top: none;
      padding: var(--space-m);
  }
  

  .Button.modal-btn{
    width: 234px;
    height: 48px;
    font-size: 18px;
    font-weight: var(--font-bold) !important;
    background-color: var(--color-background-body);
    border-color: var(--color-G13);
    margin-bottom: 0px;
    color: var(--color-G13);
  }
  .coberturas-Cards {
      max-width: 31%;
      padding-right:  var(--space-l);
      padding-left:  var(--space-l);
  }
  
  .button-group label {
      -webkit-box-flex: 1;
      flex: 1;
      position: relative;
      word-break: normal;
      font-size: revert;
  }
  
  .TableRecords .TableRecords_OddLine, .TableRecords .TableRecords_EvenLine {
      background-color: var(--color-neutral-0);
      border-bottom: 1px solid var(--color-neutral-4);
      height: 48px;
      padding: var(--space-xs) var(--space-xs);
      text-align: left;
      -webkit-transition: all 180ms linear;
      transition: all 180ms linear;
  
  }
  /* Emission */
  
  .BoxBorder{
      width: 881px;
  }
      /* Label */
  .LabelEmission,
  .wblk_select_address label{
      font-size: 14px;
      color: var(--color-black);
      letter-spacing: 0.51px;
      white-space: nowrap;
    }
    
  .labelemission, .form labelemission{
    font-size: var(--font-size-s);
  }
      /* Input */
  .Input-Emission,
  .wblk_select_address input,
  .wblk_select_address select{
      background: transparent;
      border-left: 0;
      border-right: 0;
      border-top: 0;
      border-radius: 0;
      border-color: var(--color-G5);
  }
  
  .Input-Emission:focus,
  .Input-Emission:hover,
  .wblk_select_address input:focus,
  .wblk_select_address input:hover,
  .wblk_select_address select:focus,
  .wblk_select_address select:hover,
  input[type="text"]:focus,
  input[type="text"]:hover{
      background-color: var(--color-white) !important;
      border-left: 0;
      border-right: 0;
      border-top: 0;
      border-radius: 0;
  }
  
      /*  */
      
  .wizardSim {
      position: absolute;
      float: left;
      top: 60px;
      left: 15px;
  }
  
  /*--- Modal ---*/

.modal-wrapper.animate.enter-scale.leave-scale.vehicle_data{
      font-size: 14px;
      max-width: 80%;
  }

  .modal-content{
      max-height: 55vh;   
  }
  
.phone .modal-content{
    max-height: 90vh;   
    padding: var(--space-base);
  }
  
.phone .modal-wrapper {
    max-width: 95%; 
  }
  
  .IOSLayoutModal {
      width: 600px;
  }
  
  /* Table Ative row color */
  .active-row-style {
      background-color: var(--color-G13);
      color: var(--color-white);   
  }

   [class*="Logo_CallCenter"] .active-row-style {
      background-color: var(--color-primary);
      color: var(--color-white);   
  }
  /*  */
  
  .TableRecords tr.active-row > td{
      background-color: var(--color-G13);
      color: var(--color-white);   
  }

  [class*="Logo_CallCenter"] .TableRecords tr.active-row > td{
      background-color: var(--color-primary);
      color: var(--color-white);   
  }
  
  .TableRecords .TableRecords_OddLine{
      background-color: var(--color-lightGrey);
  }
  
  .TableRecords .TableRecords_Header{
    background-color: var(--color-secondary);
    color: var(--color-white);
  }
  
  .Button.btn-modal-version {
      background-color: var(--color-primary);
      border-color: var(--color-secondary);
      border-radius: 23px;
  }
  
  .Button:hover:active.btn-modal-version{
      filter: brightness(100%);
      color: (var(--color-G13));
  }
  
  .Button[disabled].btn-modal-version, .Button:disabled.btn-modal-version {
      border: var(--border-size-m) solid var(--color-mediumGrey);
      color: var(--color-grey);
      pointer-events: none;
      background-color: var(--color-mediumGrey);
  }
  
  /* --- Justify --- */
  
  .consent {
      display: inline-flex;
      justify-content: center;
      align-items: center;
  }
  
  .checkConsentContainer {
        margin-right: 8px;   
  }
  
  .gdpr {
      width: 50%;
      margin: auto;
  }
  
  .ios-gdpr .consent{
      margin-bottom: 0;
  }
  
  /* --- Other Classes --- */
  
  .input-side-icon-check {
      position: absolute;
  }
  
    .animated-label-input .input, .layout .Form .animated-label-input .input.Not_Valid {
    height: 24px!important;
    padding: var(--space-m) var(--space-base) var(--space-s) var(--space-base);
}
  

  .Form input.not[type="radio"].Not_Valid .input.essential-data, 
  .Form textarea.Not_Valid .input.essential-data, 
  .Form select.Not_Valid .input.essential-data, 
  input.not[type="radio"].Not_Valid .input.essential-data, 
  textarea.Not_Valid .input.essential-data, 
  select.Not_Valid .input.essential-data, 
  input[type="text"].Not_Valid .input.essential-data, 
  input[type="password"].Not_Valid .input.essential-data, 
  input[type="datetime"].Not_Valid .input.essential-data, 
  input[type="datetime-local"].Not_Valid .input.essential-data, 
  input[type="date"].Not_Valid .input.essential-data, 
  input[type="month"].Not_Valid .input.essential-data, 
  input[type="time"].Not_Valid .input.essential-data, 
  input[type="week"].Not_Valid .input.essential-data, 
  input[type="number"].Not_Valid .input.essential-data, 
  input[type="email"].Not_Valid .input.essential-data, 
  input[type="url"].Not_Valid .input.essential-data, 
  input[type="search"].Not_Valid .input.essential-data, 
  input[type="tel"].Not_Valid .input.essential-data, 
  input[type="color"].Not_Valid .input.essential-data{
    padding: 0;
  }
  
  .Form input.not[type="radio"].Not_Valid, 
  .Form textarea.Not_Valid, 
  .Form select.Not_Valid, 
  input.not[type="radio"].Not_Valid, 
  textarea.Not_Valid, 
  select.Not_Valid, 
  input[type="text"].Not_Valid, 
  input[type="password"].Not_Valid, 
  input[type="datetime"].Not_Valid, 
  input[type="datetime-local"].Not_Valid, 
  input[type="date"].Not_Valid, 
  input[type="month"].Not_Valid, 
  input[type="time"].Not_Valid, 
  input[type="week"].Not_Valid, 
  input[type="number"].Not_Valid, 
  input[type="email"].Not_Valid, 
  input[type="url"].Not_Valid, 
  input[type="search"].Not_Valid, 
  input[type="tel"].Not_Valid, 
  input[type="color"].Not_Valid {
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
    border-bottom: var(--border-size-m) solid var(--color-error)!important;
    padding: 0 15px;
}
  

  /* Banners */
  
  .banner {
    background-color:  var(--color-lightGrey);
    min-height: 230px;
    left: 0;
    margin-left: -100vw;
    margin-right: -100vw;
}

.price-font {
    color: var(--color-white);
}

.row-full{
    position: relative;
 }
 
 .row-full .banner{
    background-color: var(--color-lightGrey);
    height: auto;
    left: 50%;
    right: 50%;
    margin-left: -100vw;
    margin-right: -100vw;
 }
 
 .accordion.banner-accordion{
     display: inline-block;
 }

.accordion.banner-accordion .accordion-item-icon{
    margin-left: -64px;
 }
 
 /*IOS Animated label */
 
 .IOS_Stepper_Fields .animated-label {
    width: fit-content;
    width: moz-fit-content;
}

.IOS_Stepper_Fields .animated-label-text {
    display: contents;
}

   .IOS_Stepper_Fields .animated-label.active .animated-label-text,
   .IOS_Stepper_Fields .animated-label.active .animated-label-text label,
   .IOS_Stepper_Fields .Form .animated-label{
      color: var(--color-black);
      font-size: var(--font-size-h1);
      font-weight: var(--font-semi-bold);
      letter-spacing: 0.51px;
      -webkit-transition: all 180ms linear;
      transition: all 180ms linear;
      padding: 0 0 0 0;
  }
    
    .IOS_Stepper_Fields .animated-label.active .animated-label-text, 
    .IOS_Stepper_Fields .animated-label.active .animated-label-text label, 
    .IOS_Stepper_Fields .animated-label.active .animated-label-text .input-with-icon .input-with-icon-input input, 
    .IOS_Stepper_Fields .animated-label.active .animated-label-text label .input-with-icon .input-with-icon-input input, 
    .IOS_Stepper_Fields .Form .animated-label {
              color: var(--color-black);
          font-size: var(--font-size-h1);
          font-weight: var(--font-semi-bold);
          letter-spacing: 0.51px;
          -webkit-transition: all 180ms linear;
          transition: all 180ms linear;
          padding: 0 0 0 0;
    }
  
  .IOS_Stepper_Fields .animated-label.active .animated-label-text .info-label-icon,
  .IOS_Stepper_Fields .animated-label.active .animated-label-text label .info-label-icon{
    transform: scale(1.8);
    -webkit-transition: all 180ms linear;
    transition: all 180ms linear;
    margin-bottom: 5px;
    display: inline-block;
}

  .IOS_Stepper_Fields .animated-label .animated-label-text,
  .IOS_Stepper_Fields .animated-label .animated-label-text label{
    -webkit-transition: all 180ms linear;
    transition: all 180ms linear;
    color: var(--color-grey);
    font-size: var(--font-size-base);
    font-weight: var(--font-semi-bold);
    letter-spacing: 0.51px;
}


.IOS_Stepper_Fields .animated-label .animated-label-text .info-label-icon,
.IOS_Stepper_Fields .animated-label .animated-label-text label .info-label-icon{
    margin-left: 8px;
    height: 12px;
    width: auto;
}


.IOS_Stepper_Fields .animated-label .animated-label-text:focus, 
.IOS_Stepper_Fields .animated-label .animated-label-text label:focus {

}

.IOS_Stepper_Fields .animated-label .animated-label-input input, 
.IOS_Stepper_Fields .animated-label .animated-label-input select, 
.IOS_Stepper_Fields .animated-label .animated-label-input textarea {
    background-color: var(--color-background-body);
    border-radius: unset;
    border-top: none;
    border-left: none;
    border-right: none;
    border-color: transparent;
    border-width: 2px;
    color: var(--color-primary);
    font-size: 20px;
    font-weight: 500;
    padding: var(--space-base) var(--space-base);
    -webkit-transition: all 180ms linear;
    transition: all 180ms linear;
    text-align: center;
    margin-bottom: 10px;
    transform: scale(1);
    opacity: 0.7;
    vertical-align: bottom;
}


.IOS_Stepper_Fields .animated-label .animated-label-input input:focus, 
.IOS_Stepper_Fields .animated-label .animated-label-input select:focus, 
.IOS_Stepper_Fields .animated-label .animated-label-input textarea:focus {
    border-top: none;
    border-left: none;
    border-right: none;
    border-color: var(--color-G5);
    border-width: 2px;
    color: var(--color-black);
    font-size: 20px;
    font-weight: 500;
    background: var(--color-background-body);
    transform: scale(1.5);
    opacity: 1;
    margin-bottom: 10px;
    z-index: 1;
    height: 24px!important;
}

/*IOS Input W/ Icon*/

.IOS_Stepper_Fields .input-with-icon .input-with-icon-content-icon {
  display: block;
  text-align: center;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 24px;
  line-height: 32px;
  vertical-align: middle;
}

.IOS_Stepper_Fields .input-with-icon.Valid .input-with-icon-content-icon:after {
  content: "\f00c";
  color: var(--color-success);
}

.IOS_Stepper_Fields .input-with-icon.Not_Valid .input-with-icon-content-icon:after {
  content: "\f00d";
  color: var(--color-error);
}

.IOS_Stepper_Fields .input-with-icon.Valid .input-with-icon-content-icon:empty,
.IOS_Stepper_Fields .input-with-icon.Not_Valid .input-with-icon-content-icon:empty{
    display: block;   
}
/*
.IOS_Stepper_Fields .button-group {
    margin-bottom: 24px;
}*/

/*
.IOS_Stepper_Fields .animated-label.active input{

    will-change: transform, opacity;
    -webkit-transition: all 180ms linear;
    transition: all 180ms linear;
    -webkit-animation-name: none;
    animation-name: none;

}*/

.carousel .carousel-navigation {
    position: absolute;
    top: 240px;
    left: 0;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.carousel .tns-horizontal.tns-subpixel > .tns-item {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
}

.carousel .carousel-arrow-left, 
.carousel .carousel-arrow-right {
    position: absolute;
    background: var(--color-G13);
    color: var(--color-neutral-0);
    border-radius: 50%;
    cursor: pointer;
    height: 40px;
    width: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: var(--shadow-xs);
    box-shadow: var(--shadow-xs);
    -webkit-transition: all 180ms linear;
    transition: all 180ms linear;
}

.carousel .carousel-arrow-left:hover, 
.carousel .carousel-arrow-right:hover {
    color: var(--color-neutral-0);
}

.phone .carousel .carousel-navigation.carousel-padding-none .carousel-arrow-left {
    left: 0;
}

.phone .carousel .carousel-navigation.carousel-padding-none .carousel-arrow-right {
    right: 0;
}

  /*******************************************************/
 /*                 RESPONSIVE CSS START                */
/*******************************************************/

/*     IMPORTANT INFORMATION                                */
/*    .phone.portrait smaller than 420px                    */
/*    .tablet.portrait from 420px to 883px                  */
/*    .tablet.landscape from 884px to 1024px                */
/*    .desktop.desktop-small from 1025px to 1365px          */
/*    .desktop from 1366px to 1599px                        */
/*    .desktop.desktop-big from 1600px to 1919px            */
/*    .desktop.desktop-hd bigger than 1920px                */


/* Phone */

/* Inputs  Data */

.phone .input-with-icon input {
    font-size: var(--font-size-base);
    text-overflow: ellipsis;
}

/* */

.phone.portrait .ios_wrapper,
.phone.landscape .ios_wrapper {
    flex-wrap: wrap;
    width: 100%;
}

.phone .buttons-contacts {
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    margin: 24px 0;
}

.phone.portrait .ios_column,
.phone.landscape .ios_column{
    width: 4%;
    margin: 0%;
    border: 1px solid transparent;
}

.phone .card {
    margin-left: none;
}

.phone.portrait .left_action,
.phone.landscape .left_action {
  height: auto;
  margin-top: var(--space-none);
}

.phone.portrait .right_action,
.phone.landscape .right_action {
  margin-top: var(--space-none);
}

.phone.portrait .ios_column.ios_content, 
.phone.landscape .ios_column.ios_content {
    width: 80%;
    padding: inherit var(--space-xl);
    border: 1px solid transparent;
}

.phone.portrait .ios_column.ios_content .content_box,
.phone.landscape .ios_column.ios_content .content_box {
    margin-top: var(--space-none);
}



/* Wizard */

.phone.portrait .wizard-position,
.phone.landscape .wizard-position {
    margin-top: var(--space-m);
    margin-bottom: var(--space-l);
}

.phone.portrait .wizard_box,
.phone.landscape .wizard_box {
    position: fixed;
    bottom: 0px;
    text-align: left;
    height: auto;
    max-height: 120px;
    width: 100%;
    background-color: white;
    z-index: 1000;
}

.phone.portrait .wizard-item-icon-wraper,
.phone.landscape .wizard-item-icon-wraper {
    margin: var(--space-none) var(--space-s);
}

/* Step 1 - Essential Data */
.phone.portrait .essential_data_title {
    padding: 0;
}
.phone.portrait .row-full .banner {
    width: 100vw;
    padding: 0 10%;
    background-color: var(--color-lightGrey);
 }
 .phone.portrait .aditional-button-text,
 .tablet.portrait .aditional-button-text{
     display: none;
 }

 /* Step 3 - Personal Data */

 .phone.portrait .personal_data,
 .phone.landscape .personal_data {
    /*height: calc(100vh + 420px); - commented to fix infinite height in iframe */
    height: auto;
    margin-top: 0px;
}

.phone.portrait .input.input-data-text,
.phone.landscape .input.input-data-text {
    min-width: 240px;
}
.phone.portrait .input.input-data-text:focus,
.phone.landscape .input.input-data-text:focus {
    max-width: 220px;
}
.phone.portrait .input.essential-data:focus,
.phone.landscape .input.essential-data:focus {
    max-width: 220px;
}

.phone.portrait .carousel-stack [data-carousel-item="clickable"],
.phone.landscape .carousel-stack [data-carousel-item="clickable"] {
    margin-bottom: var(--space-l);
    border: none;
}

.phone.portrait .input-with-icon.input-data-text .input-with-icon-input input, 
.phone.landscape .input-with-icon.input-data-text .input-with-icon-input input{
    width: 100%;
    min-width: 100%;
}

 
 


/* Step 4 - Vehicle Data */

.tablet.portrait .TableRecords:not(.no-responsive) tbody tr:first-child td, .phone .TableRecords:not(.no-responsive) tbody tr:first-child td {
    border-radius: 0;
    border-bottom-color: var(--color-G13);
}

[class*="Logo_CallCenter"] .tablet.portrait .TableRecords:not(.no-responsive) tbody tr:first-child td, .phone .TableRecords:not(.no-responsive) tbody tr:first-child td {
    border-radius: 0;
    border-bottom-color: var(--color-primary);
}

/* Modal Vehicle Data */

.phone.portrait .vehicle_data {
    /*height: calc(100vh + 180px);*/
    height: 100%; /*added MS*/
}


.phone.portrait .modal .modal-wrapper.vehicle_data {
    font-size: 14px;
    max-width: 95%;
    height: 95vh;
}

.phone.portrait .modal .modal-wrapper.vehicle_data .modal-content {
    max-height: calc(90vh - 94px);
}

.phone.portrait .modal .modal-wrapper.vehicle_data tr:first-child {
    margin-top: 0px;
}
.phone.portrait .modal .modal-wrapper.vehicle_data tr[extendedclass="clickable-row"] {
    margin-bottom: 6px;
    padding-bottom: 0px;
    border-bottom: 1px solid var(--color-neutral-4);
}


.phone.portrait .final_price {
    height: auto;
}


/* Cards */

.phone .carousel .tns-ovh {
    padding: 0 16px;
}

.phone [class*="ThemeGrid_Width"]:not(.no-responsive) {
    margin: var(--space-none) var(--space-none) var(--space-base) var(--space-none);
    /*width: 57.516339869281%;*/
}

/* Tablet Portrait */

.tablet.portrait .ios_wrapper {
    width: 100%;
    padding: 0 8px;
}

.tablet.portrait .ios_column {
    width: 4%;
    margin: 0%;
    border: 1px solid transparent;
}

.tablet .buttons-contacts {
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    margin: 24px 0;
}


.tablet.portrait .ios_column.ios_content {
    width: 80%;
    padding: inherit var(--space-xl);
    border: 1px solid transparent;
}

.tablet .card {
    max-width: 100%;
}


/* Tablet Landscape */

.tablet.landscape .ios_wrapper {
    width: 100%;
}

.tablet.landscape .ios_column{
    width: 10%;
    margin: 0%;
    border: 1px solid transparent;
}

.tablet.landscape .ios_column.ios_content {
    width: 80%;
    padding: inherit var(--space-xl);
    border: 1px solid transparent;
}

.tablet.landscape .card {
    max-width: fit-content;
}



/* Desktop Small */

.desktop.desktop-small .ios_wrapper {
    width: 100%;
}

.desktop.desktop-small .ios_column{
    width: 12%;
    margin: 0%;
    border: 1px solid transparent;
}

.desktop.desktop-small .ios_column.ios_content {
    width: 76%;
    padding: inherit var(--space-xl);
    border: 1px solid transparent;
    z-index: 999;
}

.desktop.desktop-small .card {
    max-width: 350px;
}

.desktop.desktop-small .Button.additional-button .ios-btn-add-label {
    display: none;
}

.desktop.desktop-small .ios-btn-add-link {
    display: block;
}

/* Desktop from 1366px to 1599px */

.desktop .ios_wrapper {
    width: 100%;
    max-width: 1366px;
}

.desktop .ios_column{
    width: 12%;
    margin: 0%;
    border: 1px solid transparent;
}

.desktop .ios_column.ios_content {
    width: 76%;
    padding: inherit var(--space-xl);
    border: 1px solid transparent;
}

.desktop .card {
    max-width: fit-content;
    height: fit-content;
    height: -moz-fit-content;
    margin: 0 16px;
}

.desktop .card.card-final {
    height: auto;
}

/* Desktop-big from 1600px to 1919px */

.desktop.desktop-big .ios_wrapper {
    width: 100%;
    max-width: 1919px;
}

.desktop.desktop-big .ios_column{
    width: 10%;
    margin: 0%;
    border: 1px solid transparent;
}

.desktop.desktop-big .ios_column.ios_content {
    width: 80%;
    padding: inherit var(--space-xl);
    border: 1px solid transparent;
}

.desktop.desktop-big .card {
    max-width: 100%;
}

/*Utilities*/

.desktop.desktop-small .VisibleOnMobile,
.desktop .VisibleOnMobile,
.desktop.desktop-big .VisibleOnMobile{
    display: none;
}

.desktop.desktop-small .VisibleOnMobile,
.desktop .VisibleOnMobile,
.desktop.desktop-big .VisibleOnMobile{
    display: none;
}

.tablet.landscape .HiddenOnMobile, 
.tablet.portrait .HiddenOnMobile,
.phone.portrait .HiddenOnMobile, 
.phone.landscape .HiddenOnMobile {
    display: none;
}

.phone .input-data-text .input-with-icon .input-with-icon-input, 
.phone .input-data-text .input-with-icon .input-with-icon-input input,
.tablet .input-data-text .input-with-icon .input-with-icon-input, 
.tablet .input-data-text .input-with-icon .input-with-icon-input inpu{
      min-width: auto;
  }


.MainPopup {
    padding: 0;
}

.phone .carousel.slider-cards-price .tns-ovh, 
.tablet .carousel.slider-cards-price .tns-ovh {
    height: 100%;
    padding: 8px;
}


  /*******************************************************/
 /*                 RESPONSIVE CSS END                  */
/*******************************************************/

/*wizard Fix*/

.wizard .ListRecords {
    display: flex;
    width: 100%;
    margin-left: var(--space-s);
}

/* Card Coberturas Fix */

.desktop .card, 
.tablet .card, 
.phone .card{
    height: 100%;
}

.tablet .card{
    Width: 315px;    
}

.phone .card{
   max-width: 305px;
}

.desktop .card {
    width: 320px;
    margin: 0 16px;
}

.desktop.desktop-big .card {
    min-width: 324px;
}

/* Return Button Fix */
/* Default Responsive */

.phone .btn, .phone .Button {
    width: 234px;
    max-width: 234px;
}


/*Carousel Fix*/

.carousel-container {
    position: relative;
    height: 100%;
}

.carousel.slider-cards-price .carousel-container {
    height: fit-content;
    heigth: --moz-fit-content;
}

.carousel .carousel-navigation{
    position: absolute;
    top: 13%;
}

.carousel .carousel-navigation.carousel-padding-none .carousel-arrow-right{
    right: 5%;
    transform: translate(15px, 15px);
}

.carousel .carousel-navigation.carousel-padding-none .carousel-arrow-left{
    left: 5%;
    transform: translate(5px, 5px);
}

.phone .carousel .carousel-navigation.carousel-padding-none .carousel-arrow-right{
    right: 2%;
    transform: translate(5px, 5px);
}

.phone .carousel .carousel-navigation.carousel-padding-none .carousel-arrow-left{
    left: 2%;
    transform: translate(5px, 5px);
}

.tablet .carousel .carousel-navigation.carousel-padding-none .carousel-arrow-right{
    right: 4%;
    transform: translate(5px, 5px);
}

.tablet .carousel .carousel-navigation.carousel-padding-none .carousel-arrow-left{
    left: 2%;
    transform: translate(5px, 5px);
}

/* Fix Premio Title*/

.phone .heading3{
    white-space: nowrap;
}

/*input Fix*/

.input, textarea.input, .select{
    padding: var(--space-none) var(--space-s) var(--space-none) var(--space-s);
    text-overflow: ellipsis;
    height: 38px;
}

/*Block Price Fix*/

.IOS_CobItem .block-price {
    width: 100px;
}

/*Phone Combobox Fix*/

.phone [class*="ThemeGrid_Width"]:not(.no-responsive) {
    margin: var(--space-none) var(--space-none);
}

.IOS_Cob_Fran .franchise {
    text-align: left;
    left: auto;
    vertical-align: middle;
    margin-right: 34px;
}

/*Select Fix*/

.select.model {
    text-transform: lowercase;
    background-position: center right 8px;
    background-size: 10px 5px;
    height: auto;
    padding: 10px 20px 6px 6px;
    line-height: 1.25;
}

.IOS_CL_values .select.essential-data {
    font-size: 18px;
    padding: var(--space-none) var(--space-l) var(--space-none) var(--space-none);
    line-height: 40px;
    text-align: left;
    opacity: 0.5;
}

tablet select, .phone select {
    line-height: 22px;
    padding-right: var(--space-xl);
}

.select {
    background-position: center right 2px;
}

/* Tooltip Fix - 13680 */
/* Projeto 13689 IOS Auto */

.tippy-popper .tooltip {
    display: block;
    width: 60%;
}

.phone .tippy-popper .tooltip{
    display: block;
    width: 100%;
}

.only-balloon .tippy-popper {
    max-width: 370px;
    margin-left: 5px;
}

.balloon-content {
    padding: var(--space-base);
}

.tippy-popper .balloon-container {
    display: block;
    background: var(--color-primary);
    color:white;
    border-radius: var(--border-radius-soft);
    border: var(--border-size-s) solid var(--color-neutral-4);
    box-shadow: var(--shadow-s);
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme .tippy-arrow:before {
    border-bottom: 8px solid var(--color-primary);
}

.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme .tippy-arrow:before {
    border-top: 8px solid var(--color-primary);
}

.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme .tippy-arrow:before {
    border-left: 8px solid var(--color-primary);
}

.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme .tippy-arrow:before {
    border-right: 8px solid var(--color-primary);
}




/* TableRecords Fix - 13680
/* Projeto 13689 IOS Auto */
/*

.phone .TableRecords:not(.no-responsive) tbody tr td {
    align-items: stretch;
}

.phone .TableRecords:not(.no-responsive) tbody tr td{
    display: flow-root;
}
*/



/* Button Group Responsive */
/* Projeto 13689 IOS Auto */

/*
.phone .button-group label {
    -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
    width: 50%; 
}

.phone .button-group label .btn:not(:first-child) {
    border-left: 1px solid var(--color-primary); 
}

.phone .button-group label:not(:first-of-type) .btn {
    border-top: none;
}

.phone .button-group label:first-child .btn {
    border-radius: var(--space-none);
    border-top-left-radius: var(--border-radius-soft);
    border-bottom-left-radius: var(--border-radius-soft);
}

.phone .button-group label:last-child .btn {
    border-radius: var(--space-none);
    border-bottom-right-radius: var(--border-radius-soft);
    border-top-right-radius: var(--border-radius-soft);
}



.phone .extra_radio__buttons .button-group,
.phone .button-group .ListRecords {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 120px;
}
/* Alteração 06/03/2023 */

.phone .button-group,
.phone .button-group .ListRecords {
    width: auto;
    margin-bottom: var(--space-s);
}

.phone .extra_radio__buttons .button-group label .btn:not(:first-child) {
    border: 1px solid var(--color-neutral-6);
}

/* Modal Responsive */
/* Projeto 13689 IOS Auto */

.tablet.portrait .modal, .phone .modal {
    padding: var(--space-none);
}

/*
.tablet.portrait .modal-content,
.phone .modal-content {
    padding: var(--space-m);
}

.tablet.portrait .TableRecords:not(.no-responsive) tbody tr td,
.phone .TableRecords:not(.no-responsive) tbody tr td {
    padding: var(--space-none);
}

.tablet.portrait .TableRecords:not(.no-responsive) tbody tr:first-child td,
.phone .TableRecords:not(.no-responsive) tbody tr:first-child td {
    border-radius: 0;
    border-bottom-color: var(--color-G13);
    display: inline-flex;
}

.tablet.portrait .TableRecords:not(.no-responsive) .TableRecords_Label,
.phone .TableRecords:not(.no-responsive) .TableRecords_Label {
    min-width: 40%;
    max-width: 40%;
    background: var(--color-green-lightest);
    padding: var(--space-s) var(--space-s) var(--space-s) var(--space-s);
    height: 100%;
}

.tablet.portrait .TableRecords:not(.no-responsive) tbody tr td,
.phone .TableRecords:not(.no-responsive) tbody tr td {
    align-items: baseline;
}

.tablet.portrait .TableRecords_Label,
.phone .TableRecords_Label {
    margin-right: 15px;
}

.tablet.portrait .TableRecords:not(.no-responsive) tbody tr td:not(:last-child),
.phone .TableRecords:not(.no-responsive) tbody tr td:not(:last-child) {
    border-bottom: var(--border-size-none);
    display: inline-flex;
}
*/


/* -------- Responsive FeedbackMessage--------------*/

.phone div.Feedback_Message_Error, .phone div.Feedback_Message_Warning, .phone div.Feedback_Message_Success, .phone div.Feedback_Message_Info {
    max-width: 95%;
    min-width: auto;
    padding: var(--space-s);
    font-size: var(--font-size-base);
}

/* --- Style aplicado somente para a DivFeedback (Bloco Final Price Step5) --- */

.FeedMessage div.Feedback_Message_Wrapper {
    position: absolute !important;
    left: 0;
}

/*.FeedMessage div.Feedback_Message_Error,
.FeedMessage div.Feedback_Message_Success,
.FeedMessage div.Feedback_Message_Warning,
.FeedMessage div.Feedback_Message_Info {
    position: absolute;
    left: -10%;
}*/

/*********************** MANDATORY LABEL: START ***********************/
label.MandatoryLabel:after  {
    color: var(--color-error);
}

/* -------- Genéric Contact Buttons from IOS-------- */
.side-button-text {
    text-decoration: none;
}

/* -------- Emission IOS TRQSimpleCardWithIcon -------- */
.BoxCard{
    width: 90%;
}

.phone .BoxCard {
    width: 98%;
}

/* .fixed-width .BoxCard{
    width: 50vw;
} */

.phone .fixed-width .BoxCard{
    width: 95vw;
    margin: 24px auto;
}

/* -------- PopUp Iframe from EmissionInterfaces_CW - FirstPayment_Popup -------- */
div.os-internal-Popup .os-internal-ui-dialog, 
div.os-internal-Popup.os-internal-ui-dialog {
    width: -webkit-fill-available!important;
    max-width: 80%!important;
}

.phone div.os-internal-Popup .os-internal-ui-dialog, 
.phone div.os-internal-Popup.os-internal-ui-dialog {
    width: -webkit-fill-available!important;
    max-width: 95%!important;
}


/* Fix z-index*/
div[id*='ModalMessageSejaCliente'].modal {
    z-index: 1001;
}


/* START - Fix ShowLogin Model Iframe*/

.IOSLayoutModal.modal-iframe{
    max-width: 90vw;
    min-width: 50vw;
    min-height: 50vh;
}

/* END - Fix ShowLogin Model Iframe*/


/*Fix for FlipCardBack at Coverages*/
.flip-content.is--flipped .flip-content-back {
    height: auto;
}



.SelectAddress .columns.gutter-l {
    margin-left: calc(-1 * var(--space-l) / 2);
    margin-right: calc(-1 * var(--space-l) / 2);
}

.SelectAddress .columns.gutter-l > .columns-item {
    padding: var(--space-none) calc(var(--space-l) / 2);
}
/*Dívida técnica*/
.table-inside-carousel-javascript-node {
    font-size:11px; 
    border: 2px solid #BBB;
}
.table-cell-inside-carousel-javascript-node {
    background-color:#BBB;
    color:white; 
    padding: 0 5px;
}
.modal-wrapper-container-step5-final-price {
    z-index: 1;
}