#sig-canvas {
    border: 2px dotted #CCCCCC;
    border-radius: 15px;
}

.lock-screen {
    scroll-snap-stop: always;
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0
}

.header-alert {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    opacity: 0;
    transition: transform .2s ease-in-out, opacity .2s ease-in-out;
    transform: translateY(-100%);
    will-change: opacity, transform;
    opacity: 1;
    transform: translateY(0);
    z-index: 1
}

.ui-autocomplete {
    z-index: 215000000 !important;
}

.bg-8,
.bg-10,
.bg-11,
.bg-12 {
    background-color: #b87f12 !important;
    /*Y*/
}

.bg-1,
.bg-7 {
    background-color: #e04f1a !important;
    /*R*/
}

.bg-unreleased {
    background-color: #20c997 !important;
}

.bg-unreleased2 {
    background: #0dcaf0 !important;
}

.bg-2,
.bg-3 {
    background-color: #6f9c40 !important;
    /*G*/
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.disableClick {
    pointer-events: none;
}