﻿/* #region Custom Fonts
--------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Nunito);
@font-face {
    font-family: 'Myriad Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Regular'), url('/fonts/MYRIADPRO-REGULAR.woff') format('woff');
}
/* #endregion */


/* #region Select2
--------------------------------------------------------------*/
.select2 {
    width: 100% !important;
}
/* #endregion */


/*#region Google reCaptcha
--------------------------------------------------------------*/
.grecaptcha-badge {
    bottom: 70px !important;
    transform: scale(0.9) !important;
}
/*#endregion*/


/*#region jQuery Smart Wizard
--------------------------------------------------------------*/
.sw.sw-loading::after {
    z-index: 5;
}

.sw > .nav .nav-link {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
}
/*#endregion*/


/*#region Flatpickr
--------------------------------------------------------------*/
.flatpickr-day.selected {
    background: var(--bs-indigo);
    border-color: var(--bs-indigo);
}

    .flatpickr-day.selected:hover {
        background: var(--bs-purple);
        border-color: var(--bs-purple);
    }

/*#endregion*/


/*#region Custom Radio Input
--------------------------------------------------------------*/
.custom-radio-input {
    height: 100%;
}

    .custom-radio-input input[type="radio"] {
        appearance: none;
        opacity: 0;
        position: absolute;
    }

    .custom-radio-input label {
        position: relative;
        height: 100%;
        width: 100%;
        padding: 32px;
        border-radius: 8px;
        border: var(--bs-border-width) solid var(--bs-border-color);
    }

        .custom-radio-input label::after {
            content: "";
            position: absolute;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            right: 16px;
            top: 16px;
            background: #e9ecef;
        }

    .custom-radio-input input[type="radio"]:checked + label {
        background: #ebefff;
        outline: solid 3px var(--bs-blue);
    }

    .custom-radio-input input[type="radio"]:focus + label {
        outline: solid 3px var(--bs-blue);
    }

    .custom-radio-input input[type="radio"].is-invalid:focus + label {
        outline: solid 3px #dc3545;
    }

    .custom-radio-input input[type="radio"]:checked + label::after {
        background: var(--bs-blue);
    }

    .custom-radio-input:first-of-type input[type="radio"].is-invalid + label {
        border-color: #dc3545;
    }
/*#endregion*/


/* #region Custom File Input
--------------------------------------------------------------*/
.custom-file-button input[type=file] {
    margin-left: -2px !important;
}

    .custom-file-button input[type=file]::-webkit-file-upload-button {
        display: none;
    }

    .custom-file-button input[type=file]::file-selector-button {
        display: none;
    }

.custom-file-button:hover label {
    background-color: #dde0e3;
    cursor: pointer;
}
/* #endregion */


/* #region No Arrows Number Input
--------------------------------------------------------------*/
.no-arrows::-webkit-outer-spin-button,
.no-arrows::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.no-arrows[type=number] {
    -moz-appearance: textfield;
}
/* #endregion */

