.intl-tel-input .hide {
    display: none; }
  .intl-tel-input .v-hide {
    visibility: hidden; }
    .hide {
  display: none;  }

  #error-msg {
  color: red;
}
#valid-msg {
  color: #00C900;
}
input.error {
  border: 1px solid #FF7C7C;
}
input[class^="file-upload-default-"] {display:none;}
/*popup from free star-admin*/
/* Utilities */
.grid-margin, .purchace-popup > div {
  margin-bottom: 20px; }

.purchace-popup > div > span {
  background: rgba(228, 228, 228, 0.46);
  padding: 15px 20px;
  border-radius: 3px; }
  .purchace-popup > div > span .btn {
    margin-right: 20px;
    font-weight: 500;
    color: #ffffff;
    border-radius: 5px; }
    .purchace-popup > div > span .btn.download-button {
      background: rgba(228, 228, 228, 0.2);
      color: #b1b1b1;
      border: 2px solid #cbcbcb; }
    .purchace-popup > div > span .btn.purchase-button {
      background-color: #d209fa;
      *zoom: 1;
      filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFD209FA', endColorstr='#FF4F81D4');
      background-image: -owg-linear-gradient(left, #d209fa 1%, #4f81d4 100%);
      background-image: -webkit-linear-gradient(left, #d209fa 1%, #4f81d4 100%);
      background-image: -moz-linear-gradient(left, #d209fa 1%, #4f81d4 100%);
      background-image: -o-linear-gradient(left, #d209fa 1%, #4f81d4 100%);
      background-image: linear-gradient(left, #d209fa 1%, #4f81d4 100%);
      color: #ffffff;
      border: none;
      line-height: 1;
      vertical-align: middle; }
  .purchace-popup > div > span p {
    margin-bottom: auto;
    margin-top: auto;
    color: #7e7e7e;
    font-weight: 400;
    vertical-align: middle;
    line-height: 1; }
  .purchace-popup > div > span i {
    vertical-align: middle;
    line-height: 1;
    margin: auto 0;
    color: #b1b1b1; }
.video-overlay{display:table;position:fixed;top:0;left:-999999em;width:100%;height:100%;text-align:center;background:#455d66;background:rgba(0,0,0,0.4);opacity:0;-o-transition:opacity 0.25s ease-in-out;-webkit-transition:opacity 0.25s ease-in-out;-moz-transition:opacity 0.25s ease-in-out;transition:opacity 0.25s ease-in-out}.video-overlay.video-active{left:0;opacity:1}.video-overlay .video-holder{display:table-cell;width:100%;vertical-align:middle;padding:20px}.video-overlay .video-wrap{background-color:#fff;border-radius:5px;max-width:800px;min-height:300px;margin:0 auto;position:relative}.video-overlay .video-close{position:absolute;top:-30px;right:0}

/* Rating */
.br-theme-css-stars .br-widget a.br-active:after,
.br-theme-css-stars .br-widget a.br-selected:after,
.br-theme-fontawesome-stars .br-widget a.br-active:after,
.br-theme-fontawesome-stars .br-widget a.br-selected:after {
  color: #ffd500; }

.br-theme-bars-1to10 .br-widget a,
.br-theme-bars-horizontal .br-widget a,
.br-theme-bars-movie .br-widget a,
.br-theme-bars-pill .br-widget a,
.br-theme-bars-reversed .br-widget a {
  background-color: rgba(255, 175, 0, 0.6);
  color: #ffaf00; }
  .br-theme-bars-1to10 .br-widget a.br-active, .br-theme-bars-1to10 .br-widget a.br-selected,
  .br-theme-bars-horizontal .br-widget a.br-active,
  .br-theme-bars-horizontal .br-widget a.br-selected,
  .br-theme-bars-movie .br-widget a.br-active,
  .br-theme-bars-movie .br-widget a.br-selected,
  .br-theme-bars-pill .br-widget a.br-active,
  .br-theme-bars-pill .br-widget a.br-selected,
  .br-theme-bars-reversed .br-widget a.br-active,
  .br-theme-bars-reversed .br-widget a.br-selected {
    background-color: #ffaf00; }

.br-theme-bars-square .br-widget a {
  border-color: rgba(255, 175, 0, 0.6);
  color: rgba(255, 175, 0, 0.6); }
  .br-theme-bars-square .br-widget a.br-active, .br-theme-bars-square .br-widget a.br-selected {
    border-color: #ffaf00;
    color: #ffaf00; }

.br-theme-bars-1to10 .br-widget .br-current-rating,
.br-theme-bars-horizontal .br-widget .br-current-rating,
.br-theme-bars-movie .br-widget .br-current-rating,
.br-theme-bars-reversed .br-widget .br-current-rating {
  color: #212529;
  font-size: 13px;
  font-weight: initial; }

.br-theme-bars-1to10 {
  height: 26px; }
  .br-theme-bars-1to10 .br-widget {
    height: 24px; }
    .br-theme-bars-1to10 .br-widget .br-current-rating {
      line-height: 1; }

.br-theme-bars-pill .br-widget a {
  line-height: 2.5; }

  .half-rule { 
    
    text-align:center;
    width: 30%;
 }

 /*style for unicode select*/
 .selected-unicode{
  line-height: 30px !important;
  font-size:50px !important;
 }
.unselected-unicode{
  line-height: 30px !important;
  font-size:30px !important;
 }
.unselected-unicode:hover {font-size: 50px !important;}

/*scroll a div*/
.scroll {  
  overflow-y: scroll;
}
.navbar.navbar-reviewrail {
    background: #336688;
}

/*pagination*/
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination > li {
    display: inline;
}
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #889da5;
    background-color: #ffff;
    border: 1px solid rgba(0, 0, 0, 0.6);
    margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #889da5;
    background-color: #333;
    border-color: rgba(0, 0, 0, 0.6);
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #889da5;
    border-color: rgba(0, 0, 0, 0.6);
    cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #7a8288;
    background-color: #ffffff;
    border-color: rgba(0, 0, 0, 0.6);
    cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 14px 16px;
    font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}














/* new custom css - May 2019 - edits by Hashim */
.rra-onboard-steps,
.success-elems-wrap {
  max-width: 1020px;
}
.rra-onboard-steps .wizard .steps ul li {
  width: auto;
}
.rra-onboard-steps .wizard .steps ul li a {
  line-height: 1;
  position: relative;
  text-align: left;
  padding: 6px 0 6px 48px;
  background-color: transparent;
}
.rra-onboard-steps .wizard .steps ul li a > .number {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 41px;
  height: 41px;
  border-radius: 50%;
  text-align: center;
  line-height: 37px;
  border: 2px solid #eee;
}
.rra-onboard-steps .wizard > .steps .current a,
.rra-onboard-steps .wizard > .steps .done a {
  color: #889da5;
}
.rra-onboard-steps .wizard > .steps .current a > .number,
.rra-onboard-steps .wizard > .steps .done a > .number {
  background-color: #eee;
  color: #889da5;
}
.rra-onboard-steps .wizard .steps ul li a:hover,
.rra-onboard-steps .wizard .steps ul li a:focus,
.rra-onboard-steps .wizard > .steps .current a:hover,
.rra-onboard-steps .wizard > .steps .current a:focus {
  background-color: transparent;
}
.rra-onboard-steps .wizard > .content {
  background-color: #fff;
  margin: 0;
}
.rra-onboard-steps .wizard > .content > .body {
  padding-left: 0;
}
.cstm-link-card i {
  font-size: 2rem;
}
.cstm-link-card:hover,
.cstm-link-card:hover div h3 {
  text-decoration: none !important;
}
.border-success.cstm-link-card:hover {
  background-color: #4ECE6C;
}
.border-primary.cstm-link-card:hover {
  background-color: #fdb515;
}
.border-success.cstm-link-card:hover i,
.border-success.cstm-link-card:hover h4,
.border-primary.cstm-link-card:hover i,
.border-primary.cstm-link-card:hover h4 {
  color: #fff !important;
}
.modal .modal-dialog .modal-content .modal-header {
  padding: 15px 26px !important;
}
.modal .modal-dialog .modal-content .modal-body {
  padding: 25px 26px !important;
}
.add-customers {
  z-index: 10 !important;
}
.review-info .star-rating li {
  padding-right: 0.1rem !important;
}
.perform-rating .stars-mini li,
.star-rating li {
  margin-right: .15rem !important;
}
.modal-content {
  background-color: #fff !important;
}
.cstm-onboard-block {
  margin-top:80px;
}

@media (min-width: 992px) {
  .modal-lg {
    max-width: 780px !important;
  }
}

@media (min-width:1200px) {
  .success-elems-wrap .play-btn {
    max-width: 120px;
  }
  .success-elems-wrap .how-it-works {
    height: 408px;
  }
  .success-elems-wrap .how-it-works h4 {
    font-size: 1.7rem;
  }
}

@media (max-width:560px) {
  .cstm-onboard-block {
    margin-top:22px;
  }
  .cstm-onboard-block img {
    margin:0 auto !important;
  }
  .cstm-onboard-block > .cstm-logo-sec {
    margin-left:0 !important;
    text-align: center;
  }
  .cstm-onboard-block .rra-onboard-steps .card .card-body {
    padding-left: 0;
    padding-right: 0;
  }
  .rra-onboard-steps .wizard .steps ul li a {
    padding: 6px 0 6px 28px;
    font-size: .8rem;
  }
  .rra-onboard-steps .wizard .steps ul li a > .number {
    width: 24px;
    height: 24px;
    line-height: 20px;
    top: 5px;
  }
}