@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Medium.ttf') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-SemiBold.ttf') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Regular.ttf') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'Roboto' !important;
}

button, input, optgroup, select, textarea {
    font-family: 'Roboto' !important;
    font-size: 16px;
    line-height: 1.4;
    margin: 0;
}

button, input, optgroup, select, textarea {
    margin: 0;
    font: 16px 'Roboto';
    color: inherit;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto' !important;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

.validation-message {
    color: red;
    font-size: 12px;
}
.hrlinest {
    margin-top: 10px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

.navbar-inverse1 {
    box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.08);
    background-color: #fff !important;
    padding: 5px !important;
}

/*.navbarst {
    float: left;
    width: 84%;
    margin-top: 8px;
}
*/
.navbarst {
    float: none;
    width: 97%;
    margin-top: 5px;
}


.main-sidebar1 {
    border-top-right-radius: 16px;
    position: absolute;
    top: 92px;
    left: 0;
    padding-top: 0px;
    min-height: 88%;
    background-color: #00A8D1;
    /* background-color: #0F4FA2; */
    width: 10%;
    z-index: 890;
    -webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
}

.sidebar-menu {
    list-style: none;
    margin: 0;
    text-align: center;
    padding: 0;
}

.user-panel {
    position: relative;
    width: 100%;
    padding: 0px;
    overflow: hidden;
}

.dashbiconst{
    margin-top:8px;
}

.menu-item a img:first-of-type { /* filled icon */
    display: none;
}

.menu-item a img:last-of-type { /* unfilled icon */
    display: inline;
}

.menu-item a.active img:first-of-type { /* show filled when active */
    display: inline;
}

.menu-item a.active img:last-of-type { /* hide unfilled when active */
    display: none;
}

.sidebar-menu > li > a {
    padding: 10px 5px 10px 5px;
    display: block;
    color: white !important;
    margin: 10px 10px 10px 10px;
    text-decoration: none;
    font-size: 15px;
}

.sidebar-wrapper {
    height: 85vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sidebar-menu {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.menu-item a,
#lnkLogout {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 18px 0;
    color: white;
    text-decoration: none;
}

    .menu-item a.active {
        background-color: rgba(255, 255, 255, 0.18);
        border-radius: 4px;
    }

    .menu-item i,
    #lnkLogout i {
        font-size: 22px;
        margin-bottom: 4px;
    }

.logout-section {
    margin-bottom: 25px;
    text-align: center;
}

.footerBg {
    background-color: #00A8D1 !important;
    display: inline-block;
    text-align: center;
    position: fixed;
    bottom: 0;
    width: 100%;
}

.navbar-nav > li > a {
    background: #00A8D1;
    display: inline-block;
    padding: 10px 15px;
    color: white;
    border-radius: 23px;
    box-shadow: none !important;
    outline: none !important;
    text-decoration: none !important;
}

    .navbar-nav > li > a:hover,
    .navbar-nav > li > a:focus,
    .navbar-nav > li > a:active {
        background: #00A8D1 !important; /* same as normal */
        color: white !important; /* same as normal */
        box-shadow: none !important;
        outline: none !important;
        text-decoration: none !important;
    }

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 120px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 7px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

#ststyletd {
    color: rgba(33, 33, 33, 0.90) !important;
    font-size: 16px;
    font-weight: 500;
    word-wrap: break-word;
}


.dashboard-container {
    width: 98%;
}

.welcome {
    color: rgba(33, 33, 33, 0.60);
    font-size: 22px;
    font-weight: 400;
    word-wrap: break-word
}

.pfnamest {
    color: #212121;
    font-size: 22px;
    font-weight: 700;
    word-wrap: break-word
}

/* Stats Cards */
.stat-card {
    background: white;
    padding: 18px 20px;
    height: 150px; /* FIXED HEIGHT (change as needed) */
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Distribute content evenly */


    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);
    border-radius: 10px;
    border: 1px rgba(0, 0, 0, 0.10) solid;
}

.state-cardst {
    display: flex;
    gap: 180px;
}

.stat-card .title {
    color: #212121;
    font-size: 20px;
    font-weight: 800;
    word-wrap: break-word
}

.stat-card .value {
    color: #00A8D1;
    font-size: 24px;
    font-weight: 900;
    word-wrap: break-word;
    margin-top: 0px;
}

.stat-card .link {
    color: #212121;
    font-size: 16px;
    font-weight: 400;
    word-wrap: break-word;
}

    .stat-card .link span {
        color: #00A8D1;
        font-size: 16px;
        font-weight: 900;
        word-wrap: break-word
    }

/* Create Button */
/* Container */
.recent-cases-container {
    background: #fafafa;
    padding: 15px 0px 0px 0px;
    border-radius: 12px;
}

.recent-cases-container_1 {
    background: #fafafa;
    padding: 0px 0px 0px 0px;
    border-radius: 12px;
}



/* Title */
.section-title {
    color: #212121;
    font-size: 20px;
    font-weight: 600;
    word-wrap: break-word
}

/* Create button */
.create-btn {
    background-color: #00A8D1;
    color: white;
    padding: 8px 18px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    word-wrap: break-word;
}


.create-btnslide {
    background-color: #00A8D1;
    color: white;
    padding: 7px 20px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    word-wrap: break-word;
}

.create-btnslide1 {
    background-color: #00A8D1;
    color: white;
    padding: 8px 15px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    word-wrap: break-word;
}




/* Table wrapper */
.table-wrapper {
    width: 98%;
    background: white;
    border-radius: 12px;
    padding: 10px 15px;
    box-shadow: 0px 4px 16px rgba(0,0,0,0.08);
}


/* Add line under table header */
.custom-table thead tr {
    position: relative;
}

    .custom-table thead tr::after {
        content: "";
        position: absolute;
        top: 30px;
        left: 0;
        width: 100%;
        height: 1px;
        background: #e5e5e5;
    }

/* Add line after each row */
.custom-table tbody tr {
    position: relative;
}

    .custom-table tbody tr::after {
        content: "";
        position: absolute;
        bottom: -6px; /* space between rows */
        left: 0;
        width: 100%;
        height: 1px;
        background: #e5e5e5;
    }

/* Remove spacing to show line clearly */
.custom-table {
    border-collapse: collapse !important;
}

    .custom-table td,
    .custom-table th {
        border: none !important;
    }

.custom-table {
    width: 100%;
    border-collapse: separate !important;
    border-spacing: 0 12px;
    font-size: 14px;
}

/* Empty state spans all columns */
.empty-state {
    grid-column: 1 / -1; /* full width */
    display: flex;
    align-items: center;
    justify-content: center;
}

    .empty-state h2 {
        text-align: center;
        font-weight: 500;
        color: #555;
    }

/*.adminusertable {
    width: 98%;
    height: 70vh;
    padding: 10px;
    border-radius: 10px;
    background: #fff;
}*/

/* Scroll only table body */
/*.table-scrolltechdas {
    max-height: 50vh;
    overflow-y: scroll;
}*/

/* Sticky header */
/*.patienttables thead th {
    position: sticky;
    top: 0;
    background: #f8f9fa;*/ /* Bootstrap table-light */
    /*z-index: 5;
}*/

/* Fix borders & hover */
.patienttables {
    border-collapse: separate;
    border-spacing: 0;
}
/* Table */
/*for fix tabel header style start*/
.dashboardtablest {
    height: 50vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 10px;
    background: #fff;
}

/* Sticky header */
.custom-table thead {
    position: sticky;
    top: -10px;
    z-index: 25;
}

    .custom-table thead th {
        background: #fff;
        border-bottom: 1px solid #e0e0e0;
    }

/* Table base */
.custom-table {
    width: 100%;
    border-collapse: collapse;
}



/*.dashboardtablest {
    height: 50vh;*/ /* height of scroll area */
/*}*/

    /* Hide scrollbar (Chrome, Edge, Safari) */
    /*.dashboardtablest::-webkit-scrollbar {
        display: none;
    }*/

/* Hide scrollbar (Firefox) */
/*.dashboardtablest {
    scrollbar-width: none;
}*/

    /* Fix table header */
    /*.dashboardtablest table thead th {
        position: sticky;
        top: 0;
        background: #fff;*/ /* background so text does not overlap */
        /*z-index: 10;
    }*/

    .custom-table thead tr th {
        color: rgba(33, 33, 33, 0.60);
        font-size: 14px;
        font-weight: 500;
        word-wrap: break-word
    }

    .custom-table tbody tr {
        background: white;
        border-radius: 8px;
        transition: 0.2s ease-in-out;
    }

        .custom-table tbody tr:hover {
            background: #f5faff;
        }

    /* Table cells */
    .custom-table tbody td {
        padding: 12px 0px;
    }

/* Case link */
.case-link {
    color: #008CFF;
    font-size: 16px;
    font-weight: 600;
    word-wrap: break-word;
}

/* Priority colors */
.priority.high {
    color: red;
    font-weight: 700;
}

.priority.medium {
    color: orange;
    font-weight: 700;
}

.priority.low {
    color: green;
    font-weight: 700;
}

.tablehedstyle {
    display: flex;
    gap: 72%;
}


/* Make Patient Name bold and dark */
.custom-table td.patient-name {
    color: rgba(33, 33, 33, 0.90);
    font-size: 16px;
    font-weight: 500;
    word-wrap: break-word;
}

/* Created Date – lighter, italic */
.custom-table td.created-date {
    color: rgba(33, 33, 33, 0.90);
    font-size: 16px;
    font-weight: 500;
    word-wrap: break-word;
}

/* Assigned To – blue tag style */
.custom-table td.assigned-to {
    color: rgba(33, 33, 33, 0.90);
    font-size: 16px;
    font-weight: 500;
    word-wrap: break-word;
}

.custom-table td.case-id {
    color: #212121;
    font-size: 16px;
    font-weight: 600;
    word-wrap: break-word;
}

/*create new case style*/

.top-barcc {
    width: 100%;
    padding: 10px 45px 5px 45px;
    margin-bottom: 10px;
}

.header-row {
    position: absolute;
    width: auto;
    padding: 10px 0 0px;
    margin-bottom: 5px;
    z-index: 100;
}

    .header-row h3 {
        font-size: 18px;
        font-weight: 600;
        color: #333;
        margin-left: 20px;
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .header-row a {
        font-size: 18px;
        font-weight: 600;
        color: #333;
        margin-left: 20px;
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .header-row.cancelccst {
        font-size: 18px;
        font-weight: 600;
        color: #333;
        margin-left: 20px;
        display: flex;
        align-items: center;
        gap: 8px;
    }

/* Step circles container */
.stepscc {
    display: flex;
    justify-content: center;
    gap: 70px;
    padding: 25px 0;
    position: relative;
}

    /* Shadow line behind steps */
    .stepscc::before {
        content: "";
        position: absolute;
        top: 45px; /* adjust height */
        left: 10%;
        right: 10%;
        height: 12px;
        background: rgba(0, 0, 0, 0.08);
        filter: blur(4px);
        border-radius: 6px;
        z-index: 1;
    }

/* Steps */
.step-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 2;
}

.stepcc {
    width: 55px;
    height: 55px;
    border: 2px solid #00a8e8;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
    color: #00a8e8;
    background: #fff;
}

    .stepcc.active {
        background: #00a8e8;
        color: #fff;
    }

.titilecc1 {
    margin-top: 5px;
    font-size: 13px;
    color: #555;
}

    .titilecc1.active {
        color: #00a8e8;
        font-weight: 600;
    }

.containercc {
    width: 90%;
    margin: 1px auto;
}

.topbarcc1 {
    color: #212121;
    font-size: 16px;
    font-weight: 600;
    word-wrap: break-word;
}

.cpstyle {
    float: right;
}

.card-areacc {
    display: flex;
    justify-content: center;
    gap: 40px;
    margin-top: 30px;
    background: white;
    border-radius: 30px;
    padding: 50px;
    box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.08);
}

#patientFormContainer {
    gap: 40px;
    margin-top: 30px;
    background: white;
    border-radius: 30px;
    padding: 20px;
    box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.08);
}

.PatientFormContainerstyle {
    padding: 0px;
    background: white;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
    border-radius: 20px;
}

.cardcc {
    width: 45%;
    background: rgba(33, 33, 33, 0.06);
    padding: 40px;
    /*    border: 2px dashed #dcdcdc;*/
    text-align: center;
    border-radius: 10px;
    border: 2px dashed rgba(0, 0, 0, 0.30);
}

.titlecc {
    color: rgba(33, 33, 33, 0.80);
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    word-wrap: break-word;
}

.titilecc1 {
    color: rgba(33, 33, 33, 0.50);
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    word-wrap: break-word;
}

    .titilecc1.active {
        color: #00A8D1;
        font-size: 18px;
        font-weight: 700;
        line-height: 18px;
        word-wrap: break-word;
    }

.iconccu {
    font-size: 50px;
    color: #00A8D1;
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 15px auto; /* center and add spacing */
    font-weight: bold;
}

.iconcc {
    font-size: 50px;
    color: #00A8D1;
    margin-bottom: 15px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 4px solid #00A8D1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 15px auto; /* center and add spacing */
    font-weight: bold;
}

.btncc {
    display: inline-block;
    background: #00A8D1;
    color: white;
    padding: 10px 25px;
    border: none;
    border-radius: 8px;
    margin-top: 15px;
    cursor: pointer;
    color: white;
    font-size: 20px;
    font-weight: 500;
    word-wrap: break-word;
}

    .btncc:hover {
        opacity: 0.9;
    }

    /* When active page */
    .btncc.active {
        background: #0080b8;
    }

.footercc {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.cancelcc {
    padding: 10px 35px;
    border: 1px solid rgba(0, 0, 0, 0.16);
    background: white;
    border-radius: 8px;
    color: #212121;
    font-size: 16px;
    font-weight: 500;
    word-wrap: break-word;
}

.nextcc {
    padding: 10px 25px;
    background: #00A8D1;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    word-wrap: break-word;
}


/*create patient form style*/
.form-containercp {
    padding: 15px;
    width: 100%;
    margin: 20px auto;
    color: #222;
}

.formcontrolforpcrpst {
    color: #212121; /* user text color */
    font-size: 18px;
    font-style: normal;
    font-weight: 600; /* bold when user types */
    line-height: normal;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.22) !important;
    background: #EBEBEB !important;
    padding: 20px 5px 20px 10px !important;
    height: 40px !important;
}


    .formcontrolforpcrpst::placeholder {
        color: rgba(33, 33, 33, 0.40);
        font-weight: 400;
        font-size: 18px;
    }

.buttoncc{
    margin-top:40px;
    float:inline-end;
}
.form-containercpfrompt {
    background: white;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.06);
    border-radius: 20px;
    border: 1px rgba(0, 0, 0, 0.12) solid;
    padding: 30px 40px 10px 40px;
    width: 98%;
    margin: 15px 0px 10px 0px;
    color: #222;
}

.checkboxptcrstlab{
    color: #212121;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}


.h3cp {
    color: #212121;
    font-size: 18px;
    font-weight: 700;
    word-wrap: break-word;
    padding-bottom: 5px;
    margin-bottom: 15px;
    display: contents;
}

.patient-idcp {
    font-weight: 400;
    color: rgba(33, 33, 33, 0.60);
    font-size: 16px;
    font-weight: 500;
    word-wrap: break-word;
}

.patient-idcp1 {
    color: #212121;
    font-size: 16px;
    font-weight: 700;
    word-wrap: break-word;
}

.link-existingcp {
    color: #00A8D1;
    font-size: 16px;
    font-weight: 700;
    text-decoration: underline;
    word-wrap: break-word;
}

    .link-existingcp:hover {
        text-decoration: underline;
    }

.sectioncp {
    margin-bottom: 25px;
}

.rowcp {
    display: flex;
    gap: 20px;
    margin-bottom: 15px;
}

input:disabled {
    background: #f0f0f0;
    color: #999;
}

.name-row > div,
.dob-row > div,
.contact-row > div,
.address-row > div,
.state-zip-row > div {
    flex-grow: 1;
}

.dob-rowcp {
    align-items: center;
}

    .dob-rowcp > div {
        flex-grow: 1;
    }

.gendercp {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 20px;
    flex-grow: 2;
}

    .gendercp label {
        width: auto;
        font-weight: normal;
    }

.contact-inputcp {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-grow: 1;
}

.country-codecp {
    width: 60px;
    font-size: 16px;
    padding: 7px 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #f0f0f0;
    cursor: pointer;
}

.labelcp {
    margin-top: 10px;
    color: rgba(33, 33, 33, 0.80);
    font-size: 16px;
    font-weight: 500;
    word-wrap: break-word;
}

.formmainstyle {
    padding: 24px;
}

.formselectstyle {
    color: #212121 !important;
    font-size: 16px;
    font-weight: 700;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.22) !important;
    background: #EBEBEB !important;
    padding: 10px;
}

.formmainstyle1 {
    margin-bottom: 15px;
}

.formmainstyle3 {
    padding: 0px;
}

.formmainstyle2 {
    color: #212121 !important;
    font-size: 16px;
    font-weight: 700;
    word-wrap: break-word;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.22) !important;
    background: #EBEBEB !important;
    /* padding: 20px 5px 20px 10px !important;*/
    height: 40px !important;
}

.formmainstyle2height {
    color: #212121 !important;
    font-size: 16px;
    font-weight: 700;
    word-wrap: break-word;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.22) !important;
    background: #EBEBEB !important;
    /* padding: 20px 5px 20px 10px !important;*/
    height: 60px !important;
}

    .formmainstyle2::placeholder {
        color: #212121 !important; /* Change to any color you want */
        opacity: 1; /* Prevent Bootstrap from reducing opacity */
    }

.formmainstyle2height::placeholder {
    color: #212121 !important; /* Change to any color you want */
    opacity: 1; /* Prevent Bootstrap from reducing opacity */
}

.checkboxst {
    color: rgba(33, 33, 33, 0.80);
    font-size: 16px;
    font-weight: 500;
    word-wrap: break-word;
}

.checkboxst1 {
    color: rgba(33, 33, 33, 0.80);
    font-size: 16px;
    font-weight: 500;
    word-wrap: break-word;
}

.patienttable {
    overflow-y: scroll;
    height: 70vh;
    padding: 10px;
    background: white;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);
    border-radius: 10px;
    border: 1px rgba(0, 0, 0, 0.08) solid;
}

/* Scroll only table body */
.table-scrollpttech {
    height: 77vh;
    overflow-y: scroll;
    overflow-x: hidden;
}




/* Table full width */
.patienttables {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

    /* Sticky table header */
    .patienttables thead th {
        position: sticky;
        top: 0;
        z-index: 10;
        background-color: #f8f9fa; /* table-light */
    }

/* Optional: nicer scrollbar spacing */
.table-scrollpttech::-webkit-scrollbar {
    width: 6px;
}


/* Center Pagination */
/*.dataTables_paginate {
    text-align: center !important;
    padding: 10px 0;
}*/

.dataTables_paginate {
    position: relative;
    text-align: center !important;
    bottom: -7px;
}

div.dataTables_paginate {
    float: none !important;
    margin: 0;
}
/* Make pagination UL inline */
.dataTables_paginate ul.pagination {
    display: inline-flex !important;
    gap: 6px;
    background: transparent !important;
}

/* Pagination buttons */
.dataTables_paginate .pagination li a {
    color: rgba(33, 33, 33, 0.60) !important;
    background: transparent !important;
    border: none !important;
    font-size: 14px;
    font-weight: 500;
}

/* Active page styling */
.dataTables_paginate .pagination li.active a {
    background: #00ABD1 !important;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    color: #fff !important;
    //blue text text-align: center;
    padding: 4px 0 !important;
}

/* Hover effect */
.dataTables_paginate .pagination li a:hover {
    color: #00AEEF !important;
}


div.dataTables_filter label {
    font-weight: normal;
    float: right;
    font-size: 0;
}

div.dataTables_info {
    display: none !important;
}

div.dataTables_wrapper .row:first-child .col-md-6 {
    display: none !important;
}

div.dataTables_wrapper:second-child .row:first-child .col-md-6 {
    display: none !important;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 10px !important;
    border: 1px solid transparent;
}

}

