body.modal-open {
    overflow: auto;
    padding-right: 0 !important; }

body.scrollable {
    overflow-y: auto; }

.modal-dialog .modal-content {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    border: 0;
    border-radius: 0.125rem; }
.modal-dialog .modal-content .modal-header {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem; }

.modal-dialog.cascading-modal {
    margin-top: 10%; }
.modal-dialog.cascading-modal .close {
    opacity: 1;
    text-shadow: none;
    color: #fff;
    outline: 0; }
.modal-dialog.cascading-modal .modal-header {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    margin: -2rem 1rem 1rem 1rem;
    border: none;
    border-radius: 0.125rem;
    padding: 1.5rem;
    text-align: center; }
.modal-dialog.cascading-modal .modal-header .close {
    margin-right: 1rem; }
.modal-dialog.cascading-modal .modal-header .title {
    margin-bottom: 0;
    width: 100%;
    font-size: 1.25rem; }
.modal-dialog.cascading-modal .modal-header .title .fas, .modal-dialog.cascading-modal .modal-header .title .fab, .modal-dialog.cascading-modal .modal-header .title .far {
    margin-right: 9px; }
.modal-dialog.cascading-modal .modal-header .social-buttons {
    margin-top: 1.5rem; }
.modal-dialog.cascading-modal .modal-header .social-buttons a {
    font-size: 1rem; }
.modal-dialog.cascading-modal .modal-c-tabs {
    /*
      .md-tabs {
       border-radius: $md-card-border-radius;
       .nav-item {
         .nav-link {
           border-radius: $md-card-border-radius;
           background-color: inherit;
           color: $white-base;
         }
       }
      }
      */ }
.modal-dialog.cascading-modal .modal-c-tabs .md-tabs {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin: -1.5rem 1rem 0 1rem;
    display: flex; }
.modal-dialog.cascading-modal .modal-c-tabs .md-tabs li {
    flex: 1; }
.modal-dialog.cascading-modal .modal-c-tabs .md-tabs li a {
    text-align: center; }
.modal-dialog.cascading-modal .modal-c-tabs .tab-content {
    padding: 1.7rem 0 0 0; }
