/*----------------------------------------------*\
    COLORS
\*----------------------------------------------*/
/*----------------------------------------------*\
    GRID
\*----------------------------------------------*/
/*----------------------------------------------*\
    HEADINGS
\*----------------------------------------------*/
/*----------------------------------------------*\
    FONT
\*----------------------------------------------*/
/*----------------------------------------------*\
   PRIMITIVES
\*----------------------------------------------*/
#PageHeader form.eurosparen-code-object {
  position: static; }

#PageHeader .mobile-euro-block-wrapper form.eurosparen-code-object {
  position: relative; }

.header-eurosparen > .wrapper {
  height: 50px;
  margin-bottom: 8px; }

.header-eurosparen .form.eurosparen-code-object {
  padding-left: 20px; }

.mobile-euro-block-wrapper {
  width: -webkit-calc(100% + 20px);
  width: calc(100% + 20px);
  left: -10px; }
  .mobile-euro-block-wrapper .mobile-euro-block-bg {
    height: 100vh; }
  .mobile-euro-block-wrapper .object-signin-content {
    margin-left: 0; }
    .mobile-euro-block-wrapper .object-signin-content .logged-sign {
      font-size: 0.9em; }
  .mobile-euro-block-wrapper .mobile-euro-block-content .eurocode-wrapper {
    padding: 15px 0 25px; }
    .mobile-euro-block-wrapper .mobile-euro-block-content .eurocode-wrapper form.eurosparen-code-object .code {
      min-width: 205px;
      max-width: 205px; }
    .mobile-euro-block-wrapper .mobile-euro-block-content .eurocode-wrapper form.eurosparen-code-object .question-container {
      top: 9px; }
    .mobile-euro-block-wrapper .mobile-euro-block-content .eurocode-wrapper form.eurosparen-code-object button.btn-send {
      top: -3px; }
  .mobile-euro-block-wrapper .header-eurosparen > .wrapper {
    height: 50px; }
  .mobile-euro-block-wrapper .object-signin-content .logged-sign a {
    margin-left: 0; }

.toggle-euro-mobile-button-wrapper {
  right: 10px;
  z-index: 3; }

.toggle-euro-mobile-button-wrapper button img {
  width: 50px;
  height: auto; }

form.eurosparen-code-object {
  padding: 0 10px; }
  form.eurosparen-code-object.show .code {
    border: 1px solid #273582; }
  form.eurosparen-code-object .code {
    min-width: 235px;
    max-width: 235px;
    padding: 0 80px 0 25px;
    height: 50px;
    border: 1px solid #273582;
    border-radius: 10px;
    font-size: 23px;
    color: #606060; }
  form.eurosparen-code-object button.btn-send {
    font-family: "CoHeadline-Light";
    color: #273582;
    border-color: #273582;
    font-size: 15px;
    right: 65px;
    top: -8px; }
  form.eurosparen-code-object .question-container {
    right: 23px;
    top: 6px; }
  form.eurosparen-code-object .question {
    border: 1px solid #273582;
    color: #273582;
    font-family: "CoHeadline-Light";
    height: 25px;
    width: 25px;
    font-size: 14px;
    line-height: 23px; }
  form.eurosparen-code-object [data-tooltip-wrapper] {
    padding-top: 25px; }
  form.eurosparen-code-object .data-tooltip-response .response-tip {
    padding-top: 1.5em; }
    form.eurosparen-code-object .data-tooltip-response .response-tip .pc-block-title {
      font-size: 16px; }
    form.eurosparen-code-object .data-tooltip-response .response-tip .button {
      border-radius: 5px; }
      form.eurosparen-code-object .data-tooltip-response .response-tip .button.loading:after {
        border: none; }
    form.eurosparen-code-object .data-tooltip-response .response-tip #btn-ajax-next-step {
      margin-bottom: 0; }
  form.eurosparen-code-object .message-container {
    padding-top: 1.5em; }
    form.eurosparen-code-object .message-container .message-close {
      width: 10px;
      height: 10px;
      background-size: 10px 10px; }

#sm-modal-popup.code-popup #sm-modal-wrapper {
  width: 100%; }

#sm-modal-popup.code-popup #sm-modal-content {
  max-height: -webkit-calc(100vh - 40px);
  max-height: calc(100vh - 40px); }

#sm-modal-popup.code-popup .sm-modal-content {
  padding: 35px 30px;
  max-height: 100vh; }

#sm-modal-popup.code-popup .button-close {
  position: absolute;
  right: 15px;
  top: 15px;
  font-size: 1em;
  cursor: pointer; }

#sm-modal-popup.code-popup .pc-block-title {
  font-family: "CoHeadline-Light";
  font-size: 25px; }

#sm-modal-popup.code-popup .step[data-step="0"] .button.next {
  display: inline-block; }

#sm-modal-popup.code-popup .button {
  border-radius: 5px;
  margin-top: 10px; }

#sm-modal-popup.code-popup div#sm-modal-wrapper .wide-button .button {
  max-width: -webkit-calc(100% - 40px);
  max-width: calc(100% - 40px); }

#sm-modal-popup.code-popup .placeholder {
  display: inline-block;
  margin-bottom: 8px;
  font-size: 0.9em; }

