/* --------- NOTIFY JS --------- */

  /* custom modifications */

  .notifyjs-delresponder-base {
    opacity: 0.85;
    width: 200px;
    background: #A9A9A9;
    padding: 5px;
    border-radius: 10px;
  }
  
  .notifyjs-delresponder-base .title {
    width: 100px;
    float: left;
    margin: 10px 0 0 10px;
    text-align: right;
    font-size: 13px;
  }
  
  .notifyjs-delresponder-base .buttons-grp {
    width: 70px;
    float: right;
    font-size: 9px;
    padding: 5px;
    margin: 2px;
  }
  
  .notifyjs-delresponder-base button {
    font-size: 9px;
    padding: 5px;
    margin: 2px;
    width: 60px;
  }

  .clearfix {
    overflow: auto;
  }

  .clearfix::after {
    content: "";
    clear: both;
    display: table;
  }


  /* another style */

  .notifyjs-modal-confirm-base {		
    color: #636363;
    width: 250px;
  }
  .notifyjs-modal-confirm-base .confirm-message-content {
    padding:8px;
    border-radius: 5px;
    border: none;
    text-align: center;
    font-size: 14px;
    pointer-events: auto;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    outline: 0;
  }


  .notifyjs-modal-confirm-base .confirm-message-header {
    border-bottom: none;   
    position: relative;
  }
  .notifyjs-modal-confirm-base h4 {
    text-align: center;
    font-size: 17px;
    margin: 15px 0 -7px;
  }
  .notifyjs-modal-confirm-base .close {
    position: absolute;
    top: -5px;
    right: -2px;
  }
  .notifyjs-modal-confirm-base .confirm-message-body {
    color: #999;
  }
  .notifyjs-modal-confirm-base .confirm-message-footer {
    border: none;
    text-align: center;		
    border-radius: 5px;
    font-size: 13px;
    padding: 10px 10px 15px;
  }
  .notifyjs-modal-confirm-base .confirm-message-footer a {
    color: #999;
  }		
  .notifyjs-modal-confirm-base .icon-box {
    width: 30px !important;
    height: 30px !important;
    margin: 0 auto;
    border-radius: 50%;
    z-index: 9;
    text-align: center;
    border: 2px solid #f15e5e;
    padding: 0px;
    line-height: 30px;
  }
  .notifyjs-modal-confirm-base .icon-box i {
    color: #f15e5e;
    font-size: 25px !important;
    display: inline-block;
  }
  .notifyjs-modal-confirm-base .btn, .notifyjs-modal-confirm-base .btn:active {
    color: #fff;
    border-radius: 4px;
    background: #60c7c1;
    text-decoration: none;
    transition: all 0.4s;
    line-height: normal;
    min-width: 80px;
    border: none;
    min-height: 25px;
    border-radius: 3px;
    margin: 0px 5px;
  }
  .notifyjs-modal-confirm-base .btn-secondary {
      background: #c1c1c1;
      cursor: pointer;
  }
  .notifyjs-modal-confirm-base .btn-secondary:hover, .notifyjs-modal-confirm-base .btn-secondary:focus {
    background: #a8a8a8;
  }
  .notifyjs-modal-confirm-base .btn-danger {
      background: #f15e5e;
      cursor: pointer;
  }
  .notifyjs-modal-confirm-base .btn-danger:hover, .notifyjs-modal-confirm-base .btn-danger:focus {
    background: #ee3535;
  }

  .flex-column {
    display: flex;
    flex-direction: column;
  }

  .justify-content-center {
    display: flex;
    justify-content: center;
  }
  

/* even another style */

.tool_tip_info_notify {
  position: relative;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
  background: #005f69;
  border-radius: 10px;
  -moz-border-radius: 10px; /* this works only in camino/firefox */
  -webkit-border-radius: 10px; /* this is just for Safari */
  min-width: 50px;
  max-width: 320px;
  padding: 5px;
  z-index: 1;
}

.tool_tip_info_notify_red {
  position: relative;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
  background: #C70039;
  border-radius: 10px;
  -moz-border-radius: 10px; /* this works only in camino/firefox */
  -webkit-border-radius: 10px; /* this is just for Safari */
  min-width: 50px;
  max-width: 320px;
  padding: 5px;
  z-index: 1;
}

.info_close_button {
    background-color:#b1c7ca;
    border-radius:10px;
    display:block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:15px;
    padding:5px 20px;
    text-decoration:none;
  outline:none;
  position: relative;
  border: none;
  margin-left: auto;
  max-width: 65px;
}
.info_close_button:hover {
  background-color:#b1c7ca;
}

.inner_content {
  padding: 5px;
  color: #fff;
  width: 100%;
  background: none;
  font-size: 13px;
  margin-bottom: 20px;
}








  /* generic modifications */
  .notifyjs-bootstrap-error span[data-notify-text] {
    color: #FF0000 !important;
  }

  .notifyjs-bootstrap-base span[data-notify-text] {
    font-family: 'Merriweather', Helvetica, sans-serif !important;
    font-size: 15px !important;
    display:block;
    max-width:300px;
    height: auto;
    word-wrap: break-word;
    white-space: normal;
  }

/* <div class="notifyjs-corner" style="top: 0px; right: 0px;">
  <div class="notifyjs-wrapper notifyjs-hidable">
    <div class="notifyjs-arrow" style="overflow: hidden; height: 0px; padding-top: 0px; margin-top: 0px; padding-bottom: 0px; margin-bottom: 0px;">
    </div>
    <div class="notifyjs-container" style="overflow: hidden; height: 5.39087px; padding-top: 0px; margin-top: 0.359391px; padding-bottom: 0px; margin-bottom: 0.359391px;">
      <div class="notifyjs-bootstrap-base notifyjs-bootstrap-error">
        <span data-notify-text="">This request was either canceled, deleted or allowed to expire</span>
      </div>
    </div>
  </div>
</div> */