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

::selection {
    background: white;
}

.widget.box .widget-header.border-bottom-light {
    border-bottom: 1px solid #e0e6ed;
}

.widget-content-area{
    border: 1px solid transparent !important;
}

.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;
    }
}