.zoomSize {
    zoom: 90%;
}
#loading
{
    pointer-events: none;
    background-image: linear-gradient(180deg, #23286b, #8e4466) !important;
}
#loaderWrapper
{
    display        : flex;
    flex-direction : column;
    justify-content: center;
    align-items    : center;
}
.auth-content
{
    max-width: 40rem !important;
}
.select2-dropdown
{
    z-index: 10002;
}
.dataTables_length select
{
    width: 80px !important;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin            : 0;
}
input[type=number] { -moz-appearance: textfield; }
.loader { 
    width        : 100%;
    margin       : 0 auto;
    border-radius: 10px;
    border       : 4px solid transparent;
    position     : relative;
    padding      : 1px;
}
.loader:before {
    content      : '';
    border       : 1px solid #fff;
    border-radius: 10px;
    position     : absolute;
    top          : -4px;
    right        : -4px;
    bottom       : -4px;
    left         : -4px;
}
.loader .loaderBar { 
    position     : absolute;
    border-radius: 10px;
    top          : 0;
    right        : 100%;
    bottom       : 0;
    left         : 0;
    background   : #fff;
    width        : 0;
    animation    : borealisBar 2s linear infinite;
}
@keyframes borealisBar {
0% {
    left : 0%;
    right: 100%;
    width: 0%;
}
10% {
    left : 0%;
    right: 75%;
    width: 25%;
}
90% {
    right: 0%;
    left : 75%;
    width: 25%;
}
100% {
    left : 100%;
    right: 0%;
    width: 0%;
}
}
@font-face {
    font-family: 'password';
    font-style: normal;
    font-weight: 400;
    src: url(https://jsbin-user-assets.s3.amazonaws.com/rafaelcastrocouto/password.ttf);
}
.password-custom { font-family: 'password'; }
.modal
{
    background-color: #0000008c;
}

/**
* Progress bar
*/
.swalCustom-progress-bar, .progress-bar  {
    width           : 80%;
    max-width       : 400px;
    background-color: #ff7979;
    border-radius   : 8px;
    overflow        : hidden;
    box-shadow      : 0 2px 5px rgba(0, 0, 0, 0.1);
    margin          : 10px auto 0 auto;
}
.swalCustom-progress, .progress  {
    height          : 10px;
    background-color: var(--bs-primary);
    width           : 0;                /* Width is controlled via inline style or JS */
    text-align      : center;
    color           : #ff7979;
    line-height     : 10px;             /* Center the text vertically */
    border-radius   : 8px 0 0 8px;
    transition      : width 0.3s ease;
}


/**
 * Card Utility
 */
.shadow-card{
    border    : none;
    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
}