/* == reset css == */
* {
    /* margin: 0;
    padding: 0; */
    box-sizing: border-box;
}


/* *** frame */

/* Remove skeleton */


/* **End frame */

input {
    border: none;
}

input:focus-visible {
    outline: none;
}

/* == End reset css == */

/* == Message handle error ==  */
.handle_error {
    height: 10px;
    font-size: 14px;
    display: none;
}

/* == class action === */
.rotate_180 {
    transform: rotate(180deg);
}

.handle_error i[class^="icon-"] {
    font-size: 10px;
    color: var(--gray-100);
}

.handle_error .error_message {
    font-size: 11px;
    color: var(--gray-100);
    font-weight: 400px;
    line-height: 10px;
}

/* == category select == */
/* Show the submenu selection category */


/* Style for skeleton side  */
.animate-slide-down {
    animation: pushDown 1s ease;
    overflow-y: hidden;
    transition: max-height 0.5s all, opacity 0.5s all;
}


/* This is for skeleton */
@keyframes pushDown {
    from {
        max-height: 0;
        /* padding: 0; */
    }

    to {
        max-height: 600px;
    }
}



/* * Custome select 2 */

.select2.select2-container {
    width: 100% !important;
}