.dataTables_wrapper .dataTables_paginate {
    margin-top: 1px;
    text-align: center;
    float: none;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button {
        background: #f3f4f6 !important;
        border: none !important;
        border-radius: 44px !important;
        margin: 0 8px !important;
        padding: 2px;
        width: 28px;
        font-weight: bold;
    }

        .dataTables_wrapper .dataTables_paginate .paginate_button.current {
            background: #2563eb !important;
            color: white !important;
        }

.dataTables_length {
    display: none;
}

/*.dataTables_filter {
            display: none;
        } */
.dataTables_filter input {
    height: 39px;
    color: rgba(33, 33, 33, 0.36);
    font-size: 16px;
    font-weight: 500;
    word-wrap: break-word;
    border-radius: 10px;
    border: 1px solid rgba(33, 33, 33, 0.16);
    background: #FFF;
}

    .dataTables_filter input:not(:placeholder-shown) {
        font-weight: 800;
        color: rgba(33, 33, 33, 1);
    }


.table-bordered thead th {
    border-bottom-width: 2px;
    /*  background-color: #70bfbb;*/
    background-color: red;
    color: #fff;
    text-align: center;
    font-weight: normal;
    font-size: 12px;
}

table.table tbody td {
    padding: 15px 10px;
}

table.table thead td {
    padding: 12px 10px;
}


.table > thead > tr > th {
    padding: 15px 10px;
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}


/*.whiteBg {
    background-color: #ffffff;
    margin: 0px 14px;
    padding: 0px 15px 4px 10px;
}*/

.patientCreateFormst{
    margin-top:15px;
}

/*.header-roweditp{
    margin-bottom:10px;
}*/
.padehest {
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.delete-btnst {
    border-radius: 10px;
    padding: 10px 25px 10px 25px;
    color: #00A8D1;
    background: #fff;
    border: 1px solid #00A8D1;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.editbtnst {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 10px 25px 10px 25px;
    border-radius: 8px;
    background: #00A8D1;
    border: none;
}
.whiteBg {
    background-color: #F7F7F7;
    margin: 0px 14px;
    padding: 0px 15px 4px 10px;
}

table.table thead .sorting {
    background-color: white;
}

table.table thead .sorting_desc {
    background-color: white;
}

.patienttabelstyle {
    background: #F7F7F7;
    margin-top: 20px;
    padding: 0px 15px 0px 0px;
}

.slidetabelstyle {
    padding: 0px 15px 0px 0px;
}

.patienttabelstyle1 {
    color: #212121;
    font-size: 22px;
    font-weight: 700;
    word-wrap: break-word;
}

.create-btn1 {
    color: white;
    font-size: 16px;
    font-weight: 600;
    word-wrap: break-word;
}

/*.header-row1 {
    margin: 5px 0px 7px 0px;
    width: 100%;
    padding: 0px 0 0px;
    margin-bottom: 5px;
}*/

.header-row1 {
    background: #F7F7F7 !important;
    margin: 5px 0px 7px 0px;
    width: 100%;
    padding: 0px 0 0px;
    margin-bottom: 5px;
}

.header-row1_1 {
    margin: 0px 0px 7px 0px;
    width: 98%;
    padding: 10px 0 0px;
    margin-bottom: 5px;
}

.pid a {
    color: #008CFF;
    font-size: 16px;
    font-weight: 800;
    word-wrap: break-word;
}

.table-light th {
    color: rgba(33, 33, 33, 0.60);
    font-size: 14px;
    font-weight: 500;
    word-wrap: break-word;
}

.patienttables td.st {
    color: rgba(33, 33, 33, 0.90);
    font-size: 16px;
    font-weight: 500;
    word-wrap: break-word;
}

.st1 {
    color: rgba(33, 33, 33, 0.90) !important;
    font-size: 16px;
    font-weight: 500;
    word-wrap: break-word;
}

.Editcase {
    padding: 8px 15px 8px 15px;
    border-radius: 8px;
    border: 1px #00A8D1 solid;
    color: #00A8D1;
    font-size: 16px;
    font-weight: 600;
    word-wrap: break-word;
}


/*edit patient style*/
.form-containercp1 {
    padding: 20px;
    background: white;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.06);
    border-radius: 20px;
    border: 1px rgba(0, 0, 0, 0.12) solid;
}

.header-roweditp h3 {
    color: #212121;
    font-weight: 600;
    word-wrap: break-word;
    font-size: 18px;
    font-weight: 600;
    margin-left: 5px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.formmainstylepc {
    padding: 10px 0px 20px 0px;
}
.ptcrnewst{
    margin-top:10px;
}

.editpst {
    color: #008CFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    font-size: 16px;
    font-weight: 700;
    word-wrap: break-word;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.22) !important;
    background: #EBEBEB !important;
    height: 40px !important;
}

.formmainstyle1 {
    padding: 0px;
}

.cancelbtnst {
    padding: 10px 40px 10px 40px;
    background: #EBEBEB;
    border-radius: 10px;
    border: 1px rgba(0, 0, 0, 0.20) solid;
    color: #212121;
    font-size: 18px;
    font-weight: 700;
    word-wrap: break-word;
}

.impslidestyless {
    grid-template-columns: repeat(9, 1fr);
    display: inline-grid;
    gap: 30px;
}
.righsidebtn {
    float: right;
    margin-top: -40px;
}

.righsidebtnforslideim {
    float: right;
    margin-top: 10px;
}


.savebtnst {
    padding: 10px 30px 10px 30px;
    background: #00A8D1;
    border-radius: 10px;
    border: 1px rgba(0, 0, 0, 0.20) solid;
    color: white;
    font-size: 18px;
    font-weight: 700;
    word-wrap: break-word;
}

/*Patient details style*/
.patientdetailsst {
    display: flex;
    gap: 70px;
    margin-bottom: 30px;
}

/*.casedetailsst {
    display: flex;
    gap: 80px;
    margin-bottom: 30px;
}*/

.case-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 172px;
}

.divider {
    width: 1px;
    background: #e0e0e0;
    margin: 0 10px;
}
.casedetailsst {
    display: flex;
    align-items: stretch;
    gap: 70px;
    margin-bottom: 16px;
}

/* Divider line */
    .casedetailsst .border-start {
        border-left: 1px solid #d0d0d0; /* thin grey line */
        height: 20px;
        margin: 0 5px;
    }
.header-roweditp {
    padding: 15px 0px 10px 0px;
}
.casedetailsslidest{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px; /* space between columns */
}
.caseslidenamest {
    border-radius: 10px;
    background: #F7F7F7;
    padding: 10px;
    margin-block:10px;
}
.caseslidenamest1 {
    display: inline-flex;
    border-radius: 10px;
    background: #F7F7F7;
    padding: 10px;
}
.casedestyti {
    color: #00A8D1;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.doc-listst {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 columns */
    gap: 16px;
    list-style: none;
    padding: 0;
}

.doc-itemst a {
    display: block;
    text-decoration: none;
    color: #333;
    border-radius: 10px;
    padding:10px;
    background: #F7F7F7;
}

.doc-thumbnailst {
    width: 100%;
    height: 170px;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    margin-bottom: 6px;
}

.documentstnamest {
    font-size: 13px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.casedestmaindiv {
    width: 98%;
    overflow-y: scroll;
    height: 80vh;
    padding: 0px 15px 15px 15px;
    background: white;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.06);
    border-radius: 20px;
    border: 1px rgba(0, 0, 0, 0.12) solid;
}
.pdsubtitle {
    color: #212121;
    font-size: 18px;
    font-weight: 600;
    word-wrap: break-word;
}

.pdmaintitle {
    color: rgba(33, 33, 33, 0.80);
    font-size: 18px;
    font-weight: 400;
    word-wrap: break-word;
}

/* Divider line */
.patientdetailsst .border-start {
    border-left: 1px solid #d0d0d0; /* thin grey line */
    height: 20px;
    margin: 0 5px;
}

.patient-idpd {
    color: rgba(33, 33, 33, 0.50);
    font-size: 16px;
    font-weight: 500;
    word-wrap: break-word;
}

.patient-idpd1 {
    color: #008CFF;
    font-size: 16px;
    font-weight: 700;
    word-wrap: break-word;
}

.form-containerpd {
    width: 98%;
    height: 70vh;
    padding: 20px;
    background: white;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.06);
    border-radius: 20px;
    border: 1px rgba(0, 0, 0, 0.12) solid;
}

/*import slide style*/

.form-horizontalimpslide {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    height: 50vh;
    overflow: scroll;
}

.impslidemaindivst {
    padding: 10px 35px 10px 10px;
}

.Select-ThumbTit {
    background: #00A8D1;
    border-radius: 10px;
    color: white;
    font-size: 16px;
    font-weight: 600;
    word-wrap: break-word;
    margin-bottom: 10px;
}

.password-toggle {
    color: #797979;
    position: absolute;
    right: 20px;
    top: 38px;
    cursor: pointer;
}
.checkboxst {
    margin: 0px 5px 3px 5px !important;
    background: white;
    border-radius: 6px;
    border: 1px #00A8D1 solid;
}

.slidenamest {
    color: white;
    font-size: 16px;
    font-weight: 600;
    word-wrap: break-word;
}

.slideThumbBx {
    padding: 10px 2px 2px 2px;
    background: rgba(0, 168, 209, 0.10);
    border-radius: 10px;
    border: 1px rgba(0, 113, 141, 0.16) solid;
}

.imslidedest {
    display: block;
    color: rgba(33, 33, 33, 0.50);
    font-size: 14px;
    font-weight: 500;
    word-wrap: break-word;
}

.imslidedest1 {
    display: block;
    padding: 10px 5px 10px 5px;
    background: white;
    border-radius: 8px;
    border: 1px rgba(33, 33, 33, 0.16) solid;
    color: #212121;
    font-size: 14px !important;
    font-weight: 500;
    word-wrap: break-word;
}

/*upload section style*/
.upload-boxst {
    border: 2px dashed #d3d3d3;
    background: #f7f7f7;
    padding: 35px 20px;
    border-radius: 12px;
    text-align: center;
    width: 99%;
    transition: 0.3s;
}

    .upload-boxst.dragover {
        background-color: #e9f7ff;
        border-color: #00a6d8;
    }

    .upload-boxst h3 {
        color: #212121;
        font-size: 36px;
        font-weight: 700;
        text-transform: capitalize;
        word-wrap: break-word;
    }

    .upload-boxst .max-sizeupst {
        color: rgba(33, 33, 33, 0.60);
        font-size: 18px;
        font-weight: 500;
        word-wrap: break-word;
        margin-bottom: 30px;
    }

.upload-btnst {
    padding: 10px 40px 10px 40px;
    cursor: pointer;
    display: inline-block;
    background: #00A8D1;
    border-radius: 10px;
    color: white;
    font-size: 18px;
    font-weight: 600;
    word-wrap: break-word
}

.righsidebtnedpt{
    float:inline-end;
    margin: 0px 0px 10px 0px;
}
.upload-btnst:hover {
    background-color: #008bb6;
}

#filePreview {
    margin-top: 15px;
}

/*pop sup modal style*/
.modelstyle {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    background: rgba(0, 0, 0, 0.60);
    backdrop-filter: blur(9px)
}

.btn-link-style {
    color: #008CFF;
    font-size: 16px;
    font-weight: 800;
    word-wrap: break-word;
    background: none;
    border: none;
    padding: 0;
    text-decoration: none;
    cursor: pointer;
}

.contentpatientsearch-bx {
    height: 80vh;
    padding: 0px 10px 0px 10px;
    /* overflow: scroll;*/
}

.patienttabelsestyle {
    color: #212121;
    font-size: 16px;
    font-weight: 600;
    word-wrap: break-word;
    margin-left: -5px;
}

.hrlinestsearch {
    margin-top: 5px;
    margin-bottom: 5px;
    border: 0;
    border-top: 1px solid #eee;
}

.selectaction {
    padding: 8px 20px 8px 20px;
    border-radius: 8px;
    border: 1px #00A8D1 solid;
    color: #00A8D1;
    font-size: 16px;
    font-weight: 600;
    word-wrap: break-word;
}

.cid {
    color: #008CFF;
    font-size: 16px;
    font-weight: 800;
    word-wrap: break-word;
}

.casest {
    display: inline-block;
    background: rgba(0, 168, 209, 0.08);
    border-radius: 10px;
    border: 1px rgba(0, 0, 0, 0.12) solid;
    color: #212121;
    font-size: 16px;
    width: 70%;
    font-weight: 600;
    padding: 10px 30px 10px 30px;
    word-wrap: break-word;
}

.casestatusst {
    width: 15%;
    text-align: center;
}

.casest1 {
    padding: 10px 20px 10px 20px;
    height: 42px;
    width: 71%;
    background: rgba(33, 33, 33, 0.08);
    border-radius: 10px;
    border: 1px rgba(0, 0, 0, 0.12) solid;
    color: #212121;
    font-size: 16px;
    font-weight: 500;
    word-wrap: break-word;
    cursor: pointer;
}

.guestvislhetx {
    color: #212121;
    font-size: 22px;
    font-weight: 700;
    word-wrap: break-word;
    padding-bottom: 5px;
    margin-bottom: 15px;
    display: contents;
}
/*.casetabsst.active a {
    background: white;
    border-radius: 8px;
    border: 1.20px #00A8D1 solid;
    color: #00A8D1;
    font-size: 16px;
    font-weight: 700;
    word-wrap: break-word;
}*/
/*.casestatusselect {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #ccc;
    border-radius: 10px !important;
    background-color: #fff;
    padding: 6px 30px 6px 10px;
    cursor: pointer;
}*/
/* When dropdown is clicked / focused */
.casestatusselect:focus,
.casestatusselect:active {
    background-color: #fff !important;
    border: 1px solid #3b82f6 !important; /* blue border */
    border-radius: 5px !important;
}
.casetabsst.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    background: white;
    border-radius: 8px;
    border: 1.20px #00A8D1 solid;
    color: #00A8D1;
    font-size: 16px;
    padding: 8px 20px;
    font-weight: 700;
    word-wrap: break-word;
}


/*.casetabsst1 {
    color: rgba(33, 33, 33, 0.80);
    font-size: 14px;
    font-weight: 500;
    word-wrap: break-word;
    background: white;
    border-radius: 8px;
    border: 1px rgba(33, 33, 33, 0.16) solid;
}
*/
.casetabsst1.nav > li > a {
    margin-right: 10px;
    color: rgba(33, 33, 33, 0.80);
    font-size: 14px;
    font-weight: 500;
    word-wrap: break-word;
    background: white;
    border-radius: 8px;
    border: 1px rgba(33, 33, 33, 0.16) solid;
}

.caseindst {
    margin-right: 10px;
}

.documentlistst {
    padding: 4px;
    background: rgba(33, 33, 33, 0.06);
    border-radius: 10px;
    border: 1px rgba(0, 0, 0, 0.14) solid;
    margin-bottom: 5px;
    float: left;
    width: 95%;
    margin-bottom: 5px;
}

.closedocumentst {
    padding: 10px 12px 10px 12px !important;
    color: #00A8D1;
    outline-offset: -1.20px;
    background: rgba(33, 33, 33, 0.08);
    padding: 5px 10px 5px 10px;
    border-radius: 8px;
    border: 1px rgba(0, 0, 0, 0.14) solid;
    min-width: 0px;
}

.documentstmaindiv {
    padding: 10px 5px 10px 25px;
    display: flex;
}
@font-face {
    font-family: 'calendericon';
    src: url('../images/calendericon.svg') format('svg');
}
.dob-input {
    background: #EBEBEB url('../images/calendericon.svg') no-repeat !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 26px 26px !important;
    padding-right: 40px !important; /* space for icon */
}

.documentstname {
    color: #212121;
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
    word-wrap: break-word;
    display: inline-block;
    padding: 5px 0;
}


.slidetabsst1.nav > li > a {
    margin-right: 10px;
/*    padding: 7px 25px;*/
    color: rgba(33, 33, 33, 0.40);
    font-size: 14px;
    font-weight: 500;
    word-wrap: break-word;
    background: white;
    border-radius: 8px;
    border: 1px rgba(33, 33, 33, 0.16) solid;
}

.importslidebtn {
    background: white;
    border-radius: 8px;
    border: 1.20px #00A8D1 solid;
    color: #00A8D1;
    font-size: 16px;
    font-family: Roboto;
    font-weight: 600;
    word-wrap: break-word
}

.slidedownloadimgviwerbtn {
    background: #00A8D1;
    border-radius: 10px;
    color: white;
    font-size: 16px;
    font-family: Roboto;
    font-weight: 600;
    word-wrap: break-word;
    float: inline-end;
    margin-left: 25px;
}

.patienttables td.slidetbst {
    color: #212121;
    font-size: 16px;
    font-weight: 600;
    word-wrap: break-word;
}

.sid a {
    color: #212121;
    font-size: 16px;
    font-weight: 600;
    word-wrap: break-word;
}

.slidecaseidst {
    color: #212121;
    font-size: 16px;
    font-weight: 600;
    word-wrap: break-word;
}

.patienttables td.slidetbst1 a {
    color: #212121;
    font-size: 16px;
    font-weight: 500;
    word-wrap: break-word;
}

/* Default (inactive) */
.tab-icon-allcase {
    color: #7A7A7A; /* inactive */
}

.caseindst.active .tab-icon-allcase {
    color: #00A8D1; /* active */
}

.tab-svg-icon {
    width: 18px;
    height: 18px;
    vertical-align: middle; /* KEY LINE */
    margin-right: 0px;
}

@font-face {
    font-family: 'activecaseicon';
    src: url('../images/activecaseicon.svg') format('svg');
}

a:focus, a:hover {
    color: #23527c !important;
    text-decoration: underline;
}

.actionst {
    padding-top: 22px !important;
}

.patienttables th.slidetbst1 a {
    color: rgba(33, 33, 33, 0.90);
    font-size: 16px;
    font-weight: 400;
    word-wrap: break-word;
}
.slidetbst1_1 {
    padding: 15px 10px !important;
}
.slidetbst1 {
    color: rgba(33, 33, 33, 0.90);
    font-size: 16px;
    font-weight: 400;
    word-wrap: break-word;
}

.slideptnamest {
    color: rgba(33, 33, 33, 0.90);
    font-size: 16px;
    font-weight: 400;
    word-wrap: break-word
}

.slidetabledivst {
    margin: 20px 35px 0px 0px;
}

.slidetabledivst_1 {
    margin: 20px 0px 0px 0px;
}


.atm_p10-left {
    padding-left: 0px;
}

/*.importthumbblock {
    padding: 5px 10px 1px 10px;
    background: #00A8D1;
    border-radius: 10px;
    color: white;
    font-size: 16px;
    font-weight: 600;
    word-wrap: break-word;
}*/

.slideimthst {
    margin-top: 10px;
    background: rgba(0, 168, 209, 0.10);
    border-radius: 10px;
    border: 1px rgba(0, 113, 141, 0.16) solid;
}
.importthumbblock {
    display: flex; /* Keep checkbox and name on the same line */
    align-items: center; /* Vertically align checkbox and text */
    gap: 5px; /* Space between checkbox and slide name */
    width: 150px; /* Fixed width for each slide block (adjust as needed) */
    overflow: hidden; /* Prevent text from overflowing container */
    white-space: nowrap; /* Keep text in one line */
    text-overflow: ellipsis; /* Add ... for long names */
    padding: 5px 10px 1px 10px;
    background: #00A8D1;
    border-radius: 10px;
    color: white;
    font-size: 16px;
    font-weight: 600;
    word-wrap: break-word;
}

.viewslidehumbblock{
    /*display: flex;*/ /* Keep checkbox and name on the same line */
    align-items: center; /* Vertically align checkbox and text */
    gap: 5px; /* Space between checkbox and slide name */
    /*width: 150px;*/ /* Fixed width for each slide block (adjust as needed) */
    text-align:center;
    overflow: hidden; /* Prevent text from overflowing container */
    white-space: nowrap; /* Keep text in one line */
    text-overflow: ellipsis; /* Add ... for long names */
    padding: 5px 10px 1px 10px;
    background: #00A8D1;
    border-radius: 10px;
    color: white;
    font-size: 16px;
    font-weight: 600;
    word-wrap: break-word;
}


.slidenamest {
    flex: 1; /* Take remaining space */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;

}


.importslidesearchst {
    padding: 10px !important;
    height: 37px;
    color: rgba(33, 33, 33, 0.36);
    font-size: 16px;
    font-weight: 500;
    word-wrap: break-word;
    border-radius: 10px;
    border: 1px solid rgba(33, 33, 33, 0.16);
    background: #FFF;
}

    /* When user types something */
    .importslidesearchst:not(:placeholder-shown) {
        font-weight: 800; /* bold */
        color: #212121; /* optional: darker text */

    }
.right-controls {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px; /* set to 0 if you want no gap */
}


    .right-controls input[type="checkbox"] {
        margin-top: 2px; /* vertical alignment tweak */
    }

#tablesearch1 {
    margin: 0 !important; /* remove extra spacing */
}

.importslidesearchst {
    padding-left: 32px;
}

.slidecheckboxst {
    margin-right: 10px;
    color: #212121;
    font-size: 16px;
    font-weight: 500;
    word-wrap: break-word;
}

