﻿/*formating default behaviour*/
.rz-calendar input {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background-color: transparent !important;
    font-size: var(--fs-12) !important;
    padding-left: 0 !important;
}
.rz-calendar input:disabled {
    color: #77858b !important;
}
/*autofill remove*/
.rz-inputtext:-webkit-autofill,
.rz-inputtext:-webkit-autofill:hover,
.rz-inputtext:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--black-clr);
    -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
}
/*outline*/
.valid.modified:not([type=checkbox]) {
    outline: none;
}

.rz-dropdown-item.rz-state-disabled {
    opacity: 0.5 !important;
}

.input-control:focus {
    outline: solid #4573d2 2px !important;
}

.rz-textarea:focus {
    outline: solid #4573d2 2px !important;
}

.rz-textarea {
    box-shadow: none !important;
}

.rz-datepicker-trigger {
    top: 44% !important;
    right: 0.15rem !important;
}
/*table*/
.rz-grid-table thead th {
    background-color: #f2f2f2;
}


@media only screen and (max-width: 768px) {
    .rz-grid-table {
        table-layout: auto;
    }
}
/* table font-face size*/
.rz-cell-data {
    font-size: var(--fs-12) !important;
}
.tooltip-td .rz-cell-data {
    overflow: visible !important;
}

.user-list .rz-cell-data{
    display:flex !important;
}

.rz-grid-table thead th .rz-column-title {
    text-transform: capitalize !important;
    font-size: var(--fs-14) !important;
    color: #6d6e6f !important;
}
.rz-data-row td{
    transition:all ease-in-out .3s;
    padding:.25rem .5rem !important;
}
.rz-data-row:hover td {
    background-color: #f6f7fa !important;
}
/*table highlighted row*/
.rz-selectable tbody tr.rz-data-row td {
    background-color: transparent !important;
}

.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) .rz-cell-data {
    color: var(--black-clr) !important;
    cursor: pointer;
}

.rz-selectable tbody tr.rz-data-row.rz-state-highlight .rz-cell-data {
    color: var(--black-clr) !important;
}

/*pagination*/
.rz-paginator-page {
    display: none !important;
}

.rz-state-active {
    display: block !important;
}

.rz-paginator-first, .rz-paginator-last {
    display: none !important;
}

/*disabled textbox command textarea*/
.rz-textbox:disabled {
    background-color: #f2f2f2 !important;
    color: #77858b !important;
}
.rz-textarea:disabled {
    background-color: #f2f2f2 !important;
    color: #77858b !important;
}

.input-control:has(.rz-calendar):has(:disabled) {
    background-color: #f2f2f2 !important;
}
.rz-state-disabled.rz-dropdown {
    background-color: #f2f2f2 !important;
}

    .rz-state-disabled.rz-dropdown .rz-inputtext {
        background-color: #f2f2f2 !important;
    }

/*dropdown resets*/
.rz-multiselect-items li.rz-state-highlight {
    background-color: #0096FB;
}
    .rz-multiselect-items li.rz-state-highlight:hover {
        background-color: #0096FB;
    }
.rz-multiselect-items li:hover {
    background-color: #0096FB;
}

.rz-chkbox-box {
    border: solid 2px #d8d8d8;
    border-radius: 4px;
}

.rz-chkbox-box.rz-state-active {
    background-color: #0075FF;
    border-width:2px;
}

.rz-chkbox-box .rzi-check:before {
    position: absolute;
    top: 2px;
    left: 1.5px;
}

.rz-datatable-emptymessage span{
    font-size: var(--fs-12);
}
