rf-confirm{

   .grey-layer{
      z-index: 9500 !important;
      position: fixed;
      z-index: 9100;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      background-color: grey;
      opacity: 0;
      opacity: 0.8;
   }

   .box{
      z-index: 9600 !important;
      min-height: 200px;
      height: auto !important;

      position: fixed;
      z-index: 9300;
      display: block;
      text-align: center;
      margin: 0 auto;
      box-shadow: none;
      top: 15vh;

      position: fixed;
      z-index: 9300;
      display: block;
      text-align: center;
      margin: 0 auto;
      box-shadow: none;
      top: 15vh;

      @media (min-width: 100px) and (max-width: 991px){
         width: 100%;
         height: 100%;
         left: 0;
         top: 0;
      }

      @media (max-width: 991px) {
         width: 90%;
         left: 5%;
      }
      @media (min-width: 992px) and (max-width: 1399px) {
         width: 60%;
         left: 20%;
      }
      @media (min-width: 1400px) {
         width: 40%;
         left: 30%;
      }
   }

   .dialog-container {
      overflow-y: auto;
      width: 100%;
      margin: 0;
      padding-bottom: 30px;
      background: white;
      position: absolute;
      left: 0;
      right: 0;
      max-height: 80vh;
   }

   .header {
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      background: var(--midwhite);
      height: 40px;
      padding-left: 10px;
      padding-right: 10px;
      text-align: left;
      color: var(--midgrey);
      font-weight: bold;
      font-size: 19px;
      line-height: 40px;

      .actions {
         float: right;

         .rf-btn {
            line-height: 21px;
            font-size: 21px;
         }
      }
   }
}