/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/
.input-range-custom {
    --SliderColor: hsl(50, 100%, 50%);
    background: linear-gradient(to right, #ffcb05 0%, #ffcb05 50%, #fff 50%, #fff 100%);
    border-radius: 8px;
    border: solid 1px #ccc;
    height: 8px;
    padding: 0px;
    outline: none;
    -webkit-appearance: none;
}

    /* --------------------------- webkit browsers */
    .input-range-custom::-webkit-slider-thumb {
        -webkit-appearance: none;
        width: 18px;
        height: 18px;
        border-radius: 10px;
        background-color: var(--SliderColor);
        overflow: visible;
        cursor: pointer;
    }
    /* -------------------------- Firefox */
    .input-range-custom::-moz-range-thumb {
        -moz-appearance: none;
        width: 18px;
        height: 18px;
        border-radius: 10px;
        background-color: var(--SliderColor);
        overflow: visible;
        cursor: pointer;
    }

.right {
    right: -1px;
    left: auto;
}

.p-relative {
    position: relative;
}

input[readonly] {
    background-color: var(--vz-input-disabled-bg);
    opacity: 1;
}

.mt-6 {
    margin-top: 5.5rem !important;
}

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

.border-radius-2 {
    border-radius: 2.25rem !important;
}

.card-wrapper .jp-card .jp-card-back, .card-wrapper .jp-card .jp-card-front {
    background-color: #0ab39c;
}

.jp-card-container {
    z-index: 0 !important;
}

.form-control.input-border-custom {
    border: none !important;
    border-bottom: 1px solid var(--vz-input-border) !important;
}

.form-select.input-border-custom {
    border: none !important;
    border-bottom: 1px solid var(--vz-input-border) !important;
}

.bg-none {
    background: none
}

.btn-border-r {
    border-top: 1px solid var(--vz-input-border);
    border-right: 1px solid var(--vz-input-border);
    border-bottom: 1px solid var(--vz-input-border);
    border-bottom-color: #ced4da !important;
}

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

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

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

.nav-tabs-overflow {
    flex-wrap: nowrap !important
}

    .nav-tabs-overflow > li {
        min-width: fit-content
    }

.wordList{
    border-bottom: 0 !important;
}

.form-floating > .form-control-plaintext ~ label::after, 
.form-floating > .form-control:focus ~ label::after, 
.form-floating > .form-control:not(:placeholder-shown) ~ label::after, 
.form-floating > .form-select ~ label::after{
    background-color: unset !important;
}

.d-contents {
    display: contents;
}

.p-lg-h-5 {
    padding: 3rem 2rem !important;
}

.label-custom {
    padding: 0.5rem 0.9rem !important
}
.m-h-120 {
    max-height: 120px !important;
}

.mw-content {
    width: max-content;
}

.text-operator {
    color: var(--color-two)
}


.icon-effect::before {
    background-color: var(--color-two) !important;
    opacity: 0.2 !important;
}

.profile-wid-bg-custom {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 320px
}

    .profile-wid-bg-custom::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        opacity: .9;
        background: var(--bg-color-1);
        background: -webkit-gradient(linear,left bottom,left top,from(var(--bg-color-1)),to(var(--bg-color-2)));
        background: linear-gradient(to top,var(--bg-color-1),var(--bg-color-2))
    }

@media print {
    @page {
        size: A4 landscape;
        margin: 0mm 10mm 10mm 10mm;
    }

    body {
        margin: 0;
        font-size: 10pt;
    }

    .card, .table-responsive {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .table {
        font-size: 8pt;
    }

    .btn, .modal {
        display: none;
    }

    .hstack, .vr {
        display: none;
    }

    .print {
        display: block !important;
        margin-top: 20mm;
    }
}