/*
 * Update subscription modal
 */
.active-plan .column{
  width: 100%;
}

/* Float four columns side by side */
.column {
  display: table;
  flex-grow: 1;
  width: 25%;
  padding: 0 10px;
  margin-bottom: 15px;
}
/* Remove extra left and right margins, due to padding */
.row {margin: 0 -5px;}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Style the content cards */
.card.card-style{
  display: table-cell;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.btn-box{
  padding: 3rem 0;
  border: 2px solid #0c94fc;
  color: #0c94fc;
  border-radius: 5px;
  text-align: center;
}

.text-muted-custom{
  color:#6c757d;
}
.subscription-container .btn-box:hover,
.subscription-container .select-plan-hover:hover{
  background-color: #0c94fc;
  color: #fff;
}
.subscription-container .card span{
  color: #757575;
}
.subscription-container .text-overlay:hover p{
  color: #fff;
}
.subscription-container .card.card-style.select-plan-hover{
  padding: 0;
}
.subscription-container .padding-16{
  padding: 16px;
}

/* Responsive columns */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
    margin-bottom: 20px;
  }
  .btn-box {
    padding: 0;
  }
  /* Responsive dialog modal*/
  .ui-dialog{
    max-width: 350px;
  }
  .block-btn.align-right{
    float: none;
  }
}

/* Responsive dialog modal */
@media screen and (max-width: 300px) {
  .ui-dialog{
    max-width: 250px;
  }
  .block-btn.align-right{
    float: none;
  }
}

/* END - Update subscription modal */



/*
 * Update subscription modal
 */
.update-subscription-modal .blok-links{
  align-items: center;
}
#link-to-prorated-terms{
  line-height: 3.3rem;
  vertical-align: middle;
}
.update-subscription-modal .widget-link{
  color:#3EAAFD;
}
.update-subscription-modal .widget-link:hover{
  color:#0c94fc;
  cursor: pointer;
}
.update-subscription-modal a:not([href]):not([tabindex]):focus,
.update-subscription-modal a:not([href]):not([tabindex]):hover,
.update-subscription-modal a:not([href]):not([tabindex]){
  color: #fff;
}
/* END - Update subscription modal */




/*
 * Show plan page style
 */
.show-plan-page li{
  width: 50%;
}
.show-plan-page li.unlimited{
  width: 100%;
}
.show-plan-page .gsc-tabs-content .nav-tabs > li > a{
  font-size: 14px;
}
.card-body img{
  max-width: 350px;
}
/* End - Show plan page */



/*
 * Modal active subscription
 * Becose it is in a ui widget
 */
.btn.btn-sm{
  padding: 0.25rem 0.5rem;
  font-size: 0.76563rem;
  line-height: 1.6;
}
/* --- End Modal active subscription */