.slidecheckboxst1 {
    width: 18px;
    height: 15px;
}

.pathologyactionst {
    color: #00A8D1;
    padding: 10px;
    background: rgba(33, 33, 33, 0.06);
    border-radius: 8px;
    border: 1px rgba(0, 168, 209, 0.40) solid;
    margin-right: 5px;
}

.stconf {
    color: #008CFF;
    font-size: 16px;
    font-weight: 800;
    word-wrap: break-word;
}

.stconftime input {
    color: #212121;
    font-size: 16px;
    font-weight: 600;
    word-wrap: break-word;
}

.conferjoinst {
    color: #00A8D1;
    font-size: 16px;
    font-weight: 700;
    word-wrap: break-word;
    padding: 7px 25px 7px 25px;
    background: rgba(0, 168, 209, 0.10);
    border-radius: 21px;
    border: 1px rgba(0, 168, 209, 0.40) solid;
    margin-right: 5px;
}

/*for pathology dashboard design*/

.stat-cardforpathology {
    background: white;
    padding: 18px 20px;
    height: 70px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);
    border-radius: 10px;
    border: 1px rgba(0, 0, 0, 0.10) solid;
}

    .stat-cardforpathology .title {
        color: #212121;
        font-size: 20px;
        font-weight: 800;
        word-wrap: break-word;
    }

    .stat-cardforpathology .value {
        color: #00A8D1;
        font-size: 24px;
        font-weight: 900;
        word-wrap: break-word;
        margin-top: 0px;
    }

.pathologydashst {
    display: flex;
}

.recent-cases-containerpathologydashboard_1 {
    width: 67%;
    background: #fafafa;
    padding: 0px 0px 0px 0px;
    border-radius: 12px;
}

.recent-cases-containerpathologydashboard_2 {
    width: 32%;
    background: #fafafa;
    padding: 0px 0px 0px 0px;
    border-radius: 12px;
}

.recent-cases-containerpathologydashboard_3 {
    width: 100%;
    background: #fafafa;
    padding: 0px 0px 0px 0px;
    border-radius: 12px;
}

.pathdashstyle {
    margin-left:0px;
    color: #212121;
    font-size: 18px;
    font-weight: 700;
    word-wrap: break-word;
    margin-bottom: 10px;
}

.techdashstyle {
    margin-left: -10px;
    color: #212121;
    font-size: 18px;
    font-weight: 700;
    word-wrap: break-word;
    margin-bottom: 10px;
}

.cytoabnobtnst {
    display: flex;
    gap: 10px;
}

.card-boxforcyto {
    width: 98%;
    background: white;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    border: 1px rgba(0, 0, 0, 0.10) solid;
    padding: 15px 0px 15px 0px;
}

