/*==== start ajax modal popup extender css ====*/
.modalPopup
{
    background-color:#b3b3b3;
    filter:alpha(opacity=0.5);
    opacity:0.5;
    xindex: -1;    
}
.modal-popup-page {
    margin: auto 0;
    width: 70%;
    height: 70%;
    vertical-align: top;
    background-color: white;
    border: 2px solid #7A5343;   
}
.modal-popup-page.modal-popup-page-xs
{    
    min-width:30%;  
    min-height:30%;  
}
.modal-popup-page.modal-popup-page-sm
{    
    min-width:50%; 
    min-height:50%;   
}
.modal-popup-page.modal-popup-page-md
{    
    min-width:70%;  
    min-height:70%;   
}
.modal-popup-page.modal-popup-page-lg
{    
    min-width:90%;
    min-height:90%;   
}
/*==== end ajax modal popup extender css ====*/

/*===============================================*/
/* Bootstrap 3 transparent and fullscreen modals */
/*===============================================*/
/*==== start bootstrap modal scroll css ====*/
.modal-body {   
    overflow-y: auto;
    overflow-x:hidden;
}
/*==== end bootstrap modal scroll css ====*/
/*==== start .modal-transparent  ====*/
.modal-transparent {
  background: transparent;
}
.modal-transparent .modal-content {
  background: transparent;
}
.modal-backdrop.modal-backdrop-transparent {
  background: #ffffff;
}
.modal-backdrop.modal-backdrop-transparent.in {
  opacity: 1.0;
  filter: alpha(opacity=100);
}
/*==== end .modal-transparent  ====*/
/*==== start .modal-fullscreen ====*/
.modal-fullscreen {
  background: transparent;
  padding-right: 0px !important;
}
.modal-fullscreen .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.modal-fullscreen .modal-content {
  background-color: white;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: auto;
  min-height: 100%;
  border-radius: 0;
}
.modal-backdrop.modal-backdrop-fullscreen {
  background: #ffffff;
}
.modal-backdrop.modal-backdrop-fullscreen.in {
  opacity: 1.0;
  filter: alpha(opacity=100);
}
/*==== end .modal-fullscreen ====*/
/*==== start .modal-fullscreen size: we use Bootstrap media query breakpoints ====*/
.modal-fullscreen .modal-dialog {
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;  
}
@media (min-width: 768px) {
  .modal-fullscreen .modal-dialog {
      margin: 0;
  margin-right: auto;
  margin-left: auto;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .modal-fullscreen .modal-dialog {
      margin: 0;
  margin-right: auto;
  margin-left: auto;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .modal-fullscreen .modal-dialog {
      margin: 0;
  margin-right: auto;
  margin-left: auto;
     width: 100%;
  }
}
/*==== end .modal-fullscreen size: we use Bootstrap media query breakpoints ====*/

/* Start Autocomplete Styles */
.ui-autocomplete {    
    overflow-y: auto; /* prevent horizontal scrollbar */
    overflow-x: hidden; /* add padding to account for vertical scrollbar */   
    padding-right:20px;  
    max-height: 500px; 
}
@media (max-height: 700px) {
    .ui-autocomplete {
        max-height: 200px;
    }
}
/* End Autocomplete Styles */