html{
  height:100%;
  background:#fff;
}
body{
  //height:100%;
}

.body-sign {
    display: table;
    margin: 0 auto;
    max-width: 800px;
    padding: 0 15px;
    width: 100%;
}

.inputStyle {
  width: 100%;
  font-size: 20px;
  height: 70px !important;
}
a {
  color: #0088cc;
}

a:hover, a:focus {
  color: #D9D9D9;
}

a:active {
  color: #BFBFBF;
}

.templateArea {
  display: inline-block;
  /* width: 840px; */
}

#templateDisplay {
  /* width: 75px; */
  width: 50%;
  float: left;
  text-align: center;
}

#subTemplateDisplay {
  width: 50%;
  float: left;
}

.themeError {
  margin-top: 15px;
  margin-bottom: 0px;
}

.DefaultScreen {
  position: relative !important;
  left: 0px !important;

}

#content{
  position: relative;
  height:100%;
}

.fadeableView {
  opacity: 1;
  margin-right: 0px;
  margin-left: 0px;
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
}

.fadeableRightHidden {
  position: absolute;
  opacity: 0;
  left:0;
  right:0;
  margin-right: -450px;
}

.fadeableLeftHidden {
  position: absolute;
  opacity: 0;
  left:0;
  right:0;
  margin-left: -450px;
}

.input-addon {
  height: 46px !important;
}

.blank-template {
  /*height: 150px !important;*/
  /*width: 175px !important;*/
  /* float  : right !important; */
  /* position : relative !important; */
  /* left: 35px !important; */
  cursor: pointer !important;
  margin-top: 30px;
  /*max-width: 300% !important;*/
  /* margin-left: -100%; */
}

.FigCaptionBlank {
  /* height: 20px; */
  /* width: 110px; */
  /* align-self: center; */
  /* float  : right !important; */
  /* position : relative !important; */
  /* left: 5px !important; */
  cursor: auto !important;
  margin-top: 5px;
  /* margin-left: -70%; */
}

.mockup-template {
  /*height: 150px !important;*/
  /*width: 175px !important;*/
  /* float  : right !important; */
  /* position : relative !important; */
  /* left: 140px; */
  cursor: pointer !important;
  margin-top: 30px;
  /*max-width: 300% !important;*/
  margin-left: 0%;
}

.FigCaptionMockup {
  /* height: 20px; */
  /* width: 110px; */
  align-self: center;
  /* float  : right !important; */
  /* position : relative !important; */
  /* left: 110px !important; */
  cursor: auto !important;
  margin-top: 5px;
  /* margin-left: 15%; */
}

.business-template {
  /*height: 150px !important;*/
  /*width: 175px !important;*/
  /* float  : right !important; */
  /* position : relative !important; */
  /* left: 140px; */
  cursor: pointer !important;
  margin-top: 30px;
  /*max-width: 300% !important;*/
  /* margin-left: 100%; */
}

.FigCaptionBusiness {
  /* height: 20px; */
  /* width: 110px; */
  align-self: center;
  /* float  : right !important; */
  /* position : relative !important; */
  /* left: 110px !important; */
  cursor: auto !important;
  margin-top: 5px;
  /* margin-left: 120%; */
}

.fadeable {
  /* display: block; */
  opacity: 1;
  right: 0;
  /* margin-right: 0; */
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
}

.fadeable.fade-out {
  opacity: 0;
  padding: 0;
  /* margin-right: 450px; */
  cursor: auto !important;
  /* display: none; */
  position: absolute;
  right: 450px;
  /* display: none; */
}

.business1-template {
  height: 120px !important;
  width: 137px !important;
  /* float  : right !important; */
  /* position : relative !important; */
  /* left: 78px; */
  margin-top: 30px;
  /* max-width: 300% !important; */
}

.FigCaptionBusiness1 {
  /* height: 20px; */
  /* width: 112px; */
  /* align-self: center; */
  /* float  : right !important; */
  /* position : relative !important; */
  /* left: 65px !important; */
  /* cursor: auto !important; */
  /* margin-top: 5px; */
}

.fadeable-businessTemplate {
  position: absolute;
  opacity: 0;
  /* margin-right: -250px; */
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  /* display: none; */
  left: 300px;
}

.fadeable-businessTemplate.fade-out-businessTemplate {
  opacity: 1;
  /* padding: 0; */
  /* margin-right: 125px; */
  /* float: left; */
  cursor: pointer !important;
  /* display: inline-block; */
  position: relative;
  left: 0px;
}

.bank-template {
  height: 120px !important;
  width: 137px !important;
  float  : right !important;
  position : relative !important;
  left: 78px !important;
  margin-top: -10px;
  max-width: 300% !important;

}

.FigCaptionBank {
  height: 20px;
  width: 110px;
  align-self: center;
  float  : right !important;
  position : relative !important;
  left: 65px !important;
  cursor: auto !important;
  margin-top: 5px;
}

