ul[role="list"] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}
.outline-none {
    outline: none;
}
.picker-item:hover {
    background-color: #f3f3f3;
}
label.picker-item {
    cursor: pointer;
}
.picker-item input[type="checkbox"] {
    cursor: pointer;
}
/*-- font --*/
.fs-12 {
    font-size: 12px;
}
.fs-13 {
    font-size: 13px;
}
.fs-14 {
    font-size: 14px;
}
.fs-16 {
    font-size: 16px;
}
.fs-18 {
    font-size: 18px;
}

.fs-22 {
    font-size: 22px;
}

/*-- width --*/
.min-w-max {
    min-width: max-content;
}
.min-w-min {
    min-width: min-content;
}
.min-w-fit {
    min-width: fit-content;
}
.min-w-200 {
    min-width: 200px;
}
.max-w-75 {
    max-width: 75%;
}
.max-w-85 {
    max-width: 85%;
}
.max-w-15 {
    max-width: 15%;
}
.max-w-100 {
    max-width: 100%;
}
.w-max {
    width: max-content;
}
.w-min {
    width: min-content;
}
.w-fit {
    width: fit-content;
}
.w-5px {
    width: 5px;
}
/* -- height --*/
.max-h-100 {
    max-height: 100%;
}

.h-inherit {
   height: inherit;
}
.h-screen {
    height: 100vh;
}

/*-- rotate --*/
.rotate-90 {
    transform: rotate(90deg);
}
.hover-rotate-90:hover {
    transform: rotate(90deg);
}

/* -- background color --*/
.bg-lutech {
    background-color: #2584e3;
}
.bg-lutech-danger {
    background-color: #d93025;
}
/*-- position --*/
.right-0 {
    right: 0;
}
.right-50 {
    right: 50%;
}
.right-100 {
    right: 100%;
}
.top-0 {
    top: 2px;
}
.left-0 {
    left: 0;
}
.left-50 {
    left: 50%;
}
.left-100 {
    right: 100%;
}
/*-- flexbox --*/
.flex-1 {
    flex: 1;
}
.flex-2 {
    flex: 2;
}
.flex-shrink-0 {
    flex-shrink: 0;
}

/* -- form --*/
.input-form-picker {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 2px solid #5f6368;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
}
.input-form-picker[type="checkbox"] {
    border-radius: 2px;
}
.input-form-picker:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='mdl-js'%3E%3Cpath d='M464.563 144.563L208.563 400.563C200.75 408.375 190.516 412.281 180.281 412.281S159.813 408.375 152 400.563L24 272.563C8.375 256.938 8.375 231.625 24 216S64.938 200.375 80.562 216L180.281 315.719L408 88C423.625 72.375 448.938 72.375 464.562 88S480.188 128.938 464.563 144.563Z' fill='white'/%3E%3C/svg%3E");
}
.input-form-picker[type="checkbox"].checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M432 256C432 269.25 421.25 280 408 280H40C26.75 280 16 269.25 16 256S26.75 232 40 232H408C421.25 232 432 242.75 432 256Z' fill='%23ffffff'/%3E%3C/svg%3E");
}
.input-form-picker:checked,
.input-form-picker.checked{
    background-color: #0d6efd;
    border-color: #0d6efd;
}
.picker-search-icon.searching {
    cursor: pointer;
}
.picker-search-icon>i:first-child,
.picker-search-icon.searching>i:last-child{
    display: block;
}
.picker-search-icon>i:last-child,
.picker-search-icon.searching>i:first-child{
    display: none;
}

/* -- cursor --*/
.cursor-pointer {
    cursor: pointer;
}
/* -- overflow --*/
.overflow-x-auto {
    overflow-x: auto;
}
.overflow-y-auto {
    overflow-y: auto;
}
/*-- spacing --*/
.-m--lg-4 {
    margin: -1.5rem;
}