/* WebinaFire Alert*/
.no-scroll {overflow: hidden;}
.wf-backdrop {position: fixed; height: 100vh; width: 100%; left: 0; top: 0; z-index: 9999999; overflow: hidden;}
.wf-popup {position: fixed; top: 0; left: 0; height: 100vh; width: 100%; overflow-y: auto; overflow-x: hidden; background-color: #00000013; z-index: 1050; display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 10px; -webkit-overflow-scrolling: touch; transition: all 0.4s;}
.wf-modal {position: relative; flex-direction: column; justify-content: center; width: 32em; max-width: 100%; padding: 1.25em; border-radius: .3125em; background: #fff; font-family: inherit; font-size: 1rem; box-sizing: border-box; display: none;}

.wf-icon {padding: 0 0 0; text-align: center;}
.wf-icon img {height: 130px; width: 130px; object-fit: contain;}
.wf-content {padding: 0 5px; padding-bottom: 10px; text-align: center;}
.wf-content .wf-title {position: relative; max-width: 100%; margin: 0; padding: 0; color: #595959; font-size: 1.6em; font-weight: 600; text-align: center; text-transform: none; word-wrap: break-word; overflow-wrap: anywhere;}
.wf-content .wf-message {position: relative; max-width: 100%; color: #7e7e7e; font-size: 1.125em; font-weight: 300; line-height: normal; z-index: 1; word-wrap: break-word; padding: 0; margin: 0; margin-top: 7px; overflow-wrap: anywhere;}
.wf-footer {padding: 0; padding-top: 10px; padding-bottom: 5px; display: flex; align-items: center; justify-content: center; gap: 7px;}
.wf-footer button {padding: 0.65rem 1.25rem; min-width: 70px;}

.wf-backdrop .wf-popup.wf-popup-show {background-color: #00000066;}
.wf-popup-hide {background-color: #0000000b; transition: all 0.3s; transition-delay: 0.15s;}
.wf-modal-show {-webkit-animation: wf-show .3s; animation: wf-show .3s;}
.wf-modal-hide {-webkit-animation: wf-hide .15s forwards; animation: wf-hide .15s forwards;}
@-webkit-keyframes wf-show {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }

    45% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    80% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes wf-show {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }

    45% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    80% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes wf-hide {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }
}

@keyframes wf-hide {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }
}

/*//////////////////////////////////////////////////////////////*/

/* WebinaToast*/
.wf-toast-container {height: auto; width: 350px; position: fixed; z-index: 99999990;}
.wf-toast-container.top-right {top: 0; right: 0;}
.wf-toast-container.bottom-right {bottom: 0; right: 0;}
.wf-toast-container.bottom-left {bottom: 0; left: 0;}
.wf-toast-container.top-left {top: 0; left: 0;}
.wf-toast-container.top-center {top: 0; left: 50%; transform: translateX(-50%);}
.wf-toast-container.bottom-center {bottom: 0; left: 50%; transform: translateX(-50%);}
.wf-toast-container.top {top: 0; left: 0; max-width: 100%;}
.wf-toast-container.bottom {bottom: 0; left: 0; max-width: 100%;}

.wt-toast-body {border-radius: 7px; -moz-box-shadow: 0 0 12px #999; -webkit-box-shadow: 0 0 12px #999; box-shadow: 0 0 12px #999; color: #FFF; opacity: 0.86; margin: 10px 10px 0; position: relative; overflow: hidden; cursor: pointer; user-select: none; background-color: #fff;}
.wt-toast-body.toast-primary {background-color: #2f4cdd; color: #fff;}
.wt-toast-body.toast-secondary {background-color: #3e4954; color: #fff;}
.wt-toast-body.toast-success {background-color: #2bc155; color: #fff;}
.wt-toast-body.toast-danger {background-color: #f72b50; color: #fff;}
.wt-toast-body.toast-warning {background-color: #ff6d4d; color: #fff;}
.wt-toast-body.toast-info {background-color: #2781d5; color: #fff;}
.wt-toast-body.toast-light {background-color: #c8c8c8; color: #585555;}
.wt-toast-body.toast-dark {background-color: #171717; color: #fff;}
.wt-toast-body .toast-progress {background-color: #fff;}

.wt-toast-body.toast-outline-primary {outline: 2px solid #2f4cdd; color: #2f4cdd; opacity: 1;}
.wt-toast-body.toast-outline-secondary {outline: 2px solid #3e4954; color: #3e4954; opacity: 1;}
.wt-toast-body.toast-outline-success {outline: 2px solid #2bc155; color: #2bc155; opacity: 1;}
.wt-toast-body.toast-outline-danger {outline: 2px solid #f72b50; color: #f72b50; opacity: 1;}
.wt-toast-body.toast-outline-warning {outline: 2px solid #ff6d4d; color: #ff6d4d; opacity: 1;}
.wt-toast-body.toast-outline-info {outline: 2px solid #2781d5; color: #2781d5; opacity: 1;}
.wt-toast-body.toast-outline-light {outline: 2px solid #c8c8c8; color: #585555; opacity: 1;}
.wt-toast-body.toast-outline-dark {outline: 2px solid #171717; color: #171717; opacity: 1;}

.wt-toast-body.toast-light-primary {background-color: #eaedfc; color: #2f4cdd;}
.wt-toast-body.toast-light-secondary {background-color: #8696a5; color: #fff;}
.wt-toast-body.toast-light-success {background-color: #e7faec; color: #2bc155;}
.wt-toast-body.toast-light-danger {background-color: #fee6ea; color: #f72b50;}
.wt-toast-body.toast-light-warning {background-color: #ffeae6; color: #ff6d4d;}
.wt-toast-body.toast-light-info {background-color: #f0f6fc; color: #2781d5;}
.wt-toast-body.toast-light-light {background-color: #c8c8c8; color: #0f0f0f;}
.wt-toast-body.toast-light-dark {background-color: #d4d4d4; color: #171717;}

.wt-toast-body.toast-light-primary .toast-progress {background-color: #2f4cdd;}
.wt-toast-body.toast-light-secondary .toast-progress {background-color: #fff;}
.wt-toast-body.toast-light-success .toast-progress {background-color: #2bc155;}
.wt-toast-body.toast-light-danger .toast-progress {background-color: #f72b50;}
.wt-toast-body.toast-light-warning .toast-progress {background-color: #ff6d4d;}
.wt-toast-body.toast-light-info .toast-progress {background-color: #2781d5;}
.wt-toast-body.toast-light-light .toast-progress {background-color: #fff;}
.wt-toast-body.toast-light-dark .toast-progress {background-color: #171717;}


.wt-toast-body .toast-close {position: absolute; right: 2px; top: 2px; padding: 0 7px;}
/* .wt-toast-body .toast-close svg path {stroke: #fff;} */
.toast-content {display: flex; padding: 15px 15px 12px;}
.toast-content .toast-icon {width: 30px;}
.toast-content .toast-icon + div {width: calc(100% - 30px); padding-left: 5px; padding-right: 15px; display: grid; gap: 3px;}
.toast-content .toast-icon span {font-size: 1.5rem; line-height: 28px;}
.toast-content .toast-title {font-size: 0.9rem; margin-bottom: 0; font-weight: 500; overflow-wrap: anywhere;}
.toast-content .toast-message {font-size: 0.9rem; margin-bottom: 0; font-weight: 500; overflow-wrap: anywhere;}
.toast-content .toast-title + .toast-message {font-size: 0.8rem !important; font-weight: 400 !important;}
.wt-toast-body .toast-progress {height: 3px; opacity: 0.7;}