:root {
  --main-bg-dark-color: #0d2c6a;
  --main-bg-color: #E9E9E9;
  --main-header-color: #56876C;
  --main-btn-color: #56876C;
  --main-btn-color-hover: #A50000;
  --main-placeholder-color: #767676;
  --secondary-btn-color: #cc0000; /*Red*/
  --active-green-color:#355244;
  --main-gold-color: #D4A742; 
  --main-lightgray-color: #EDEDEE;
  --main-whiteoff-color: #F7F6F0;
  --main-blackalianza-color: #0F0F0F;
  --main-orange-color: #E3A229;
  --main-gray2-color: #E1E0DA;
  --green-primary: #223F2E;
  --main-grey-1: #686765;
  --main-grey: #b3b2ae;
  --main-beige: #ECE6E1;
  --main-green-light-color: #85E191;
  --main-ice: #F9FEFA; 
}
@font-face {
    font-family: 'GT Walsheim Pro Bold';
    src: url("../../fonts/alianza_2023/GTWalsheimPro-Bold.ttf") ;
}
@font-face {
    font-family: 'GT Walsheim Pro Light';
    src: url("../../fonts/alianza_2023/GTWalsheimPro-Light.ttf") ;
}
@font-face {
    font-family: 'GT Walsheim Pro Medium';
    src: url("../../fonts/alianza_2023/GTWalsheimPro-Medium.ttf") ;
}
@font-face {
    font-family: 'GT Walsheim Pro Regular';
    src: url("../../fonts/alianza_2023/GTWalsheimPro-Regular.ttf") ;
}
@font-face {
    font-family: 'Inter Regular';
    src: url("../../fonts/alianza_2023/Inter-Regular.ttf") ;
}
body{
  background-color: var(--main-whiteoff-color);
}
/***Smart wizard css ***/
#smartwizard{
  background-color: var(--main-ice);
  color: #fff;
  padding: 1rem 5rem;
  color: #000000;
  border-radius: 0.75rem !important; 
}
.sw-theme-default .step-content{background-color: transparent;}
.sw-theme-default .sw-toolbar{background-color: transparent;}
.sw-theme-dots .step-content ,.sw-theme-dots .sw-toolbar,.sw-theme-dots > ul.step-anchor {background-color: transparent;}
.sw-theme-dots .step-content{padding: 0px;}
#smartwizard .nav{
  /*background-color: var(--main-bg-dark-color);*/
  color: #ffffff;
  font-family:'GT Walsheim Pro Regular';
  border: none;
}
#smartwizard .nav a{font-weight: bold;  font-size: 18px;text-transform: uppercase;padding: 0.5rem 1rem;}
#smartwizard select {
    /*-webkit-appearance: none;*/
    -webkit-appearance: menulist;
    font-family: 'GT Walsheim Pro Bold';
    text-transform: uppercase!important; 
  }

#smartwizard option {
    /*-webkit-appearance: none;*/
    -webkit-appearance: menulist;
    font-family: 'GT Walsheim Pro Bold';
    text-transform: uppercase!important;
    color: var(--main-blackalianza-color);
}

#smartwizard{padding-bottom: 80px;}
#smartwizard .nav-item{
  padding: 0px;

}
.sw-btn-group{ position: relative !important;margin-top: 30px;margin-bottom: 20px;padding: 5px 70px;width: 100% !important;}
.sw-theme-default > ul.step-anchor > li.active > a{
  color: #a50000;
    border: none !important;  
  text-decoration: underline;
    background: transparent !important;
    cursor: pointer;
}
.sw-theme-default > ul.step-anchor > li > a{
  text-decoration: none;
    border: none !important;
    background: transparent !important;  
    color: var(--main-btn-color);
}

