/* .modal-fullscreen */

.modal-fullscreen {
  top: 0;
  left: 0;
  background: #ffffff;
  max-height: 100%;
}
.modal-fullscreen .modal-content {
  background: #ffffff;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.modal-fullscreen .modal-dialog {
  margin: 0 auto 0 auto;
  width: 100%;
}

.modal-body {
    max-height: 100%;
    width: 100%;
    margin: 0 0 5px 0;
    overflow-y: auto !important;
    background-color: #fff;
    overflow-x: hidden !important;
}

.modal-admin {
    height: 800px;
}

.modaliFrame {
    width: 100%;
    height: 100%;
    max-height: calc(100vh - 55px);
}

.modal-header,
.modal-footer-menu {
    background-color: #ffffff;
}


.modal-footer-menu {
    border-top: 1px solid #e5e5e5;
    position: fixed;
    bottom: 0;
    height: 50px;
    width: 100%;
    z-index: 100;
}

.modal-footer-menu .menu-icon-home {
    font-size: 40px;
}

.modal-footer-menu .menu-icon{
    font-size: 25px;
}

.modal-footer-menu div {
    align-self: center;
    justify-self: center;
}

.modal.fade:not(.in).left .modal-dialog {
    -webkit-transform: translate3d(-125%, 0, 0);
    transform: translate3d(-125%, 0, 0);
}

.modal-fullscreen .fade {
     opacity: 0;
   -webkit-transition: opacity 0.00s linear !important;
      -moz-transition: opacity 0.00s linear !important;
       -ms-transition: opacity 0.00s linear !important;
        -o-transition: opacity 0.00s linear !important;
           transition: opacity 0.00s linear !important;
}


/* .modal-fullscreen size: we use Bootstrap media query breakpoints */

@media (min-width: 768px) {
  .modal-fullscreen .modal-dialog {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .modal-fullscreen .modal-dialog {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .modal-fullscreen .modal-dialog {
     width: 1170px;
  }
}