.cytotdsta a {
    color: #008CFF !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.cytotdstcasetype {
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.priority-high {
    color: #FF2F2F;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.priority-medium {
    color: #EA7500;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.priority-low {
    color: #27982B;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.cytostatusbtnst {
    padding: 8px 15px 8px 15px;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    background: rgba(33, 33, 33, 0.08);
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.table-containerforcyto {
    height: 50vh; /* height of scroll area */
    overflow-y: scroll; /* scroll only Y */
    overflow-x: hidden; /* no horizontal scroll */
}

    /* Hide scrollbar (Chrome, Edge, Safari) */
    .table-containerforcyto::-webkit-scrollbar {
        display: none;
    }

/* Hide scrollbar (Firefox) */
.table-containerforcyto {
    scrollbar-width: none;
}

    /* Fix table header */
    .table-containerforcyto table thead th {
        position: sticky;
        top: 0;
        background: #fff; /* background so text does not overlap */
        z-index: 10;
    }

.action-btncyto {
    border-radius: 8px;
    border: 1px solid rgba(0, 168, 209, 0.40);
    background: rgba(33, 33, 33, 0.06);
    color: #00A8D1;
    padding: 6px 10px;
    margin-right: 6px;
}

.plusbtnst {
    display: inline-flex;
    color: #00A8D1;
    font-size: 26px;
    border-radius: 8px;
    border: 1px solid #C5C5C5;
    background: #EBEBEB;
    padding: 0px 15px 0px 15px;
}
.cytotdst {
    color: rgba(33, 33, 33, 0.90);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.create-btnpathdash {
    background-color: #00A8D1;
    color: white;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 18px;
    border-radius: 8px;
    text-decoration: none;
    word-wrap: break-word;
}

.pdhestyles {
    display: contents;
    margin-top: 0px;
    color: #212121;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
/*create conference form style*/
.crconformmainstyle {
    height: 70vh;
    padding: 15px 20px 20px 20px;
    background: white;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.06);
    border-radius: 20px;
    border: 1px rgba(0, 0, 0, 0.12) solid;
}

.crconflabelcp {
    color: #212121;
    font-size: 16px;
    font-weight: 400;
    word-wrap: break-word;
}

.crconfforminputst {
    cursor: pointer;
    padding: 20px 10px 20px 15px;
    background: rgba(33, 33, 33, 0.06);
    border-radius: 8px;
    border: 1px rgba(0, 0, 0, 0.16) solid;
    color: #212121;
    font-size: 16px !important;
    font-weight: 500;
    word-wrap: break-word;
}

.crconfforminputst1 {
    cursor: pointer;
    height: 42px !important;
    background: rgba(33, 33, 33, 0.06) !important;
    border-radius: 8px;
    border: 1px rgba(0, 0, 0, 0.16) solid;
    color: #212121;
    font-size: 16px !important;
    font-weight: 500;
    word-wrap: break-word;
}

.time-dropdown-icon {
    background-image: url("../images/dropdownicon.svg") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 10px !important;
    padding-right: 38px !important; /* space for icon */
    cursor: pointer;
}

@font-face {
    font-family: 'dropdownicon';
    src: url('../images/dropdownicon.svg') format('svg');
}
    .time-dropdown-icon::placeholder {
        color: #212121;
        font-size: 16px !important;
        font-weight: 500;
        word-wrap: break-word;
        opacity: 1; /* important for Firefox */
    }

.crconfformmargin {
    margin-bottom: 25px;
}

.crconbtns {
    float: right;
    margin-top: 18px;
}

.user-panel {
    position: relative;
    width: 100%;
    padding: 0 !important;
    overflow: hidden;
}

.form-containerconfer {
    width: 97%;
    margin: 20px 0px 10px 5px;
    color: #222;
}

.labelcpadmin1 {
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
/*share conf style*/
.shareconftitle {
    color: #212121;
    font-size: 20px;
    font-weight: 700;
    word-wrap: break-word;
}

.shareconftitle1 {
    color: #212121;
    font-size: 18px;
    font-weight: 600;
    word-wrap: break-word;
}

.shareconfinputstyle {
    padding: 20px 10px 20px 15px;
    background: rgba(33, 33, 33, 0.06);
    border-radius: 8px;
    border: 1px rgba(0, 0, 0, 0.16) solid;
    color: #008CFF;
    font-size: 16px !important;
    font-weight: 700;
    word-wrap: break-word;
}


/*report css style*/
.report-header {
    color: #fff;
    padding: 16px;
    background: #00A8D1;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.report-header-top {
    background: #00A6D6; /* Your original blue */
    padding: 12px 18px;
    border-radius: 6px;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.report-left {
    display: flex;
    align-items: center;
    gap: 50px;
}

    .report-left img {
        height: 50px; /* OptraSCAN logo size */
    }

.report-title {
    color: white;
    font-size: 24px;
    font-weight: 700;
    line-height: 21px;
    word-wrap: break-word;
    border-left: 2px solid rgba(255, 255, 255, 0.6);
    padding-left: 12px;
}

.reportinfos {
    color: white;
    font-size: 16px;
    font-family: Roboto;
    font-weight: 400;
    line-height: 21px;
    word-wrap: break-word;
}


.reportinfosinside {
    color: white;
    font-size: 16px;
    font-family: Roboto;
    font-weight: 700;
    line-height: 21px;
    word-wrap: break-word;
}

.report-info {
    font-size: 12px;
    line-height: 16px;
}

    .report-info strong {
        font-weight: 600;
    }

.barcode-box {
    width: 700px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sectionrepoprt {
    background: #F2F2F2;
    border-radius: 10px;
    padding: 10px;
    margin-left:0px;
    margin-right:0px;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.02);
    margin-bottom: 16px;
}

.sectionrepoprttitle {
    color: #00A8D1;
    font-size: 20px;
    font-weight: 700;
    word-wrap: break-word;
}

.reportspan {
    color: #212121;
    font-size: 16px;
    font-weight: 400;
    word-wrap: break-word;
}

.reportspaninside {
    color: #212121;
    font-size: 16px;
    font-weight: 600;
    word-wrap: break-word;
}

.reportthumbnailst {
    width: 367px;
    height: 233px;
    background: #FFF;
    border-radius: 10px;
    padding: 10px;
    margin-left: 15px;
}

.reportthumbnailsthisto {
    width: 367px;
    background: #FFF;
    border-radius: 10px;
    padding: 10px;
    margin-left: 15px;
}

.reportthslidedetailst {
    color: #212121;
    font-size: 16px;
    font-weight: 400;
    word-wrap: break-word;
}

.reportthslidedetailst1 {
    color: #212121;
    font-size: 16px;
    font-weight: 700;
    word-wrap: break-word;
}

.reportmarginst {
    margin-bottom: 10px;
}

.section .title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

    .section .title h6 {
        margin: 0;
        color: var(--section-title);
        font-weight: 600;
    }

/* image metric cards */
.img-metric {
    border-radius: 8px;
    /* background: var(--card-bg);
    padding: 12px;
    display: flex;
    gap: 12px;
    align-items: center;
    height: 120px;*/
}

.img-thumb {
    float: inline-start;
    width: 80px;
    margin-right: 10px;
    height: 220px;
    border-radius: 6px;
    background: #fff;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.04);
}

    .img-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.cutodashboadesignst {
    display: flex;
    gap: 32%;
}

/* attachments grid */
.att-thumb {
    padding: 10px;
    width: 310px;
    height: 342px;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.06);
    margin-right: 10px;
}

.rpslidesty {
    padding: 10px 10px 5px 10px;
}

.reprtattchst {
    display: flex;
}

.reprtattchstimginfo {
    padding: 10px 10px 10px 0px;
    color: #212121;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.reportfooterst {
    border-radius: 0 0 10px 10px;
    background: rgba(0, 168, 209, 0.12);
    width: 100%;
    border-radius: 24px;
    padding: 15px 28px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    color: #212121;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.header-row1report {
    margin: 5px 0px 0px 0px;
    width: 99%;
    padding: 0px 0 0px;
    margin-bottom: 5px;
}

.rpheadingst {
    margin-left: 20px;
}

.ReportMaindivstyle {
    /* margin-top: 20px; */
    padding: 0px 0px 0px 0px;
}

.reportmainduvst {
    margin-left: 30px;
    width: 97%;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.16);
}

.reportsubduvst {
    padding: 10px 20px 10px 20px;
}

.reprtattchslideimg {
    width: 290px;
    height: 290px;
    aspect-ratio: 1/1;
}

/* footer bar */
.report-footer {
    bottom: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 20;
}

.reprtattchst {
    display: flex;
}

/*Cyto css*/

.card-box {
    background: white;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);
    border-radius: 10px;
    border: 1px rgba(0, 0, 0, 0.10) solid;
    padding: 15px 15px 15px 15px;
}

.overview-title {
    color: #00A8D1;
    font-size: 20px;
    font-weight: 700;
    word-wrap: break-word
}

.stat-value {
    color: #00A8D1;
    font-size: 18px;
    margin-top: -2px;
    font-weight: 900;
    word-wrap: break-word
}

.stat-label {
    color: #212121;
    font-size: 16px;
    font-weight: 500;
}

.date-lable {
    color: rgba(33, 33, 33, 0.80);
    font-size: 14px;
    font-weight: 500;
}

.pdstforpatho {
    padding: 22px 10px !important;
}
.date-text {
    color: rgba(33, 33, 33, 0.20); /* default light */
    font-size: 14px;
    font-weight: 600;
    line-height: 16px !important;
    border-radius: 8px;
    border: 1px rgba(0, 0, 0, 0.20) solid;
}

    /* When value selected */
    .date-text.has-value {
        color: #333;
    }

.cytodashsubdivst {
    display: flex;
    gap: 20px
}

.cytodashmaindivst {
    display: flex;
    gap: 10%;
    margin-top: 45px;
}
.tab-btncyto {
    font-size: 16px;
    padding: 10px 18px;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border: 1px rgba(33, 33, 33, 0.14) solid;
    font-weight: 800;
    color: #212121;
    cursor: pointer;
}

    .tab-btncyto.active {
        background: white;
        color: #00A8D1;
        border-bottom: 1px solid white;
    }
.date-button {
    background: white;
    color: #00A8D1;
    font-size: 14px;
    padding: 5px 12px 5px 12px;
    font-weight: 600;
    line-height: 16px !important;
    border-radius: 8px;
    border: 1px #00A8D1 solid
}



/*for fix tabel header style start*/
.caseTable {
    background: white;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);
    height: 77vh;
    border-radius: 10px;
    border-top-left-radius: 0px;
    border: 1px rgba(0, 0, 0, 0.08) solid;
    height: 50vh; /* height of scroll area */
    overflow-y: scroll; /* scroll only Y */
    overflow-x: hidden; /* no horizontal scroll */
}


    /* Hide scrollbar (Chrome, Edge, Safari) */
    .caseTable::-webkit-scrollbar {
        display: none;
    }

/* Hide scrollbar (Firefox) */
.caseTable {
    scrollbar-width: none;
}

    /* Fix table header */
    .caseTable table thead th {
        position: sticky;
        top: 0;
        background: #fff; /* background so text does not overlap */
        z-index: 10;
    }

/*for fix tabel header style end*/



/*admin panel style css*/
.recent-cases-containeradmindashboard_1 {
    width: 50%;
    background: #fafafa;
    padding: 0px 0px 0px 0px;
    border-radius: 12px;
}

.recent-cases-containeradmindashboard_2 {
    width: 50%;
    background: #fafafa;
    padding: 0px 0px 0px 0px;
    border-radius: 12px;
}

.adminheadingst {
    color: #212121;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-left: -10px;
}

.actiontdst {
    color: rgba(33, 33, 33, 0.90);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.usernameadminst {
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.adminactionst {
    color: #00A8D1;
    padding: 8px;
    background: #E7F7FB;
    border-radius: 10px;
    border: none;
    margin-right: 5px;
}

.btnclosestyleforuser {
    color: #00A8D1 !important;
    padding: 8px !important;
    background: #E7F7FB !important;
    border-radius: 10px;
    border: none;
    margin-right: 5px;
}



.btnclosestyleforuserad1 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1; /* KEY: prevents height increase */
    padding: 0;
    margin: 0 6px;
    vertical-align: middle;
}

.adminusertable {
    width: 98%;
    height: 70vh;
    overflow-y: scroll; /* scroll only Y */
    overflow-x: hidden; /* no horizontal scroll */
    padding: 0px 4px 0px 4px;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: #FFF;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
}

    /* Hide scrollbar (Chrome, Edge, Safari) */
.adminusertable::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar (Firefox) */
.adminusertable {
    scrollbar-width: none;
}

    /* Fix table header */
    .adminusertable table thead th {
        position: sticky;
        top: 0;
        background: #fff; /* background so text does not overlap */
        z-index: 10;
    }

.audtitdst {
    color: rgba(33, 33, 33, 0.90);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.audtitdst1 {
    color: rgba(33, 33, 33, 0.90);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.audtitdst2 {
    color: rgba(33, 33, 33, 0.90);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.admincrnewusest {
    background-color: #00A8D1;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 10px 18px;
    border-radius: 8px;
    text-decoration: none;
    word-wrap: break-word;
}

.uidst {
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.usroleassignst {
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.headerforadminuser {
    background: #F7F7F7 !important;
    margin: 5px 0px 7px 0px;
    width: 98%;
    padding: 0px 0 0px;
    margin-bottom: 5px;
}

.createuserformstyleadmin{
    width:97%;
}
.adminushest {
    color: #212121;
    font-size: 22px;
    font-style: normal;
    display: inline-block;
    font-weight: 700;
    line-height: normal;
}

.admindeleteuserst {
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.adminrightbtnst {
    margin-top: 15px;
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    background: white;
    padding: 10px 20px 10px 20px;
    border-radius: 10px;
}
.admineditforminputplst {
    padding: 20px 10px 20px 10px;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.16);
    background: #EBEBEB;
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.admincreateformmaindivst {
    height: 77vh;
    overflow-y: scroll;
    margin-top: 10px;
    width: 100%;
    background: white;
    border-radius: 12px;
    padding: 20px 15px;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08);
}

.form-containeradminuser {
    width: 100%;
    margin:0px;
}

.labelcpadmin {
    margin-top: 10px;
    color: rgba(33, 33, 33, 0.80);
    font-size: 16px;
    font-weight: 500 !important;
    word-wrap: break-word;
}

.admincreateformcheckbox {
    height: 25px;
    width: 25px;
    margin: 12px 10px 10px 15px !important;
}

.righsidebtnforadmin {
    float: inline-end;
    margin-top: -65px;
    margin-right: 18px;
}

.righsidebtnforadminuser {
    float: inline-end;
    margin-top: 0px;
    margin-right: 18px;
}

.passwordnotest {
    color: rgba(33, 33, 33, 0.60) !important;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    display: block;
    margin-top: 10px;
}

.formmainstyleadmin {
    margin-bottom: 25px;
}

.admincreateforminputplst {
    padding:20px;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.22) !important;
    background: #EBEBEB !important;
    color: rgba(33, 33, 33, 0.40);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

    /* When user types something */
    .admincreateforminputplst:not(:placeholder-shown) {
        font-weight: 800; /* bold text */
        color: #212121; /* optional: darker text */
    }

.navbar-case-info {
    position: absolute;
    left: 15%;
    top: 30%;
}

.casedetailtdst{
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.casedetailtd1st {
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.casedetailtd2st {
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.casedetailtd3st {
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.reassignbtnstad {
    padding: 9px 22px 9px 22px;
    color: #00A8D1;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-right: 5px;
    border-radius: 8px;
    border: 1px solid #00A8D1;
}
/*master datalist style*/
.masterdataheadingst {
    color: #212121;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px;
}

.masterdatalabelst {
    margin-top: 10px;
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.masterdatadropdownst {
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.22) !important;
    background: #EBEBEB !important;
    color: #212121;
    font-size: 18px;
    height: 40px !important;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.masterdataaddiconst {
    margin-right: 5px;
    padding: 7px 5px 7px 10px;
    background: #d2f6ff;
    border-radius: 10px;
    font-size: 25px;
    height: 40px;
    color: #00A8D1;
    width: 40px;
}

.masterdatadeleteiconst {
    padding: 7px 12px 7px 12px;
    background: #EBEBEB !important;
    border-radius: 10px;
    font-size: 25px;
    height: 40px;
    color: #00A8D1;
    width: 40px;
}

.masterdatatmst{
    margin-bottom:20px;
}

.masterdatasubdiv {
    padding: 35px 10px 15px 10px;
    width: 98%;
    height: 70vh;
    /* overflow-y: scroll; */
    /* overflow-x: hidden; */
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: #FFF;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
}

.masterdatamaindiv {
    width: 100%;
    margin: 20px auto;
    color: #222;
}

.popuptitlemasterdata {
    color: #00A8D1;
    font-size: 20px;
    font-weight: 700 !important;
    line-height: normal;
}
.popuplabelmasterdata {
    color: #212121;
    font-size: 16px;
    font-weight: 500 !important;
    line-height: normal;
}
.popupinputboxmasterdata {
    color: rgba(33, 33, 33, 0.40);
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 10px;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.22) !important;
    background: #EBEBEB !important;
    height: 40px !important;
}
    /* When user types */
    .popupinputboxmasterdata:not(:placeholder-shown) {
        color: #333;
        font-weight: 800;
    }
.cancelbtnmasterdatapopup {
    padding: 10px 35px;
    border: 1px solid rgba(0, 0, 0, 0.16);
    background: white;
    border-radius: 8px;
    color: #212121;
    font-size: 16px;
    font-weight: 500;
    word-wrap: break-word;
}

.savebtnmasterdatapopup {
    padding: 10px 25px;
    background: #00A8D1;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    word-wrap: break-word;
}

.tdstyles {
    padding: 25px 10px 0px 10px !important;
}

.no-titlebar-dialog .ui-dialog-titlebar {
    display: none !important;
}

.custom-dialog-container {
    text-align: center;
    padding: 20px;
}

.custom-dialog-icon {
    width: 60px;
    height: 60px;
    background-color: #009bcb;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 15px auto;
}

.custom-dialog-text p {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 25px;
    line-height: 1.4;
}

.custom-dialog-buttons {
    display: flex;
    justify-content: center;
    gap: 15px;
}

.btn-no,
.btn-yes {
    padding: 10px 25px;
    border-radius: 8px;
    border: none;
    font-size: 15px;
    cursor: pointer;
}

.btn-no {
    background-color: #009bcb;
    color: white;
}

.btn-yes {
    background-color: #e0e0e0;
    color: black;
}


/*audit trail style*/

.adminlicsettable {
    width: 98%;
    height: 70vh;
    padding: 0px 4px 0px 4px;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: #FFF;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
    overflow-y: scroll; /* scroll only Y */
    overflow-x: hidden; /* no horizontal scroll */
}

    /* Hide scrollbar (Chrome, Edge, Safari) */
.adminlicsettable::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar (Firefox) */
.adminlicsettable {
    scrollbar-width: none;
}

    /* Fix table header */
    .adminlicsettable table thead th {
        position: sticky;
        top: 0px;
        background: #fff; /* background so text does not overlap */
        z-index: 100;
    }


.subsectionlicsetst {
    margin: 10px 0px 10px 0px;
    width: 98%;
    padding-right: 0px;
    padding-left: 0px !important;
}

.subsectionlicsetst1{
    padding-left:5px;
}
.subsectionlicsetinputst {
    color: rgba(33, 33, 33, 0.30);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 10px;
    border: 1px solid rgba(33, 33, 33, 0.16);
    background: #FFF;
    height: 45px !important;
}

    /* When user types something */
    .subsectionlicsetinputst:not(:placeholder-shown) {
        font-weight: 800; /* bold */
        color: #212121; /* optional: darker text */
    }

.subsectionlicsetbtnst {
    border: none;
    padding: 10px 30px 10px 30px;
    border-radius: 10px;
    background: #00A8D1;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.licensethst {
    color: rgba(33, 33, 33, 0.60);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.licensetdst {
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.licensetdst1 {
    color: rgba(33, 33, 33, 0.90);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.licensetdst2 {
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.logoutlicsbtnst {
    padding: 8px 15px 8px 15px;
    border-radius: 8px;
    border: 1px solid #00A8D1;
    color: #00A8D1;
    font-size: 16px;
    background: none;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

/*profile style css*/
.pfformstname {
    margin-left: 10px;
    width: 79%;
}
.pfformstnamesat {
    width: 65px;
}
.inputboxpfst {
    padding: 20px 10px 20px 10px;
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 8px;
    border: 1px solid #C5C5C5;
    background: #EBEBEB;
}

.inputboxtitlepfst {
    height:41px !important;
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 8px;
    border: 1px solid #C5C5C5;
    background: #EBEBEB;
}

.labelpfst {
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 5px;
}

/*.pfbtnsst {
    float: right;
    margin-right: 25px;
    margin-top: 20px;
}*/

.inputboxmarginpfst {
    margin-top: 25px;
}

.profile-titlepfst {
    color: #212121;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.edit-profile-boxpfst {
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    min-height: 375px;
    display: flex;
    flex-direction: column;
}

.pfbtnsst {
    margin-top: auto; /* Push buttons to bottom */
    display: flex;
    justify-content: flex-end;
    gap: 15px;
    padding-top: 30px;
}

.cancelbtnstpf {
    border:none;
    border-radius: 8px;
    background: rgba(33, 33, 33, 0.14);
    padding: 13px 45px;
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.savebtnstpf {
    border: none;
    border-radius: 8px;
    background: #00A6C7;
    padding: 13px 45px;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.pfchst {
    margin-top: 20px;
    padding-left: 0px;
}

.profile-containerpfst {
    padding: 20px;
}

.profile-tabspfst {
    height: 75vh;
    background: #fff;
    border-radius: 12px;
    padding: 15px 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}

.tab-itempfst {
    border-radius: 8px;
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    background: rgba(33, 33, 33, 0.08);
    display: block;
    padding: 18px 18px;
    margin-bottom: 10px;
    text-decoration: none;
    text-align: left;
}

    .tab-itempfst.active {
        color: #FFF;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        border-radius: 8px;
        background: #00A8D1;
    }

.profile-cardpfst {
    height: 75vh;
    background: #fff;
    padding: 15px;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}

.profile-titlepfst {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e6e6e6;
}
.pfheadst {
    color: #212121;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}


.status-badge {
    display: inline-block;
    padding: 6px 16px;
    border-radius: 999px; /* pill shape */
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    min-width: 80px;
}

/* Active */
.status-active {
    background-color: #eaf7ea; /* light green */
    color: #2e7d32; /* dark green text */
}

/* Optional: other statuses */
.status-inactive {
    background-color: #f0f0f0;
    color: #666;
}

.status-pending {
    background-color: #fff4e5;
    color: #b26a00;
}


.custom-placeholder::placeholder {
    color: rgba(33, 33, 33, 0.40) !important;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


.password-wrapper {
    position: relative;
}

.password-toggle {
    position: absolute;
    right: 22px;
    top: 67%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #666;
}

    .password-toggle:hover {
        color: #000;
    }

.password-togglefroadusecr {
    position: absolute;
    right: 22px;
    top: 20%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #00A8D1;
}

.password-wrapper {
    position: relative;
}

.password-togglefroadusecr1 {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #00A8D1;
}
    .password-togglefroadusecr:hover {
        color: #000;
    }



/*guest style*/

.importthumb-list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding: 0;
    margin: 0;
    list-style: none;
}

/* Each card */
.importthum-lig {
    width: calc(20% - 16px); /* 5 cards per row */
    background: #f5f5f5;
    border-radius: 10px;
}

.viewslidethum-lig {
    width: calc(20% - 16px); /* 5 cards per row */
    background: #f5f5f5;
    border-radius: 10px;
}
/* Blue header */
.importthumbblock {
    border-radius: 10px;
    background: #00A8D1;
    color: #fff;
    padding: 8px 10px;
    text-align: center;
    font-weight: 500;
}

/* Thumbnail wrapper */
.importthum-lig .thimage, .importthum-lig img {
    height: 30vh !important;
    display: block;
    margin: 12px auto;
    border-radius: 6px;
}

/* Thumbnail wrapper */
.viewslidethum-lig .thimage, .viewslidethum-lig img {
    height: 30vh !important;
    display: block;
    margin: 12px auto;
    border-radius: 6px;
}

/* White card body */
.importthum-lig a {
    display: block;
    margin: 0px;
    padding: 10px;
    position: relative;
    border-radius: 10px;
    border: 1px solid white;
    background: #FFF;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.14);
}

.viewslidethum-lig a {
    display: block;
    margin: 0;
    padding: 10px;
    position: relative;
    border-radius: 10px;
    border: 1px solid #fff;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.14);
    transition: all 0.3s ease;
    overflow: hidden;
}

/* Blue top highlight on hover */
    .viewslidethum-lig a::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 50px;
        width: 100%;
        background: #606468; /* blue like image */
        opacity: 0;
        transition: opacity 0.3s ease;
    }

/* Hover effect */
    .viewslidethum-lig a:hover {
        box-shadow: 0 8px 18px rgba(0, 0, 0, 0.25);
        transform: translateY(-3px);
        background: #606468; /* blue like image */
        transition: opacity 0.3s ease;
        z-index: 110;
    }

    /* Show blue bar */
        .viewslidethum-lig a:hover::before {
            opacity: 1;
        }

        .viewslidethum-lig a:hover img {
            filter: brightness(0.85);
        }

/* Keep content above blue layer */
    .viewslidethum-lig a * {
        position: relative;
        z-index: 1;
    }

/* Eye icon styling */

/* Card container */
.viewslidethum-lig {
    position: relative;
}

    /* Eye icon */
    .viewslidethum-lig .eye-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 52px;
        height: 52px;
        background: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 22px;
        color: #2aa7d9;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
        z-index: 10;
        pointer-events: none;
    }

    /* Show on hover */
    .viewslidethum-lig:hover .eye-icon {
        opacity: 1;
        visibility: visible;
        transform: translate(-50%, -50%) scale(1.1);
    }

.viewslidethum-lig {
    position: relative;
}






.viewslidboxst {
    margin: 10px;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 80vh;
}
.viewslst {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.viewslnamest {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
/*Ressponssive style*/
/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
}

@media(min-width: 768px) and (max-width: 849px) {

}


/* Desktop */
@media(min-width: 800px) and (max-width: 900px) {
    .cancelcc {
        padding: 10px 30px;
        font-size: 12px;
    }

    .nextcc {
        padding: 10px 30px;
        font-size: 12px;
    }

    .form-containercp {
        height: 40vh;
        overflow-y: scroll;
        padding: 15px;
        margin: 20px auto;
    }

    .formmainstyle {
        padding: 0px 0px 24px 0px;
    }

    .checkboxst1 {
        font-size: 12px;
    }

    .formselectstyle {
        font-size: 12px;
        padding: 6px 2px 6px 2px;
    }

    .formmainstyle2 {
        font-size: 12px;
        height: 30px !important;
    }

    .formmainstyle2height {
        font-size: 12px;
        height: 50px !important;
    }

    .labelcp {
        margin-top: 10px;
        font-size: 12px;
    }

    .link-existingcp {
        font-size: 12px;
    }

    .navbarwidthst {
        width: 70%;
    }

    .header-row {
        padding: 0px 0 0px;
    }

    .stepscc::before {
        content: "";
        position: absolute;
        top: 30px;
        left: 10%;
        right: 10%;
        height: 10px;
    }

    .stepscc {
        gap: 70px;
        padding: 10px 0;
        position: relative;
    }

    .btncc {
        padding: 10px 25px;
        margin-top: 10px;
        font-size: 12px;
    }

    .titlecc {
        font-size: 12px;
    }

    .stepcc {
        width: 35px;
        height: 35px;
        font-size: 12px;
    }

    .header-row a {
        font-size: 12px;
        margin-left: 20px;
        gap: 8px;
    }

    .titilecc1.active {
        font-size: 12px;
    }

    .titilecc1 {
        font-size: 12px;
    }

    .stat-card {
        padding: 10px 5px 10px 10px;
        height: 90px;
    }

    .sidebar-menu > li > a {
        padding: 10px 5px 10px 5px;
        margin: 10px 10px 10px 10px;
        font-size: 12px;
    }

    .pathdashstyle {
        margin-left:0px;
        font-size: 12px;
    }

    .techdashstyle {
        margin-left: -10px;
        font-size: 12px;
    }

    .create-btn {
        padding: 10px 18px;
        font-size: 12px;
    }

    .custom-table td.assigned-to {
        font-size: 10px;
    }

    .custom-table td.created-date {
        font-size: 10px;
    }

    .custom-table td.case-id {
        font-size: 10px;
    }

    .custom-table td.patient-name {
        font-size: 10px;
    }

    .case-link {
        font-size: 10px;
    }

    .pfnamest {
        font-size: 12px;
    }

    .welcome {
        font-size: 12px;
    }

    .stat-card .title {
        font-size: 12px;
    }

    .stat-card .link {
        font-size: 10px;
    }

    .state-cardst {
        display: flex;
        gap: 100px;
    }

    .dataTables_filter input {
        font-size: 13px !important;
    }

    .casetabsst1.nav > li > a {
        margin-right: 10px;
        font-size: 11px;
    }

    .create-btn {
        margin-top: -32px;
        padding: 10px 18px;
        font-size: 10px;
    }

    .stat-card .link span {
        font-size: 10px;
    }

    .custom-table thead tr th {
        font-size: 12px;
    }

    .shareconftitle1 {
        font-size: 13px;
    }

    .report-title {
        font-size: 17px;
    }

    .reportinfos {
        font-size: 13px;
    }

    .reportinfosinside {
        font-size: 13px;
    }

    .sectionrepoprttitle {
        font-size: 16px;
    }

    .reportspan {
        font-size: 13px;
    }

    .reportthslidedetailst {
        font-size: 13px;
    }

    .reportthslidedetailst1 {
        font-size: 13px;
    }

    .reprtattchstimginfo {
        font-size: 16px;
    }

    .reportfooterst {
        font-size: 16px;
    }

    .shareconfinputstyle {
        padding: 20px 10px 20px 15px;
        font-size: 13px !important;
    }

    .shareconftitle {
        font-size: 14px;
    }

    .h3cp {
        font-size: 13px;
    }

    .patient-idcp {
        font-size: 13px;
    }

    .patient-idcp1 {
        font-size: 13px;
    }

    .crconflabelcp {
        font-size: 13px;
    }

    .crconformmainstyle {
        height: 70vh;
        padding: 20px 20px 20px 20px;
    }

    .crconfforminputst1 {
        height: 35px !important;
        font-size: 13px !important;
    }

    .crconfforminputst {
        padding: 16px 10px 16px 15px;
        font-size: 13px !important;
    }

    table.table tbody td {
        padding: 10px 5px;
    }

    .cancelbtnst {
        padding: 10px 40px 10px 40px;
        font-size: 13px;
    }

    .savebtnst {
        padding: 10px 30px 10px 30px;
        font-size: 13px;
    }

    .caseTable {
        height: 70vh;
    }

    .caseindst {
        margin-right: 0px;
    }

    .pathologyactionst {
        padding: 0px;
        background: none;
        border: none;
        margin-right: 0px !important;
    }

    .casest1 {
        height: 28px;
        width: 71%;
        font-size: 11px;
    }

    .patienttables td.st {
        font-size: 11px;
    }

    .cid a {
        font-size: 11px;
    }

    .cytoannobtnstyle {
        font-size: 11px;
        padding: 10px 18px;
    }

    .cytoannobtnstyle1 {
        font-size: 11px;
        padding: 10px 18px;
    }

    .casetabsst.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
        font-size: 11px;
    }

    .stat-card .value {
        font-size: 14px;
    }

    .welcome {
        font-size: 14px;
    }

    .pfnamest {
        color: #212121;
        font-size: 14px;
    }

    .main-sidebar1 {
        position: absolute;
        top: 91px;
        min-height: 88%;
    }

    .overview-title {
        font-size: 14px;
    }

    .stat-label {
        font-size: 12px;
    }

    .pathdashstyle {
        font-size: 12px;
    }
    .techdashstyle {
        font-size: 12px;
    }
    .tab-btncyto {
        font-size: 12px;
        padding: 10px 18px;
    }

    .cutodashboadesignst {
        display: flex;
        gap: 4%;
    }

    .cytotdsta a {
        color: #008CFF !important;
        font-size: 12px;
    }

    .cytotdst {
        font-size: 12px;
    }

    .priority-high {
        font-size: 12px;
    }

    button, input, optgroup, select, textarea {
        margin: 0;
        font: 12px 'Roboto';
        color: inherit;
    }

    .cytostatusbtnst {
        padding: 8px 15px 8px 15px;
        font-size: 12px;
    }

    .priority-medium {
        font-size: 12px;
    }

    .priority-low {
        font-size: 12px;
    }

    .stat-cardforpathology {
        padding: 18px 20px;
        height: 120px;
    }

    .create-btnpathdash {
        font-size: 11px;
        padding: 10px 8px;
    }

    .sidebar-menu > li > a {
        padding: 10px 5px 10px 5px;
        margin: 10px 10px 10px 10px;
        font-size: 10px;
    }

    .menu-item a, #lnkLogout {
        font-size: 10px;
    }

}

@media(min-width: 900px) and (max-width: 990px) {
    .cancelcc {
        padding: 10px 30px;
        font-size: 12px;
    }

    .nextcc {
        padding: 10px 30px;
        font-size: 12px;
    }

    .form-containercp {
        height: 40vh;
        overflow-y: scroll;
        padding: 15px;
        margin: 20px auto;
    }

    .formmainstyle {
        padding: 0px 0px 24px 0px;
    }

    .checkboxst1 {
        font-size: 12px;
    }

    .formselectstyle {
        font-size: 12px;
        padding: 6px 2px 6px 2px;
    }

    .formmainstyle2 {
        font-size: 12px;
        height: 30px !important;
    }

    .formmainstyle2height {
        font-size: 12px;
        height: 50px !important;
    }

    .labelcp {
        margin-top: 10px;
        font-size: 12px;
    }

    .link-existingcp {
        font-size: 12px;
    }
    .navbarwidthst {
        width: 70%;
    }

    .header-row {
        padding: 0px 0 0px;
    }

    .stepscc::before {
        content: "";
        position: absolute;
        top: 30px;
        left: 10%;
        right: 10%;
        height: 10px;
    }

    .stepscc {
        gap: 70px;
        padding: 10px 0;
        position: relative;
    }

    .btncc {
        padding: 10px 25px;
        margin-top: 10px;
        font-size: 12px;
    }

    .titlecc {
        font-size: 12px;
    }

    .stepcc {
        width: 35px;
        height: 35px;
        font-size: 12px;
    }

    .header-row a {
        font-size: 12px;
        margin-left: 20px;
        gap: 8px;
    }

    .titilecc1.active {
        font-size: 12px;
    }

    .titilecc1 {
        font-size: 12px;
    }

    .stat-card {
        padding: 10px 5px 10px 10px;
        height: 90px;
    }

    .sidebar-menu > li > a {
        padding: 10px 5px 10px 5px;
        margin: 10px 10px 10px 10px;
        font-size: 12px;
    }

    .pathdashstyle {
        margin-left: -10px;
        font-size: 12px;
    }

    .techdashstyle {
        margin-left: -10px;
        font-size: 12px;
    }

    .create-btn {
        padding: 10px 18px;
        font-size: 12px;
    }

    .custom-table td.assigned-to {
        font-size: 10px;
    }

    .custom-table td.created-date {
        font-size: 10px;
    }

    .custom-table td.case-id {
        font-size: 10px;
    }

    .custom-table td.patient-name {
        font-size: 10px;
    }

    .case-link {
        font-size: 10px;
    }

    .pfnamest {
        font-size: 12px;
    }

    .welcome {
        font-size: 12px;
    }

    .stat-card .title {
        font-size: 12px;
    }

    .stat-card .link {
        font-size: 10px;
    }

    .state-cardst {
        display: flex;
        gap: 100px;
    }

    .dataTables_filter input {
        font-size: 13px !important;
    }

    .casetabsst1.nav > li > a {
        margin-right: 10px;
        font-size: 11px;
    }

    .create-btn {
        margin-top: -32px;
        padding: 10px 18px;
        font-size: 10px;
    }

    .stat-card .link span {
        font-size: 10px;
    }

    .custom-table thead tr th {
        font-size: 12px;
    }

    .shareconftitle1 {
        font-size: 13px;
    }

    .report-title {
        font-size: 17px;
    }

    .reportinfos {
        font-size: 13px;
    }

    .reportinfosinside {
        font-size: 13px;
    }

    .sectionrepoprttitle {
        font-size: 16px;
    }

    .reportspan {
        font-size: 13px;
    }

    .reportthslidedetailst {
        font-size: 13px;
    }

    .reportthslidedetailst1 {
        font-size: 13px;
    }

    .reprtattchstimginfo {
        font-size: 16px;
    }

    .reportfooterst {
        font-size: 16px;
    }

    .shareconfinputstyle {
        padding: 20px 10px 20px 15px;
        font-size: 13px !important;
    }

    .shareconftitle {
        font-size: 14px;
    }

    .h3cp {
        font-size: 13px;
    }

    .patient-idcp {
        font-size: 13px;
    }

    .patient-idcp1 {
        font-size: 13px;
    }

    .crconflabelcp {
        font-size: 13px;
    }

    .crconformmainstyle {
        height: 70vh;
        padding: 20px 20px 20px 20px;
    }

    .crconfforminputst1 {
        height: 35px !important;
        font-size: 13px !important;
    }

    .crconfforminputst {
        padding: 16px 10px 16px 15px;
        font-size: 13px !important;
    }

    table.table tbody td {
        padding: 10px 5px;
    }

    .cancelbtnst {
        padding: 10px 40px 10px 40px;
        font-size: 13px;
    }

    .savebtnst {
        padding: 10px 30px 10px 30px;
        font-size: 13px;
    }

    .caseTable {
        height: 70vh;
    }

    .caseindst {
        margin-right: 0px;
    }

    .pathologyactionst {
        padding: 0px;
        background: none;
        border: none;
        margin-right: 0px !important;
    }

    .casest1 {
        height: 28px;
        width: 71%;
        font-size: 11px;
    }

    .patienttables td.st {
        font-size: 11px;
    }

    .cid a {
        font-size: 11px;
    }

    .cytoannobtnstyle {
        font-size: 11px;
        padding: 10px 18px;
    }

    .cytoannobtnstyle1 {
        font-size: 11px;
        padding: 10px 18px;
    }

    .casetabsst.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
        font-size: 11px;
    }

    .stat-card .value {
        font-size: 14px;
    }

    .welcome {
        font-size: 14px;
    }

    .pfnamest {
        color: #212121;
        font-size: 14px;
    }

    .main-sidebar1 {
        position: absolute;
        top: 91px;
        min-height: 88%;
    }

    .overview-title {
        font-size: 14px;
    }

    .stat-label {
        font-size: 12px;
    }

    .pathdashstyle {
        font-size: 12px;
    }
    .techdashstyle {
        font-size: 12px;
    }

    .tab-btncyto {
        font-size: 12px;
        padding: 10px 18px;
    }

    .cutodashboadesignst {
        display: flex;
        gap: 4%;
    }

    .cytotdsta a {
        color: #008CFF !important;
        font-size: 12px;
    }

    .cytotdst {
        font-size: 12px;
    }

    .priority-high {
        font-size: 12px;
    }

    button, input, optgroup, select, textarea {
        margin: 0;
        font: 12px 'Roboto';
        color: inherit;
    }

    .cytostatusbtnst {
        padding: 8px 15px 8px 15px;
        font-size: 12px;
    }

    .priority-medium {
        font-size: 12px;
    }

    .priority-low {
        font-size: 12px;
    }

    .stat-cardforpathology {
        padding: 18px 20px;
        height: 120px;
    }

    .create-btnpathdash {
        font-size: 11px;
        padding: 10px 8px;
    }

    .sidebar-menu > li > a {
        padding: 10px 5px 10px 5px;
        margin: 10px 10px 10px 10px;
        font-size: 10px;
    }
    .menu-item a, #lnkLogout {
        font-size: 10px;
    }
}

@media(min-width: 991px) and (max-width: 1024px) {
    .cancelcc {
        padding: 10px 30px;
        font-size: 12px;
    }
    .nextcc {
        padding: 10px 30px;
        font-size: 12px;
    }
    .form-containercp {
        height: 40vh;
        overflow-y: scroll;
        padding: 15px;
        margin: 20px auto;
    }
    .formmainstyle {
        padding: 0px 0px 24px 0px;
    }
    .checkboxst1 {
        font-size: 12px;
    }
    .formselectstyle {
        font-size: 12px;
        padding: 6px 2px 6px 2px;
    }
    .formmainstyle2 {
        font-size: 12px;
        height: 30px !important;
    }

    .formmainstyle2height {
        font-size: 12px;
        height: 50px !important;
    }
    .labelcp {
        margin-top: 10px;
        font-size: 12px;
    }
    .link-existingcp {
        font-size: 12px;
    }
    .navbarwidthst{
        width:70%;
    }
    .header-row {
        padding: 0px 0 0px;
    }

    .stepscc::before {
        content: "";
        position: absolute;
        top: 30px;
        left: 10%;
        right: 10%;
        height: 10px;
    }

    .stepscc {
        gap: 70px;
        padding: 10px 0;
        position: relative;
    }

    .btncc {
        padding: 10px 25px;
        margin-top: 10px;
        font-size: 12px;
    }

    .titlecc {
        font-size: 12px;
    }

    .stepcc {
        width: 35px;
        height: 35px;
        font-size: 11px;
    }

    .header-row a {
        font-size: 12px;
        margin-left: 20px;
        gap: 8px;
    }

    .titilecc1.active {
        font-size: 12px;
    }

    .titilecc1 {
        font-size: 12px;
    }

    .stat-card {
        padding: 10px 5px 10px 10px;
        height: 90px;
    }

    .sidebar-menu > li > a {
        padding: 10px 5px 10px 5px;
        margin: 10px 10px 10px 10px;
        font-size: 12px;
    }

    .pathdashstyle {
        margin-left:0px;
        font-size: 12px;
    }

    .techdashstyle {
        margin-left: -10px;
        font-size: 12px;
    }

    .create-btn {
        padding: 10px 18px;
        font-size: 12px;
    }

    .custom-table td.assigned-to {
        font-size: 10px;
    }

    .custom-table td.created-date {
        font-size: 10px;
    }

    .custom-table td.case-id {
        font-size: 10px;
    }

    .custom-table td.patient-name {
        font-size: 10px;
    }

    .case-link {
        font-size: 10px;
    }

    .pfnamest {
        font-size: 12px;
    }

    .welcome {
        font-size: 12px;
    }

    .stat-card .title {
        font-size: 12px;
    }

    .stat-card .link {
        font-size: 10px;
    }

    .state-cardst {
        display: flex;
        gap: 100px;
    }

    .dataTables_filter input {
        font-size: 13px !important;
    }

    .casetabsst1.nav > li > a {
        margin-right: 10px;
        font-size: 11px;
    }

    .create-btn {
        margin-top: 0px;
        padding: 10px 18px;
        font-size: 10px;
    }
    .stat-card .link span {
        font-size: 10px;
    }
    .custom-table thead tr th {
        font-size: 12px;
    }

    .shareconftitle1 {
        font-size: 13px;
    }

    .report-title {
        font-size: 17px;
    }

    .reportinfos {
        font-size: 13px;
    }

    .reportinfosinside {
        font-size: 13px;
    }

    .sectionrepoprttitle {
        font-size: 16px;
    }

    .reportspan {
        font-size: 13px;
    }

    .reportthslidedetailst {
        font-size: 13px;
    }

    .reportthslidedetailst1 {
        font-size: 13px;
    }

    .reprtattchstimginfo {
        font-size: 16px;
    }

    .reportfooterst {
        font-size: 16px;
    }

    .shareconfinputstyle {
        padding: 20px 10px 20px 15px;
        font-size: 13px !important;
    }

    .shareconftitle {
        font-size: 14px;
    }

    .h3cp {
        font-size: 13px;
    }

    .patient-idcp {
        font-size: 13px;
    }

    .patient-idcp1 {
        font-size: 13px;
    }

    .crconflabelcp {
        font-size: 13px;
    }

    .crconformmainstyle {
        height: 70vh;
        padding: 20px 20px 20px 20px;
    }

    .crconfforminputst1 {
        height: 35px !important;
        font-size: 13px !important;
    }

    .crconfforminputst {
        padding: 16px 10px 16px 15px;
        font-size: 13px !important;
    }

    table.table tbody td {
        padding: 10px 5px;
    }

    .cancelbtnst {
        padding: 10px 40px 10px 40px;
        font-size: 13px;
    }

    .savebtnst {
        padding: 10px 30px 10px 30px;
        font-size: 13px;
    }

    .caseTable {
        height: 70vh;
    }

    .caseindst {
        margin-right: 0px;
    }

    .pathologyactionst {
        padding: 0px;
        background: none;
        border: none;
        margin-right: 0px !important;
    }

    .casest1 {
        height: 28px;
        width: 71%;
        font-size: 11px;
    }

    .patienttables td.st {
        font-size: 11px;
    }

    .cid a {
        font-size: 11px;
    }

    .cytoannobtnstyle {
        font-size: 11px;
        padding: 10px 18px;
    }

    .cytoannobtnstyle1 {
        font-size: 11px;
        padding: 10px 18px;
    }

    .casetabsst.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
        font-size: 11px;
    }
    .stat-card .value {
        font-size: 14px;
    }

    .welcome {
        font-size: 14px;
    }

    .pfnamest {
        color: #212121;
        font-size: 14px;
    }

    .main-sidebar1 {
        position: absolute;
        top: 91px;
        min-height: 88%;
    }

    .overview-title {
        font-size: 14px;
    }

    .stat-label {
        font-size: 12px;
    }

    .pathdashstyle {
        font-size: 12px;
    }
    .techdashstyle {
        font-size: 12px;
    }
    .tab-btncyto {
        font-size: 12px;
        padding: 10px 18px;
    }

    .cutodashboadesignst {
        display: flex;
        gap: 4%;
    }

    .cytotdsta a {
        color: #008CFF !important;
        font-size: 12px;
    }

    .cytotdst {
        font-size: 12px;
    }

    .priority-high {
        font-size: 12px;
    }

    button, input, optgroup, select, textarea {
        margin: 0;
        font: 12px 'Roboto';
        color: inherit;
    }

    .cytostatusbtnst {
        padding: 8px 15px 8px 15px;
        font-size: 12px;
    }

    .priority-medium {
        font-size: 12px;
    }

    .priority-low {
        font-size: 12px;
    }

    .stat-cardforpathology {
        padding: 18px 20px;
        height: 120px;
    }

    .create-btnpathdash {
        font-size: 11px;
        padding: 10px 8px;
    }

    .sidebar-menu > li > a {
        padding: 10px 5px 10px 5px;
        margin: 10px 10px 10px 10px;
        font-size: 12px;
    }
}

@media(min-width: 1024px) and (max-width: 1079px) {
    .tdstyles {
        padding: 15px 0px 0px 10px !important;
    }
    .contentpatientsearch-bx {
        height: 65vh;
        padding: 0px 10px 0px 10px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .doc-thumbnailst {
        width: 100%;
        height: 110px;
    }

    .casedetailsst {
        gap: 45px;
        margin-bottom: 30px;
    }

    .reportthslidedetailst {
        font-size: 14px;
    }

    .reportthslidedetailst1 {
        font-size: 14px;
    }

    .casedestyti {
        font-size: 16px;
    }
    .stat-card .value {
        font-size: 15px;
    }
    .stat-card .link span {
        font-size: 12px;
    }

        .plusbtnst {
            font-size: 22px;
            margin-left: -16px;
            padding: 0px 10px 0px 10px;
        }

        .admincreateforminputplst {
            padding: 17px;
            font-size: 13px;
        }

        .formmainstyle2 {
            font-size: 13px;
            /* padding: 20px 5px 20px 10px !important; */
            height: 37px !important;
        }

    .formmainstyle2height {
        font-size: 13px;
        height: 50px !important;
    }

        .labelcpadmin {
            margin-top: 0px;
            font-size: 12px;
        }

        .admincreateformcheckbox {
            height: 20px;
            width: 20px;
            margin: 5px 10px 10px 15px !important;
        }

        .profile-cardpfst {
            height: 70vh;
            padding: 15px;
        }

        .profile-tabspfst {
            height: 70vh;
            padding: 15px 10px;
        }

        .tab-itempfst.active {
            font-size: 13px;
        }

        .tab-itempfst {
            font-size: 13px;
        }

        .profile-titlepfst {
            font-size: 15px;
        }

        .labelpfst {
            font-size: 13px;
        }

        .inputboxpfst {
            padding: 20px 10px 20px 10px;
            font-size: 13px;
        }

        .inputboxtitlepfst {
            height: 41px !important;
            font-size: 13px;
        }

        .cancelbtnstpf {
            padding: 13px 35px;
            font-size: 14px;
        }

        .savebtnstpf {
            padding: 13px 35px;
            font-size: 14px;
        }

        .admineditforminputplst {
            padding: 20px 10px 20px 10px;
            font-size: 12px;
        }

        .labelcpadmin1 {
            font-size: 12px;
        }

        .licensetdst {
            font-size: 12px;
        }

        .licensetdst1 {
            font-size: 12px;
        }

        .licensetdst2 {
            font-size: 12px;
        }

        .subsectionlicsetinputst {
            color: rgba(33, 33, 33, 0.30);
            font-size: 12px;
            width: 95%;
            height: 40px !important;
        }

        .subsectionlicsetbtnst {
            margin-left: -35px;
            padding: 10px 30px 10px 30px;
            font-size: 12px;
        }

        .logoutlicsbtnst {
            padding: 8px 15px 8px 15px;
            font-size: 12px;
        }

        .usroleassignst {
            font-size: 12px;
        }

        .admincrnewusest {
            font-size: 14px;
            padding: 8px 18px;
        }

        .masterdataheadingst {
            font-size: 19px;
        }

        .masterdatasubdiv {
            padding: 35px 10px 15px 10px;
            width: 98%;
            height: 50vh;
            overflow-y: scroll;
            overflow-x: hidden;
        }

        .masterdataaddiconst {
            margin-right: 2px;
            padding: 5px 3px 5px 6px;
            font-size: 12px;
            height: 40px;
        }

        .masterdatadeleteiconst {
            padding: 5px 7px 5px 7px;
            background: #EBEBEB !important;
            border-radius: 10px;
            font-size: 12px;
        }

        .masterdatalabelst {
            margin-top: 10px;
            font-size: 12px;
        }

        .masterdatadropdownst {
            font-size: 12px;
        }

        .mmsdast {
            margin-top: 5px;
        }

        .uidst {
            font-size: 12px;
        }

        .casedetailtdst {
            font-size: 12px;
        }

        .casedetailtd1st {
            font-size: 12px;
        }

        .casedetailtd2st {
            font-size: 12px;
        }

        .casedetailtd3st {
            font-size: 12px;
        }

        .reassignbtnstad {
            padding: 8px 13px 8px 13px;
            font-size: 12px;
        }

        .adminusertable {
            width: 98%;
            height: 35vh;
        }

        .actiontdst {
            font-size: 12px;
        }

        .usernameadminst {
            font-size: 12px;
        }

        .adminheadingst {
            font-size: 14px;
        }

        .stat-cardforpathology .value {
            font-size: 20px;
        }

        .stat-cardforpathology .value {
            font-size: 16px;
        }

        .stat-cardforpathology .title {
            font-size: 12px;
        }

        .welcome {
            font-size: 12px;
        }

        .pfnamest {
            font-size: 12px;
        }

        .pathdashstyle {
            margin-left:0px;
            font-size: 12px;
        }
    .techdashstyle {
        margin-left: -10px;
        font-size: 12px;
    }

        .impslidestyless {
            grid-template-columns: repeat(6, 1fr);
            display: inline-grid;
            gap: 20px;
        }

        .importslidesearchst {
            padding: 10px !important;
            height: 37px;
            font-size: 12px;
        }

        .slidecheckboxst {
            font-size: 12px;
        }

        #importslide {
            height: 50vh;
            overflow-y: scroll;
            overflow-x: scroll !important;
        }

        .dob-input {
            background-size: 18px 18px !important;
        }

        .caseindst {
            margin-right: 0px;
        }

        .importslidebtn {
            font-size: 11px;
        }

        .slidedownloadimgviwerbtn {
            font-size: 11px;
        }

        .patienttables td.slidetbst {
            font-size: 11px;
        }

        .slidecaseidst {
            font-size: 11px;
        }

        .slidetbst1 {
            font-size: 11px;
        }

        .slidetbst1_1 {
            padding: 10px 10px !important;
        }

        .patienttables td.slidetbst1 a {
            font-size: 11px;
        }

        .patienttables th.slidetbst1 a {
            font-size: 11px;
        }

        .slidetabsst1.nav > li > a {
            margin-right: 0px;
            font-size: 12px;
            padding: 10px 6px;
        }


        .patientdetailsst {
            gap: 50px;
        }

        .editpst {
            height: 35px !important;
            font-size: 12px;
        }

        .padehest {
            font-size: 14px;
        }

        .formcontrolforpcrpst::placeholder {
            font-size: 14px;
        }

        .formcontrolforpcrpst {
            padding: 17px 5px 17px 10px !important;
            height: 30px !important;
            font-size: 14px;
        }

        .checkboxptcrstlab {
            font-size: 14px;
        }

        .cancelbtnst {
            padding: 10px 25px 10px 25px;
            font-size: 14px;
        }

        .savebtnst {
            padding: 10px 25px 10px 25px;
            font-size: 14px;
        }

        .form-containercpfrompt {
            overflow-y: scroll;
            height: 65vh;
        }

        .pdhestyles {
            margin-top: 0px;
            font-size: 14px;
        }

        .padehest {
            font-size: 14px;
        }

        .patient-idpd {
            font-size: 13px;
        }

        .patient-idpd1 {
            font-size: 13px;
        }

        .pdmaintitle {
            font-size: 13px;
        }

        .pdsubtitle {
            font-size: 13px;
        }

        .delete-btnst {
            padding: 10px 20px 10px 20px;
            font-size: 13px;
        }

        .editbtnst {
            padding: 10px 20px 10px 20px;
            font-size: 13px;
        }

        .caseindst {
            margin-right: 0px;
        }

        .casest1 {
            height: 37px;
            font-size: 11px;
            width: 60%;
            padding: 10px 20px 10px 20px;
        }

        .casest {
            font-size: 11px;
            width: 60%;
            padding: 10px 20px 10px 20px;
        }

        .table > thead > tr > th {
            font-size: 13px;
            padding: 0px 8px 8px 8px;
        }

        .patienttabelstyle1 {
            font-size: 16px;
        }

        .st1 {
            font-size: 11px;
        }

        .pid a {
            font-size: 11px;
        }

        .Editcase {
            padding: 5px 7px 5px 7px;
            font-size: 11px;
        }

        .dataTables_filter input {
            height: 37px;
            font-size: 12px;
        }

        .impslidemaindivst {
            padding: 10px 35px 10px 10px;
        }

        .slidenamest {
            font-size: 12px;
        }

        .imslidedest {
            font-size: 12px;
        }

        .imslidedest1 {
            padding: 10px 5px 10px 5px;
            font-size: 11px !important;
        }

        .cancelcc {
            padding: 10px 35px;
            font-size: 13px;
        }

        .nextcc {
            padding: 10px 25px;
            font-size: 14px;
        }

        .form-containercp {
            height: 45vh;
            overflow-y: scroll;
            padding: 15px;
            margin: 20px auto;
        }

        .labelcp {
            margin-top: 10px;
            font-size: 12px;
        }

        .header-row {
            padding: 0px 0 0px;
        }

        .stepscc::before {
            content: "";
            position: absolute;
            top: 30px;
            left: 10%;
            right: 10%;
            height: 10px;
        }

        .stepscc {
            gap: 70px;
            padding: 10px 0;
            position: relative;
        }

        .btncc {
            padding: 10px 25px;
            margin-top: 10px;
            font-size: 12px;
        }

        .titlecc {
            font-size: 12px;
        }

        .formmainstyle2 {
            font-size: 12px;
            height: 35px !important;
        }

    .formmainstyle2height {
        font-size: 12px;
        height: 40px !important;
    }

        .formselectstyle {
            font-size: 12px;
            padding: 8px 2px 8px 3px;
        }

        .formmainstyle {
            padding: 5px 5px 25px 5px;
        }

        .checkboxst1 {
            font-size: 12px;
        }

        .link-existingcp {
            font-size: 12px;
        }

        .stepcc {
            width: 35px;
            height: 35px;
            font-size: 12px;
        }

        .header-row a {
            font-size: 12px;
            margin-left: 20px;
            gap: 8px;
        }

        .titilecc1.active {
            font-size: 12px;
        }

        .titilecc1 {
            font-size: 12px;
        }

        .stat-card {
            padding: 10px 5px 10px 10px;
            height: 90px;
        }

        .sidebar-menu > li > a {
            padding: 10px 5px 10px 5px;
            margin: 10px 10px 10px 10px;
            font-size: 12px;
        }

        .pathdashstyle {
            margin-left: 0px;
            font-size: 14px;
        }

    .techdashstyle {
        margin-left: -10px;
        font-size: 14px;
    }

        .create-btn {
            padding: 10px 18px;
            font-size: 12px;
        }

        .custom-table td.assigned-to {
            font-size: 12px;
        }

        .custom-table td.created-date {
            font-size: 12px;
        }

        .custom-table td.case-id {
            font-size: 12px;
        }

        .custom-table td.patient-name {
            font-size: 12px;
        }

        .case-link {
            font-size: 12px;
        }

        .pfnamest {
            font-size: 14px;
        }

        .welcome {
            font-size: 14px;
        }

        .stat-card .title {
            font-size: 14px;
        }

        .stat-card .link {
            font-size: 12px;
        }

        .state-cardst {
            display: flex;
            gap: 50px;
        }

        .dataTables_filter input {
            font-size: 12px !important;
        }

        .casetabsst1.nav > li > a {
            margin-right: 5px;
            font-size: 11px;
        }

        .create-btn {
            padding: 10px 18px;
            font-size: 11px;
        }

        .shareconftitle1 {
            font-size: 13px;
        }

        .report-title {
            font-size: 17px;
        }

        .reportinfos {
            font-size: 13px;
        }

        .reportinfosinside {
            font-size: 13px;
        }

        .sectionrepoprttitle {
            font-size: 16px;
        }

        .reportspan {
            font-size: 13px;
        }

        .reportthslidedetailst {
            font-size: 13px;
        }

        .reportthslidedetailst1 {
            font-size: 13px;
        }

        .reprtattchstimginfo {
            font-size: 16px;
        }

        .reportfooterst {
            font-size: 16px;
        }

        .shareconfinputstyle {
            padding: 20px 10px 20px 15px;
            font-size: 13px !important;
        }

        .shareconftitle {
            font-size: 14px;
        }

        .h3cp {
            font-size: 13px;
        }

        .patient-idcp {
            font-size: 13px;
        }

        .patient-idcp1 {
            font-size: 13px;
        }

        .crconflabelcp {
            font-size: 13px;
        }

        .crconformmainstyle {
            height: 70vh;
            padding: 20px 20px 20px 20px;
        }

        .crconfforminputst1 {
            height: 35px !important;
            font-size: 13px !important;
        }

        .crconfforminputst {
            padding: 16px 10px 16px 15px;
            font-size: 13px !important;
        }

        table.table tbody td {
            padding: 10px 5px;
        }

        .cancelbtnst {
            padding: 10px 40px 10px 40px;
            font-size: 13px;
        }

        .savebtnst {
            padding: 10px 30px 10px 30px;
            font-size: 13px;
        }

        .caseTable {
            height: 60vh;
        }

        .patienttable {
            padding: 10px;
        }
    .table-scrollpttech {
        height: 60vh;
        overflow-y: scroll;
        overflow-x: hidden;
    }


        .caseindst {
            margin-right: 0px;
        }

        .pathologyactionst {
            padding: 0px;
            background: none;
            border: none;
            margin-right: 0px !important;
        }
        /*        .casest1 {
            height: 28px;
            width: 71%;
            font-size: 11px;
        }*/

        .patienttables td.st {
            font-size: 11px;
        }

        .cid a {
            font-size: 11px;
        }

        .cytoannobtnstyle {
            font-size: 11px;
            padding: 10px 18px;
        }

        .cytoannobtnstyle1 {
            font-size: 11px;
            padding: 10px 18px;
        }

        .casetabsst.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
            font-size: 11px;
            padding: 10px 15px;
        }

        .welcome {
            font-size: 16px;
        }

        .pfnamest {
            color: #212121;
            font-size: 16px;
        }

        .main-sidebar1 {
            position: absolute;
            top: 91px;
            min-height: 88%;
        }

        .overview-title {
            font-size: 14px;
        }

        .stat-label {
            font-size: 12px;
        }

        .pathdashstyle {
            font-size: 12px;
        }
    .techdashstyle {
        font-size: 12px;
    }

        .tab-btncyto {
            font-size: 12px;
            padding: 10px 18px;
        }

        .cutodashboadesignst {
            display: flex;
            gap: 4%;
        }

        .cytotdsta a {
            color: #008CFF !important;
            font-size: 12px;
        }

        .cytotdst {
            font-size: 12px;
        }

        .priority-high {
            font-size: 12px;
        }

        button, input, optgroup, select, textarea {
            margin: 0;
            font: 12px 'Roboto';
            color: inherit;
        }

        .cytostatusbtnst {
            padding: 8px 15px 8px 15px;
            font-size: 12px;
        }

        .priority-medium {
            font-size: 12px;
        }

        .priority-low {
            font-size: 12px;
        }

        .stat-cardforpathology {
            padding: 18px 20px;
            height: 70px;
        }

        .create-btnpathdash {
            font-size: 11px;
            padding: 8px 3px;
        }

        .sidebar-menu > li > a {
            padding: 10px 5px 10px 5px;
            margin: 10px 10px 10px 10px;
            font-size: 12px;
        }

        .card-areacc {
            margin-top: 0px;
        }

        .stepscc {
            gap: 70px;
            padding: 0px 0;
            position: relative;
        }
    .navbar-case-info {
        position: absolute;
        left: 20%;
        top: 30%;
    }
    }

    @media (min-width: 1080px) and (max-width: 1145px) {
        .reportthumbnailst {
            width: 350px;
        }
        .contentpatientsearch-bx {
            height: 65vh;
            padding: 0px 10px 0px 10px;
            overflow-y: scroll;
            overflow-x: hidden;
        }
        .navbar-case-info {
            position: absolute;
            left: 20%;
            top: 30%;
        }
        .doc-thumbnailst {
            width: 100%;
            height: 130px;
        }

        .casedetailsst {
            gap: 10px;
            margin-bottom: 30px;
        }
        .case-item {
            width: 152px;
        }

        .reportthslidedetailst {
            font-size: 13px;
        }

        .reportthslidedetailst1 {
            font-size: 13px;
        }

        .casedestyti {
            font-size: 15px;
        }
        .doc-thumbnailst {
            width: 100%;
            height: 116px;
        }
        .plusbtnst {
            margin-left: -11px;
            font-size: 22px;
            padding: 0px 11px 0px 11px;
        }
        .admincreateforminputplst {
            padding: 17px;
            font-size: 13px;
        }
        .formmainstyle2 {
            font-size: 13px;
            /* padding: 20px 5px 20px 10px !important; */
            height: 37px !important;
        }

        .formmainstyle2height {
            font-size: 13px;
            height: 40px !important;
        }
        .labelcpadmin {
            margin-top: 0px;
            font-size: 12px;
        }

        .admincreateformcheckbox {
            height: 20px;
            width: 20px;
            margin: 5px 10px 10px 15px !important;
        }
        .tab-itempfst.active {
            font-size: 13px;
        }

        .tab-itempfst {
            font-size: 13px;
        }

        .profile-titlepfst {
            font-size: 15px;
        }

        .labelpfst {
            font-size: 13px;
        }

        .inputboxpfst {
            padding: 20px 10px 20px 10px;
            font-size: 13px;
        }

        .inputboxtitlepfst {
            height: 41px !important;
            font-size: 13px;
        }

        .cancelbtnstpf {
            padding: 13px 35px;
            font-size: 14px;
        }

        .savebtnstpf {
            padding: 13px 35px;
            font-size: 14px;
        }
        .admineditforminputplst {
            padding: 20px 10px 20px 10px;
            font-size: 12px;
        }

        .labelcpadmin1 {
            font-size: 12px;
        }
        .licensetdst {
            font-size: 12px;
        }

        .licensetdst1 {
            font-size: 12px;
        }

        .licensetdst2 {
            font-size: 12px;
        }

        .subsectionlicsetinputst {
            color: rgba(33, 33, 33, 0.30);
            font-size: 13px;
            width: 95%;
            height: 40px !important;
        }

        .subsectionlicsetbtnst {
            margin-left: -35px;
            padding: 10px 30px 10px 30px;
            font-size: 12px;
        }
        .logoutlicsbtnst {
            padding: 8px 15px 8px 15px;
            font-size: 12px;
        }

            .audtitdst {
                font-size: 12px;
            }

            .audtitdst1 {
                font-size: 12px;
            }

            .audtitdst2 {
                font-size: 12px;
            }

            .usroleassignst {
                font-size: 13px;
            }

            . .usroleassignst {
            font-size: 12px;
        }

        .admincrnewusest {
            font-size: 14px;
            padding: 8px 18px;
        }
        .masterdataheadingst {
            font-size: 19px;
        }
        .masterdatasubdiv {
            padding: 35px 10px 15px 10px;
            width: 98%;
            height: 50vh;
            overflow-y: scroll;
            overflow-x: hidden;
        }

        .masterdataaddiconst {
            margin-right: 2px;
            padding: 5px 3px 5px 6px;
            font-size: 12px;
            height: 40px;
        }

        .masterdatadeleteiconst {
            padding: 5px 7px 5px 7px;
            background: #EBEBEB !important;
            border-radius: 10px;
            font-size: 12px;
        }

        .masterdatalabelst {
            margin-top: 10px;
            font-size: 12px;
        }

        .masterdatadropdownst {
            font-size: 12px;
        }

        .mmsdast {
            margin-top: 5px;
        }
        .uidst {
            font-size: 12px;
        }

        .casedetailtdst {
            font-size: 12px;
        }

        .casedetailtd1st {
            font-size: 12px;
        }

        .casedetailtd2st {
            font-size: 12px;
        }

        .casedetailtd3st {
            font-size: 12px;
        }

        .reassignbtnstad {
            padding: 8px 13px 8px 13px;
            font-size: 12px;
        }

        .adminusertable {
            width: 98%;
            height: 65vh;
        }
        .actiontdst {
            font-size: 12px;
        }

        .usernameadminst {
            font-size: 12px;
        }

        .adminheadingst {
            font-size: 14px;
        }
        .stat-cardforpathology .value {
            font-size: 20px;
        }

            .stat-cardforpathology .title {
                font-size: 13px;
            }

            .welcome {
                font-size: 13px;
            }

            .pfnamest {
                font-size: 13px;
            }

            .pathdashstyle {
                margin-left: 0px;
                font-size: 13px;
            }

        .techdashstyle {
            margin-left: -10px;
            font-size: 13px;
        }

            .impslidestyless {
                grid-template-columns: repeat(6, 1fr);
                display: inline-grid;
                gap: 20px;
            }

            .importslidesearchst {
                padding: 10px !important;
                height: 37px;
                font-size: 13px;
            }

            .slidecheckboxst {
                font-size: 13px;
            }

            #importslide {
                height: 55vh;
                overflow-y: scroll;
                overflow-x: scroll !important;
            }

            .dob-input {
                background-size: 18px 18px !important;
            }

            .caseindst {
                margin-right: 0px;
            }

            .importslidebtn {
                font-size: 12px;
            }

            .slidedownloadimgviwerbtn {
                font-size: 12px;
            }

            .patienttables td.slidetbst {
                font-size: 12px;
            }

            .slidecaseidst {
                font-size: 12px;
            }

            .slidetbst1 {
                font-size: 12px;
            }

            .slidetbst1_1 {
                padding: 10px 10px !important;
            }

            .patienttables td.slidetbst1 a {
                font-size: 13px;
            }

            .patienttables th.slidetbst1 a {
                font-size: 13px;
            }

            .slidetabsst1.nav > li > a {
                margin-right: 0px;
                font-size: 12px;
                padding: 10px 15px;
            }

            .editpst {
                font-size: 12px;
            }

            .padehest {
                font-size: 14px;
            }

            .formcontrolforpcrpst::placeholder {
                font-size: 14px;
            }

            .formcontrolforpcrpst {
                font-size: 14px;
            }

            .checkboxptcrstlab {
                font-size: 14px;
            }

            .cancelbtnst {
                padding: 10px 25px 10px 25px;
                font-size: 14px;
            }

            .savebtnst {
                padding: 10px 25px 10px 25px;
                font-size: 14px;
            }

            .form-containercpfrompt {
                overflow-y: scroll;
                height: 65vh;
            }

            .pdhestyles {
                margin-top: 0px;
                font-size: 14px;
            }

            .patient-idpd {
                font-size: 13px;
            }

            .patient-idpd1 {
                font-size: 13px;
            }

            .pdmaintitle {
                font-size: 13px;
            }

            .pdsubtitle {
                font-size: 13px;
            }

            .delete-btnst {
                padding: 10px 20px 10px 20px;
                font-size: 13px;
            }

            .editbtnst {
                padding: 10px 20px 10px 20px;
                font-size: 13px;
            }

            .caseindst {
                margin-right: 0px;
            }

            .casest1 {
                height: 30px;
                font-size: 12px;
                width: 60%;
                padding: 5px 0px 5px 4px;
            }

            .casest {
                font-size: 12px;
                width: 60%;
                padding: 5px 10px 5px 12px;
            }

            .table > thead > tr > th {
                font-size: 14px;
                padding: 0px 8px 8px 8px;
            }

            .patienttabelstyle1 {
                font-size: 18px;
            }

            .st1 {
                font-size: 12px;
            }

            .pid a {
                font-size: 12px;
            }

            .Editcase {
                padding: 5px 7px 5px 7px;
                font-size: 12px;
            }

            .dataTables_filter input {
                height: 37px;
                font-size: 14px;
            }

            .documentstname {
                font-size: 14px;
                padding: 5px 0;
            }

            .documentlistst {
                padding: 4px;
                float: left;
                width: 94%;
            }

            .upload-boxst h3 {
                font-size: 25px;
            }

            .upload-boxst .max-sizeupst {
                font-size: 16px;
            }

            .upload-btnst {
                padding: 10px 40px 10px 40px;
                font-size: 15px;
            }

            .slidenamest {
                font-size: 14px;
            }

            .stat-card .value {
                font-size: 16px;
            }

            .cancelcc {
                padding: 10px 35px;
                font-size: 14px;
            }

            .nextcc {
                padding: 10px 25px;
                font-size: 14px;
            }

            .checkboxst1 {
                font-size: 13px;
            }

            .formmainstyle {
                padding: 0px 10px 25px 0px;
            }

            .stepscc::before {
                content: "";
                position: absolute;
                top: 15px;
                left: 10%;
            }

            .form-containercp {
                height: 45vh;
                overflow-y: scroll;
                padding: 15px;
                margin: 20px auto;
            }

            .link-existingcp {
                font-size: 14px;
            }

            .labelcp {
                font-size: 12px;
            }

            .formselectstyle {
                font-size: 12px;
            }

            .formmainstyle2 {
                font-size: 12px;
            }

        .formmainstyle2height {
            font-size: 12px;
            height: 50px !important;
        }

            .btncc {
                padding: 10px 25px;
                margin-top: 10px;
                font-size: 13px;
            }

            .titlecc {
                font-size: 13px;
            }

            .stepcc {
                width: 35px;
                height: 35px;
                font-size: 12px;
            }
            /*            .header-row a {
                font-size: 13px;
                margin-left: 20px;
                gap: 8px;
            }*/

            .header-row a {
                margin-top: -30px;
                font-size: 13px;
                margin-left: 20px;
                gap: 8px;
            }

            .titilecc1.active {
                font-size: 13px;
            }

            .titilecc1 {
                font-size: 13px;
            }


            .stat-card {
                padding: 15px 10px;
                height: 120px;
            }

            .sidebar-menu > li > a {
                padding: 10px 5px 10px 5px;
                margin: 10px 10px 10px 10px;
                font-size: 12px;
            }

            .pathdashstyle {
                margin-left: 0px;
                font-size: 15px;
            }

        .techdashstyle {
            margin-left: -10px;
            font-size: 15px;
        }

            .create-btn {
                padding: 10px 18px;
                font-size: 12px;
            }

            .custom-table td.assigned-to {
                font-size: 12px;
            }

            .custom-table td.created-date {
                font-size: 12px;
            }

            .custom-table td.case-id {
                font-size: 12px;
            }

            .custom-table td.patient-name {
                font-size: 12px;
            }

            .case-link {
                font-size: 12px;
            }

            .pfnamest {
                font-size: 16px;
            }

            .welcome {
                font-size: 16px;
            }

            .stat-card .title {
                font-size: 15px;
            }

            .stat-card .link {
                font-size: 12px;
            }

            .state-cardst {
                display: flex;
                gap: 90px;
            }




            .casetabsst1.nav > li > a {
                margin-right: 10px;
                font-size: 12px;
            }

            .dataTables_filter input {
                font-size: 12px !important;
            }

            .create-btn {
                padding: 10px 18px;
                font-size: 12px;
            }

            .shareconftitle1 {
                font-size: 14px;
            }

            .report-title {
                font-size: 18px;
            }

            .reportinfos {
                font-size: 13px;
            }

            .reportinfosinside {
                font-size: 13px;
            }

            .sectionrepoprttitle {
                font-size: 17px;
            }

            .reportspan {
                font-size: 13px;
            }

            .reportthslidedetailst {
                font-size: 14px;
            }

            .reportthslidedetailst1 {
                font-size: 14px;
            }

            .reprtattchstimginfo {
                font-size: 17px;
            }

            .reportfooterst {
                font-size: 17px;
            }

            .shareconfinputstyle {
                padding: 20px 10px 20px 15px;
                font-size: 14px !important;
            }

            .shareconftitle {
                font-size: 14px;
            }

            .h3cp {
                font-size: 14px;
            }

            .patient-idcp {
                font-size: 14px;
            }

            .patient-idcp1 {
                font-size: 14px;
            }

            .crconflabelcp {
                font-size: 14px;
            }

            table.table tbody td {
                padding: 10px 10px;
            }

            .crconformmainstyle {
                height: 70vh;
                padding: 20px 20px 20px 20px;
            }

            .crconfforminputst1 {
                height: 35px !important;
                font-size: 14px !important;
            }

            .crconfforminputst {
                padding: 16px 10px 16px 15px;
                font-size: 14px !important;
            }

            .cancelbtnst {
                padding: 10px 40px 10px 40px;
                font-size: 14px;
            }

            .savebtnst {
                padding: 10px 30px 10px 30px;
                font-size: 14px;
            }

            .caseTable {
                height: 60vh;
            }

            .patienttable {
                padding: 10px;
            }

        .table-scrollpttech {
            height: 60vh;
            overflow-y: scroll;
            overflow-x: hidden;
        }

            .caseindst {
                margin-right: 0px;
            }

            .pathologyactionst {
                padding: 0px;
                background: none;
                border: none;
                margin-right: 0px !important;
            }
            /*            .casest1 {
                height: 30px;
                width: 71%;
                font-size: 12px;
            }*/

            .patienttables td.st {
                font-size: 12px;
            }

            .cid a {
                font-size: 12px;
            }

            .cytoannobtnstyle {
                font-size: 12px;
                padding: 10px 18px;
            }

            .cytoannobtnstyle1 {
                font-size: 12px;
                padding: 10px 18px;
            }

            .casetabsst.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
                font-size: 12px;
                padding: 10px 15px;
            }

            .welcome {
                font-size: 17px;
            }

            .pfnamest {
                color: #212121;
                font-size: 17px;
            }

            .main-sidebar1 {
                position: absolute;
                top: 91px;
                min-height: 88%;
            }

            .overview-title {
                font-size: 15px;
            }

            .stat-label {
                font-size: 13px;
            }

            .pathdashstyle {
                font-size: 13px;
            }

        .techdashstyle {
            font-size: 13px;
        }

            .tab-btncyto {
                font-size: 13px;
                padding: 10px 18px;
            }

            .cutodashboadesignst {
                display: flex;
                gap: 7%;
            }

            .cytotdsta a {
                color: #008CFF !important;
                font-size: 13px;
            }

            .cytotdst {
                font-size: 13px;
            }

            .priority-high {
                font-size: 13px;
            }

            button, input, optgroup, select, textarea {
                margin: 0;
                font: 13px 'Roboto';
                color: inherit;
            }

            .cytostatusbtnst {
                padding: 8px 15px 8px 15px;
                font-size: 13px;
            }

            .priority-medium {
                font-size: 13px;
            }

            .priority-low {
                font-size: 13px;
            }

            .stat-cardforpathology {
                padding: 18px 20px;
                height: 80px;
            }

            .create-btnpathdash {
                font-size: 10px;
                padding: 7px 5px;
            }

            .sidebar-menu > li > a {
                padding: 10px 5px 10px 5px;
                margin: 10px 10px 10px 10px;
                font-size: 13px;
            }

            .menu-item i, #lnkLogout i {
                font-size: 14px;
                margin-bottom: 4px;
            }

            .card-areacc {
                margin-top: 0px;
            }

            .stepscc {
                gap: 70px;
                padding: 0px 0;
                position: relative;
            }
        .tdstyles {
            padding: 15px 0px 0px 10px !important;
        }
        }

/*    pranay laptop*/
    @media (min-width: 1145px) and (max-width: 1281px) {
        .reportthumbnailst {
            width: 350px;
        }
        .tdstyles {
            padding: 18px 10px 0px 10px !important;
        }
        .contentpatientsearch-bx {
            height: 65vh;
            padding: 0px 10px 0px 10px;
            overflow-y: scroll;
            overflow-x: hidden;
        }
        .navbar-case-info {
            position: absolute;
            left: 20%;
            top: 30%;
        }
        .doc-thumbnailst {
            width: 100%;
            height: 130px;
        }
        .casedetailsst {
            gap: 8px;
            margin-bottom: 30px;
        }
        .reportthslidedetailst {
            font-size: 14px;
        }

        .reportthslidedetailst1 {
            font-size: 14px;
        }

        .casedestyti {
            font-size: 16px;
        }
        .plusbtnst {
            margin-left: -11px;
            font-size: 22px;
            padding: 0px 11px 0px 11px;
        }
        .admincreateforminputplst {
            padding: 17px;
            font-size: 13px;
        }

        .labelcpadmin {
            margin-top: 0px;
            font-size: 13px;
        }

        .admincreateformcheckbox {
            height: 20px;
            width: 20px;
            margin: 5px 10px 10px 15px !important;
        }

            .tab-itempfst.active {
                font-size: 13px;
            }

            .tab-itempfst {
                font-size: 13px;
            }

            .profile-titlepfst {
                font-size: 15px;
            }

            .labelpfst {
                font-size: 13px;
            }

            .inputboxpfst {
                padding: 20px 10px 20px 10px;
                font-size: 13px;
            }

            .inputboxtitlepfst {
                height: 41px !important;
                font-size: 13px;
            }

            .cancelbtnstpf {
                padding: 13px 35px;
                font-size: 14px;
            }

            .savebtnstpf {
                padding: 13px 35px;
                font-size: 14px;
            }

            .admineditforminputplst {
                padding: 20px 10px 20px 10px;
                font-size: 12px;
            }

            .labelcpadmin1 {
                font-size: 12px;
            }

            .licensetdst {
                font-size: 13px;
            }

            .licensetdst1 {
                font-size: 13px;
            }

            .licensetdst2 {
                font-size: 13px;
            }

            .subsectionlicsetinputst {
                color: rgba(33, 33, 33, 0.30);
                font-size: 14px;
                width: 97%;
                height: 40px !important;
            }

            .subsectionlicsetbtnst {
                margin-left: -25px;
                padding: 10px 30px 10px 30px;
                font-size: 14px;
            }

            .logoutlicsbtnst {
                padding: 8px 15px 8px 15px;
                font-size: 13px;
            }

            .audtitdst {
                font-size: 13px;
            }

            .audtitdst1 {
                font-size: 13px;
            }

            .audtitdst2 {
                font-size: 13px;
            }

            .usroleassignst {
                font-size: 13px;
            }

            .usroleassignst {
                font-size: 13px;
            }

            .admincrnewusest {
                font-size: 14px;
                padding: 8px 18px;
            }

        .masterdatasubdiv {
            padding: 35px 10px 15px 10px;
            width: 98%;
            height: 65vh;
            overflow-y: scroll;
            overflow-x: hidden;
        }

            .masterdataaddiconst {
                margin-right: 2px;
                padding: 5px 3px 5px 6px;
                font-size: 14px;
                height: 40px;
            }

            .masterdatadeleteiconst {
                padding: 5px 7px 5px 7px;
                background: #EBEBEB !important;
                border-radius: 10px;
                font-size: 14px;
            }

            .masterdatalabelst {
                margin-top: 10px;
                font-size: 13px;
            }

            .masterdatadropdownst {
                font-size: 13px;
            }

            .mmsdast {
                margin-top: 5px;
            }

            .uidst {
                font-size: 13px;
            }

            .casedetailtdst {
                font-size: 13px;
            }

            .casedetailtd1st {
                font-size: 13px;
            }

            .casedetailtd2st {
                font-size: 13px;
            }

            .casedetailtd3st {
                font-size: 13px;
            }

            .reassignbtnstad {
                padding: 9px 16px 9px 16px;
                font-size: 13px;
            }

            .adminusertable {
                width: 98%;
                height: 70vh;
            }

            .stat-cardforpathology .value {
                font-size: 20px;
            }

            .actiontdst {
                font-size: 13px;
            }

            .usernameadminst {
                font-size: 13px;
            }

            .adminheadingst {
                font-size: 16px;
            }

            .crconflabelcp {
                font-size: 14px;
            }

            .crconfforminputst1 {
                height: 42px !important;
                font-size: 14px !important;
            }

            .crconfforminputst {
                padding: 20px 10px 20px 15px;
                font-size: 14px !important;
            }

            .crconformmainstyle {
                height: 70vh;
                padding: 18px 20px 20px 20px;
            }

            .stat-cardforpathology .title {
                font-size: 14px;
            }

            .welcome {
                font-size: 14px;
            }

            .pfnamest {
                font-size: 14px;
            }

            .pathdashstyle {
                margin-left: 0px;
                font-size: 13px;
            }

        .techdashstyle {
            margin-left: -10px;
            font-size: 13px;
        }

            .impslidestyless {
                grid-template-columns: repeat(7, 1fr);
                display: inline-grid;
                gap: 20px;
            }

            .importslidesearchst {
                padding: 10px !important;
                height: 37px;
                font-size: 13px;
            }

            .slidecheckboxst {
                font-size: 13px;
            }

            #importslide {
                height: 60vh !important;
                overflow-y: scroll;
                overflow-x: scroll !important;
            }

            .dob-input {
                background-size: 18px 18px !important;
            }

            .caseindst {
                margin-right: 0px;
            }

            .importslidebtn {
                font-size: 13px;
            }

            .slidedownloadimgviwerbtn {
                font-size: 13px;
            }

            .patienttables td.slidetbst {
                font-size: 13px;
            }

            .slidecaseidst {
                font-size: 13px;
            }

            .slidetbst1 {
                font-size: 13px;
            }

            .slidetbst1_1 {
                padding: 10px 10px !important;
            }

            .patienttables td.slidetbst1 a {
                font-size: 13px;
            }

            .patienttables th.slidetbst1 a {
                font-size: 13px;
            }

            .slidetabsst1.nav > li > a {
                margin-right: 0px;
                font-size: 12px;
                padding: 10px 15px;
            }

            .formselectstylere {
                padding: 7px !important;
            }

            .editpst {
                font-size: 13px;
            }

            .padehest {
                font-size: 14px;
            }

            .formcontrolforpcrpst::placeholder {
                font-size: 14px;
            }

            .formcontrolforpcrpst {
                font-size: 14px;
            }

            .checkboxptcrstlab {
                font-size: 14px;
            }

            .cancelbtnst {
                padding: 10px 25px 10px 25px;
                font-size: 14px;
            }

            .savebtnst {
                padding: 10px 25px 10px 25px;
                font-size: 14px;
            }

            .form-containercpfrompt {
                overflow-y: scroll;
                height: 65vh;
            }

            .pdhestyles {
                margin-top: 0px;
                font-size: 15px;
            }

            .patient-idpd {
                font-size: 14px;
            }

            .patient-idpd1 {
                font-size: 14px;
            }

            .pdmaintitle {
                font-size: 14px;
            }

            .pdsubtitle {
                font-size: 14px;
            }

            .delete-btnst {
                padding: 10px 22px 10px 22px;
                font-size: 14px;
            }

            .editbtnst {
                padding: 10px 22px 10px 22px;
                font-size: 14px;
            }

            .caseindst {
                margin-right: 0px;
            }

        .casest1 {
            height: 37px;
            font-size: 13px;
            width: 60%;
            padding: 10px 0px 10px 5px;
        }

        .casest {
            font-size: 13px;
            width: 60%;
            padding: 10px 12px 10px 17px;
        }
            /*            .patienttable {
                padding: 10px;
                height: 65vh;
            }*/

        .patienttable {
            padding: 10px;
        }
        .table-scrollpttech {
            height: 65vh;
            overflow-y: scroll;
            overflow-x: hidden;
        }

            .table > thead > tr > th {
                font-size: 14px;
                padding: 0px 8px 8px 8px;
            }

            .patienttabelstyle1 {
                font-size: 18px;
            }

            .pid a {
                font-size: 13px;
            }

            .Editcase {
                padding: 5px 7px 5px 7px;
                font-size: 12px;
            }

            .dataTables_filter input {
                height: 37px;
                font-size: 14px;
            }

            .documentstname {
                font-size: 14px;
                padding: 5px 0;
            }

            .documentlistst {
                padding: 4px;
                float: left;
                width: 94%;
            }

            .imslidedest1 {
                padding: 10px 5px 10px 5px;
                font-size: 12px !important;
            }

            .slidenamest {
                font-size: 14px;
            }

            .upload-btnst {
                padding: 10px 40px 10px 40px;
                font-size: 14px;
            }

            .upload-boxst h3 {
                font-size: 28px;
            }

            .dashboardtablest {
                height: 45vh;
            }

        .table-scrolltechdas {
            max-height: 45vh;
            overflow-y: scroll;
        }

            .formmainstyle2 {
                font-size: 12px;
            }

        .formmainstyle2height {
            font-size: 12px;
            height: 50px !important;
        }

            .checkboxst1 {
                font-size: 13px;
            }

            .form-containercp {
                height: 55vh;
                overflow-y: scroll;
                padding: 15px;
                margin: 20px auto;
            }

            .card-areacc {
                margin-top: 0px;
            }

            .stepscc {
                gap: 70px;
                padding: 0px 0;
                position: relative;
            }


            .nextcc {
                padding: 10px 30px;
                font-size: 14px;
            }

            .cancelcc {
                padding: 8px 35px;
                font-size: 14px;
            }

            .h3cp {
                font-size: 13px;
                padding-bottom: 5px;
                margin-bottom: 15px;
            }

            .patient-idcp {
                font-size: 13px;
            }

            .link-existingcp {
                font-size: 13px;
            }

            .labelcp {
                margin-top: 10px;
                font-size: 13px;
            }

            .formselectstyle {
                font-size: 13px;
                padding: 8px;
            }

            .btncc {
                padding: 10px 25px;
                margin-top: 10px;
                font-size: 14px;
            }

            .titlecc {
                font-size: 14px;
            }

            .stepcc {
                width: 40px;
                height: 40px;
                font-size: 14px;
            }

            .stepscc::before {
                content: "";
                position: absolute;
                top: 20px;
            }

            .header-row a {
                font-size: 14px;
                margin-top: -15px;
                margin-left: 20px;
            }

            .header-row {
                position: absolute;
                width: auto;
                padding: 0px 0 0px;
            }

            .formmainstyle2 {
                font-size: 13px;
                height: 35px !important;
            }

        .formmainstyle2height {
            font-size: 13px;
            height: 50px !important;
        }

            .titilecc1.active {
                font-size: 14px;
            }

            .titilecc1 {
                font-size: 14px;
            }

            .stat-card .value {
                font-size: 16px;
            }

            .stat-card .link span {
                font-size: 13px;
            }

            .stat-card {
                padding: 15px 16px;
                height: 130px;
            }

            .sidebar-menu > li > a {
                padding: 10px 5px 10px 5px;
                margin: 10px 10px 10px 10px;
                font-size: 13px;
            }

            .pathdashstyle {
                margin-left: 0px;
                font-size: 16px;
            }

        .techdashstyle {
            margin-left: -10px;
            font-size: 16px;
        }

            .create-btn {
                padding: 10px 18px;
                font-size: 13px;
            }

            .custom-table td.assigned-to {
                font-size: 13px;
            }

            .custom-table td.created-date {
                font-size: 13px;
            }

            .custom-table td.case-id {
                font-size: 13px;
            }

            .custom-table td.patient-name {
                font-size: 13px;
            }

            .case-link {
                font-size: 13px;
            }

            .pfnamest {
                font-size: 18px;
            }

            .welcome {
                font-size: 18px;
            }

            .stat-card .title {
                font-size: 16px;
            }

            .stat-card .link {
                font-size: 13px;
            }

            .state-cardst {
                display: flex;
                gap: 80px;
            }

            .table-containerforcyto {
                height: 36vh;
                overflow-y: scroll;
                overflow-x: hidden;
            }

            .create-btn {
                padding: 8px 18px;
                font-size: 14px;
            }

            .shareconftitle1 {
                font-size: 15px;
            }

            .report-title {
                font-size: 20px;
            }

            .reportinfos {
                font-size: 14px;
            }

            .reportinfosinside {
                font-size: 14px;
            }

            .sectionrepoprttitle {
                font-size: 18px;
            }

            .reportspan {
                font-size: 14px;
            }

            .reportthslidedetailst {
                font-size: 14px;
            }

            .reportthslidedetailst1 {
                font-size: 14px;
            }

            .reprtattchstimginfo {
                font-size: 18px;
            }

            .reportfooterst {
                font-size: 18px;
            }

            .shareconfinputstyle {
                padding: 20px 10px 20px 15px;
                font-size: 14px !important;
            }

            .shareconftitle {
                font-size: 15px;
            }

            .h3cp {
                font-size: 14px;
            }

            .patient-idcp {
                font-size: 14px;
            }

            .patient-idcp1 {
                font-size: 15px;
            }

            .crconflabelcp {
                font-size: 14px;
            }

            .crconformmainstyle {
                height: 70vh;
                padding: 10px 20px 10px 20px;
            }

            .crconfforminputst1 {
                height: 35px !important;
                font-size: 14px !important;
            }

            .crconfforminputst {
                padding: 16px 10px 16px 15px;
                font-size: 14px !important;
            }

            .hrlinest {
                margin-bottom: 8px;
            }
            /*            .crconfformmargin {
                margin-bottom: 8px;
            }*/

            .cancelbtnst {
                padding: 10px 40px 10px 40px;
                font-size: 15px;
            }

            .savebtnst {
                padding: 10px 30px 10px 30px;
                font-size: 15px;
            }

            .caseTable {
                height: 65vh;
            }

            .pathologyactionst {
                padding: 1px;
                background: none;
                border: 0px !important;
            }

            table.table tbody td {
                padding: 10px 8px;
            }
            /*            .casest1 {
                height: 32px;
                width: 71%;
                font-size: 14px;
            }*/

            .patienttables td.st {
                font-size: 13px;
            }

            .cid a {
                font-size: 13px;
            }

            .st1 {
                font-size: 13px;
            }

            .cytoannobtnstyle {
                font-size: 15px;
                padding: 10px 18px;
            }

            .casetabsst.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
                font-size: 13px;
                padding: 10px 15px;
            }

            .welcome {
                font-size: 18px;
            }

            .pfnamest {
                color: #212121;
                font-size: 18px;
            }

            .main-sidebar1 {
                position: absolute;
                top: 87px;
                min-height: 85%;
            }

            .overview-title {
                font-size: 16px;
            }

            .stat-label {
                font-size: 14px;
            }

            .pathdashstyle {
                font-size: 14px;
            }

        .techdashstyle {
            font-size: 14px;
        }

            .tab-btncyto {
                font-size: 14px;
                padding: 10px 18px;
            }

            .cutodashboadesignst {
                display: flex;
                gap: 12%;
            }

            .cytotdsta a {
                color: #008CFF !important;
                font-size: 14px;
            }

            .cytotdst {
                font-size: 14px;
            }

            .priority-high {
                font-size: 14px;
            }

            button, input, optgroup, select, textarea {
                margin: 0;
                font: 14px 'Roboto';
                color: inherit;
            }

            .cytostatusbtnst {
                padding: 8px 15px 8px 15px;
                font-size: 14px;
            }

            .priority-medium {
                font-size: 14px;
            }

            .priority-low {
                font-size: 14px;
            }

            .stat-cardforpathology {
                padding: 18px 20px;
                height: 90px;
            }

            .create-btnpathdash {
                font-size: 12px;
                padding: 10px 8px;
            }
        }


    /*for big desktop responssive style*/
    @media only screen and (max-width: 1536px) {
    }


@media (min-width: 1281px) and (max-width: 1350px) {
    .contentpatientsearch-bx {
        height: 70vh;
        padding: 0px 10px 0px 10px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .doc-thumbnailst {
        width: 100%;
        height: 142px;
    }
    .reportthslidedetailst {
        font-size: 14px;
    }

    .reportthslidedetailst1 {
        font-size: 14px;
    }

    .casedestyti {
        font-size: 16px;
    }
    .casedetailsst {
        gap: 19px;
        margin-bottom: 30px;
    }

    .plusbtnst {
        margin-left: -7px;
        font-size: 24px;
        padding: 1px 11px 1px 11px;
    }
    .admincreateforminputplst {
        padding: 20px;
        font-size: 13px;
    }
    .labelcpadmin {
        margin-top: 10px;
        font-size: 14px;
    }


    .tab-itempfst.active {
        font-size: 14px;
    }

    .tab-itempfst {
        font-size: 14px;
    }

    .profile-titlepfst {
        font-size: 16px;
    }

    .labelpfst {
        font-size: 14px;
    }

    .inputboxpfst {
        padding: 20px 10px 20px 10px;
        font-size: 14px;
    }

    .inputboxtitlepfst {
        height: 41px !important;
        font-size: 14px;
    }
    .cancelbtnstpf {
        padding: 13px 45px;
        font-size: 15px;
    }
    .savebtnstpf {
        padding: 13px 45px;
        font-size: 15px;
    }

        .admineditforminputplst {
            padding: 20px 10px 20px 10px;
            font-size: 13px;
        }

        .labelcpadmin1 {
            font-size: 13px;
        }

        .licensetdst {
            font-size: 14px;
        }

        .licensetdst1 {
            font-size: 14px;
        }

        .licensetdst2 {
            font-size: 14px;
        }

        .logoutlicsbtnst {
            padding: 8px 15px 8px 15px;
            font-size: 14px;
        }

        .subsectionlicsetinputst {
            color: rgba(33, 33, 33, 0.30);
            font-size: 14px;
            width: 97%;
            height: 40px !important;
        }

        .subsectionlicsetbtnst {
            margin-left: -25px;
            padding: 10px 30px 10px 30px;
            font-size: 14px;
        }

        .audtitdst {
            font-size: 14px;
        }

        .audtitdst1 {
            font-size: 14px;
        }

        .audtitdst2 {
            font-size: 14px;
        }

        .usroleassignst {
            font-size: 14px;
        }

        .admincrnewusest {
            font-size: 14px;
            padding: 8px 18px;
        }

        .masterdatasubdiv {
            padding: 35px 10px 15px 10px;
            width: 98%;
            height: 70vh;
            overflow-y: scroll;
            overflow-x: hidden;
        }

        .masterdataaddiconst {
            margin-right: 5px;
            padding: 7px 5px 7px 10px;
            font-size: 16px;
            height: 40px;
        }

        .masterdatadeleteiconst {
            padding: 7px 11px 7px 11px;
            background: #EBEBEB !important;
            border-radius: 10px;
            font-size: 16px;
        }

        .masterdatalabelst {
            margin-top: 10px;
            font-size: 14px;
        }

        .masterdatadropdownst {
            font-size: 14px;
        }

        .mmsdast {
            margin-top: 5px;
        }

        .uidst {
            font-size: 14px;
        }

        .casedetailtdst {
            font-size: 14px;
        }

        .casedetailtd1st {
            font-size: 14px;
        }

        .casedetailtd2st {
            font-size: 14px;
        }

        .casedetailtd3st {
            font-size: 14px;
        }

        .reassignbtnstad {
            padding: 9px 16px 9px 16px;
            font-size: 14px;
        }

        .adminusertable {
            width: 98%;
            height: 70vh;
        }

        .actiontdst {
            font-size: 14px;
        }

        .usernameadminst {
            font-size: 14px;
        }

        .adminheadingst {
            font-size: 17px;
        }

        .crconflabelcp {
            font-size: 14px;
        }

        .crconfforminputst1 {
            height: 42px !important;
            font-size: 14px !important;
        }

        .crconfforminputst {
            padding: 20px 10px 20px 15px;
            font-size: 14px !important;
        }

        .crconformmainstyle {
            height: 70vh;
            padding: 18px 20px 20px 20px;
        }

        .stat-cardforpathology .title {
            font-size: 16px;
        }

        .welcome {
            font-size: 16px;
        }

        .pfnamest {
            font-size: 16px;
        }

        .pathdashstyle {
            margin-left:0px;
            font-size: 14px;
        }

    .techdashstyle {
        margin-left: -10px;
        font-size: 14px;
    }

        .slidecheckboxst {
            margin-right: 10px;
            font-size: 14px;
        }

        .impslidestyless {
            grid-template-columns: repeat(8, 1fr);
            display: inline-grid;
            gap: 20px;
        }

        .importslidesearchst {
            padding: 10px !important;
            height: 37px;
            font-size: 14px;
        }

        #importslide {
            height: 60vh;
            overflow-y: scroll;
            overflow-x: scroll !important;
        }

        .dob-input {
            background-size: 18px 18px !important;
        }

        .caseindst {
            margin-right: 0px;
        }

        .importslidebtn {
            font-size: 15px;
        }

        .slidedownloadimgviwerbtn {
            font-size: 15px;
        }

        .patienttables td.slidetbst {
            font-size: 14px;
        }

        .slidecaseidst {
            font-size: 14px;
        }

        .slidetbst1 {
            font-size: 14px;
        }

        .patienttables td.slidetbst1 a {
            font-size: 14px;
        }

        .patienttables th.slidetbst1 a {
            font-size: 14px;
        }

        .slidetabsst1.nav > li > a {
            margin-right: 5px;
            font-size: 12px;
        }

        .editpst {
            font-size: 13px;
        }

        .padehest {
            font-size: 15px;
        }

        .formcontrolforpcrpst::placeholder {
            font-size: 15px;
        }

        .formcontrolforpcrpst {
            font-size: 15px;
        }

        .checkboxptcrstlab {
            font-size: 15px;
        }

        .cancelbtnst {
            padding: 10px 40px 10px 40px;
            font-size: 16px;
        }

        .savebtnst {
            padding: 10px 30px 10px 30px;
            font-size: 16px;
        }

        .form-containercpfrompt {
            overflow-y: scroll;
            height: 70vh;
        }

        .pdhestyles {
            margin-top: 0px;
            font-size: 15px;
        }

        .patient-idpd {
            font-size: 14px;
        }

        .patient-idpd1 {
            font-size: 14px;
        }

        .pdmaintitle {
            font-size: 14px;
        }

        .pdsubtitle {
            font-size: 14px;
        }

        .delete-btnst {
            padding: 10px 22px 10px 22px;
            font-size: 14px;
        }

        .editbtnst {
            padding: 10px 22px 10px 22px;
            font-size: 14px;
        }

        .casest1 {
            font-size: 14px;
            width: 60%;
            padding: 5px 6px 5px 6px;
        }

        .casest {
            font-size: 14px;
            width: 60%;
            padding: 10px 15px 10px 15px;
        }

        .cid {
            font-size: 14px;
        }

        .casetabsst1.nav > li > a {
            margin-right: 0px;
            font-size: 13px;
        }

        .casetabsst.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
            font-size: 12px;
            padding: 10px 20px;
        }

        .patienttable {
            padding: 10px;
        }

    .table-scrollpttech {
        height: 70vh;
        overflow-y: scroll;
        overflow-x: hidden;
    }

        .Editcase {
            padding: 6px 6px 6px 6px;
            font-size: 14px;
        }

        .table > thead > tr > th {
            font-size: 14px;
            padding: 0px 8px 8px 8px;
        }

        .pid a {
            font-size: 14px;
        }

        .patienttables td.st {
            font-size: 14px;
        }

        .st1 {
            font-size: 14px;
        }

        .patienttabelstyle1 {
            font-size: 20px;
        }

        .dataTables_filter input {
            height: 37px;
            font-size: 15px;
        }

        .cancelcc {
            padding: 10px 35px;
            font-size: 14px;
        }

        .nextcc {
            padding: 10px 25px;
            font-size: 14px;
        }

        .upload-btnst {
            padding: 10px 40px 10px 40px;
            font-size: 15px;
        }

        .upload-boxst h3 {
            font-size: 30px;
        }

        .upload-boxst .max-sizeupst {
            font-size: 17px;
        }

        .slidenamest {
            font-size: 14px;
        }

        .impslidemaindivst {
            padding: 10px 35px 0px 10px;
        }

        .imslidedest1 {
            padding: 10px 5px 10px 5px;
            font-size: 12px !important;
        }

        .form-containercp {
            height: 55vh;
            overflow-y: scroll;
            padding: 15px;
            margin: 20px auto;
        }

        .h3cp {
            font-size: 14px;
            padding-bottom: 5px;
            margin-bottom: 15px;
        }

        .patient-idcp {
            font-size: 14px;
        }

        .link-existingcp {
            font-size: 14px;
        }

        .labelcp {
            margin-top: 10px;
            font-size: 14px;
        }

        .formselectstyle {
            font-size: 13px;
            padding: 10px;
        }

        .containercc {
            width: 95%;
            margin: 1px auto;
        }

        .formmainstyle {
            padding: 2px 10px 20px 0px;
        }

        .btncc {
            padding: 10px 25px;
            margin-top: 10px;
            font-size: 16px;
        }

        .titlecc {
            font-size: 16px;
        }

        .stepcc {
            width: 40px;
            height: 40px;
            font-size: 15px;
        }

        .header-row a {
            font-size: 15px;
            margin-left: 20px;
            gap: 8px;
        }

        .formmainstyle2 {
            font-size: 13px;
        }

    .formmainstyle2height {
        font-size: 13px;
        height: 50px !important;
    }

        .checkboxst1 {
            font-size: 14px;
        }

        .titilecc1.active {
            font-size: 14px;
        }

        .titilecc1 {
            font-size: 14px;
        }

        .stat-card .value {
            font-size: 20px;
        }

        .pathdashstyle {
            margin-left: 0px;
            font-size: 15px;
        }

    .techdashstyle {
        margin-left: -10px;
        font-size: 15px;

    }
        .create-btn {
            padding: 9px 18px;
            font-size: 14px;
        }

        .custom-table td.assigned-to {
            font-size: 14px;
        }

        .custom-table td.created-date {
            font-size: 14px;
        }

        .custom-table td.case-id {
            font-size: 14px;
        }

        .custom-table td.patient-name {
            font-size: 14px;
        }

        .case-link {
            font-size: 14px;
        }

        .stat-card .title {
            font-size: 18px;
        }

        .stat-card .link {
            font-size: 14px;
        }

        .state-cardst {
            display: flex;
            gap: 140px;
        }


        .caseTable {
            height: 70vh;
        }

        .main-sidebar1 {
            position: absolute;
            top: 91px;
            min-height: 89%;
        }

        .cutodashboadesignst {
            display: flex;
            gap: 20%;
        }

        .pathologyactionst {
            padding: 4px;
        }

        .create-btnpathdash {
            font-size: 13px;
            font-weight: 700;
            padding: 5px 3px;
        }

        .stat-cardforpathology {
            padding: 18px 20px;
            height: 90px;
        }
    }


@media (min-width: 1350px) and (max-width: 1440px) {
    .contentpatientsearch-bx {
        height: 70vh;
        padding: 0px 10px 0px 10px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .doc-thumbnailst {
        width: 100%;
        height: 155px;
    }
    .reportthslidedetailst {
        font-size: 15px;
    }
    .reportthslidedetailst1 {
        font-size: 15px;
    }
    .casedestyti {
        font-size: 18px;
    }

        .plusbtnst {
            color: #00A8D1;
            font-size: 24px;
            padding: 0px 10px 0px 10px;
        }

        .admincreateforminputplst {
            padding: 20px;
            font-size: 14px;
        }

        .labelcpadmin {
            margin-top: 10px;
            font-size: 14px;
        }


        .tab-itempfst.active {
            font-size: 15px;
        }

        .tab-itempfst {
            font-size: 15px;
        }

        .profile-titlepfst {
            font-size: 18px;
        }

        .labelpfst {
            font-size: 15px;
        }

        .inputboxpfst {
            padding: 20px 10px 20px 10px;
            font-size: 15px;
        }

        .inputboxtitlepfst {
            height: 41px !important;
            font-size: 15px;
        }

        .admineditforminputplst {
            padding: 20px 10px 20px 10px;
            font-size: 14px;
        }

        .logoutlicsbtnst {
            padding: 8px 15px 8px 15px;
            font-size: 15px;
        }

        .licensetdst {
            font-size: 15px;
        }

        .licensetdst1 {
            font-size: 15px;
        }

        .licensetdst2 {
            font-size: 15px;
        }

        .subsectionlicsetinputst {
            color: rgba(33, 33, 33, 0.30);
            font-size: 15px;
            width: 97%;
            height: 40px !important;
        }

        .subsectionlicsetbtnst {
            margin-left: -25px;
            padding: 10px 30px 10px 30px;
            font-size: 15px;
        }

        .audtitdst {
            font-size: 15px;
        }

        .audtitdst1 {
            font-size: 15px;
        }

        .audtitdst2 {
            font-size: 15px;
        }

        .usroleassignst {
            font-size: 15px;
        }

        .admincrnewusest {
            font-size: 15px;
            padding: 8px 18px;
        }

        .masterdatasubdiv {
            padding: 35px 10px 15px 10px;
            width: 98%;
            height: 70vh;
            overflow-y: scroll;
            overflow-x: hidden;
        }

        .masterdataaddiconst {
            margin-right: 5px;
            padding: 7px 5px 7px 10px;
            font-size: 18px;
            height: 40px;
        }

        .masterdatadeleteiconst {
            padding: 7px 11px 7px 11px;
            background: #EBEBEB !important;
            border-radius: 10px;
            font-size: 18px;
        }

        .masterdatalabelst {
            margin-top: 10px;
            font-size: 15px;
        }

        .masterdatadropdownst {
            font-size: 15px;
        }

        .mmsdast {
            margin-top: 5px;
        }

        .uidst {
            font-size: 15px;
        }

        .casedetailtdst {
            font-size: 15px;
        }

        .casedetailtd1st {
            font-size: 15px;
        }

        .casedetailtd2st {
            font-size: 15px;
        }

        .casedetailtd3st {
            font-size: 15px;
        }

        .reassignbtnstad {
            padding: 9px 20px 9px 20px;
            font-size: 15px;
        }

        .shareconftitle {
            font-size: 18px;
        }

        .crconflabelcp {
            font-size: 14px;
        }

        .crconfforminputst1 {
            height: 42px !important;
            font-size: 14px !important;
        }

        .crconfforminputst {
            padding: 20px 10px 20px 15px;
            font-size: 14px !important;
        }

        .crconformmainstyle {
            height: 70vh;
            padding: 18px 20px 20px 20px;
        }

    .casest1 {
        padding: 10px 10px 10px 12px;
        height: 42px;
        width: 71%;
        font-size: 15px;
    }

        .stat-cardforpathology .title {
            font-size: 17px;
        }

        .welcome {
            font-size: 18px;
        }

        .pfnamest {
            font-size: 18px;
        }

        .pathdashstyle {
            margin-left:0px;
            font-size: 16px;
        }

    .techdashstyle {
        margin-left: -10px;
        font-size: 16px;
    }

        .slidecheckboxst {
            font-size: 14px;
        }

        .importslidesearchst {
            font-size: 14px;
        }

        .impslidestyless {
            grid-template-columns: repeat(8, 1fr);
            display: inline-grid;
            gap: 20px;
        }

        #importslide {
            height: 70vh;
            overflow-y: scroll;
            overflow-x: scroll !important;
        }

        .dob-input {
            background-size: 20px 20px !important;
        }

        .caseindst {
            margin-right: 0px;
        }

        .importslidebtn {
            font-size: 15px;
        }

        .slidedownloadimgviwerbtn {
            font-size: 15px;
        }

        .patienttables td.slidetbst {
            font-size: 14px;
        }

        .slidecaseidst {
            font-size: 14px;
        }

        .slidetbst1 {
            font-size: 14px;
        }

        .patienttables td.slidetbst1 a {
            font-size: 14px;
        }

        .patienttables th.slidetbst1 a {
            font-size: 14px;
        }

        .slidetabsst1.nav > li > a {
            margin-right: 5px;
        }

        .formmainstyle2 {
            font-size: 14px;
        }

    .formmainstyle2height {
        font-size: 14px;
        height: 50px !important;
    }

        .editpst {
            font-size: 14px;
        }

        .formcontrolforpcrpst::placeholder {
            font-size: 15px;
        }

        .formcontrolforpcrpst {
            font-size: 15px;
        }

        .checkboxptcrstlab {
            font-size: 15px;
        }

        .cancelbtnst {
            padding: 10px 40px 10px 40px;
            font-size: 16px;
        }

        .savebtnst {
            padding: 10px 30px 10px 30px;
            font-size: 16px;
        }

        .form-containercpfrompt {
            overflow-y: scroll;
            height: 70vh;
        }

        .patient-idcp1 {
            font-size: 14px;
        }

        .pdhestyles {
            margin-top: 0px;
            font-size: 16px;
        }

        .patient-idpd {
            font-size: 15px;
        }

        .patient-idpd1 {
            font-size: 15px;
        }

        .pdmaintitle {
            font-size: 15px;
        }

        .pdsubtitle {
            font-size: 15px;
        }

        .delete-btnst {
            border-radius: 10px;
            padding: 10px 25px 10px 25px;
            font-size: 15px;
        }

        .editbtnst {
            font-size: 15px;
        }

        .casetabsst1.nav > li > a {
            margin-right: 0px;
            font-size: 14px;
        }

        .casetabsst.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
            font-size: 15px;
            padding: 9px 20px;
        }

        .patienttable {
            padding: 10px;
        }

    .table-scrollpttech {
        height: 70vh;
        overflow-y: scroll;
        overflow-x: hidden;
    }

        .casest {
            font-size: 15px;
            width: 65%;
            padding: 10px 20px 10px 20px;
        }

        .st1 {
            font-size: 15px;
        }

        .cid {
            font-size: 15px;
        }

        .Editcase {
            padding: 8px 15px 8px 15px;
            font-size: 15px;
        }

        .pid a {
            font-size: 15px;
        }

        .patienttables td.st {
            font-size: 15px;
        }

        .dataTables_filter input {
            height: 37px;
            font-size: 15px;
        }

        .patienttabelstyle1 {
            font-size: 20px;
        }

        .Editcase {
            padding: 8px 8px 8px 8px;
        }

        .checkboxst1 {
            font-size: 14px;
        }

        .form-containercp {
            height: 55vh;
            overflow-y: scroll;
            padding: 15px;
            margin: 20px auto;
        }

        .h3cp {
            font-size: 14px;
            padding-bottom: 5px;
            margin-bottom: 15px;
        }

        .patient-idcp {
            font-size: 14px;
        }

        .link-existingcp {
            font-size: 14px;
        }

        .labelcp {
            margin-top: 10px;
            font-size: 14px;
        }

        .formselectstyle {
            font-size: 14px;
            padding: 10px;
        }

        .containercc {
            width: 95%;
            margin: 1px auto;
        }

        .formmainstyle {
            padding: 2px 10px 20px 0px;
        }

        .btncc {
            padding: 10px 25px;
            margin-top: 10px;
            font-size: 16px;
        }

        .titlecc {
            font-size: 16px;
        }

        .stepcc {
            width: 50px;
            height: 50px;
            font-size: 18px;
        }

        .header-row a {
            font-size: 16px;
            margin-left: 20px;
            gap: 8px;
        }

        .titilecc1.active {
            font-size: 16px;
        }

        .titilecc1 {
            font-size: 16px;
        }

        .stat-card .value {
            font-size: 20px;
        }

        .pathdashstyle {
            margin-left: 0px;
            font-size: 17px;
        }

    .techdashstyle {
        margin-left: -10px;
        font-size: 17px;

    }
        .create-btn {
            padding: 8px 18px;
            font-size: 14px;
        }

        .custom-table td.assigned-to {
            font-size: 14px;
        }

        .custom-table td.created-date {
            font-size: 14px;
        }

        .custom-table td.case-id {
            font-size: 14px;
        }

        .actiontdst {
            font-size: 14px;
        }

        .usernameadminst {
            font-size: 14px;
        }

        .custom-table td.patient-name {
            font-size: 14px;
        }

        .case-link {
            font-size: 14px;
        }

        .pfnamest {
            font-size: 20px;
        }

        .welcome {
            font-size: 20px;
        }

        .stat-card .title {
            font-size: 18px;
        }

        .stat-card .link {
            font-size: 14px;
        }

        .state-cardst {
            display: flex;
            gap: 140px;
        }


        .caseTable {
            height: 70vh;
        }

        .main-sidebar1 {
            position: absolute;
            top: 91px;
            min-height: 89%;
        }

        .cutodashboadesignst {
            display: flex;
            gap: 20%;
        }

        .pathologyactionst {
            padding: 4px;
        }

        .create-btnpathdash {
            font-size: 13px;
            font-weight: 700;
            padding: 7px 7px;
        }

        .stat-cardforpathology {
            padding: 18px 20px;
            height: 90px;
        }
    .casedetailsst {
        gap: 30px;
        margin-bottom: 16px;
    }
    }

/*milind laptop*/
    @media (min-width: 1440px) and (max-width: 1600px) {
        .contentpatientsearch-bx {
            height: 70vh;
            padding: 0px 10px 0px 10px;
            overflow-y: scroll;
            overflow-x: hidden;
        }
        .casedetailsst {
            gap: 50px;
            margin-bottom: 30px;
        }
        .plusbtnst {
            color: #00A8D1;
            font-size: 24px;
            padding: 0px 10px 0px 10px;
        }
        .subsectionlicsetbtnst {
            padding: 10px 22px 10px 22px;
        }
            .masterdatasubdiv {
                padding: 35px 10px 15px 10px;
                width: 98%;
                height: 70vh;
                overflow-y: scroll;
                overflow-x: hidden;
            }

            .masterdataaddiconst {
                margin-right: 5px;
                padding: 7px 5px 7px 10px;
                font-size: 20px;
                height: 40px;
            }

            .masterdatadeleteiconst {
                padding: 7px 11px 7px 11px;
                background: #EBEBEB !important;
                border-radius: 10px;
                font-size: 20px;
            }

            .stat-cardforpathology .title {
                font-size: 18px;
            }

            .welcome {
                font-size: 20px;
            }

            .pfnamest {
                font-size: 20px;
            }

            .pathdashstyle {
                margin-left:0px;
                font-size: 17px;
            }

        .techdashstyle {
            margin-left: -10px;
            font-size: 17px;
        }

            .impslidestyless {
                grid-template-columns: repeat(8, 1fr);
                display: inline-grid;
                gap: 20px;
            }

            .form-containercp {
                height: 55vh;
                overflow-y: scroll;
                padding: 15px;
                margin: 20px auto;
            }

            .casest {
                font-size: 15px;
            }

        .casest1 {
            padding: 10px 20px 10px 20px;
            height: 42px;
            width: 71%;
            font-size: 15px;
        }

            #importslide {
                height: 70vh;
                overflow-y: scroll;
                overflow-x: scroll !important;
            }

            .form-containercpfrompt {
                overflow-y: scroll;
                height: 70vh;
            }

            .caseTable {
                height: 74vh;
            }

            .table-containerforcyto {
                height: 49vh;
                overflow-y: scroll;
                overflow-x: hidden;
            }

            .main-sidebar1 {
                position: absolute;
                top: 85px;
                min-height: 88%;
            }

            .cutodashboadesignst {
                display: flex;
                gap: 25%;
            }

            .pathologyactionst {
                padding: 4px;
            }

            .tablehedstyle {
                display: flex;
                gap: 70%;
            }

            .stat-cardforpathology {
                padding: 18px 20px;
                height: 90px;
            }

            .Editcase {
                padding: 8px 8px 8px 8px;
            }
        }



    @media (min-width: 1600px) and (max-width: 1920px) {
        .impslidestyless {
            grid-template-columns: repeat(9, 1fr);
            display: inline-grid;
            gap: 20px;
        }
        #importslide {
            height: 70vh;
            overflow-y: scroll;
            overflow-x: scroll !important;
        }
        .form-containercpfrompt {
            overflow-y: scroll;
            height: 70vh;
        }

            .Editcase {
                padding: 8px 10px 8px 10px;
            }

            .state-cardst {
                display: flex;
                gap: 180px;
            }

            .caseTable {
                height: 74vh;
            }

            .table-containerforcyto {
                height: 55vh;
                overflow-y: scroll;
                overflow-x: hidden;
            }

            .main-sidebar1 {
                position: absolute;
                top: 91px;
                min-height: 89%;
            }

        .pathologyactionst {
            padding: 10px;
        }
        .actionst {
            padding-top: 25px !important;
        }

        .header-row1report {
            margin: 5px 0px 5px 0px;
            width: 99%;
        }

            .reportmainduvst {
                margin-left: 28px;
                width: 97%;
            }
        }



    @media (min-width: 1920px) and (max-width: 2150px) {
        .action-btncyto {
            padding: 9px 10px;
            margin-right: 6px;
        }
   
        .state-cardst {
            display: flex;
            gap: 220px;
        }

        .caseTable {
            height: 77vh;
        }

        .table-containerforcyto {
            height: 58vh;
            overflow-y: scroll;
            overflow-x: hidden;
        }
        /*
    .main-sidebar1 {
        position: absolute;
        top: 86px;
        min-height: 92%;
    }*/

        .main-sidebar1 {
            position: absolute;
            top: 84px;
            min-height: 91%;
        }

        .reportmainduvst {
            margin-left: 22px;
            width: 98%;
        }
    }


    @media (min-width: 2150px) and (max-width: 2560px) {
        .impslidestyless {
            grid-template-columns: repeat(11, 1fr);
            display: inline-grid;
            gap: 30px;
        }

        .state-cardst {
            display: flex;
            gap: 290px;
        }

        .caseTable {
            height: 77vh;
        }

        .table-containerforcyto {
            height: 62vh;
            overflow-y: scroll;
            overflow-x: hidden;
        }

        .main-sidebar1 {
            position: absolute;
            top: 86px;
            min-height: 92%;
        }

        .reportmainduvst {
            margin-left: 22px;
            width: 98%;
        }
    }



    @media (min-width: 2560px) and (max-width: 3250px) {
        .impslidestyless {
            grid-template-columns: repeat(12, 1fr);
            display: inline-grid;
            gap: 30px;
        }
        .state-cardst {
            display: flex;
            gap: 450px;
        }

        .caseTable {
            height: 77vh;
        }

        .table-containerforcyto {
            height: 62vh;
            overflow-y: scroll;
            overflow-x: hidden;
        }

        .main-sidebar1 {
            position: absolute;
            top: 93px;
            min-height: 91%;
        }

        .reportmainduvst {
            margin-left: 30px;
            width: 98%;
        }
    }