/*used for reviewer images*/
.reviewer-thumb {
    width:34px !important;
    height:34px !important;
    border-radius:50% !important;
    box-shadow:0 0 0 1px rgba(0,0,0,.15);
}
body{overflow-y: scroll;}
.tab-solid-primary .nav-link.active:hover{background-color: #FF8000;}
/*main*/
    .platform {position: absolute;bottom: 30px;right: 200px;display: block;}
@media (min-width : 1300px) and (max-width : 1425px) {
    .platform {position: absolute;bottom: 30px;right: 165px;display: block;}
}
@media (min-width : 990px) and (max-width : 1300px) {
    .platform {position: absolute;bottom: 30px;right: 70px;display: block;}
}

  @media (min-width : 600px) and (max-width : 990px) {
    .platform {
      position: relative !important;
      bottom: 0px;
      right: 0px;
      display: block;
    }
}

.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1061;
  float: left;
  display: none;
  min-width: 160px;
  width: 160px;
  padding: 4px 0;
  margin: 2px 0 0 0;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
}

  .ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
  }

    .ui-state-hover, .ui-state-active {
      color: #ffffff;
      text-decoration: none;
      background-color: #0088cc;
      border-radius: 0px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      background-image: none;
    }
  
  .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: -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;
}

/*for datatable*/
thead input {
  width: 100%;
}

/*Hover Effect*/
.hover{
  position:relative;
  display:inline-block;
}
/* User Profile */
.user-profile .side-left .card .avatar img {
  width: 160px;
  height: 160px;
  }

