::-moz-selection {
    background: white;
}

::selection {
    background: white;
}

.breadcrumb-two .breadcrumb li a {
    color: #0e1726;
}

.breadcrumb-two .breadcrumb li:hover a {
    background: #4361ee;
    color: #fff;
}

.breadcrumb-two .breadcrumb li:hover a:after {
    border-left: 30px solid #4361ee;
}

.input-field {
    position: relative;
}

.input-field label {
    position: absolute;
    font-size: 1rem;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: white;
    color: gray;
    padding: 0 0.3rem;
    margin: 0 0.5rem;
    transition: .1s ease-out;
    transform-origin: left top;
    pointer-events: none;
    z-index: 1;
}

.input-field.lt:has(input[readonly]) label::before,
.input-field.lt:has(textarea[readonly]) label::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    height: 45%;
    background-color: #f1f2f3;
    z-index: -1;
}

.input-field.lt label {
    top: 0;
    color: #0e1726;
    transform: translateY(-50%) scale(.9);
}

.input-field input,
.input-field select,
.input-field textarea {
    outline: none;
    transition: 0.1s ease-out;
}

.input-field input:focus+label,
.input-field select:focus+label,
.input-field textarea:focus+label {
    top: 0;
    color: #0e1726;
    transform: translateY(-50%) scale(.9);
}

.input-field input:not(:placeholder-shown)+label,
.input-field select:not(:placeholder-shown)+label,
.input-field textarea:not(:placeholder-shown)+label {
    top: 0;
    color: #0e1726;
    transform: translateY(-50%) scale(.9);
}

.select2-selection:focus {
    box-shadow: 0 0 5px 2px rgba(194, 213, 255, 0.619608);
    border-color: #4361ee;
    color: #3b3f5c;
}

.word-break {
    word-break: break-word !important;
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
    border-radius: 5px !important;
    padding: 8px 15px !important;
}

.cursor-pointer {
    cursor: pointer;
}

.widget-header .btn {
    padding: 0.4375rem 1.25rem;
}

.btn {
    padding: .65rem 1.25rem;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
    color: #3b3f5c;
}

.dt--top-section {
    margin: .8rem 0rem !important;
}

.dt--bottom-section {
    padding: .8rem 0rem !important;
}

table.table tr th,
table.table tr td {
    font-size: 14px !important;
    border: 1px solid #bfbfbf !important;
    color: #333333;
    padding: 5px;
    text-transform: none !important;
    vertical-align: middle;
}

table.table>thead>tr>th,
table.table>tfoot>tr>th {
    background: #4361ee !important;
    padding: 5px !important;
    color: #ffffff !important;
}

table.dataTable thead .sorting::before,
table.dataTable thead .sorting_asc::before,
table.dataTable thead .sorting_desc::before,
table.dataTable thead .sorting_asc_disabled::before,
table.dataTable thead .sorting_desc_disabled::before {
    top: .2rem !important;
}

table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after,
table.dataTable thead .sorting_asc_disabled::after,
table.dataTable thead .sorting_desc::after,
table.dataTable thead .sorting_desc_disabled::after {
    top: 1rem !important;
}

table.table.data-list>thead>tr>th {
    font-size: 14px !important;
    padding: 5px 20px 5px 5px !important;
}


.data-list>tbody>tr>td,
.table>tbody>tr>td {
    color: #333333 !important;
    padding: 3px 5px !important;
    white-space: normal !important;
}

table.table .btn {
    padding: 3px 5px;
    margin: 0 2px;
}

table.table .btn svg {
    width: 15px;
    height: 15px;
}

table.table .inputField {
    padding: 0px !important;
}

table.table .inputField input {
    padding: .5rem !important;
}

.pagination {
    padding: 0px 15px !important;
    justify-content: center !important;
}

#printContainer .show-content {
    display: none;
}

/* all media print query */
@media print {


    table.table tr th,
    table.table tr td {
        font-size: 16px !important;
        border: 1px solid #000000 !important;
        color: #000000;
        padding: 5px 8px;
        text-transform: none !important;
        vertical-align: middle;
    }

    .no-content,
    .dataTables_wrapper .dt--top-section,
    .dataTables_wrapper .dt--bottom-section {
        display: none !important;
    }

    #printContainer .show-content {
        display: block !important;
    }

    .invoiceNo {
        padding: 8px 25px;
        border: 1px solid #333333;
        border-radius: 10px;
        display: inline-block;
        font-weight: bold;
    }
}