.loading-container {
    z-index: 5000;
    width: 100vw;
    height: 100vh;
}

    .loading-container i {
        color: white;
    }

.loading-icon {
    position: fixed;
    top: 30%;
    left: 50%;
    margin-left: -55px; /* Negative half of width. */
}

.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 4000;
    width: 100%;
    height: 100%;
}

@-webkit-keyframes infiniteRotate {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}
/* Standard syntax */
@keyframes infinite-rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

.spin {
    -webkit-animation: infiniteRotate 2s linear infinite; /* Safari */
    animation: infiniteRotate 2s linear infinite;
}


.form-control.is-valid,
.form-control.valid {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231abc9c' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3E%3C/svg%3E);
    background-position: right calc(.375em + .2266rem) center;
    background-repeat: no-repeat;
    background-size: calc(.75em + .4532rem) calc(.75em + .4532rem);
    border-color: var(--ins-form-valid-border-color);
    padding-right: calc(1.5em + .9064rem);
}

.was-validated .form-control.invalid,
.was-validated .form-control.is-invalid {
    border-color: var(--ins-form-invalid-border-color);
    padding-right: calc(1.5em + 0.9064rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f1556c'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f1556c' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.2266rem) center;
    background-size: calc(0.75em + 0.4532rem) calc(0.75em + 0.4532rem);
}

.was-validated .form-control.valid,
.was-validated .form-control.is-valid {
    border-color: var(--ins-form-valid-border-color);
    padding-right: calc(1.5em + 0.9064rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%231abc9c' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.2266rem) center;
    background-size: calc(0.75em + 0.4532rem) calc(0.75em + 0.4532rem);
}

.form-control.is-valid, .form-control.valid {
    border-color: initial;
}


.e-toast-container .e-toast.toast-success,
.e-toast-container .e-toast.toast-error,
.e-toast-container .e-toast.toast-warning {
    width: 100% !important;
    padding-left: 15px;
    padding-right: 15px;
}

.e-toast-container .e-toast.e-toast-header-icon .e-toast-message .e-toast-content:first-child {
    padding-left: 0px !important;
}

.e-toast-container .e-toast.toast-success,
.e-toast-container .e-toast.toast-success:hover {
    border-color: #a3e4d7;
    background-color: #ddf5f0;
}

    .e-toast-container .e-toast.toast-success .e-toast-message .e-toast-content {
        color: #16a085;
    }

.e-toast-container .e-toast.toast-error,
.e-toast-container .e-toast.toast-error:hover {
    border-color: #f9bbc4;
    background-color: #fde6e9;
}

    .e-toast-container .e-toast.toast-error .e-toast-message .e-toast-content {
        color: #cd485c;
    }

.e-toast-container .e-toast.toast-warning,
.e-toast-container .e-toast.toast-warning:hover {
    border-color: #fce3b7;
    background-color: #fef4e4;
}

    .e-toast-container .e-toast.toast-warning .e-toast-message .e-toast-content {
        color: #d29c40;
    }

.e-toast-container .e-toast .e-toast-close-icon {
    margin-top: 10px !important;
}

.pointer {
    cursor: pointer;
}


.validation-message {
    color: #cd485c;
}