.modal-dialog.cascading-modal .modal-body,
.modal-dialog.cascading-modal .modal-footer {
    padding-left: 2rem;
    padding-right: 2rem;
    color: #616161; }
.modal-dialog.cascading-modal .modal-body .additional-option,
.modal-dialog.cascading-modal .modal-footer .additional-option {
    margin-top: 1rem;
    text-align: center; }
.modal-dialog.cascading-modal.modal-avatar {
    margin-top: 6rem; }
.modal-dialog.cascading-modal.modal-avatar .modal-header {
    box-shadow: none;
    margin: -6rem 0 -1rem; }
.modal-dialog.cascading-modal.modal-avatar .modal-header img {
    width: 130px;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-left: auto;
    margin-right: auto; }

.modal-dialog.modal-notify .heading {
    margin: 0;
    padding: 0.3rem;
    font-size: 1.15rem;
    color: #fff; }

.modal-dialog.modal-notify .modal-header {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border: 0; }

.modal-dialog.modal-notify .close {
    opacity: 1; }

.modal-dialog.modal-notify .modal-body {
    padding: 1.5rem;
    color: #616161; }

.modal-dialog.modal-notify.modal-primary .modal-header {
    background-color: #4285f4; }

.modal-dialog.modal-notify.modal-primary .fas, .modal-dialog.modal-notify.modal-primary .fab, .modal-dialog.modal-notify.modal-primary .far {
    color: #4285f4; }

.modal-dialog.modal-notify.modal-primary .badge {
    background-color: #4285f4; }

.modal-dialog.modal-notify.modal-primary .btn .fas,
.modal-dialog.modal-notify.modal-primary .btn .fab,
.modal-dialog.modal-notify.modal-primary .btn .far {
    color: #fff; }

.modal-dialog.modal-notify.modal-primary .btn.btn-outline-primary .fas,
.modal-dialog.modal-notify.modal-primary .btn.btn-outline-primary .fab,
.modal-dialog.modal-notify.modal-primary .btn.btn-outline-primary .far {
    color: #4285f4; }

.modal-dialog.modal-notify.modal-danger .modal-header {
    background-color: #ff3547; }

.modal-dialog.modal-notify.modal-danger .fas, .modal-dialog.modal-notify.modal-danger .fab, .modal-dialog.modal-notify.modal-danger .far {
    color: #ff3547; }

.modal-dialog.modal-notify.modal-danger .badge {
    background-color: #ff3547; }

.modal-dialog.modal-notify.modal-danger .btn .fas,
.modal-dialog.modal-notify.modal-danger .btn .fab,
.modal-dialog.modal-notify.modal-danger .btn .far {
    color: #fff; }

.modal-dialog.modal-notify.modal-danger .btn.btn-outline-danger .fas,
.modal-dialog.modal-notify.modal-danger .btn.btn-outline-danger .fab,
.modal-dialog.modal-notify.modal-danger .btn.btn-outline-danger .far {
    color: #ff3547; }

.modal-dialog.modal-notify.modal-warning .modal-header {
    background-color: #ffbb33; }

.modal-dialog.modal-notify.modal-warning .fas, .modal-dialog.modal-notify.modal-warning .fab, .modal-dialog.modal-notify.modal-warning .far {
    color: #ffbb33; }

.modal-dialog.modal-notify.modal-warning .badge {
    background-color: #ffbb33; }

.modal-dialog.modal-notify.modal-warning .btn .fas,
.modal-dialog.modal-notify.modal-warning .btn .fab,
.modal-dialog.modal-notify.modal-warning .btn .far {
    color: #fff; }

.modal-dialog.modal-notify.modal-warning .btn.btn-outline-warning .fas,
.modal-dialog.modal-notify.modal-warning .btn.btn-outline-warning .fab,
.modal-dialog.modal-notify.modal-warning .btn.btn-outline-warning .far {
    color: #ffbb33; }

.modal-dialog.modal-notify.modal-success .modal-header {
    background-color: #00c851; }

.modal-dialog.modal-notify.modal-success .fas, .modal-dialog.modal-notify.modal-success .fab, .modal-dialog.modal-notify.modal-success .far {
    color: #00c851; }

.modal-dialog.modal-notify.modal-success .badge {
    background-color: #00c851; }

.modal-dialog.modal-notify.modal-success .btn .fas,
.modal-dialog.modal-notify.modal-success .btn .fab,
.modal-dialog.modal-notify.modal-success .btn .far {
    color: #fff; }

.modal-dialog.modal-notify.modal-success .btn.btn-outline-success .fas,
.modal-dialog.modal-notify.modal-success .btn.btn-outline-success .fab,
.modal-dialog.modal-notify.modal-success .btn.btn-outline-success .far {
    color: #00c851; }

.modal-dialog.modal-notify.modal-info .modal-header {
    background-color: #33b5e5; }

.modal-dialog.modal-notify.modal-info .fas, .modal-dialog.modal-notify.modal-info .fab, .modal-dialog.modal-notify.modal-info .far {
    color: #33b5e5; }

.modal-dialog.modal-notify.modal-info .badge {
    background-color: #33b5e5; }

.modal-dialog.modal-notify.modal-info .btn .fas,
.modal-dialog.modal-notify.modal-info .btn .fab,
.modal-dialog.modal-notify.modal-info .btn .far {
    color: #fff; }

.modal-dialog.modal-notify.modal-info .btn.btn-outline-info .fas,
.modal-dialog.modal-notify.modal-info .btn.btn-outline-info .fab,
.modal-dialog.modal-notify.modal-info .btn.btn-outline-info .far {
    color: #33b5e5; }

.modal {
    padding-right: 0 !important; }
@media (min-width: 768px) {
    .modal .modal-dialog.modal-top {
        top: 0; }
    .modal .modal-dialog.modal-left {
        left: 0; }
    .modal .modal-dialog.modal-right {
        right: 0; }
    .modal .modal-dialog.modal-bottom {
        bottom: 0; }
    .modal .modal-dialog.modal-top-left {
        top: 10px;
        left: 10px; }
    .modal .modal-dialog.modal-top-right {
        top: 10px;
        right: 10px; }
    .modal .modal-dialog.modal-bottom-left {
        bottom: 10px;
        left: 10px; }
    .modal .modal-dialog.modal-bottom-right {
        bottom: 10px;
        right: 10px; } }
.modal.fade.top:not(.show) .modal-dialog {
    transform: translate3d(0, -25%, 0); }
.modal.fade.left:not(.show) .modal-dialog {
    transform: translate3d(-25%, 0, 0); }
.modal.fade.right:not(.show) .modal-dialog {
    transform: translate3d(25%, 0, 0); }
.modal.fade.bottom:not(.show) .modal-dialog {
    transform: translate3d(0, 25%, 0); }
@media (min-width: 992px) {
    .modal.modal-scrolling {
        position: relative; }
    .modal.modal-scrolling .modal-dialog {
        position: fixed;
        z-index: 1050; }
    .modal.modal-content-clickable {
        top: auto;
        bottom: auto; }
    .modal.modal-content-clickable .modal-dialog {
        position: fixed; }
    .modal .modal-fluid {
        width: 100%;
        max-width: 100%; }
    .modal .modal-fluid .modal-content {
        width: 100%; }
    .modal .modal-frame {
        position: absolute;
        margin: 0 !important;
        width: 100%;
        max-width: 100% !important; }
    .modal .modal-frame.modal-bottom {
        bottom: 0; }
    .modal .modal-full-height {
        position: absolute;
        display: flex;
        margin: 0;
        width: 400px;
        min-height: 100%;
        height: auto;
        min-height: 100%;
        top: 0;
        right: 0; }
    .modal .modal-full-height.modal-top, .modal .modal-full-height.modal-bottom {
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto; }
    .modal .modal-full-height.modal-top {
        bottom: auto; }
    .modal .modal-full-height.modal-bottom {
        min-height: 0;
        top: auto; }
    .modal .modal-full-height .modal-content {
        width: 100%; }
    .modal .modal-full-height.modal-lg {
        width: 90%;
        max-width: 90%; } }
@media (min-width: 992px) and (min-width: 992px) {
    .modal .modal-full-height.modal-lg {
        width: 800px;
        max-width: 800px; } }
@media (min-width: 992px) and (min-width: 1200px) {
    .modal .modal-full-height.modal-lg {
        width: 1000px;
        max-width: 1000px; } }
@media (min-width: 992px) {
    .modal .modal-side {
        position: absolute;
        bottom: 10px;
        right: 10px;
        margin: 0;
        width: 400px; } }