.error-color {
	color: var(--danger-color);
}

.flex-just-center {
    display: flex;
    justify-content: center;
}

.flex-vertical-center {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.flex-row {
    display: flex;
    flex-direction: row;
}

.gap-0-3 {
    gap: 0.3rem;
}

.display-none {
    display: none;
}

.text-center {
    text-align: center;
}

.text-bold {
    font-weight: bold;
}

/* width and height default styling */
.w-full {width: 100%;}
.w-9\/10 {width: 90%;}
.w-8\/10 {width: 80%;}
.w-7\/10 {width: 70%;}
.w-6\/10 {width: 60%;}
.w-5\/10 {width: 50%;}
.w-4\/10 {width: 40%;}
.w-3\/10 {width: 30%;}
.w-2\/10 {width: 20%;}
.w-1\/10 {width: 10%;}
.w-4\/5 {width: 80%;}
.w-3\/4 {width: 75%;}
.w-1\/2 {width: 50%;}
.w-1\/3 {width: 33.33%;}
.w-1\/4 {width: 25%;}
.w-1\/5 {width: 20%;}
.w-1\/6 {width: 16.66%;}
.w-1\/7 {width: 14.28%;}
.w-1\/8 {width: 12.5%;}
.h-full {height: 100%;}
.h-9\/10 {height: 90%;}
.h-8\/10 {height: 80%;}
.h-7\/10 {height: 70%;}
.h-6\/10 {height: 60%;}
.h-5\/10 {height: 50%;}
.h-4\/10 {height: 40%;}
.h-3\/10 {height: 30%;}
.h-2\/10 {height: 20%;}
.h-1\/10 {height: 10%;}
.h-4\/5 {height: 80%;}
.h-3\/4 {height: 75%;}
.h-1\/2 {height: 50%;}
.h-1\/3 {height: 33.33%;}
.h-1\/4 {height: 25%;}
.h-1\/5 {height: 20%;}
.h-1\/6 {height: 16.66%;}
.h-1\/7 {height: 14.28%;}
.h-1\/8 {height: 12.5%;}

/* select multiple option styling */
select[multiple] option {
    text-wrap: auto;
}

/* poppup styling */
.popup {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000000;
    height: 100vh !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    align-content: center;
    justify-items: center;
    background-color: #00000033;
    backdrop-filter: blur(3px);
}

.popup > * {
    display: block;
    box-shadow: var(--primary-color) 0 0 5px 5px;
}

.popup:not(.active) {display: none;}

/** popup close button styling **/
.popup::after {
    content: 'X';
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    background-color: var(--danger-color);
    box-shadow:
        rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
        rgba(0, 0, 0, 0.3) 0px 30px 60px -30px,
        rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    border-radius: 50%;
    border: 1px solid var(--primary-color);
    width: 30px;
    height: 30px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: white;
}


/* select2 styling */
.select2-selection__rendered,
.select2-results__option,
.select2-container,
.select2-search,
.select2-dropdown,
.select2-container--default .select2-selection--single .select2-selection__rendered {
    background: var(--secondary-solid-color);
    color: var(--primary-color);
}

.select2-dropdown {
    z-index: 10000;
}