.fadeable-bankTemplate {
  opacity: 0;
  margin-right: -250px;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}

.fadeable-bankTemplate.fade-out-bankTemplate {
  opacity: 1;
  padding: 0;
  margin-right: 125px;
  cursor: pointer !important;
}

.theme-template {
  height: 120px !important;
  width: 137px !important;
  float  : right !important;
  position : relative !important;
  left: 0px !important;
  margin-top: -10px;
  max-width: 300% !important;
}

.FigCaptionTheme {
  height: 20px;
  width: 110px;
  align-self: center;
  float  : right !important;
  position : relative !important;
  left: -8px !important;
  cursor: auto !important;
  margin-top: 5px;
}

.fadeable-themeTemplate {
  opacity: 0;
  margin-right: -250px;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}

.fadeable-themeTemplate.fade-out-themeTemplate {
  opacity: 1;
  padding: 0;
  margin-right: -20px;
  cursor: pointer !important;
}

.premium-back {
  /* height: 15px !important; */
  /* width: 30px !important; */
  /* float  : right !important; */
  /* position : relative !important; */
  /* left: -3px !important; */
  /* font-size: 9px !important; */
  /* line-height: 0px !important; */
  /* text-align: center !important; */
  /* padding-left: 5px; */
  /* cursor: auto !important; */
  /* margin-top: 4%; */
}

.fadeable-premiumBack {
  opacity: 0;
  margin-right: -250px;
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  DISPLAY: NONE;
}

.fadeable-premiumBack.fade-out-premiumBack {
  opacity: 1;
  padding: 0;
  margin-right: 403px;
  cursor: pointer !important;
  display: block;
  font-size: 12px;
}

.pollSlider {
  /* height: 160px !important; */
  /* width: 440px !important; */
}

.selected{
  box-shadow: 0px 0px 3px #0088cc;
}

.addon {
  display: table;
  width: 800px;
}

.InputAddon {
  width: 100%;
}

.themeName {
  margin-top: 40px;
}

.domainMsgDisplay {
  /* top: 250%; */
  /* left: 40%; */
  /* margin: 0 auto; */
  text-align: center;
}

.domainDisplay {
  /* left: -23%; */
}

.processingMsg {
  position: absolute;
  top: 400%;
  right: 20%
}

.loadingImg {
  position: relative;
  left: 39%;
}

.domainBox {
  position: relative;
  width: 50%;
  /* left: 20%; */
  margin: 0 auto;
}

.domainDisplayFreeTrial {
  font-size: small;
}

.loadingImgFreeTrial {
  margin-left: -80%;
}

.spinner {
  display: inline-block;
  opacity: 0;
  width: 0;
  -webkit-transition: opacity 0.25s, width 0.25s;
  -moz-transition: opacity 0.25s, width 0.25s;
  -o-transition: opacity 0.25s, width 0.25s;
  transition: opacity 0.25s, width 0.25s;
}

.has-spinner.active {
  cursor: progress;
}

.has-spinner.active .spinner {
  opacity: 1;
  width: auto;
  padding-left: 25px;
  /* This doesn't work, just fix for unkown width elements */
}

.qTipSpace {
  margin-right: 5px;
}

.no-border {
  border-radius: 0px !important;
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    transform: scale(1.3);
}

.freeTrialNextBtn {
  border-color: #fd9702 !important;
  background-color: #fd9702 !important;
  padding: 0 0;
}

.lowercase {
    text-transform: lowercase;
}

.templateArea.tmp-selected {
  background: #e8e8e8 !important;
}

.slide-step2 span.help-block {
  text-align: center;
}

.pricing-header {
  position: relative;
}

.slide-step2 .pricing-header .product-title-info p {
  color: #444;
}
.mockup-template,
.business-template,
.blank-template {
  margin-top: 0;
}
.slide-step2 p.title-description {
  color: #d2282e !important;
}

.heading-info {
  display: inline;
  font-size: 30px !important;
}

.dashboard-content {
  /*width: 75%;*/
  /*display: table;*/
  max-width: 1250px;
  margin: 0px auto;
}

.media-screen-change-hide {
  display: none;
}

.back-arrow {
  float: left;
}

.cross-button {
  float: right;
}
  
.pricing-features h2 {
  font-size: 2em;	
}
.pricing-features h3 {
  font-size: 1.5625em;	
}
.default-view {
    padding: 60px 15px 0;
}  

/* ================================
  # Media Queries
================================= */
@media screen and (max-width: 1630px) {
  .dashboard-content {
    /*width: 100%;*/
  }
}

@media screen and (max-width: 991px) {
  .addon,
  .inputStyle,
  .freeTrialNextBtn {
    width: 740px;
  }
  .media-screen-change-show{
    display: none;
  }
  .media-screen-change-hide {
    display: inherit;
  }
  .center-sign .input-group,
  .inputStyle {
    margin: 0 auto;
  }
  .billing-description {
    padding: 0 30px 20px;
  }
  .steps {
    display: none;
  }
  .cross-button {
    float: left;
  }
}

