.of-x-visible{
    overflow-x: visible;
}

.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 333;
    display: block;
    width: 2.375rem;
    /*height: 1rem;*/
    /*line-height: 2.375rem;*/
    text-align: center;
    pointer-events: none;
    top: 25%;
    color: #aaa;
}

.cursor-pointer {
    cursor: pointer !important;
}


.form-control-sm.select2 + .select2-container .select2-selection{
    height: calc(1.5em + 0.56rem + 2px) !important;
    font-size: .875rem;
    border-radius: 0.2rem;
}

.disabled-link{
    pointer-events: none;
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}

.badge-normal{
    font-size: unset;
    font-weight: unset;
}

#tyre_depth_exp:hover + #tyre_depth_img{
    display: block!important;
}

.scrollbar-light {
    scrollbar-width: auto;
    scrollbar-color: #cbc6cd #ffffff;
}

/* Chrome, Edge, and Safari */
.scrollbar-light::-webkit-scrollbar {
    width: 12px;
}

.scrollbar-light::-webkit-scrollbar-track {
    background: #ffffff;
}

.scrollbar-light::-webkit-scrollbar-thumb {
    background-color: #cbc6cd;
    border-radius: 8px;
    border: 3px solid #ffffff;
}


.livewire-loader {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-block;
    border-top: 3px solid gray;
    border-right: 3px solid transparent;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


.tr-bt-0 td, .tr-bt-0 td{
    border-top: 0;
}

.tr-bb-0 td, .tr-bb-0 td{
    border-bottom: 0;
}

.tr-bx-0 td, .tr-bx-0 td{
    border-bottom: 0;
    border-top: 0;
}

.badge-info {
    background-color: #39afd1 !important;
}

.borderless .modal-footer,  .borderless .modal-header{
    border: none;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 24px;
    z-index: 10;
}

.overlay-fullscreen {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100vh;
    background-color: rgba(255, 255, 255, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
}

.overlay::after, .overlay-fullscreen::after {
    content: "";
    width: 75px;
    height: 75px;
    border: 15px solid #dddddd;
    border-top-color: #009578;
    border-radius: 50%;
    animation: loading 0.75s ease infinite;
}

@keyframes loading {
    from {
        transform: rotate(0turn);
    }
    to {
        transform: rotate(1turn);
    }
}

.dropdown-left {
    inset: unset !important;
    right: 0 !important;
}

.laravel-livewire-tables-btn-tiny{
    width: 1rem;
    height: 1rem;
}