/* Hack to fix when modal-lg is wider than the viewport */
.modal-lg {max-width: calc(100vw - 20px)}

/***** Full Screen Modal *****/
.modal-dialog.modal-fullscreen {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border-radius: 0;
}
.modal-dialog.modal-fullscreen .modal-content {
  height: 100%;
  border-radius: 0;
}
.modal-dialog.modal-fullscreen .modal-body {
  position:absolute;
  left:0;
  top:71px;
  right:0;
  bottom:0;
  overflow-y:scroll !important;
}
.modal-dialog.modal-fullscreen .modal-header {
  border-radius: 0;
}

/*Modal XL?
.modal-dialog.modal-xl {
  width: 80%;
  height: 100%;
  padding: 0;
  margin: 0;
  border-radius: 0;
}
.modal-dialog.modal-xl .modal-content {
  height: 100%;
  border-radius: 0;
}
.modal-dialog.modal-xl .modal-body {
  position:absolute;
  left:0;
  top:71px;
  right:0;
  bottom:0;
  overflow-y:scroll !important;
}
.modal-dialog.modal-xl .modal-header {
  border-radius: 0;
}*/

/*.padded > .modal-dialog.modal-fullscreen {
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  padding: 0;
  margin: 20px;
}
.padded > .modal-dialog.modal-fullscreen .modal-content {
  border-radius: 5px;
}*/

.modal.noPadding .modal-body {
  padding:0;
}

.modal.dragModal .modal-content {
 /* max-height: calc(100vh - 100px) !important;*/
  /*height: calc(100vh - 40px) !important;*/
}
.modal.dragModal .modal-header {
  cursor: move;
}
.modal.dragModal .modal-body {
  overflow-y: auto !important;
  /*background: aliceBlue;*/
  max-height: calc(100vh - 140px) !important;
}

.dialogModal {
  display: none;
}
.dialogModal .modal-backdrop,
.dialogModal .modal {
  position: fixed;
}
.dialogModal .modal-backdrop {
  opacity: 0;
  border-radius: 5px;
}
.dialogModal .modal-content {
  max-width: 500px;
  width: 80%;
  margin: auto;
  font-size: 16px;

  box-shadow: 0 50px 300px rgba(0,30,60,0.35);
  border: 2px solid #19b698;

}
.dialogModal .modal-content .modal-body {
  overflow-y: auto;
  /*background: #2980b9;
  color: white;*/
}
.dialogModal .modal-footer button {
  width: 75px;
}



/***** FROM BOI APPOINTMENTS *****/
/*.modal {
  z-index: 1080;
}*/

@media screen and (max-width: 767px) {
  .modal .modal-dialog {
    margin: 0;
    max-width: auto;
  }
  .modal .modal-content {
    width: 100vw;
    height: 100vh;
    overflow: auto;
  }
}

.modal .close {
  /*float: left;*/
  color: rgba(255,255,255,1);
  text-shadow: none;
  opacity: 1;
}
.modal .modal-content {
  border-radius: 0;
  border: 0px solid red !important;
}
.modal .modal-sm2 {
  max-width: 400px;
}


.colored-header.info .modal-header {
    /*border-bottom: 5px solid #156ca5 !important;*/
    background-color: var(--main-color);
    color: white;
}






.modal.noScroll .modal-dialog.modal-fullscreen .modal-body {
  overflow: hidden !important;
}