/*----------------------------------------------*\
   MEDIA
\*----------------------------------------------*/
@media screen and (max-width: 1279px) {
  #sm-modal-popup.code-popup #sm-modal-wrapper {
    top: 5vh; }
    #sm-modal-popup.code-popup #sm-modal-wrapper .sm-modal-content .flex-button-wrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding-top: 10px; }
      #sm-modal-popup.code-popup #sm-modal-wrapper .sm-modal-content .flex-button-wrapper .button {
        margin: 6px 0 !important; }
    #sm-modal-popup.code-popup #sm-modal-wrapper .sm-modal-content .flex-align {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    #sm-modal-popup.code-popup #sm-modal-wrapper .sm-modal-content .separate-inputs,
    #sm-modal-popup.code-popup #sm-modal-wrapper .sm-modal-content .explanation {
      margin-bottom: 0; }
    #sm-modal-popup.code-popup #sm-modal-wrapper .sm-modal-content .explanation-wrapper {
      width: 100% !important;
      text-align: center; }
    #sm-modal-popup.code-popup #sm-modal-wrapper .sm-modal-content .button,
    #sm-modal-popup.code-popup #sm-modal-wrapper .sm-modal-content .button.skip-step {
      width: -webkit-calc(100% - 20px);
      width: calc(100% - 20px); } }

@media screen and (max-width: 960px) {
  #sm-modal-popup.code-popup #sm-modal-wrapper {
    top: 2vh;
    max-width: 90vw; }
    #sm-modal-popup.code-popup #sm-modal-wrapper .sm-modal-content .flex-content-wrapper {
      text-align: center; }
    #sm-modal-popup.code-popup #sm-modal-wrapper .sm-modal-content .button.skip-step {
      font-size: 13px; }
      #sm-modal-popup.code-popup #sm-modal-wrapper .sm-modal-content .button.skip-step span {
        padding: 0 2em; }
  #sm-modal-popup #sm-modal-wrapper {
    height: auto;
    top: 0;
    max-height: 100%;
    overflow-y: auto; } }

@media screen and (max-width: 950px) and (orientation: landscape) {
  #sm-modal-popup #sm-modal-wrapper {
    height: auto;
    top: 0;
    max-height: 100%;
    overflow-y: auto; }
    #sm-modal-popup #sm-modal-wrapper .sm-modal-content .button.skip-step {
      font-size: 13px; }
      #sm-modal-popup #sm-modal-wrapper .sm-modal-content .button.skip-step span {
        padding: 0 2em; }
  .toggle-euro-mobile-button-wrapper, .mobile-euro-block-wrapper {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; } }

@media screen and (max-width: 950px) {
  .toggle-euro-mobile-button-wrapper, .mobile-euro-block-wrapper {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; } }

@media screen and (max-width: 650px) {
  #sm-modal-popup.code-popup #sm-modal-wrapper {
    top: 0;
    max-width: 100vw; }
    #sm-modal-popup.code-popup #sm-modal-wrapper .sm-modal-content {
      padding: 55px 15px 35px; }
      #sm-modal-popup.code-popup #sm-modal-wrapper .sm-modal-content .step-content > .row > .col {
        max-width: 100%; }
      #sm-modal-popup.code-popup #sm-modal-wrapper .sm-modal-content .pc-block-title {
        font-size: 22px; }
      #sm-modal-popup.code-popup #sm-modal-wrapper .sm-modal-content .placeholder {
        font-size: 14px; }
      #sm-modal-popup.code-popup #sm-modal-wrapper .sm-modal-content .sm-modal-content {
        padding: 3em 1em; }
      #sm-modal-popup.code-popup #sm-modal-wrapper .sm-modal-content .step[data-step='3'] {
        padding-bottom: 10px; }
      #sm-modal-popup.code-popup #sm-modal-wrapper .sm-modal-content .step-content > .row > .col {
        max-width: -webkit-calc(100% - 10px);
        max-width: calc(100% - 10px);
        text-align: center; }
      #sm-modal-popup.code-popup #sm-modal-wrapper .sm-modal-content .formError .formErrorContent {
        width: 200px;
        font-size: 9px;
        padding: 12px 25px 10px 10px; }
      #sm-modal-popup.code-popup #sm-modal-wrapper .sm-modal-content .summary span[data-name] {
        display: block; }
      #sm-modal-popup.code-popup #sm-modal-wrapper .sm-modal-content .button {
        font-size: 15px;
        width: -webkit-calc(100% - 40px);
        width: calc(100% - 40px); }
      #sm-modal-popup.code-popup #sm-modal-wrapper .sm-modal-content .button.skip-step {
        font-size: 11px;
        width: 100%; }
        #sm-modal-popup.code-popup #sm-modal-wrapper .sm-modal-content .button.skip-step span {
          padding: 0 1em; }
        #sm-modal-popup.code-popup #sm-modal-wrapper .sm-modal-content .button.skip-step:after {
          display: none; }
  #sm-modal-popup #sm-modal-wrapper {
    height: 100%; } }

/*# sourceMappingURL=../../../maps/spaarshop/objects/custom-eurosparen-code.css.map */