.rui-modal-hilight {background-color: #ff9;}

/* Modals */
/* line 5, ../sass/_bootstrap_overrides.scss */
#accountsLoaderModal .modal-dialog {
  -webkit-transform: translateY(200px) !important;
  -moz-transform: translateY(200px) !important;
  -ms-transform: translateY(200px) !important;
  -o-transform: translateY(200px) !important;
  transform: translateY(200px) !important;
}

.modal .modal-dialog .modal-body {overflow-y: auto;}

@media (min-height: 600px) {
  /* line 10, ../sass/_bootstrap_overrides.scss */
  .modal {
    overflow: hidden;
  }
}
/* line 15, ../sass/_bootstrap_overrides.scss */
.modal .modal-dialog {
  padding-top: 50px;
  text-align: left;
  /*
  @include transform(translateY(0%));
   */
}
/* line 21, ../sass/_bootstrap_overrides.scss */
.modal .modal-dialog .modal-header h4 img {
  margin-right: 5px;
}

@media (min-height: 240px) {max-height: 100px; autoflow-y:scroll; overflow: scroll; -webkit-overflow-scrolling: touch;}
@media (min-height: 320px) {max-height: 180px;}
@media (min-height: 360px) {max-height: 220px;}
@media (min-height: 480px) {max-height: 340px;}
@media (min-height: 600px) {
  /* line 27, ../sass/_bootstrap_overrides.scss */
  .modal .modal-dialog .modal-body {
    max-height: 396px;
  }
}
@media (min-height: 640px) {max-height: 500px;}
@media (min-height: 768px) {
  /* line 27, ../sass/_bootstrap_overrides.scss */
  .modal .modal-dialog .modal-body {
    max-height: 564px;
  }
}
@media (min-height: 992px) {
  /* line 27, ../sass/_bootstrap_overrides.scss */
  .modal .modal-dialog .modal-body {
    max-height: 788px;
  }
}
@media (min-height: 1200px) {
  /* line 27, ../sass/_bootstrap_overrides.scss */
  .modal .modal-dialog .modal-body {
    max-height: 996px;
  }
}
/* line 48, ../sass/_bootstrap_overrides.scss */
.modal .modal-dialog .modal-footer, .modal .modal-dialog .modal-header {
  margin-top: 0;
  padding: 10px 20px;
}

/* V3 Hor. styles */
.modal-content {
  box-shadow: none;
  border: none;
  border-radius: 15px;
  border-top-right-radius: 0;
}

.modal-header {
  border-bottom: 0;
  padding-bottom: 10px;
}

.modal-header .close {
  position: absolute;
  right: -2px;
  top: 0;
  width: 40px;
  height: 40px;
  background-color: #fff;
  margin-top: 0;
  opacity: 1.0;
  color: #9fa1a3;
  font-size: 40px;
  text-shadow: none;
}

.modal-header h4 {
  color: #da291c;
  padding-top: 30px;
}

.modal.rui-video .modal-body {
  padding: 30px 30px 25px 30px !important;
}

@media screen and (max-width: 767px) {
  #modal-typeahead .modal-dialog  {
    position: fixed !important; 
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    
  }

  #modal-typeahead .modal-content {
    position: fixed !important; 
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border-radius: 0;
    background-color: rgba(255,255,255,0.9);  
  }

  #modal-typeahead input {
    background-color: transparent;
  }

  #modal-typeahead .rui-typeahead {
    background-color: transparent !important; 
  }
}