/* Modal Header */
.modal-header {
  padding: 2px 16px;
  background-color: white;
  color: white;
}

/* Modal Body */
.modal-body {padding: 2px 16px;}

/* Modal Footer */
.modal-footer {
  padding: 2px 16px;
  background-color: white;
  color: white;
}

/* Modal Content */
.modal-content {
  /* animation-name: movedown;
  animation-duration: 0.5s;
  animation-fill-mode: forwards; */
}

/* Add Animation */
@keyframes movedown {
  0% {
    top:-600px;
}
100% {
  top:70px!important;
}
  /* from {top: -600px; opacity: 0}
  to {top: 0; opacity: 1} */
}
@-webkit-keyframes movedown {
  0% {
      top:-600px;
  }
  100% {
    top:70px!important;
  }
}
@-moz-keyframes movedown {
  0% {
      top:-600px;
  }
  100% {
    top:70px!important;
  }
}
@-ms-keyframes movedown {
  0% {
      top:-600px;
  }
  100% {
    top:70px!important;
  }
}
@-o-keyframes movedown {
  0% {
      top:-600px;
  }
  100% {
      top:70px!important;
  }
}


/* The Close Button */
.close {
    color: #959595;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.close2 {
    color: #959595;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.h-70{
    height:15rem;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer; 
}

@media (pointer:none), (pointer:coarse) {

  .closeModalB {
    text-shadow: 0px 0px 3px #000000;
}
.closeModalD {
    text-shadow: 0px 0px 3px #000000;
}


    .mr-8-0 {
        margin-right: 0px !important;
    }

    .close{
        color:#EEEEEE !important;
    }
}

.modal-header {
  padding: 8px 16px;
  /* background-color: white; */
  color: #555555;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
  padding: 2px 16px;
  background-color: white;
  color: #EEEEEE;
}

#myModal{
  z-index:9999;
}
.modal {
  z-index:999999999999999999999;
}
.closeModalC {
  color:white !important;
}
@supports (-webkit-touch-callout: none) {
    .ios-overflow {
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
    }


    .overflow-y-auto {
        -webkit-overflow-scrolling: touch;
    }

    .overflow-x-hidden{
        overflow-x:hidden;
    }
}


@supports (-webkit-touch-callout: none) {
  .closeModalB {
      text-shadow: 0px 0px 3px #000000;
  }

  .closeModalD {
    text-shadow: 0px 0px 3px #000000;
}


    .mr-8-0 {
        margin-right: 0px !important;
    }

    .close {
        color: #EEEEEE !important;
    }
}