body{
}

.modal-content {
max-height: 80vh;
overflow-y: scroll;
}

.login-item img.avatar, .login-box img.avatar, .company-logo, .avatar {
max-height: 42px !important;
margin-inline: 0.5rem;
}

.view-grid {
display: grid;
grid-template-columns: auto auto auto;
gap: 2rem;
}

.file-item {
border: 2px solid #f5f5f5;
padding: 2rem;
}

.file-item .inner.active {
position: relative;
}


.file-checked-status svg {
width: 48px;
}

.file-checked-status {
position: absolute;
top: 0;
left: 0;
}

.gap-1 {
gap: 0.25rem;
}

.gap-2 {
gap: 0.5rem;
}

.gap-3 {
gap: 0.75rem;
}

.gap-4 {
gap: 1rem;
}

.gap-5 {
gap: 1.25rem;
}

.gap-6 {
gap: 1.5rem;
}

.gap-7 {
gap: 1.75rem;
}

.gap-8 {
gap: 2rem;
}

.gap-9 {
gap: 2.25rem;
}

.gap-10 {
gap: 2.5rem;
}

.gap-11 {
gap: 2.75rem;
}

.gap-12 {
gap: 3rem;
}

.if-active {
    display: none;
}

.active .if-active {
    display: inline-block;
}

.if-inactive {
    display: inline-block;
}

.active .if-inactive {
    display: none;
}

.chosen-outer .select2-container {
    min-width: 200px;
}