body {

}

/*modal fullscreen */

.modal.modal-fullscreen {
  /* Maximize the main wrappers on the screen */
  /* Make the parent wrapper of the modal box a full-width block */
  /* Remove borders and effects on the content */
  /**
	 * /!\ By using this feature, you force the header and footer to be placed
	 * in an absolute position. You must handle by yourself the margin of the
	 * content.
	 */
  
  z-index:1050;
}
.modal-header {
    padding:2px;
}
.modal-body {
    height:auto;
}
.modal.modal-fullscreen .modal-dialog,
.modal.modal-fullscreen .modal-content {
  
  left: 20px;
  /*position: absolute;*/
  right: 20px;
  top: 20px;
  margin:auto; 
  height:auto;
}
.modal.modal-fullscreen .modal-dialog {
  margin: auto;
  width: auto;
  height:auto;
 
  max-width: 90%;
  animation-duration:0.6s;
}
.modal.modal-fullscreen .modal-content {
  border: none;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: inherit;
  -moz-box-shadow: inherit;
  -o-box-shadow: inherit;
  box-shadow: inherit; height:auto;
  /* change bg color below */
 /* background:#1abc9c; */
}
.modal.modal-fullscreen.force-fullscreen {
  /* Remove the padding inside the body */
}
.modal.modal-fullscreen.force-fullscreen .modal-body {
  padding: 0;  height:auto;width: auto;
 
}
.modal.modal-fullscreen.force-fullscreen .modal-header,
.modal.modal-fullscreen.force-fullscreen .modal-footer {
  left: 0; padding:2px;
  /*position: absolute;*/
  right: 0;
}
.modal.modal-fullscreen.force-fullscreen .modal-header {
  top: 0;    padding: 2px;
}
.modal.modal-fullscreen.force-fullscreen .modal-footer {
  bottom: 0;
}