.modal-lg {
    max-width: 80%;
    height: 100%;
}

#imageDetailModal .modal-content {
    height: 90%;
}

/* layout.css Style */
#drop-zone, #drop-zone-image-zip {
    height: 200px;
    border-width: 2px;
    margin-bottom: 20px;
  }
  
  /* skin.css Style*/
#drop-zone, #drop-zone-image-zip {
    color: #ccc;
    border-style: dashed;
    border-color: #ccc;
    line-height: 200px;
    text-align: center
  }

/* layout.css Style */
#download-zone {
    height: 200px;
    border-width: 2px;
    margin-bottom: 20px;
  }
  
  /* skin.css Style*/
#download-zone {
    color: #ccc;
    border-style: solid;
    border-color: #ccc;
    line-height: 200px;
    text-align: center
  }

#poleFormSetsAll input {
    width: 100%;
}

a.pole_project_list, a.no-style-content {
    color: #fff;
}

a.pole_project_list:hover {
    color: #fff;
    background-color: rgba(255,255,255,0.4);
    text-decoration: none;
}

a.no-style-content:hover, div.pole_project_list:hover {
    color: #fff;
    background-color: rgba(255,255,255,0.4);
    text-decoration: none;
}

a.no-style-content {
    color: #fff;
    text-decoration: none;
}

.phase_email_submit {
    margin-top: 38px;
    margin-left: 10px;
}

.modal-progress-image-background {
    position: fixed;
    bottom: 20px;
    right: 20px;
    margin: 0px;
}

.hide-modal {
    display: none;
}

.display-modal {
    display: inline !important;
}

.modal-progress-image-background .modal-backdrop {
    display: none !important;
}

.modal-open {
    overflow: auto !important; // you will need important here to override
}

.disabledbutton {
    pointer-events: none;
    opacity: 0.4;
}

.overlay {
    background-color: black;
    opacity: .3;
    position:absolute; 
    width:100%;
    height:100%;
    top:0;
    left: 0;

    z-index: 1;
  }

  .ui-autocomplete {
    position: fixed;
    z-index: 9999;
    background-color: white;
    color: #495057;
    list-style: none;
    font-size: 1.25rem;
  }