/*Modals*/
.modal-content,
.modal-header,
.modal-footer {
  border-color: #e0e3e4; }

.modal-content {
  border-radius: .25rem;
  border: none;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); }

.modal-header {
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem; }

.modal-header,
.modal-body,
.modal-footer {
  Padding: 0.75rem 1.25rem; }

.close {
  color: #6f7a7f;
  opacity: 1;
  text-shadow: none; }
  .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
    color: #6f7a7f;
    opacity: 1; }

.modal-backdrop {
  background-color: #324148; }

/*Sweet-alert*/
.sweet-alert {
  border-radius: 2px;
  font-family: inherit; }
  .sweet-alert h2 {
    font-weight: 400;
    color: #324148; }
  .sweet-alert button {
    box-shadow: none !important;
    font-size: inherit; }

/*Notification*/
.alert {
  border-radius: 3px; }
  .alert i {
    font-size: 24px; }
  .alert .alert-link {
    font-weight: normal;
    font-weight: 500;
    color: inherit;
    filter: brightness(120%) contrast(100%); }
  .alert.alert-dismissible .close {
    padding: .60rem 1.25rem;
    text-shadow: none; }
  .alert.alert-primary {
    color: #075875;
    background: #edf9fe;
    border-color: rgba(178, 230, 250, 0.3); }
  .alert.alert-success {
    color: #05592b;
    background: #eff9f2;
    border-color: rgba(188, 231, 199, 0.3); }
  .alert.alert-info {
    color: #065459;
    background: #effafb;
    border-color: rgba(187, 235, 240, 0.3); }
  .alert.alert-danger {
    color: #8b0c12;
    background: #fff1f1;
    border-color: rgba(253, 197, 195, 0.3); }
  .alert.alert-warning {
    color: #cb7e03;
    background: #fff8eb;
    border-color: rgba(255, 236, 194, 0.3); }
  .alert.alert-secondary {
    color: #524c4c;
    background: #f5f5f5;
    border-color: rgba(226, 226, 226, 0.3); }
  .alert.alert-light {
    color: #5b676d;
    background: #f5f5f6;
    border-color: #e0e3e4; }
  .alert.alert-dark {
    color: #fff;
    background: #324148;
    border-color: #2b383e; }
    .alert.alert-dark.alert-dismissible .close:not(:disabled):not(.disabled):focus, .alert.alert-dark.alert-dismissible .close:not(:disabled):not(.disabled):hover {
      color: #fff;
      text-decoration: none;
      opacity: 1; }
  .alert.alert-inv.alert-inv-primary {
    background: #00acf0;
    color: #edf9fe; }
    .alert.alert-inv.alert-inv-primary.alert-dismissible .close:not(:disabled):not(.disabled):focus, .alert.alert-inv.alert-inv-primary.alert-dismissible .close:not(:disabled):not(.disabled):hover {
      color: #fff;
      text-decoration: none;
      opacity: 1; }
  .alert.alert-inv.alert-inv-info {
    background: #1ebccd;
    color: #effafb; }
    .alert.alert-inv.alert-inv-info.alert-dismissible .close:not(:disabled):not(.disabled):focus, .alert.alert-inv.alert-inv-info.alert-dismissible .close:not(:disabled):not(.disabled):hover {
      color: #fff;
      text-decoration: none;
      opacity: 1; }
  .alert.alert-inv.alert-inv-success {
    background: #22af47;
    color: #eff9f2; }
    .alert.alert-inv.alert-inv-success.alert-dismissible .close:not(:disabled):not(.disabled):focus, .alert.alert-inv.alert-inv-success.alert-dismissible .close:not(:disabled):not(.disabled):hover {
      color: #fff;
      text-decoration: none;
      opacity: 1; }
  .alert.alert-inv.alert-inv-warning {
    background: #ffbf36;
    color: #fff8eb; }
    .alert.alert-inv.alert-inv-warning.alert-dismissible .close:not(:disabled):not(.disabled):focus, .alert.alert-inv.alert-inv-warning.alert-dismissible .close:not(:disabled):not(.disabled):hover {
      color: #fff;
      text-decoration: none;
      opacity: 1; }
  .alert.alert-inv.alert-inv-danger {
    background: #f83f37;
    color: #fff1f1; }
    .alert.alert-inv.alert-inv-danger.alert-dismissible .close:not(:disabled):not(.disabled):focus, .alert.alert-inv.alert-inv-danger.alert-dismissible .close:not(:disabled):not(.disabled):hover {
      color: #fff;
      text-decoration: none;
      opacity: 1; }
  .alert.alert-inv.alert-inv-secondary {
    background: #9e9e9e;
    color: #f5f5f5; }
    .alert.alert-inv.alert-inv-secondary.alert-dismissible .close:not(:disabled):not(.disabled):focus, .alert.alert-inv.alert-inv-secondary.alert-dismissible .close:not(:disabled):not(.disabled):hover {
      color: #fff;
      text-decoration: none;
      opacity: 1; }
  .alert.alert-wth-icon {
    padding-left: 54px;
    position: relative; }
    .alert.alert-wth-icon .alert-icon-wrap {
      display: block;
      text-align: center;
      padding-top: 12px;
      height: 100%;
      width: 54px;
      left: 0;
      top: 0;
      position: absolute; }

.alert-dismissable .close, .alert-dismissible .close {
  top: 0; }