div.is_modal{
    background-color: rgba(69, 73, 82,0.65);
}

div.is_modal p{
  /* font-size: 16px !important; */
}

div.is_modal div.modal-body {
    /* font-weight: 600; */
}

div.is_modal button.button_modal{
  text-shadow: 0px 0px 3px rgba(28, 28, 28, 0.75);
  font-weight:500;
  color:white;
}


div.is_modal  button.close span{
  /* color: #333 !important; */
  margin-right:6px;
}
div.is_modal button.close_me {
  background-color:#fc4365;
  border:1px solid #6c757d;
}
div.is_modal button.is_green{
  background-color:#16c989;
}

div.is_modal div.modal-footer{
  background-color: white;
  display:block;
}


div.is_modal div.modal-footer button{
  float:left;
}
div.is_modal div.modal-footer button.close_me{
  float:right;
  cursor: pointer;
}

div.modal-content{
}

div.is_modal div.modal-header{
  color:White;
  background-color: #454952;
  border-radius: 0px;
  border-top-left-radius: 3px;
  border-top-right-radius:3px;
  border:1px solid #13b97e;
  /* border:1px solid #7d7d7d; */
  /* border:0px solid #ddd; */
  /* border:2px solid #127dc1; */
  /* border:0px solid #fff; */
  border-bottom:0px;


  /* background-color:white;
  color : #454952; */
}

div.is_modal *:disabled{
    color:White !important;
    background-color: #454952 !important;
}

div.is_modal div.modal-footer{
  /* color:#333;;
  display:block;
  border-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius:0px;
  border-top:0px; */
  color:White;
  background-color: #454952;
  border-radius: 0px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius:3px;
  border:1px solid #13b97e;
  /* border:1px solid #05b3a6; */
  /* border:2px solid #127dc1; */
  /* border:0px solid #fff; */
  border-top:0px;


    /* background-color:White;
    color : #454952; */
}


div.is_modal div.modal-content{
  border-radius: 4px;
  border:1px solid #454952;
  box-shadow: 0px 0px 15px rgba(69, 73, 82,0.75);
  background-color: #454952;
  padding:1px;
}

div.modal.fade.show{
  /* This was the fix for having to display multiple */
  /* modals one after the other. */
  background-color: rgba(69, 73, 82,0.65);
  backdrop-filter: blur(0px);
}

div.is_modal  div.modal-dialog {
  max-width: 640px;
}

div.is_modal  div.modal-body{
  background-color: white;
  height:auto;
  max-height:60vh;
  overflow:auto;
  border-top:0px solid #454952;
  border-bottom:1px solid #727272;
  border-bottom:0px solid #727272;
}

/* Hide the default upload button */
div.is_modal   *::-webkit-file-upload-button {
   display: none;
}

div.is_modal div.report{
  border-radius:0px;
  margin-top:10px;
  vertical-align:top;
  color: #333;
  padding:5px 5px;
  border:1px dashed #7a7a7a;
}
div.is_modal div.report::before{
  content: "Report:";
  display:block;
  color:white;
  color:#333;
}


/* Common accross all. */
div.is_modal div.modal-header,
div.is_modal div.modal-footer,
div.is_modal div.modal-body{
  padding:4px  !important;
}
div.is_modal div.modal-header{
  padding-left:8px !important;
}
div.is_modal div.modal-body{
  /* padding-bottom:0px  !important;
  padding-top:0px  !important; */
}