.sw-btn-prev{ width: 190px;position: relative; right: 0px;position: absolute !important;left: 70px;}
.sw-btn-next{ width: 190px; float: right;position: absolute !important;right: 70px;}
.waiver-step{
  font-size: 11px!important;
  background-color: #fff;
  color: #000;
}
.waiver-step p{
  font-size: 11px!important;
}
.waiver-step h3{
  font-size: 12px!important;
}
.waiver-label{font-family:'GT Walsheim Pro Bold',Arial,sans-serif ;font-size: 18px;}
.u18-disclaimer{font-family:'CGT Walsheim Pro Bold',Arial,Helvetica,sans-serif ;}
div.scroll {
    margin:4px, 4px;
    padding:4px;
    height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
    text-align:justify;
}
#registerButton{margin-right: 70px;}
.aling-lang{
    text-align: right;
}
.aling-logo{
    text-align: left;
}
.btn-lang:hover{ 
  text-decoration: underline !important;
  color: var(--main-btn-color-hover);
  font-size: 17px;
}
.sw-theme-dots > ul.step-anchor > li > a:after {
  content: ' ';
    position: relative;
    left: 43%;
    bottom: 2px;
    margin-top: 10px;
    display: block;
    width: 10px;
    height: 10px;
    background: #EAEAEA; 
    border: 0.805882px solid #355244;
    z-index: 99;
}
.btn.disabled, .btn:disabled, fieldset:disabled .btn {
  color: transparent; 
  background: transparent;
  border: none; 
}
.sw-btn-prev{
  width: 116px;
  text-transform: uppercase;
  color:var(--main-whiteoff-color);
  border: 2px solid var(--main-blackalianza-color);
  background-color:var(--main-blackalianza-color);
  box-shadow: none;
  border-radius: 24px!important;
  padding: 5px 20px;
  min-width: auto;
  font-family: 'GT Walsheim Pro Bold';
}
.sw-btn-next{
  width: 116px;
  text-transform: uppercase;
  color:var(--main-whiteoff-color);
  border: 2px solid var(--main-blackalianza-color);
  background-color:var(--main-blackalianza-color);
  box-shadow: none;
  border-radius: 24px!important;
  padding: 5px 20px;
  min-width: auto;
  font-family: 'GT Walsheim Pro Bold';
} 
.sw-btn-end{
  width: 116px;
  text-transform: uppercase;
  color:var(--main-whiteoff-color);
  border: 2px solid var(--main-blackalianza-color);
  background-color:  var(--main-blackalianza-color);
  box-shadow: none;
  border-radius: 24px!important;
  padding: 5px 20px;
  min-width: auto;
  font-family: 'GT Walsheim Pro Bold';
  position: relative;
    top: 83px; 
}
 
.btn-dark:active {
  background-color: var(--main-green-light-color) !important;
}

 

.form-black-input:checked {
    background-color: #000000;
    border-color: #000000;
}

.sw-btn-end:hover, .sw-btn-prev:hover,  .sw-btn-next:hover{
     background-color: var(--main-green-light-color);
    border-color:var(--main-blackalianza-color);
    color:var(--main-blackalianza-color);
    border: 2px solid var(--main-blackalianza-color);
    box-shadow: none;
    border-radius: 24px;
} 
.referal{
    height: 48px;
}
.iti--separate-dial-code .iti__selected-flag{
  background: var(--main-beige)!important;
  border-top-left-radius: 5px;
  border-bottom-left-radius:5px;
  max-height: 36px;
  border-radius: 5px;
}
.iti input, .iti input[type=text], .iti input[type=tel] {
  border-radius: 5px;
}
.btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn.dropdown-toggle-split:first-child, .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.info-wid{
  font-size: 1rem;
  font-family:"GT Walsheim Pro Light";
  margin: 0rem 0rem;
  text-transform: uppercase;
}
input::placeholder{
    text-align: left;
    color: #767676;
    font-family: 'GT Walsheim Pro Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px; 
}
label.error {
    font-size: 0.75rem;
    color: #992A30;
    font-family: 'GT Walsheim Pro',Arial,Helvetica,sans-serif;  
}

     .form-control:focus {
        border-color: #355244bf;
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px #355244bf;outline: 0 none;
        -webkit-box-shadow: none; box-shadow: none;
    }
