.custom-preloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    /*background-image: url(../../../Content/icon/ic_preloader.gif);*/
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='45'%20height='45'%20stroke='%235d79d3'%20viewBox='0%200%2045%2045'%3e%3cg%20fill='none'%20fill-rule='evenodd'%20stroke-width='2'%20transform='translate(1%201)'%3e%3ccircle%20cx='22'%20cy='22'%20r='6'%20stroke-opacity='0'%3e%3canimate%20attributeName='r'%20begin='1.5s'%20calcMode='linear'%20dur='3s'%20repeatCount='indefinite'%20values='6;22'/%3e%3canimate%20attributeName='stroke-opacity'%20begin='1.5s'%20calcMode='linear'%20dur='3s'%20repeatCount='indefinite'%20values='1;0'/%3e%3canimate%20attributeName='stroke-width'%20begin='1.5s'%20calcMode='linear'%20dur='3s'%20repeatCount='indefinite'%20values='2;0'/%3e%3c/circle%3e%3ccircle%20cx='22'%20cy='22'%20r='6'%20stroke-opacity='0'%3e%3canimate%20attributeName='r'%20begin='3s'%20calcMode='linear'%20dur='3s'%20repeatCount='indefinite'%20values='6;22'/%3e%3canimate%20attributeName='stroke-opacity'%20begin='3s'%20calcMode='linear'%20dur='3s'%20repeatCount='indefinite'%20values='1;0'/%3e%3canimate%20attributeName='stroke-width'%20begin='3s'%20calcMode='linear'%20dur='3s'%20repeatCount='indefinite'%20values='2;0'/%3e%3c/circle%3e%3ccircle%20cx='22'%20cy='22'%20r='8'%3e%3canimate%20attributeName='r'%20begin='0s'%20calcMode='linear'%20dur='1.5s'%20repeatCount='indefinite'%20values='6;1;2;3;4;5;6'/%3e%3c/circle%3e%3c/g%3e%3c/svg%3e");
}

.custom-masterpreloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../../../Content/icon/ic_preloader.gif);
    background-size: 200px;
}

.password-wrapper {
    position: relative;
    width: 100%;
}

    .password-wrapper .password-field {
        padding-right: 40px;
    }

    .password-wrapper .toggle-password {
        position: absolute;
        top: 50%;
        right: 12px;
        transform: translateY(-50%);
        cursor: pointer;
        color: #666;
        font-size: 18px;
    }

.pin-wrapper {
    position: relative;
    width: 100%;
}

    .pin-wrapper .pin-field {
        padding-right: 40px; /* icon ke liye jagah */
    }

    .pin-wrapper .toggle-pin {
        position: absolute;
        top: 50%;
        right: 12px;
        transform: translateY(-50%);
        cursor: pointer;
        color: #666;
        font-size: 18px;
    }


@media only screen and (max-width: 576px) {
    .btnpt {
        padding-top: 10px;
    }

    .gridbtnbottom {
        margin-bottom: 5px;
    }
}

.no-typing {
    pointer-events: none;
}

.form-mb {
    margin-bottom: 1.25rem;
}

.required {
    color: red;
}


.customtable thead .border-bottom-primary th,
.customtable tbody .border-bottom-primary th,
.customtable tbody .border-bottom-primary td {
    border-bottom: 1px solid #01a9ac
}

.customtable thead .border-bottom-warning th,
.customtable tbody .border-bottom-warning th,
.customtable tbody .border-bottom-warning td {
    border-bottom: 1px solid #fe9365
}

.customtable thead .border-bottom-default th,
.customtable tbody .border-bottom-default th,
.customtable tbody .border-bottom-default td {
    border-bottom: 1px solid #e0e0e0
}

.customtable thead .border-bottom-danger th,
.customtable tbody .border-bottom-danger th,
.customtable tbody .border-bottom-danger td {
    border-bottom: 1px solid #fe5d70
}

.customtable thead .border-bottom-success th,
.customtable tbody .border-bottom-success th,
.customtable tbody .border-bottom-success td {
    border-bottom: 1px solid #0ac282
}

.customtable thead .border-bottom-inverse th,
.customtable tbody .border-bottom-inverse th,
.customtable tbody .border-bottom-inverse td {
    border-bottom: 1px solid #404E67
}

.customtable thead .border-bottom-info th,
.customtable tbody .border-bottom-info th,
.customtable tbody .border-bottom-info td {
    border-bottom: 1px solid #2DCEE3
}

/*Calendar Control CSS*/
.cal_Theme1 .ajax__calendar_container {
    background-color: #DEF1F4;
    border: solid 1px #77D5F7;
}

.cal_Theme1 .ajax__calendar_header {
    background-color: #ffffff;
    margin-bottom: 4px;
}

.cal_Theme1 .ajax__calendar_title,
.cal_Theme1 .ajax__calendar_next,
.cal_Theme1 .ajax__calendar_prev {
    color: #004080;
    padding-top: 3px;
}

.cal_Theme1 .ajax__calendar_body {
    background-color: #ffffff;
    border: solid 1px #77D5F7;
}

.cal_Theme1 .ajax__calendar_dayname {
    text-align: center;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 2px;
    color: #004080;
}

.cal_Theme1 .ajax__calendar_day {
    color: #004080;
    text-align: center;
}

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,
.cal_Theme1 .ajax__calendar_active {
    color: #004080;
    font-weight: bold;
    background-color: #DEF1F4;
}

.cal_Theme1 .ajax__calendar_today {
    font-weight: bold;
}

.cal_Theme1 .ajax__calendar_other,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title {
    color: #bbbbbb;
}


/* Common checkbox wrapper */
.customcheckbox {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    background: #f8f9fb;
    border: 1px solid #dce1e7;
    border-radius: 6px;
    cursor: pointer;
}

    /* Checkbox spacing fix */
    .customcheckbox input[type="checkbox"] {
        width: 16px;
        height: 16px;
        margin: 0;
    }

    /* Label text */
    .customcheckbox span {
        font-size: 14px;
        color: #333;
    }

    /* Hover effect */
    .customcheckbox:hover {
        background: #eef1f5;
    }