.modal {
  display: none;
  position: fixed;
  z-index: 999;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  // width: 100vw;
  // height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
}

.modal-content {
  justify-content: center;
  background-color: #fefefe;
  margin: auto;
  margin-top: -15px;
  padding: 20px 20px 20px 20px;
  border: 1px solid #888;
  max-width: 600px;
  max-height: 60vh;
  border-radius: 10px;
  overflow-y: auto; // overflow scrolling
  flex: 1;
  padding-bottom: 80px;
}

.modal1 {
  display: none;
  position: fixed;
  z-index: 999;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  // width: 100vw;
  // height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
  // display: none;
  // position: fixed;
  // z-index: 999;
  // padding-top: 100px;
  // left: 0;
  // top: 0;
  // width: 100%;
  // height: 100%;
  // background-color: rgba(0, 0, 0, 0.4);
}

.modal1-content {
  // justify-content: center;
  // background-color: #fefefe;
  // margin: auto;
  // padding: 20px 20px 20px 20px;
  // border: 1px solid #888;
  // width: 400px;
  // height: 200px;
  // border-radius: 10px;
  // overflow-y: auto; // overflow scrolling
  // max-width: 100%;

  justify-content: center;
  background-color: #fefefe;
  margin: auto;
  margin-top: -15px;
  padding: 20px 20px 20px 20px;
  border: 1px solid #888;
  max-width: 380px;
  max-height: 50vh;
  border-radius: 10px;
  // overflow-y: auto; // overflow scrolling
  flex: 1;
  padding-bottom: 80px;
}

.closeicon {
  // position: absolute;
  // top: 100px;
  // right: 215px;
  // width: 24px;
  // display: flex;
  // height: 24px;
  // cursor: pointer;
  // z-index: 1000;
  width: 935px;
  display: flex;
  color: rgba(237, 37, 49, 1);
  justify-content: right;
  cursor: pointer;
  margin-bottom: 20px;
  margin-top: 2px;
}

.closeicon1 {
  width: 335px;
  display: flex;
  color: rgba(237, 37, 49, 1);
  justify-content: right;
  cursor: pointer;
  margin-bottom: 20px;
  margin-top: 2px;
}

.AllOUBtn {
  border-radius: 4px;
  cursor: pointer;
  background-image: none;
  border: 1px solid rgba(0, 0, 0, 0);
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 0;
  line-height: 1.42857;
  margin-bottom: 0;
  // padding: 6px 22px;
  padding: 6px 16px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  background: none repeat scroll 0 0 #800000;
  color: #ffffff;
  border: 1px solid #800000;
  margin: 3px 27px;
}

// .PostBtn {
//   margin: 3px 27px;
//   border-radius: 4px;
//   cursor: pointer;
//   background-image: none;
//   border: 1px solid rgba(0, 0, 0, 0);
//   display: inline-block;
//   font-size: 14px;
//   font-weight: normal;
//   margin-bottom: 0;
//   line-height: 1.42857;
//   margin-bottom: 0;
//   // padding: 6px 22px;
//   padding: 6px 16px;
//   text-align: center;
//   vertical-align: middle;
//   white-space: nowrap;
//   color: #ffffff;
//   background-color: #96ae60;
//   border-color: #7e954c;
// }

// .UndoPostBtn {
//   margin: 3px 27px;
//   border-radius: 4px;
//   color: #ffffff;
//   background-color: #d2322d;
//   border-color: #ac2925;
//   // padding: 6px 0px;
//   padding: 6px 16px;
//   width: 80px;
//   background-image: none;
//   border: 1px solid rgba(0, 0, 0, 0);
//   border-radius: 4px;
//   cursor: pointer;
//   display: inline-block;
//   font-size: 14px;
//   font-weight: normal;
//   line-height: 1.42857;
//   margin-bottom: 0;
//   text-align: center;
//   vertical-align: middle;
//   white-space: nowrap;
// }

// .AllOUUndoPostBtn {
//   margin: 3px 27px;
//   background-image: none;
//   border: 1px solid rgba(0, 0, 0, 0);
//   border-radius: 4px;
//   cursor: pointer;
//   display: inline-block;
//   font-size: 14px;
//   font-weight: normal;
//   line-height: 1.42857;
//   margin-bottom: 0;
//   // padding: 6px 22px;
//   padding: 6px 16px;
//   text-align: center;
//   vertical-align: middle;
//   white-space: nowrap;
//   color: #ffffff;
//   background-color: #3D9400;
// }

// .SendMailBtn {
//   margin: 3px 27px;
//   background-image: none;
//   border: 1px solid rgba(0, 0, 0, 0);
//   border-radius: 4px;
//   cursor: pointer;
//   display: inline-block;
//   font-size: 14px;
//   font-weight: normal;
//   line-height: 1.42857;
//   margin-bottom: 0;
//   // padding: 6px 22px;
//   padding: 6px 16px;
//   text-align: center;
//   vertical-align: middle;
//   white-space: nowrap;
//   color: #ffffff;
//   background-color: #539fb8;
//   border-color: #41869d;
// }

// .PrintBtn {
//   border-radius: 4px;
//   cursor: pointer;
//   background-image: none;
//   border: 1px solid rgba(0, 0, 0, 0);
//   display: inline-block;
//   font-size: 14px;
//   font-weight: normal;
//   margin-bottom: 0;
//   line-height: 1.42857;
//   margin-bottom: 0;
//   // padding: 6px 22px;
//    padding: 6px 16px;
//   text-align: center;
//   vertical-align: middle;
//   white-space: nowrap;
//   background: none repeat scroll 0 0 #800000;
//   color: #FFFFFF;
//   border: 1px solid #800000;
//   margin: 3px 27px;
//   color: #ffffff;
//   background-color: #8e7ac1;
//   border-color: #745bb2;
// }

// .SendAllOUBtn {
//   background-image: none;
//   border: 1px solid rgba(0, 0, 0, 0);
//   border-radius: 4px;
//   cursor: pointer;
//   display: inline-block;
//   font-size: 14px;
//   font-weight: normal;
//   line-height: 1.42857;
//   margin-bottom: 0;
//   padding: 6px 22px;
//   text-align: center;
//   vertical-align: middle;
//   white-space: nowrap;
//   font-family: open sans;
//   margin: 0px 5px;
//   color: #ffffff;
//   background-color: #db5e8c;
// }

.button-row {
  display: flex;
  gap: 10px;
  padding: 10px;
}

.SendMailAllOU {
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857;
  margin-bottom: 0;
  padding: 6px 22px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  font-family: open sans;
  margin: 0px 5px;
  color: #ffffff;
  background-color: #db5e8c;
}

// button.mat-raised-button {
//   display: flex;
//   align-items: center;
//   padding: 6px 16px;
//   font-weight: bold;
//   border-radius: 4px;
// }

button[mat-raised-button] {
  display: flex;
  align-items: center;
  padding: 6px 16px;
  font-weight: bold;
  border-radius: 4px;
}

.process-btn {
  background-color: #b0be91;
  color: white;
}

.remove-btn {
  background-color: #e74c3c;
  color: white;
}

.oupost-btn,
.undooupost-btn {
  background-color: #d76c8d;
  color: white;
}