/*Dots style custom*/
.sw-theme-dots > ul.step-anchor > li > a:before{width: 0px;}
.sw-theme-dots > ul.step-anchor > li.active > a{color: var(--active-green-color); }
.sw-theme-dots > ul.step-anchor > li.active > a:after{background: var(--active-green-color); }

.sw-theme-dots > ul.step-anchor:before { height: 0px; }
.sw-theme-dots > ul.step-anchor > li.done > a:after{background::#56876C;}
.sw-theme-dots > .nav-item{
  padding:0px

}
#smartwizard .form-group{padding-right:4rem }
#smartwizard .form-control{
  background-color: var(--main-ice);
  border: 1px solid black;border-radius: 5px; 
  font-family: 'GT Walsheim Pro Bold';
  text-transform: none;
}
#smartwizard .form-control::placeholder{
  font-family: 'GT Walsheim Pro Bold';
  text-transform: uppercase;
  color: var(--main-grey-1);
}

/*LA primera opción de select sea de color más claro*/

.no-label .select-wrapper select:invalid {
  color: #666666;
  /*Change color of "placeholder" text in select box*/
}
.color-grey-1{
   color: var(--main-grey-1)!important;
} 

#smartwizard  label {margin-bottom: 0.25rem}
.sw-theme-dots .sw-toolbar{padding-left: 0px; padding-right: 0px;}

.helper{line-height: 12px !important;font-size: 14px}

/*Smart wizard responsive*/
@media (max-width: 991px) { 
   #smartwizard .form-group{padding-right:2rem }
  .sw-btn-group{padding: 15px 5px;}
   #smartwizard .nav-item{ margin: 2px 2px;}
   #smartwizard .nav-item a{ padding-right: 6px ;padding-left: 6px;}

  #smartwizard .nav-item{padding: 0px ;font-size: 14px;}
  .sw-btn-prev{ width: 125px;position: absolute !important;left: 0px;font-size: 16px;margin-top: 20px;}
  .sw-btn-next{ width: 125px;position: absolute !important;right: 0px;font-size: 16px; margin-top: 20px;}
  #registerButton{margin-right: 10px;}
  .form-padding {
    padding: 5px 10px;
  }
  .waiver-step{
   padding: 10px;
  }
  .main-title h2{font-size: 27px; line-height:30px;}
.main-title h3{font-size: 25px; line-height:23px;}
  .aling-lang{
    text-align: center;
    margin-top: 15px;
  }
  .aling-logo{
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    display: block;
  }
  .text-sm-center{
    text-align: center;
  }
  .text-right-mv {
    text-align: right;
  }
}
@media (max-width: 767px) { 
  #smartwizard .form-group{padding-right:0rem }
  .plr-sm-0{
    padding-left: 0px;
    padding-right: 0px;
  }
  #smartwizard .nav a {
    font-weight: bold;
    font-size: 15px;
  }
  .btn-secondary  { 
    font-size: 17px;
  }
  #sig-submitBtn, #sig-clearBtn{
    font-size: 1  rem;
  }
  .sw-btn-end{ 
    top: 50px;
    max-width: 125px;
  }
  .registerButton{top: 50px;}
  .sw-btn-prev,.sw-btn-next{
    top: -40px;
  }
  .sw-btn-prev, .sw-btn-next{
    /*width: 100%;*/
  }
  .sw-theme-dots > ul.step-anchor { 
    top: 20px;
  }
  .sw-theme-dots > ul.step-anchor > li > a:after { 
    /*left: 150%;  */
  }
  .title-wid{
    text-align: center!important;
    font-size: 1.1rem;
    margin-top:10px;
    text-transform: uppercase;
    font-family: 'GT Walsheim Pro Bold';
  }
  .info-wid{
    text-align: center!important;
     font-size: 1.1rem;
  }
  
}

@media (max-width: 700px) { 
   #smartwizard .nav-item{ margin: 0px 10px;}
}
/*Mobile*/
@media only screen and (min-width:320px) and (max-width: 479px) {
   #smartwizard .form-group{padding-right:0rem }
   #smartwizard{
    padding: 1rem 1rem;

  }
}