﻿/* modal */
:not(.modal-alert) .modal-dialog:not(.modal-transparent) .modal-content {
  box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.25);
  background-color: rgba(0, 0, 0, 0.8);
  /* #383b40;*/
  color: #a3acb5;
}

.swal2-popup {
  box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.25);
  background-color: rgba(0, 0, 0, 0.8);
  /*#383b40;*/
  color: #a3acb5;
}

.swal2-title {
  color: #ffffff;
}

.modal-transparent .modal-content {
  background: rgba(0, 0, 0, 0.75);
  box-shadow: none;
}

.modal-title {
  color: #a3acb5;
}

/* modal shadow */
.modal-content {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}

/* adjustments */
.modal.show .modal-dialog {
  transform: none;
}

/* alert modal */
.modal-alert {
  padding: 0 !important;
  /* overriding bootstrap generated style */
}
.modal-alert .modal-dialog {
  max-width: 100% !important;
  /* overriding bootstrap css for all media queries */
  display: flex;
  align-items: center;
  min-height: calc(100% - 3.5rem);
  transform: none !important;
  /* overriding bootstrap css */
}
.modal-alert .modal-content {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 0;
  padding: 1.5rem 1rem 1rem;
}
.modal-alert .modal-title {
  font-size: 1.7rem;
  font-weight: 300;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 4px;
}
.modal-alert .modal-header,
.modal-alert .modal-body,
.modal-alert .modal-footer {
  /*left: 20%;
  width: 60%;*/
  width: 100%;
  max-width: 992px;
  margin: 0 auto;
  padding: 0;
  color: #fff !important;
  position: relative;
}
.modal-alert .modal-footer .btn {
  border-radius: 4px;
}
.modal-alert .close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

/* transparent modal */
.modal-transparent {
  /*  .modal-footer {
      background: rgba(desaturate(darken($primary-800, 25%), 20%), 0.85);
    }
  */
}
.modal-transparent .modal-content {
  box-shadow: 0 1px 15px 1px rgba(81, 63, 118, 0.3);
}
.modal-transparent .modal-content {
  background: rgba(38, 35, 44, 0.85);
}

/* transparent backdrop */
.modal-backdrop-transparent {
  background: transparent;
}

/* fullscreen modal */
.modal-fullscreen {
  padding: 0 !important;
}
.modal-fullscreen .modal-content {
  border-radius: 0;
  border-width: 0;
}
.modal-fullscreen .modal-dialog {
  max-width: calc(100vw - 40px);
  max-height: calc(100vh - 80px);
}
.modal-fullscreen .modal-dialog .modal-content {
  height: calc(100vh - 80px);
}

/* top */
.modal-dialog-top,
.modal-dialog-bottom {
  position: absolute;
  top: 0;
  margin: 0;
  min-width: 100%;
}
.modal-dialog-top .modal-dialog,
.modal-dialog-bottom .modal-dialog {
  width: 100%;
  max-width: 100%;
  margin: 0;
}
.modal-dialog-top .modal-content,
.modal-dialog-bottom .modal-content {
  border-radius: 0px;
  border: 0;
}

.modal-dialog-bottom {
  top: auto;
  bottom: 0;
}
.modal.fade .modal-dialog-bottom {
  transform: translate(0, 25%);
}

/* left */
.modal-dialog-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0 !important;
}
.modal-dialog-left .modal-content {
  min-height: 100%;
  border-width: 0;
  border-radius: 0;
}
.modal.fade .modal-dialog-left {
  transform: translate(-25%, 0);
}

/* right */
.modal-dialog-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0 !important;
  border-width: 0px;
}
.modal-dialog-right .modal-content {
  min-height: 100%;
  border-width: 0;
  border-radius: 0;
}
.modal.fade .modal-dialog-right {
  transform: translate(25%, 0);
}

.modal.show .modal-dialog {
  transform: translate(0, 0);
}

/* modal size */
.modal-md {
  max-width: 350px;
}

/*Model Alert centralizado*//
.modal-center-transparent .bootbox.modal {
  z-index: 9999 !important;
}

.modal-center-transparent .modal-dialog {
  display: flex;
  align-items: center;
  min-height: calc(100vh - 80px);
}

.modal-center-transparent .modal-backdrop {
  z-index: 9998 !important;
  background-color: rgba(0, 0, 0, 1) !important;
}

.modal-center-transparent .modal-footer .btn-primary {
  border-radius: 5px;
  padding: 5px 20px;
  background-color: #6050a5;
  border: 1px solid #000;
}

.modal-center-transparent .modal-footer .btn:active {
  background-color: #4050a5 !important;
  border: 1px solid #000 !important;
}