@media screen and (max-width: 767px) {
  .addon, 
  .inputStyle,
  .freeTrialNextBtn {
    width: 454px;
  }
  .media-screen-change-show{
    display: none;
  }
  .media-screen-change-hide {
    display: inherit;
  }
  .center-sign input {
    font-size: 16px;
  }
  .mockup-template,
  .business-template,
  .blank-template {
    margin-top: 0;
  }
  .input-group > .templateArea {
    margin-bottom: 30px;
  }
  .billing-description {
    padding: 0 100px 20px;
  }
  .slide-step3 .center-sign input {
    font-size: 14px;
  }
  .steps {
    display: none;
  }
  .cross-button {
    float: left;
  }
}

@media screen and (max-width: 480px) {
  .addon, 
  .inputStyle, 
  .freeTrialNextBtn {
    width: 320px;
  }
  .media-screen-change-show{
    display: none;
  }
  .media-screen-change-hide {
    display: inherit;
  }
  .center-sign input,
  .input-group-addon.input-lg {
    font-size: 14px;
  }
  input#terms {
    margin-left: 16px;
  }
  button.freeTrialNextBtn {
    margin: 0 auto;
    display: block;
  }
  figcaption.fadeable {
    margin-bottom: 30px;
  }
  .slide-step2 .center-sign input {
    font-size: 12px;
  }
  #templateDisplay {
    width: 100%;
  }
  #baseContent .slide-step2 .freeTrialNextBtn {
    margin-bottom: 60px;
  }
  figcaption.fadeable:nth-child(2) {
    margin-top: 30px;
  }
  .billing-description {
    padding: 30px 20px;
  }
  .screen3-slider .addon.myWebAddress {
    width: 100%;
  }
  #baseContent .has-error .help-block,
  .center-sign .input-group .help-block {
    padding: 0 70px;
    text-align: center;
  }
  .steps {
    display: none;
  }
  .cross-button {
    float: left;
  }
}

.card {
  height:23px;
  width:32px;
  display: block;
  opacity: 1;
  position: initial;
  right: 8px;
  top: 7px;
  background: url(../../../core/fileparse.php/340/urlt/cards.png) 0 23px;
  pointer-events: none;
}

.visa {
  background-position: 0 0;
}

.master-card {
  background-position: -32px 0;
}

.amex-card {
  background-position: -64px 0;
}

.discover-card {
  background-position: -96px 0;
}

.diners-card {
  background-position: -128px 0;
}

.jcb-card {
  background-position: -160px 0;
}

.close-back, .cancel_link, .cancelUpdate {
  cursor: pointer;
}

.display-info {
  border: none !important;
}

.checkout-billing h2 {
  color: gray;
  margin-bottom: 30px;
}

.update-message {
  margin-top: 10px;
  text-align: center;
  display: none;
}

#label-control {
  display: table;
}

#label-control >input{
  border-right: none !important;
  height: 45px !important;
}

#label-control >span{
  background-color: white;
  font-size: large;
  color: #555;
}

.Save-button .Update-button {
  font-size: large;
  font-weight: 500;
}

.infomration-icon {
  font-weight: 700;
  cursor: pointer;
  font-size: 18px;
}

.cancel-form {
  display: none;
}

.clientId {
  border-radius: 0;
  display: inline-block;
  font-size: 28px;
  font-weight: 500;
}

.clientId >small {
  color: #53565c;
  padding: 0 0.3em 0;
  vertical-align: middle;
  font-weight: 200;
}

.clientId >small >span {
  font-weight: 700;
}

.sub-dashboard >h1 {
  font-weight: 300;
}

.cancel-check-button {
  margin-top: 100px;
  margin-left: 50px;
}

.detail-info {
  margin: 25px 0px;
}

.sub-dashboard {
  margin-top: 25px;
}

.server-status >h4 {
  font-weight: 500;
  margin-top: 3px;
}

.subscription-id {
  display: inline;
  font-weight: 500;
  margin-top: 12px;
}

.subscription-type {
  display: block;
  border-left: 1px solid #e1e1e1;
  margin-top: 7px;
}

.body-sign1 {
  min-height: 700px;                  
}

.main-container {
  margin-top: 25px;
  box-shadow: none !important;
  font-weight: normal !important;
}

.btn-outline-secondary-custom {
  color: #373a3c;
  background-color: #fff;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #ccc !important;
  padding: .5rem 1rem;
  text-transform: capitalize !important;
  font-size: 25px;
  margin-top: -5px;
}

.btn-outline-secondary-custom:hover {
  background-color: #e6e6e6;
}

.btn-outline-secondary-custom >small >span {
  color: black;
}

.btn-outline-link {
  color: black !important;
  font-weight: 400 !important;
  font-family: inherit !important;
  font-size: 16px !important;
  text-transform: capitalize !important;
}

.input-fields {
  font-weight: normal;
}

.wrap-text {
  word-wrap: break-word;
}