/* Globals */
/* Colors */
/* Z Indexes */
/* Font Styles */
/* Icons */
#content_alert-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.stepsToActivate {
  display: none;
}

.trial {
  background-color: #00011A;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: none;
}
.trial .stepsToActivate {
  display: block;
}
.trial .header-logo {
  background-size: cover;
  bottom: 0;
  left: 0;
  float: left;
  height: 73.8461538462px;
  margin-left: 60px;
  margin-right: 55.3846153846px;
  margin-top: 10px;
  width: 153.8461538462px;
}
.trial .content-alert-content {
  clear: both;
  padding-top: 25px;
}
.trial .content-alert-content .logout-title {
  font-family: "roboto";
  font-size: 37.3333px;
  color: white;
  font-weight: bold;
  padding-bottom: 20px;
}
.trial .content-alert-content .sub2 {
  font-size: 24px;
  font-family: "roboto";
  color: white;
  margin: 0;
}
.trial .content-alert-content .logout-subtitle {
  font-size: 24px;
  font-family: "roboto";
  color: white;
  font-weight: bold;
  padding-bottom: 80px;
  margin: 0;
}
.trial .content-alert-content .second-message {
  padding-bottom: 10px;
}
.trial .content-alert-content .third-message {
  font-size: 24px;
  font-family: "roboto";
  color: white;
  margin-bottom: 50px;
}
.trial .content-alert-content .stepsToActivate {
  display: -moz-box;
  display: -webkit-box;
}
.trial .content-alert-content .stepsToActivate .stepBox {
  width: 32%;
  height: 212px;
  margin: 0 -2px 15px 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.trial .content-alert-content .stepsToActivate .step1 {
  background-image: url("../images/step1.png");
}
.trial .content-alert-content .stepsToActivate .step2 {
  background-image: url("../images/step2.png");
  display: inherit;
}
.trial .content-alert-content .stepsToActivate .step2 .box-number {
  width: 30%;
  margin-top: 16%;
}
.trial .content-alert-content .stepsToActivate .step2 .number {
  font-size: 62.3333px;
  color: #FF6D00;
  font-weight: bold;
  padding-left: 50%;
}
.trial .content-alert-content .stepsToActivate .step2 .text {
  font-size: 24px;
  color: white;
  margin-top: 18%;
}
.trial .content-alert-content .stepsToActivate .step2 .code {
  float: left;
  font-weight: bold;
}
.trial .content-alert-content .stepsToActivate .step3 {
  background-image: url("../images/step3.png");
}
.trial .content-alert-content .congratsTitle {
  font-size: 37.33px;
  font-weight: bold;
  padding-top: 61px;
  padding-bottom: 15px;
}
.trial .content-alert-content .congratsText {
  font-size: 24px;
  padding-bottom: 25px;
}
.trial .content-alert-content #go_back {
  width: 235px;
}

.suscription-active {
  background-image: url("../images/bg-alert.png") !important;
  background-repeat: no-repeat;
  background-size: cover;
}