.hover .overlay{
  position:absolute;
  margin:auto;
  left:0;
  right:0;
  bottom:15px;
  border-bottom-left-radius: 160px;
  border-bottom-right-radius: 160px;
  width:160px;
  height:80px;
  background:#333;
  opacity:0;
  transition:opacity 500ms ease-in-out;
}
.hover:hover .overlay{
  opacity:0.8;
}
.overlay span{
  position:absolute;
  text-align: center;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
/*customization to dropify*/
 .dropify-wrapper.has-error{border-color:#F34141}
 .dropify-wrapper.has-error:hover .dropify-errors-container{visibility:visible;opacity:1;-webkit-transition-delay:0s;transition-delay:0s}
 .dropify-wrapper.disabled input{cursor:not-allowed}
 .dropify-wrapper.disabled:hover{background-image:none;-webkit-animation:none;animation:none}
 .dropify-wrapper.disabled .dropify-message{opacity:.5;text-decoration:line-through}
 .dropify-wrapper.disabled .dropify-infos-message{display:none}
 .dropify-wrapper input{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;opacity:0;cursor:pointer;z-index:5}
 .dropify-wrapper .dropify-message{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
 .dropify-wrapper .dropify-message span.file-icon{font-size:50px;color:#CCC}
 .dropify-wrapper .dropify-message p{margin:5px 0 0}
 .dropify-wrapper .dropify-message p.dropify-error{color:#F34141;font-weight:700;display:none}
 .dropify-wrapper .dropify-clear{display:none;position:absolute;opacity:0;z-index:7;top:10px;right:10px;background:0 0;border:2px solid #FFF;text-transform:uppercase;font-size:11px;padding:4px 8px;font-weight:700;color:#FFF;-webkit-transition:all .15s linear;transition:all .15s linear}
 .dropify-wrapper .dropify-clear:hover{background:rgba(255,255,255,.2)}
 .dropify-wrapper .dropify-preview{display:none;position:absolute;z-index:1;background-color:#00befa;padding:5px;width:100%;height:100%;top:0;right:0;bottom:0;left:0;overflow:hidden;text-align:center}
 .dropify-wrapper .dropify-preview .dropify-render img{top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);position:relative;max-width:100%;max-height:100%;background-color:#00befa;-webkit-transition:border-color .15s linear;transition:border-color .15s linear}
 .dropify-wrapper .dropify-preview .dropify-render i{font-size:70px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;color:#777}
 .dropify-wrapper .dropify-preview .dropify-render .dropify-extension{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin-top:10px;text-transform:uppercase;font-weight:900;letter-spacing:-.03em;font-size:13px;width:42px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropify-wrapper .dropify-preview .dropify-infos{position:absolute;left:0;top:0;right:0;bottom:0;z-index:3;background:rgba(0,0,0,.7);opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}
 .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner{position:absolute;top:50%;-webkit-transform:translate(0,-40%);transform:translate(0,-40%);-webkit-backface-visibility:hidden;backface-visibility:hidden;width:100%;padding:0 20px;-webkit-transition:all .2s ease;transition:all .2s ease}.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p{padding:0;margin:0;position:relative;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#FFF;text-align:center;line-height:25px;font-weight:700}
 .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-filename span.file-icon{margin-right:2px}
 .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message{margin-top:15px;padding-top:15px;font-size:12px;position:relative;opacity:.5}
 .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message::before{content:'';position:absolute;top:0;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);background:#FFF;width:30px;height:2px}
 .dropify-wrapper:hover .dropify-clear,.dropify-wrapper:hover .dropify-preview .dropify-infos{opacity:1}
 .dropify-wrapper:hover .dropify-preview .dropify-infos .dropify-infos-inner{margin-top:-5px}
 .dropify-wrapper.touch-fallback{height:auto!important}
 .dropify-wrapper.touch-fallback:hover{background-image:none;-webkit-animation:none;animation:none}
 .dropify-wrapper.touch-fallback .dropify-preview{position:relative;padding:0}
 .dropify-wrapper.touch-fallback .dropify-preview .dropify-render{display:block;position:relative}
 .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message::before,.dropify-wrapper.touch-fallback.has-preview .dropify-message{display:none}
 .dropify-wrapper.touch-fallback .dropify-preview .dropify-render .dropify-font-file{position:relative;-webkit-transform:translate(0,0);transform:translate(0,0);top:0;left:0}
 .dropify-wrapper.touch-fallback .dropify-preview .dropify-render .dropify-font-file::before{margin-top:30px;margin-bottom:30px}
 .dropify-wrapper.touch-fallback .dropify-preview .dropify-render img{position:relative;-webkit-transform:translate(0,0);transform:translate(0,0)}
 .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos{position:relative;opacity:1;background:0 0}
 .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner{position:relative;top:0;-webkit-transform:translate(0,0);transform:translate(0,0);padding:5px 90px 5px 0}
 .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p{padding:0;margin:0;position:relative;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#777;text-align:left;line-height:25px}
 .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-filename{font-weight:700}
 .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message{margin-top:0;padding-top:0;font-size:11px;position:relative;opacity:1}
 .dropify-wrapper.touch-fallback .dropify-message{-webkit-transform:translate(0,0);transform:translate(0,0);padding:40px 0}
 .dropify-wrapper.touch-fallback .dropify-clear{top:auto;bottom:23px;opacity:1;border-color:rgba(119,119,119,.7);color:#777}
 .dropify-wrapper.touch-fallback:hover .dropify-preview .dropify-infos .dropify-infos-inner{margin-top:0}
 .dropify-wrapper .dropify-loader{position:absolute;top:15px;right:15px;display:none;z-index:9}
 .dropify-wrapper .dropify-loader::after{display:block;position:relative;width:20px;height:20px;-webkit-animation:rotate .6s linear infinite;animation:rotate .6s linear infinite;border-radius:100%;border-top:1px solid #CCC;border-bottom:1px solid #777;border-left:1px solid #CCC;border-right:1px solid #777;content:''}.dropify-wrapper .dropify-errors-container{position:absolute;left:0;top:0;right:0;bottom:0;z-index:3;background:rgba(243,65,65,.8);text-align:left;visibility:hidden;opacity:0;-webkit-transition:visibility 0s linear .15s,opacity .15s linear;transition:visibility 0s linear .15s,opacity .15s linear}
 .dropify-wrapper .dropify-errors-container ul{padding:10px 20px;margin:0;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
 .dropify-wrapper .dropify-errors-container ul li{margin-left:20px;color:#FFF;font-weight:700}
 .dropify-wrapper .dropify-errors-container.visible{visibility:visible;opacity:1;-webkit-transition-delay:0s;transition-delay:0s}
 .dropify-wrapper~.dropify-errors-container ul{padding:0;margin:15px 0}
 .dropify-wrapper~.dropify-errors-container ul li{margin-left:20px;color:#F34141;font-weight:700}@-webkit-keyframes stripes{from{background-position:0 0}to{background-position:60px 30px}}@keyframes stripes{from{background-position:0 0}to{background-position:60px 30px}}@-webkit-keyframes rotate{0%{-webkit-transform:rotateZ(-360deg);transform:rotateZ(-360deg)}100%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}}@keyframes rotate{0%{-webkit-transform:rotateZ(-360deg);transform:rotateZ(-360deg)}100%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}}

.br-theme-bars-square .br-widget a {
  border-color: rgba(254, 211, 60, 0.6) !important;
  color: rgba(254, 211, 60, 0.6) !important; 
}
  .br-theme-bars-square .br-widget a.br-selected, .br-theme-bars-square .br-widget a.br-active {
    border-color: #fed33c !important;
    color: #fed33c !important; 
}

/*autocomplete*/
.pac-container {
    position: fixed;
    display: inline-block;
    z-index: 10000051 !important;
}

.modal{
    z-index: 10000 !important;   
}
.modal-backdrop{
    z-index: 10;        
}
.wrapper { padding: 0; overflow: hidden; }
.contact-wrapper { width: 710px; height: 1420px; padding: 0; overflow: hidden; }
.contact-scaled-frame { width: 100%; height: 700px; border: 0px; }
.ref-scaled-frame { width: 100%; height: 725px; border: 0px; 
}
.editor-scaled-frame { width: 100%; height: 900px; border: 0px; }
.editor-scaled-frame {
    zoom: 0.71;
    -moz-transform: scale(0.71);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.71);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.71);
    -webkit-transform-origin: 0 0;
}

.scaled-frame { width: 1000px; height: 2000px; border: 0px; }
.scaled-frame {
    zoom: 0.71;
    -moz-transform: scale(0.71);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.71);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.71);
    -webkit-transform-origin: 0 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 .scaled-frame  { zoom: 1;  }
}
/*for facebook button*/
.rra-social-list {
    list-style:none;
}
.rra-social-list li {
    margin:0 .35rem;
    line-height:24px;
}
.rra-social-list a {
    height:44px;
    text-align:center;
    border-radius:4px;
    position:relative;
    color:#fff;
}
.rra-social-list-alt a {
    color:#fff;
}
.rra-social-list a:focus,
.rra-social-list a:hover,
.rra-social-list-alt a:focus,
.rra-social-list-alt a:hover {
    text-decoration:none;
}
.rra-social-list a img {
    width:24px;
    height:auto;
}
.rra-social-list a i {
    line-height:24px;
    font-size:22px;
}
.rra-social-list .rra-google {
    background-color:#444;
}
.rra-social-list .rra-google:hover {
    background-color:#393939;
}

.rra-social-list .rra-facebook,
.rra-social-list-alt .rra-facebook {
    background-color:#1777F2;
}
.rra-social-list .rra-facebook:hover,
.rra-social-list-alt .rra-facebook:hover {
    background-color:#2a4688;
}
.rra-social-list .rra-yelp {
    background-color:#ce2200;
}
.rra-social-list .rra-yelp:hover {
    background-color:#b61e00;
}
.rra-social-list-alt .rra-twitter {
    background-color:#1da1f2;
}
.rra-social-list-alt .rra-twitter:hover {
    background-color:#138dd7;
}

 .navbar-brand img{
    position: relative;
    max-height: 56px !important; /*** As per Your Requirement ***/
 }
 .tt-menu {
    top:90% !important;
    margin: 0px !important;
    padding: 5px !important;
}
/* Temporary code to workaround a regression in Bootstap 4.0alpha6,
    remove this code when Bootstrap is updated with a new release. */
.form-control::-webkit-input-placeholder {
  color: #999 !important;
}

.form-control::-moz-placeholder {
  color: #999 !important;
}

.form-control:-ms-input-placeholder {
  color: #999 !important;
}

.form-control::placeholder {
  color: #999 !important;
}
::placeholder {
  color: #999 !important;
}

/* better progress bar styles for the bootstrap demo */
.pass-strength-visible input.form-control,
input.form-control:focus {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.pass-strength-visible .pass-graybar,
.pass-strength-visible .pass-colorbar,
.form-control:focus + .pass-wrapper .pass-graybar,
.form-control:focus + .pass-wrapper .pass-colorbar {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
  /*hashims new stuff*/
  
  .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;
  }
}