.w3-modal-content header {
   background-color: #f0f0f0;
   color: inherit;
}
.w3-modal-content footer {
   background-color: #F0F0F0; 
}

.w3-red, .w3-hover-red:hover {
   color: #fff !important;
   background-color: #f44336 !important;
}

.w3-darkred, .w3-hover-darkred:hover {
   color: #fff !important;
   background-color: #A00 !important;
}

.w3-darkgrey, .w3-hover-darkgrey:hover {
   color: #fff !important;
   background-color: #717171 !important;
}

.w3-grey {
   background-color: #bbbbbb;
}

.w3-lightgrey {
   background-color: #f9f9f9;
}

.w3-green {
   background-color: #419921;
   color: white;
}

.w3-blue {
   background-color: #4184EC;
   color: white;
}

.w3-border-white {
   border-color: white !important;
}

.w3-modal.dialog {
   padding-top:0;
   z-index:300;
   position: fixed;
}
.w3-modal.dialog .w3-modal-content {
   max-width:none;
   top:25%;
   width:60%;
   min-width:250px;
}
@media only screen and (max-width: 1150px) {
   .w3-modal-content {
      width: 95% !important;
      margin: auto;
   }
}
@media only screen and (max-width: 600px) {
   .w3-modal-content {
      width: 100% !important;
      margin: auto;
   }
}