.transition-none {
    transition: none !important;
}

.transition-all {
    transition: all 0.3s !important;
}

/***************************** margin *********************************/

.m-0 {
    margin: 0 !important;
}

.m-01 {
    margin: 0.1rem !important;
}

.m-02 {
    margin: 0.2rem !important;
}

.m-03 {
    margin: 0.3rem !important;
}

.m-05 {
    margin: 0.5rem !important;
}

.m-10 {
    margin: 1rem !important;
}

.m-15 {
    margin: 1.5rem !important;
}

.m-20 {
    margin: 2rem !important;
}

.m-25 {
    margin: 2.5rem !important;
}

.m-30 {
    margin: 3rem !important;
}

.m-40 {
    margin: 4rem !important;
}

.m-50 {
    margin: 5rem !important;
}

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

.mx-01 {
    margin-left: 0.1rem !important;
    margin-right: 0.1rem !important;
}

.mx-02 {
    margin-left: 0.2rem !important;
    margin-right: 0.2rem !important;
}

.mx-03 {
    margin-left: 0.3rem !important;
    margin-right: 0.3rem !important;
}

.mx-05 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
}

.mx-10 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}

.mx-15 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
}

.mx-20 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
}

.mx-25 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
}

.mx-30 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
}

.mx-40 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
}

.mx-50 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
}

.my-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto;
}

.my-01 {
    margin-top: 0.1rem !important;
    margin-bottom: 0.1rem !important;
}

.my-02 {
    margin-top: 0.2rem !important;
    margin-bottom: 0.2rem !important;
}

.my-03 {
    margin-top: 0.3rem !important;
    margin-bottom: 0.3rem !important;
}

.my-05 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.my-10 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.my-15 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.my-20 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}

.my-25 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
}

.my-30 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.my-40 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
}

.my-50 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.ml-auto {
    margin-left: auto !important;
}

.ml-01 {
    margin-left: 0.1rem !important;
}

.ml-02 {
    margin-left: 0.2rem !important;
}

.ml-03 {
    margin-left: 0.3rem !important;
}

.ml-05 {
    margin-left: 0.5rem !important;
}

.ml-10 {
    margin-left: 1rem !important;
}

.ml-15 {
    margin-left: 1.5rem !important;
}

.ml-20 {
    margin-left: 2rem !important;
}

.ml-25 {
    margin-left: 2.5rem !important;
}

.ml-30 {
    margin-left: 3rem !important;
}

.ml-40 {
    margin-left: 4rem !important;
}

.ml-50 {
    margin-left: 5rem !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mr-auto {
    margin-right: auto !important;
}

.mr-01 {
    margin-right: 0.1rem !important;
}

.mr-02 {
    margin-right: 0.2rem !important;
}

.mr-03 {
    margin-right: 0.3rem !important;
}

.mr-05 {
    margin-right: 0.5rem !important;
}

.mr-10 {
    margin-right: 1rem !important;
}

.mr-15 {
    margin-right: 1.5rem !important;
}

.mr-20 {
    margin-right: 2rem !important;
}

.mr-25 {
    margin-right: 2.5rem !important;
}

.mr-30 {
    margin-right: 3rem !important;
}

.mr-40 {
    margin-right: 4rem !important;
}

.mr-50 {
    margin-right: 5rem !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-auto {
    margin-top: auto !important;
}

.mt-01 {
    margin-top: 0.1rem !important;
}

.mt-02 {
    margin-top: 0.2rem !important;
}

.mt-03 {
    margin-top: 0.3rem !important;
}

.mt-05 {
    margin-top: 0.5rem !important;
}

.mt-10 {
    margin-top: 1rem !important;
}

.mt-15 {
    margin-top: 1.5rem !important;
}

.mt-20 {
    margin-top: 2rem !important;
}

.mt-25 {
    margin-top: 2.5rem !important;
}

.mt-30 {
    margin-top: 3rem !important;
}

.mt-40 {
    margin-top: 4rem !important;
}

.mt-50 {
    margin-top: 5rem !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.mb-01 {
    margin-bottom: 0.1rem !important;
}

.mb-02 {
    margin-bottom: 0.2rem !important;
}

.mb-03 {
    margin-bottom: 0.3rem !important;
}

.mb-05 {
    margin-bottom: 0.5rem !important;
}

.mb-10 {
    margin-bottom: 1rem !important;
}

.mb-15 {
    margin-bottom: 1.5rem !important;
}

.mb-20 {
    margin-bottom: 2rem !important;
}

.mb-25 {
    margin-bottom: 2.5rem !important;
}

.mb-30 {
    margin-bottom: 3rem !important;
}

.mb-40 {
    margin-bottom: 4rem !important;
}

.mb-50 {
    margin-bottom: 5rem !important;
}

/***************************** padding *********************************/

.p-0 {
    padding: 0 !important;
}

.p-01 {
    padding: 0.1rem !important;
}

.p-02 {
    padding: 0.2rem !important;
}

.p-03 {
    padding: 0.3rem !important;
}

.p-05 {
    padding: 0.5rem !important;
}

.p-10 {
    padding: 1rem !important;
}

.p-15 {
    padding: 1.5rem !important;
}

.p-20 {
    padding: 2rem !important;
}

.p-25 {
    padding: 2.5rem !important;
}

.p-30 {
    padding: 3rem !important;
}

.p-40 {
    padding: 4rem !important;
}

.p-50 {
    padding: 5rem !important;
}

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.px-auto {
    padding-left: auto !important;
    padding-right: auto !important;
}

.px-01 {
    padding-left: 0.1rem !important;
    padding-right: 0.1rem !important;
}

.px-02 {
    padding-left: 0.2rem !important;
    padding-right: 0.2rem !important;
}

.px-03 {
    padding-left: 0.3rem !important;
    padding-right: 0.3rem !important;
}

.px-05 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

.px-10 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.px-15 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

.px-20 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

.px-25 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
}

.px-30 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}

.px-40 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
}

