@import url(./colors.css);

.bg-none { background: none !important; }

.btn-transparent {
    background-color: transparent !important;
    border-color: transparent !important;
}

.position-normal { position: initial !important; }

.gap-y-0 { row-gap: 0 !important; }
.gap-y-1 { row-gap: 0.25rem !important; }
.gap-y-2 { row-gap: 0.5rem !important; }
.gap-y-3 { row-gap: 1rem !important; }
.gap-y-4 { row-gap: 1.5rem !important; }
.gap-y-5 { row-gap: 3rem !important; }

.gap-x-0 { column-gap: 0 !important; }
.gap-x-1 { column-gap: 0.25rem !important; }
.gap-x-2 { column-gap: 0.5rem !important; }
.gap-x-3 { column-gap: 1rem !important; }
.gap-x-4 { column-gap: 1.5rem !important; }
.gap-x-5 { column-gap: 3rem !important; }

.search-query { font-size: 14px !important; }

.search-query + .select2-container,
.search-query + .select2-container .select2-selection,
.search-query + .select2-container .select2-selection .select2-selection__rendered {
    height: 50px;
    line-height: 50px;
    text-align: left;
    vertical-align: middle;
    font-size: 14px !important;
    font-weight: 500;
    min-width: 100% !important;
    max-width: 100% !important;
    color: #333 !important;
    text-shadow: none;
    border-radius: 0;
    border: none;
}

.search-query + .select2-container .select2-selection {
    padding-left: 1rem;
}

.search-query + .select2-container .select2-selection .select2-selection__rendered {
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: nowrap;
    word-wrap: break-word;
    min-width: 100% !important;
    max-width: 100% !important;
}

.search-query + .select2-container .select2-selection .select2-selection__arrow {
    height: 50px;
}