/*from widsite.css*/
/*bootstrap css translations*/
/*    Label => .col-form-label */
.wid-label {
    padding-top: calc(0.375rem + 1px); /* Aligns label with input */
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0; /* Removes extra spacing */
    /* font-size: var(--bs-body-font-size);  Matches default text size */
    font-size: 0.75rem !important;
    line-height: var(--bs-body-line-height);
}

/*Input => form-control-sm */
.wid-input {
    height: 28px !important;
    padding: 0.25rem 0.5rem !important; /* Left & Right padding added */
    font-size: 0.75rem !important;
    line-height: var(--bs-body-line-height-sm);
    border: 1px solid var(--bs-border-color, #ced4da);
    border-radius: var(--bs-border-radius-sm, 0.2rem) !important;
}

/*Select => .form-select-sm */
.wid-select {
    height: var(--bs-form-select-height-sm, calc(1.5rem + 2px)); /* Smaller height */
    padding: var(--bs-form-select-padding-y-sm) var(--bs-form-select-padding-x-sm); /* Adjusted padding */
    font-size: var(--bs-body-font-size-sm); /* Smaller font size */
    line-height: var(--bs-body-line-height-sm);
    border-radius: var(--bs-border-radius-sm); /* Rounded corners */
}
/* Checkbox => .wid-checkBox  6/5/26*/
.wid-checkBox {
    /* Lock down sizing — don't let Bootstrap touch it */
    width: 1em;
    height: 1em;
    margin-top: 0.25em;
    vertical-align: middle;
    flex-shrink: 0;
    /* Full manual control — no browser/Bootstrap override */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Visual styling */
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25em;
    cursor: pointer;
    /* Needed for background-image checkmark to render */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0%; /* Hidden until checked */
    /* Prevent Bootstrap's filter/print resets from washing it out */
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
}

    .wid-checkBox:checked {
        background-color: var(--bs-primary, #0d6efd);
        border-color: var(--bs-primary, #0d6efd);
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='white' d='M5.5 10.5l-3-3 1.5-1.5 1.5 1.5 4.5-4.5 1.5 1.5z'/%3E%3C/svg%3E");
        background-size: 75%;
    }

    .wid-checkBox:focus {
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    }

    .wid-checkBox:disabled {
        opacity: 0.5;
        pointer-events: none;
    }
    /*///*/

.wid-textarea {
    width: 100%; /* Ensures full width */
    height: auto; /* Adjusts height dynamically */
    padding: 0.375rem 0.75rem; /* Matches Bootstrap's default padding */
    font-size: 1rem; /* Standard font size */
    line-height: 1.5;
    /* Border and Border Radius */
    border: 1px solid var(--bs-border-color, #ced4da);
    border-radius: var(--bs-border-radius, 0.25rem);
    /* Background and Focus */
    background-color: var(--bs-body-bg, #fff);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .wid-textarea:focus {
        border-color: var(--bs-primary, #0d6efd);
        box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb, 13, 110, 253), 0.25);
    }

/*button*/
.btn-grey {
    color: #fff;
    background-color: gray;
    border-color: #212529;
    border-radius: var(--bs-border-radius, 0.25rem);
}

    .btn-grey:hover {
        color: #fff;
        background-color: #1c1f23;
        border-color: #1a1e21;
    }

/*from gdrdark.css*/
.inputBtnGl {
    height: 40px;
}

textarea {
    height: 100px;
    /*    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    display: block;
    width: 100%;
    border-radius: 0.375rem;*/
}

/*form controls*/
/* default is 1rem or 16px */
.form-horizontal {
    font-size: 12px;
    line-height: 1;
}

.form-control-sm {
    font-size: 0.75rem !important;
    height: 28px !important;
}

.col-form-label {
    font-size: 0.75rem !important;
}

.form-group {
    font-size: 0.75rem;
}

    .form-group input {
        /*width: 50px;*/
        height: 28px;
        padding-left: 4px;
    }
/*select2*/
.select2-container {
    font-size: 0.75rem;
}

.select2-dropdown {
    font-size: 0.75rem;
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 400px;
    min-height: auto; /* ✅ Allow the height to be dynamic */
    overflow-y: auto;
}

.select2-container .select2-selection__rendered > *:first-child.select2-search--inline {
    width: 50% !important;
}

    .select2-container .select2-selection__rendered > *:first-child.select2-search--inline .select2-search__field {
        width: 50% !important;
    }

.no-search-box .select2-container .select2-container--default .select2-container--open .select2-dropdown .select2-dropdown--below .select2-search .select2-search--dropdown .select2-search__field {
    display: none !important;
}
/*end select2*/
/*removes padding from select*/
.selector {
    padding: 0 !important;
}

/*date picker*/
.dpWidth {
    width: 120px !important;
    display: flex;
    flex-wrap: nowrap; /* Prevent the input and icon from wrapping */
}

    .dpWidth .form-control {
        /* Make the input take up the remaining space after the icon's width */
        width: calc(100% - 40px); /* Adjust 40px as needed based on icon width */
    }

    .dpWidth .input-group-text {
        width: 40px; /* Fixed width for the icon container */
        flex-shrink: 0; /* Prevent the icon container from shrinking */
    }

.calenderIcon {
    height: 28px;
}

.appendIcon {
    height: 28px;
    /*width: 28px;*/
}

/*Custom checkbox bs4*/
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: green;
}
/*from onaccmobile*/
input {
    width: 100% !important; /* ✅ Ensures input fields span full modal width */
    box-sizing: border-box; /* ✅ Ensures padding and borders are included in width */
}

.select2-container {
    width: 100% !important; /* ✅ Ensures dropdown spans full modal width */
    max-width: 414px !important; /* ✅ Matches modal width */
}

.select2-selection {
    width: 100% !important; /* ✅ Aligns Select2 inside modal */
}

/*from assets, debt, estatevalue*/
.text-right {
    text-align: right;
}

/*from docfilemanager*/
.bg-dark {
    background-color: #121212;
}

.blackGlossBtn btnWidth {
    width: 500px;
}

.btnHeight {
    height: 35px;
}
/*also in WmOverview*/
.labelFont {
    font-size: 1rem !important;
}

.file-input {
    display: none; /* Hide the default file input */
}

.custom-file-label {
    /* Add your styling here */
    cursor: pointer;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    background-color: #343a40;
    color: #fff;
    border: 1px solid #fff;
    transition: color 0.3s, background-color 0.3s, border-color 0.3s;
}

    .custom-file-label:hover {
        background-color: #23272b;
        color: #fff; /* Change text color to white on hover */
        border-color: #f8f9fa;
    }

.file-name {
    color: #fff; /* Ensure the file name is visible on dark background */
    display: block;
    margin-top: 5px;
}

/*from mypictures, pets, myvideos*/
/* Custom CSS to ensure consistent height for input and select elements */
.form-control, .form-select {
    height: 28px;
    font-size: .75rem;
    border-radius: .25rem;
}

/*from myvideos*/
video {
    background-color: #222;
    border: 1px solid #ccc;
}