.px-50 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.py-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
}

.py-01 {
    padding-top: 0.1rem !important;
    padding-bottom: 0.1rem !important;
}

.py-02 {
    padding-top: 0.2rem !important;
    padding-bottom: 0.2rem !important;
}

.py-03 {
    padding-top: 0.3rem !important;
    padding-bottom: 0.3rem !important;
}

.py-05 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.py-10 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.py-15 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.py-20 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

.py-25 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
}

.py-30 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.py-40 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}

.py-50 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.pl-01 {
    padding-left: 0.1rem !important;
}

.pl-02 {
    padding-left: 0.2rem !important;
}

.pl-03 {
    padding-left: 0.3rem !important;
}

.pl-05 {
    padding-left: 0.5rem !important;
}

.pl-10 {
    padding-left: 1rem !important;
}

.pl-15 {
    padding-left: 1.5rem !important;
}

.pl-20 {
    padding-left: 2rem !important;
}

.pl-25 {
    padding-left: 2.5rem !important;
}

.pl-30 {
    padding-left: 3rem !important;
}

.pl-40 {
    padding-left: 4rem !important;
}

.pl-50 {
    padding-left: 5rem !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pr-01 {
    padding-right: 0.1rem !important;
}

.pr-02 {
    padding-right: 0.2rem !important;
}

.pr-03 {
    padding-right: 0.3rem !important;
}

.pr-05 {
    padding-right: 0.5rem !important;
}

.pr-10 {
    padding-right: 1rem !important;
}

.pr-15 {
    padding-right: 1.5rem !important;
}

.pr-20 {
    padding-right: 2rem !important;
}

.pr-25 {
    padding-right: 2.5rem !important;
}

.pr-30 {
    padding-right: 3rem !important;
}

.pr-40 {
    padding-right: 4rem !important;
}

.pr-50 {
    padding-right: 5rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-01 {
    padding-top: 0.1rem !important;
}

.pt-02 {
    padding-top: 0.2rem !important;
}

.pt-03 {
    padding-top: 0.3rem !important;
}

.pt-05 {
    padding-top: 0.5rem !important;
}

.pt-10 {
    padding-top: 1rem !important;
}

.pt-15 {
    padding-top: 1.5rem !important;
}

.pt-20 {
    padding-top: 2rem !important;
}

.pt-25 {
    padding-top: 2.5rem !important;
}

.pt-30 {
    padding-top: 3rem !important;
}

.pt-40 {
    padding-top: 4rem !important;
}

.pt-50 {
    padding-top: 5rem !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-01 {
    padding-bottom: 0.1rem !important;
}

.pb-02 {
    padding-bottom: 0.2rem !important;
}

.pb-03 {
    padding-bottom: 0.3rem !important;
}

.pb-05 {
    padding-bottom: 0.5rem !important;
}

.pb-10 {
    padding-bottom: 1rem !important;
}

.pb-15 {
    padding-bottom: 1.5rem !important;
}

.pb-20 {
    padding-bottom: 2rem !important;
}

.pb-25 {
    padding-bottom: 2.5rem !important;
}

.pb-30 {
    padding-bottom: 3rem !important;
}

.pb-40 {
    padding-bottom: 4rem !important;
}

.pb-50 {
    padding-bottom: 5rem !important;
}

/***************************** width height ******************************/

.width-50 {
    width: 50%;
}

.height-50 {
    height: 50%;
}

.width-100 {
    width: 100%;
}

.height-100 {
    height: 100%;
}

.max-width-100 {
    max-width: 100%;
}

.max-height-100 {
    max-height: 100%;
}

/***************************** display ******************************/

.d-block {
    display: block !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-inline {
    display: inline !important;
}

.d-flex {
    display: flex !important;
}

.d-none {
    display: none !important;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-column {
    flex-direction: column;
}

/***************************** justify align ******************************/

.justify-content-center {
    justify-content: center;
}

.justify-content-end {
    justify-content: end;
}

.justify-content-flex-end {
    justify-content: flex-end;
}

.justify-content-start {
    justify-content: start;
}

.justify-content-flex-start {
    justify-content: flex-start;
}

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

.align-items-flex-end {
    align-items: flex-end;
}

.align-items-flex-start {
    align-items: flex-start;
}

.flex-fill {
    flex: 1 1;
}

/********************* Text *************************/

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

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

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

.text-ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.text-overflow-anywhere {
    overflow-wrap: anywhere;
}

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

.text-normal {
    font-weight: 500;
}

.text-white {
    color: white !important;
}

.text-black {
    color: rgb(37, 37, 37) !important;
}

.text-default {
    color: rgb(61, 61, 61) !important;
}

.text-default svg {
    fill: rgb(61, 61, 61) !important;
}

.text-primary {
    color: #007AEE !important;
}

.fill-primary {
    fill: #007AEE !important;
}

.text-warning-green {
    color: #95b814 !important;
}

.fill-warning-green {
    fill: #95b814 !important;
}

.text-danger {
    color: #e04d5b !important;
}

.fill-danger {
    fill: #e04d5b !important;
}

.text-orange {
    color: #ff844b !important;
}

.fill-orange {
    fill: #ff844b !important;
}

.text-warning {
    color: #ffc64b !important;
}

.fill-warning {
    fill: #ffc64b !important;
}

.text-secondary {
    color: #9fa1a3 !important;
}

.fill-secondary {
    fill: #9fa1a3 !important;
}

.text-success {
    color: #5cb85c !important;
}

.fill-success {
    fill: #5cb85c !important;
}

.text-white {
    color: white !important;
}

.fill-white {
    fill: white !important;
}

.text-shadow {
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.315);
}

.text-underline {
    text-decoration: underline !important;
}

/********************* Overflow *************************/

.overflow-hidden {
    overflow: hidden !important;
}

.overflowX-hidden {
    overflow-x: hidden !important;
}

.overflowY-hidden {
    overflow-y: hidden !important;
}

.overflow-visible {
    overflow: visible !important;
}

.overflowX-visible {
    overflow-x: visible !important;
}

.overflowY-visible {
    overflow-y: visible !important;
}

.overflow-auto {
    overflow: auto !important;
}

.overflowX-auto {
    overflow-x: auto !important;
}

.overflowY-auto {
    overflow-y: auto !important;
}

/********************* Float *************************/

.float-right {
    float: right;
}

.float-left {
    float: left;
}

/********************* BG *************************/

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

.bg-white {
    background-color: white;
}

.bg-none-div div {
    background-color: transparent !important;
}

/*********************  *************************/

.cursor-pointer {
    cursor: pointer;
}

/* .badge-new {
    font-weight: 700;
    font-size: 0.8rem;
    background-color: #fdeeef;
    color: #ea3546;
    border: 1px solid #ea3546;
    border-radius: 2px;
    padding: 1px 5px;
    margin-left: 5px;
  } */
.break-inside-avoid {
    break-inside: avoid;
    page-break-inside: avoid;
}

.badge-new {
    display: inline-block;
    background-color: #ff6666;
    border-radius: 50%;
    color: #fff;
    padding: 2px 8px 4px;
    position: relative;
    margin-left: 8px;
    margin-right: 8px;
}

.badge-new::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    animation: pulse-badge-new 1s ease infinite;
    border-radius: 50%;
    border: 4px double #ff6666;
}

.prepare {
    display: none;
}

.prepare-selected {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

@keyframes pulse-badge-new {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    60% {
        transform: scale(1.2);
        opacity: 0.4;
    }

    100% {
        transform: scale(1.3);
        opacity: 0;
    }
}