@media only screen and (max-width: 1600px) {
    .rxBackground img {
        max-width: 90%;
    }

    .workflowDrugTitleContent label {
        font-size: 13px;
    }

    .workflowDrugTitleContent h6 {
        font-size: 14px;
    }

    .detailContentMain label {
        font-size: 13px;
    }

    .detailContentMain h6 {
        font-size: 14px;
    }
}


/*----------- Laptop screens -----------*/

@media only screen and (max-width: 1500px) {
    .apps-main {
        /*height: 500px;*/
    }

    .draggable-column {
        width: 20%;
    }


    /*.readingGrid-div.heartrate {
        width: 100px;
    }

    .readingGrid-div.bpDiastolic {
        width: 120px;
    }

    .readingGrid-div.sys {
        width: 80px;
    }

    .readingGrid-div.rmReport-DateTime {
        width: 200px;
    }

    .readingGrid-div.rmPatient-DateTime {
        width: 200px;
    }

    .readingGrid-div.rmUser-DateTime {
        width: 200px;
    }*/

    .table-legend {
        width: 600px;
    }

    .triggerAlert-other {
        display: block;
    }

    .tiggerAlert-title h1 {
        font-size: 16px;
    }

    .triggerAlert-data h6 {
        font-size: 14px;
    }

    .rmMain-title h6 {
        font-size: 18px;
    }

    .triggerAlert-data p {
        margin-top: 10px;
    }
}


@media only screen and (max-width: 1399px) {

    .addTask-modal .modal-body {
        height: 500px;
        overflow: auto;
    }

    .manifestTracker-guid {
        justify-content: start;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        row-gap: 12px;
        flex-wrap: wrap;
    }

    .trackStatus:after {
        right: -10px;
    }

    .pc-filemanager label {
        padding: 0;
    }

    .table-responsive {
        overflow: auto !important;
    }

    /*.settings-modal .modal-dialog {
        transform: translate(0, 0px) !important;
    }*/

    .settings-modal .modal-body {
        max-height: 430px;
        overflow: auto;
    }

    /*.model-searchpopup {
        margin: 0;
    }*/

    .model-searchpopup .modal-body {
        height: 500px;
        overflow: auto;
    }

    .modal-fullheight .modal-body {
        height: 300px !important;
        overflow: auto;
    }

    .modal-laptopfullheight .modal-body {
        height: 300px !important;
        overflow: auto;
    }

    .cart-img-main {
        width: auto;
        /*overflow: hidden;*/
    }

        .cart-img-main img {
            width: 90px;
            height: 90px;
        }

    .cart-table tr td {
        padding: 20px 0px;
    }

    td.first-td {
        width: 50%;
    }

    .module-list-sec .module-list-main .module-list-img img {
        height: 30px;
        width: 30px;
    }

    .module-list-sec .module-list-main .module-list-img {
        width: 50%;
    }

    .apps-main {
        /*height: 460px;*/
    }

    .module-list-row {
        height: 500px;
    }

    .module-list-sec {
        margin: 18px 0;
    }

    .module-main {
        gap: 0;
    }

    .module-main {
        display: grid;
        grid-template-columns: auto auto auto auto auto auto auto;
    }

    .dashboardBanner-content h6 {
        font-size: 24px;
    }

    .dashboardBanner-content h1 {
        font-size: 36px;
    }

    .dashboardBanner-content p {
        font-size: 14px;
    }

    .setUpDashboardtop-banner {
        height: 230px;
        margin-top: 40px;
    }

    .setUpDashboardtop-reminders {
        margin-top: 40px;
    }

    .dashboardBanner-content img {
        height: 210px;
        transform: translate(0px, -30px);
    }

    .setupDashboard {
        height: 100px
    }

    .setupDashRemind-inner h6 {
        font-size: 12px;
    }

    .setupDashRemind-inner h4 {
        font-size: 15px;
    }

    .setupDashRemind-inner.setupDash-remindTime {
        justify-content: flex-start;
    }

    .setupDashRemind-inner h1:after {
        height: 86px;
        width: 85px;
        bottom: -33px;
        right: -35px;
    }

    .setupDashRemind-inner h1 {
        font-size: 18px;
    }

    .setupDashRemind-inner img {
        height: 24px;
    }

    .setupDashboard-remindersMain {
        padding: 10px;
        height: 100px;
    }

    .setupDashboard-taskMain {
        padding: 20px 8px;
    }

    .setupDashboard-tasks .setupDashboard-todaytasks {
        font-size: 14px;
    }

    .setupDashboard-taskTitle h1 {
        font-size: 18px;
    }

        .setupDashboard-taskTitle h1 svg {
            width: 90px;
        }

    .setupDashboard-tasks h1 {
        font-size: 16px;
    }

    .setupDashboard-tasks h6 {
        font-size: 10px;
        margin-bottom: 0px;
    }

    .setupDashboard-tasks-bottom span svg {
        height: 18px;
    }

    .dashTask-tag p {
        font-size: 10px;
    }

    .setupDash-reminderSlider-title h1 {
        font-size: 14px;
    }

    .setupDash-reminderSlider-innerContent p {
        font-size: 14px;
    }

    .sdrc-top a {
        font-size: 16px;
    }

    .sdrc-bottom h6 {
        font-size: 10px;
    }

    .sdrc-top a img {
        height: 20px;
    }

    .setupDashboard-quicklinksTitle h1 {
        font-size: 18px;
    }

    .setupDashboard-quicklinksTitle svg {
        width: 81px;
    }

    .sdql-title h1 {
        font-size: 20px;
    }

    .sdql-tableHeader h1 {
        font-size: 18px;
    }

    .sdql-tableHeader-fields {
        margin-top: 10px;
    }

    .sdql-formatSelection {
        margin-top: 15px;
    }

        .sdql-formatSelection .plan .plan-content {
            width: 80px;
            height: 80px;
        }

    .plan-content svg {
        height: 16px;
    }

    .plan-content h1 {
        font-size: 14px;
    }

    .sdql-formatSelection .plan input[type="radio"]:checked + .plan-content:after {
        right: 5px;
        top: 5px;
    }

    .sdql-tableHeader-fields {
        margin-top: 10px;
    }

    .setDashRight-main:after {
        height: 94%;
    }

    .setupDashboard-tasks-bottom {
        margin-top: 6px;
    }

        .setupDashboard-tasks-bottom a {
            font-size: 12px;
        }

    .setupDashboard-tasks a svg {
        height: 14px;
        fill: #707070;
    }

    .fillableCheckboxMedium input[type=checkbox] + label:before {
        width: 1.3em;
        height: 1.3em;
    }

    .fillableCheckboxMedium label {
        font-size: 10px;
    }

    .setupDashboard-tasks-bottom a {
        gap: 2px;
    }

    .setupDashRemind-inner h1 span {
        font-size: 16px;
    }

    .products-top-main {
        gap: 10px;
    }

    .one-product-main {
        width: 100%;
    }

    .patientProductListMain {
        grid-template-columns: 260px 1fr;
    }

    .all-product-main {
        display: grid;
        gap: 20px;
        grid-template-columns: repeat(4, 1fr);
    }

    .category-alias {
        width: 92px;
        height: 92px;
        justify-content: center;
    }

        .category-alias p {
            font-size: 10px;
        }

    .search-product-search input {
        font-size: 14px;
        /*width: 85%;*/
    }


    .search-product-search button {
        padding: 10px 5px;
    }

    .filter-main-title h6 {
        font-size: 16px;
    }

    .filter-main-title p {
        font-size: 12px;
    }

    .module-profile-title h1 {
        font-size: 16px;
    }

    .profile-module-inner p {
        font-size: 12px;
    }

    .profile-module-inner svg {
        width: 15px;
        height: 15px;
    }

    .assignAccess-text {
        padding: 10px 10px;
    }

        .assignAccess-text p {
            font-size: 12px;
        }

    .allModuleSelect-fillable-checkbox label {
        font-size: 12px;
    }

    .module-profile-main {
        padding: 15px 10px 20px 10px;
    }

    .module-profile-title label {
        font-size: 12px !important;
    }

    .search-module-search {
        padding: 10px 15px;
    }

        .search-module-search input {
            font-size: 12px;
        }

    .brandmanagement-content {
        margin-top: 10px;
    }

    .basic-info-fields p {
        font-size: 13px;
    }

    .basic-info-fields h6 {
        font-size: 15px;
    }

    .basic-info-fields {
        margin: 15px 0;
    }

    .form-Check-Alt span {
        font-size: 15px;
    }

    .patient-doc-btn {
        right: -35px;
    }

    .dragCompInner {
        font-size: 14px;
    }

    .rmMain-title h6 {
        font-size: 15px;
    }

    .tiggerAlert {
        font-size: 15px;
    }

    .rmStatus-data h1 {
        font-size: 20px;
    }

    .rmBMI-inner h6 {
        font-size: 18px;
    }

    .rmBMI-inner h1 {
        font-size: 42px;
    }

    .rmtab-nav.nav.nav-tabs a {
        font-size: 15px;
    }

    .rmtab-nav {
        gap: 20px;
        column-gap: 40px;
        /* justify-content: center; */
        overflow: auto;
        flex-wrap: nowrap;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .readingGrid-details .readingGrid-div p {
        font-size: 12px;
    }

    .tiggerAlert-title h1 {
        font-size: 15px;
    }

    .tableIconsGrid {
        display: grid;
        grid-template-columns: auto auto;
        row-gap: 5px;
    }

    .cart-title h1 {
        font-size: 18px;
    }

    .cart-img img {
        height: auto;
    }

    .orderDetailimg img {
        height: auto;
    }

    .cart-right-price h6 {
        font-size: 20px;
    }

    .cart-right-price p {
        font-size: 14px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .cart-right-price .orderDetailSecRight {
        font-size: 14px;
        width: 50%;
    }

    .descriptionFixedwidth {
        width: 80%;
    }

    .gender-main-radio {
        gap: 10px;
    }

    .productCategoryBtns {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

        .productCategoryBtns button {
            font-size: 15px;
        }

    .sidebar-ul {
        height: calc(100vh - 170px);
    }

    .rxBackground img {
        max-width: 75%;
    }

    .backgroundContentMain {
        margin-top: 40px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 100%;
    }

    .prescriptionIDMain label {
        font-size: 15px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 100%;
    }

    .prescriptionIDMain h6 {
        font-size: 20px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 100%;
    }

    .backgroundContentMain {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 100%;
    }

        .backgroundContentMain label {
            font-size: 11px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            width: 100%;
        }

        .backgroundContentMain h6 {
            font-size: 11px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            width: 100%;
        }

    .workflowDrugTitleContent {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 100%;
    }

    .workflowDrugDetails {
        padding: 24px 20px;
    }

    .workflowDrugTitleContent label {
        font-size: 11px;
    }

    .workflowDrugTitleContent h6 {
        font-size: 12px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 100%;
    }

    .workflowDrugTitleImg img {
        max-width: 90%;
    }

    .detailContentMain {
        white-space: unset;
    }

        .detailContentMain label {
            font-size: 11px;
            margin-bottom: 0;
        }

        .detailContentMain h6 {
            font-size: 12px;
            white-space: unset;
        }

    .workflowPatientPhoto img {
        max-width: 90%;
    }

    .workflowPatientContentTop .workflowPatientName {
        font-size: 16px;
    }

    .workflowPatientContentTop .workflowPatientdivider {
        font-size: 18px;
    }

    .workflowPatientContentTop span svg {
        height: 16px;
        width: 16px;
    }

    .workflowPatientContentMiddle {
        font-size: 13px;
    }

    .workflowPatientContentBottom {
        font-size: 13px;
    }

        .workflowPatientContentBottom span {
            font-size: 13px;
        }

    .callButton {
        padding: 4px 5px;
    }

    .healthCardTopContainer {
        padding: 22px 22px;
    }

    .healthCardTitle {
        font-size: 17px;
    }

    .cardHolderDetailsInner {
        margin-top: 14px;
    }

    .cardHolderTitle h6 {
        font-size: 13px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 100%;
    }

    .cardHolderDetails {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 16px;
    }

    .contentDetailTitle h6 {
        font-size: 16px;
    }

    .detailContentContainer {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 30px;
    }

    .contentContainerInner {
        padding: 15px 20px;
    }

    .threeRowContainerHeight {
        height: 362px;
    }

    .twoRowContainerHeight {
        height: 275px;
    }

    .workflowDetail-grid-container .tabsMain .tabTitle a {
        font-size: 13px;
    }

    .tableMain thead tr th, .tableMain thead tr th a {
        font-size: 11px;
        padding: 14px 10px;
    }

    .tableMain tbody td, .tableMain tbody th {
        font-size: 11px;
    }

    .form-register .steps li a .title {
        font-size: 12px !important;
    }

    .patientDetailBottomAlt {
        grid-template-columns: repeat(4, 1fr) !important;
    }

    .patientDetailBottom {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 15px;
    }

    .upload-control-package {
        font-size: 13px;
    }

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

    .bundleDetailMain .detailContentMain label {
        margin-bottom: 2px;
    }

    .bundleDetailMain .detailContentMain h6 {
        white-space: nowrap;
    }

    .packageBundleTopMain {
        width: 74%;
    }

    .connectorAppsMain {
        grid-template-columns: 240px 2fr;
    }

    .appsContainerInner {
        grid-template-columns: repeat(2, 1fr);
    }

    .logisticPackageBundleInner .bundleDetailMain {
        gap: 5px;
    }

    .logisticPackageBundleInner {
        padding: 0 20px 0 10px;
        gap: 8px;
    }

        .logisticPackageBundleInner .bundleDetailMain .detailContentMain label {
            font-size: 10px;
        }

        .logisticPackageBundleInner .bundleDetailMain .detailContentMain h6 {
            font-size: 11px;
        }

        .logisticPackageBundleInner .bundleDetailIcon span {
            padding: 8px 10px;
        }

    .logisticBundleInner {
        grid-template-columns: 1fr 60px 1fr;
    }

    .logisticPackageBundleDown {
        top: 39px;
        right: 9px;
        z-index: 99;
    }

        .logisticPackageBundleDown a i {
            font-size: 20px;
        }

    logisticTransferRight {
        padding: 8px 10px;
    }

    logisticTransferLeft {
        padding: 8px 10px;
    }

    .logisticBundleTitle h6 {
        font-size: 15px;
    }

    .logisticPackageInfoInner {
        padding: 30px 12px 15px 12px;
    }

    .logisticPackagesInner .bundleDetailMain {
        gap: 5px;
    }

        .logisticPackagesInner .bundleDetailMain .detailContentMain label {
            font-size: 10px;
        }

        .logisticPackagesInner .bundleDetailMain .detailContentMain h6 {
            font-size: 11px;
        }

    .logisticPackagesInner .bundleDetailIcon span {
        padding: 8px 11px;
    }

    .bundleDetailIcon i {
        font-size: 16px;
    }

    .bundleDetailIcon span {
        width: 38px;
        height: 38px;
    }

    .logisticPackagesInner .logisticPackagesTopMain {
        column-gap: 8px;
        row-gap: 15px;
    }

    .logisticBundleStatusSec .bundleStatus {
        padding-left: 14px;
    }

    .logisticAvailableBundleMain {
        height: 450px;
    }

    .logisticAllocatedBundleMain {
        height: 450px;
    }

    .logisticPackageBundleListTransfer {
        padding: 7px 8px 7px 10px;
    }

    .logisticPackageBundleListRelease svg {
        height: 12px;
    }

    .logisticPackageBundleListRelease span {
        font-size: 11px;
    }

    .module-list-sec .module-list-main .logisticmodulelistimg {
        padding: 12px 12px !important;
    }

        .module-list-sec .module-list-main .logisticmodulelistimg svg {
            height: 40px;
            width: 42px;
        }

    .packageBottomContent h6 {
        width: 65%;
    }

    .inlineBgFields input[type="text"] {
        font-size: 11px;
    }

    .inputLabelFields select {
        font-size: 11px;
    }

    .packageDetailsTopMain {
        grid-template-columns: 1fr 350px;
    }

    .packageInfoContent {
        grid-template-columns: 200px 1fr;
    }

    .packageInfoTopContent {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 0px;
    }

    .customerInfoTopContent {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 20px;
    }

    .customerInfoBottomContent {
        margin-top: 21px;
    }

    .packageDetailcustomerInfoInner {
        margin-top: 20px;
    }

    .packageInfoMiddleContent {
        grid-template-columns: 417px 1fr;
    }

    .separateRadioMain .separateRadioText {
        font-size: 11px;
    }

    .separateRadioMain {
        padding: 7px 8px;
    }

    .separateRadioInner .radioLabelStyle {
        height: 14px;
        left: 3px;
        top: 5px;
        width: 14px;
    }

        .separateRadioInner .radioLabelStyle:after {
            top: 3px;
            width: 8px;
        }

    .printButton {
        padding: 5px 10px;
    }

        .printButton svg {
            height: 22px;
            width: 22px;
        }

    .primaryButton {
        font-size: 13px;
    }

    .file-upload-wrapper {
        height: 36px;
        width: 220px;
    }

        .file-upload-wrapper input {
            height: 36px;
        }

    .buttonFileUpload {
        font-size: 16px;
        height: 36px;
    }

    .file-upload-wrapper:after {
        height: 36px;
        line-height: 36px;
        font-size: 12px;
    }

    .packageInfoTitle h3 {
        font-size: 15px;
    }

    .detailsGridTitle h3 {
        font-size: 15px;
    }

    .slideTabDaysHeader a {
        font-size: 12px;
    }

    .slideTabDaysContentAlt {
        width: 50px;
    }

    .slideTabDays {
        padding: 0 26px;
    }

    .filterSearchTitle {
        gap: 6px;
        padding: 0 0 10px 0;
    }

        .filterSearchTitle h1 {
            font-size: 16px;
        }

        .filterSearchTitle span {
            padding: 0px;
        }

            .filterSearchTitle span i {
                font-size: 12px;
            }

    .arrowPrev i {
        font-size: 13px;
    }

    .arrowNext i {
        font-size: 13px;
    }

    .gridListMain thead tr th, .gridListMain thead tr th a {
        font-size: 11px;
    }

    .gridListMain tbody td, .gridListMain tbody th {
        font-size: 11px;
    }

    .table.gridListMain td:last-child img {
        height: 17px;
    }

    .gridListRoundIcon {
        padding: 4px 2px;
    }

    .breadcrumbSecMain {
        margin: 15px 0px 10px 2px;
    }

        .breadcrumbSecMain .breadcrumb-item.active {
            font-size: 12px;
        }

        .breadcrumbSecMain .breadcrumb-item {
            font-size: 12px;
        }

    .filterOptionInner {
        grid-template-columns: repeat(5, 1fr);
        padding: 10px 10px 5px 10px;
    }

    .filterGridTopInner span {
        font-size: 12px;
    }

    .filterGridTopInner i {
        font-size: 12px;
    }

    .filterGridTopInner svg {
        height: 12px;
        width: 12px;
    }

    .filterModelInp select {
        font-size: 11px;
        padding: 6px 8px;
    }

    .filterModelInp input {
        font-size: 11px;
        padding: 6px 8px;
    }

    .filterGridButton .btn i {
        font-size: 15px;
    }

    .filterGridButton .btn {
        padding: 7px 10px;
    }

    .gridTextButton {
        font-size: 10px;
    }

    .sechedulerSettingsText {
        font-size: 9px !important;
    }

    .filterModelInp label {
        font-size: 11px;
    }

    .packageTypeTitle h6 {
        font-size: 12px;
    }

    .filterGridButtonAlt {
        margin: 25px 0 0 0;
    }

    .table.gridListMain td:last-child svg {
        height: 14px;
        width: 19px;
    }

    .filterGridButtonLaptop {
        margin: 10px 0;
    }

    .claimsTopContent label {
        font-size: 11px;
    }

    .claimsTopContent span {
        font-size: 11px;
    }

    .logisticAvailableBundleContent {
        height: 400px;
    }

    .connectorBreadcrumb .breadcrumb {
        font-size: 12px;
    }

    .logisticAllocatedBundleMain .logisticBundleTitle {
        height: 50px;
    }

    .logisticsTopMain {
        padding-bottom: 25px;
    }

    .packageTenantDropdown {
        width: 17%;
    }

        .packageTenantDropdown select {
            font-size: 11px;
        }

    .harbourAddStoreMain {
        height: 500px;
    }

    .horbourStoreListContainer {
        height: 500px;
    }

    .harbourAddManifestMain {
        width: 100%;
    }

    .deleteStoreMain {
        right: 13px;
    }

        .deleteStoreMain .deleteStore {
            font-size: 13px;
        }

    .noDataMain {
        height: 300px;
    }

    .noDataImgMain i {
        font-size: 100px;
    }

    .noDataText h4 {
        font-size: 13px;
    }

    .backgroundText {
        font-size: 11px;
    }

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

    .locationTypeCheckboxMain {
        column-gap: 10px;
    }

    .locationTypeCheckbox {
        gap: 15px;
    }


    .patientProfileInner {
        grid-template-columns: 65px 1fr;
        column-gap: 10px;
    }

    .patientContainerInner .col-12 {
        padding: 0;
    }

    .ptientStatus {
        font-size: 12px;
    }

    .patientDetailTop {
        gap: 3px;
    }

    .patientNameMain .patientName {
        font-size: 13px;
    }

    .patientNameMain .patientNameDevider {
        font-size: 14px;
    }

    .patientDetailTop span {
        font-size: 11px;
    }

    .patientBottomDateMain {
        grid-template-columns: 34px 1fr;
    }

    .patientBottomDateIcon svg {
        width: 20px;
        height: auto;
    }

    .detailContentMain .bottomDateLabel {
        font-size: 10px;
    }

    .detailContentMain .bottomDateheading {
        font-size: 10px;
    }

    .detailContentLinedMain::after {
        content: unset;
    }

    .thingsMattersTitle h6 {
        font-size: 16px;
    }

    .thingsMattersMain h5 {
        font-size: 12px;
    }

    .thingsMatterContainer {
        min-height: 100px;
    }

    .contentDetailTitle {
        padding: 5px 4px 12px 4px;
    }

    .dropdownSelectedLabelMain {
        grid-template-columns: auto auto;
        row-gap: 6px;
        column-gap: 5px;
    }

        .dropdownSelectedLabelMain li {
            gap: 5px;
            padding: 0.4rem 0.5rem;
        }

            .dropdownSelectedLabelMain li span {
                font-size: 0.6rem;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
            }

            .dropdownSelectedLabelMain li a svg {
                width: 15px;
                height: auto;
            }

    .workflowContainer .twoRowContainerHeight {
        height: 230px;
        overflow: auto;
    }

    .workflowContainer .detailContentContainer {
        row-gap: 20px;
    }

    .patientProfileMain {
        margin: 5px 0 5px 0;
    }
    /*.patientNewContainerInner {
         grid-template-columns: 92% 8%;
    }*/
    .patientDetailLeftContainer {
        width: 91%;
    }

    .patientDetailRightContainer {
        width: 9%;
    }

    .inlineTwoSideContentInner span {
        font-size: 11px;
    }

    .additionalInfoBottomInner {
        grid-template-columns: auto 1fr auto;
    }

    .inlineTwoSideContentInner {
        gap: 5px;
    }

    .rightContainerInner {
        padding: 15px 15px;
    }

    .sidebutton {
        padding: 7px 6px;
    }

        .sidebutton svg {
            width: 18px;
            height: auto;
        }

    .moduleAccessInner .moduleAccessSwitch {
        font-size: 12px;
    }

    .noRecordsText {
        font-size: 11px !important;
    }

    .additionalInfoLinedMain::after {
        content: unset;
    }

    .additionalInfoBottomInner {
        grid-template-columns: auto;
        row-gap: 5px;
    }

    .patientContentBottomInner {
        grid-template-columns: repeat(1, 1fr);
        padding: 14px 18px;
        row-gap: 10px;
    }

    .patientBottomDateMainRight {
        margin-left: 0px;
    }

    /*======================Dialer-Dialog====================*/
    .dialerDialog {
        height: 480px;
        width: 300px;
    }

    .callDialogTop .callDialogTitle {
        font-size: 11px;
    }

    .callDialogTop i {
        font-size: 12px;
    }

    .callDialogCallType .tabsMain .tabTitle {
        font-size: 12px;
    }

    .callDialogCallType .tabsMain {
        margin-top: 2px;
    }

    .dialerUserContentMain {
        margin: 18px 0;
    }

    .dialerUserContent {
        grid-template-columns: 60px 1fr;
    }

    .dialerUserInformation .callfromTitle {
        font-size: 11px;
    }

    .dialerUserInformation h6 {
        font-size: 16px;
    }

    .dialerUserIamge img {
        max-width: 60px;
        height: 60px;
    }

    .dialerTextbox {
        font-size: 18px;
        padding: 8px 20px;
    }

    .numberRemove {
        padding: 11px 20px;
    }

        .numberRemove i {
            font-size: 18px;
        }

    .dialerDialPad {
        padding: 16px 20px;
    }

    .dialNumber {
        height: 40px;
    }

        .dialNumber span {
            font-size: 18px;
        }

    .btnDialerCall {
        padding: 8px 0;
    }

        .btnDialerCall i {
            font-size: 19px;
        }

    /*==================================On-Call============================*/
    .onCallDialog {
        height: 260px;
        width: 300px;
    }

    .onCallUserContent {
        gap: 7px;
        padding: 8px 0 10px 0;
    }

    .onCallUserImage img {
        height: 70px;
        width: 70px;
    }

    .onCallUserContent h6 {
        font-size: 16px;
    }

    .onCallUserContent span {
        font-size: 12px;
    }

    .onCallBottom {
        padding: 12px 0;
    }

    .onCallNumber h6 {
        font-size: 15px;
    }

    .btnOnCallMute {
        height: 35px;
        width: 35px;
    }

        .btnOnCallMute i {
            font-size: 16px;
        }

    .btnOnCallEnd {
        height: 35px;
        width: 35px;
    }

        .btnOnCallEnd i {
            font-size: 15px;
        }
    /*====================Incoming==================*/
    .incomingDialog {
        height: 65px;
        width: 320px;
        padding: 15px 20px;
    }

    .incomingUserImage img {
        height: 36px;
        width: 36px;
    }

    .incomingUserInfo span {
        font-size: 12px;
    }

    .incomingUserInfo h6 {
        font-size: 14px;
    }

    .btnIncomingEnd {
        height: 35px;
        width: 35px;
    }

        .btnIncomingEnd i {
            font-size: 16px;
        }

    .btnIncomingPickup {
        height: 35px;
        width: 35px;
    }

        .btnIncomingPickup i {
            font-size: 16px;
        }
    /*==After Call Work===*/
    .afterCallWorkDialog {
        height: 465px;
        width: 300px;
    }

    .afterCallDialogTop {
        padding: 10px 14px 4px 14px;
    }

        .afterCallDialogTop .callDialogTitle {
            font-size: 11px;
        }

        .afterCallDialogTop i {
            font-size: 12px;
        }

    .afterCallInfoMain {
        padding: 14px 12px;
        margin: 10px 14px;
    }

    .callInfoIcon span {
        padding: 8px;
    }

        .callInfoIcon span svg {
            height: 18px;
            width: 18px;
        }

    .callInfoContent .callInfoContentType {
        font-size: 10px;
    }

    .callInfoContent .callInfoContentName {
        font-size: 11px;
    }

    .callInfoMinutes span {
        font-size: 11px;
    }

    .callDialogField textarea {
        font-size: 10px !important;
    }

    .callDialogField {
        margin: 0 14px 12px 14px;
    }

        .callDialogField label {
            font-size: 10px;
        }

        .callDialogField input[type="text"] {
            padding: 7px 6px;
            font-size: 10px;
        }

        .callDialogField select {
            padding: 7px 6px;
            font-size: 10px;
        }

        .callDialogField textarea {
            padding: 7px 6px;
            font-size: 10px;
        }

    .afterCallButtonMain {
        padding: 0 14px;
    }

    .btnAfterCall {
        font-size: 11px;
    }

    .patientProfileMain {
        grid-template-columns: 350px 1fr;
    }

    .patientProfileRight .detailContentMain h6 {
        font-size: 11px;
    }

    .patientDateLabel {
        font-size: 11px;
        padding: 4px 8px;
    }

    .patientProfileRight {
        row-gap: 10px;
    }

    .patientProfileRightTop {
        padding-bottom: 17px;
        column-gap: 10px;
        grid-template-columns: repeat(3, 1fr) 160px 160px;
    }

    .filterInlineRadioMain {
        display: flex;
        align-items: center;
    }

        .filterInlineRadioMain .runningLineCheckboxText {
            font-size: 11px;
            font-weight: 500;
        }

        .filterInlineRadioMain .runningLineCheckboxTitleText {
            font-size: 11px;
        }

    .filterOptionInner.filterOptionInnerMainAlt .fullwidth-filterGrid {
        grid-column: 1 / -1;
    }

    .auditWorkflowGrid .auditTopHeaderTitle {
        font-size: 11px;
    }

    .auditWorkflowGrid thead tr th:last-child, .auditWorkflowGrid tbody tr td:last-child {
        right: -1px;
    }

    .auditWorkflowGrid .auditTopHead tr .auditDateTimeCol::after {
        width: 1px;
    }

    .auditWorkflowGrid thead tr .collapseHeadGroup::after, .auditWorkflowGrid tbody tr .collapseHeadGroup::after {
        width: 1px;
    }

    .auditWorkflowGrid thead tr .collapseHeadGroup2::after, .auditWorkflowGrid tbody tr .collapseHeadGroup2::after {
        width: 2px;
    }

    .deliveryHrLines:before {
        content: " ";
        display: block;
        height: 2px;
        width: 20px;
        position: absolute;
        top: 50%;
        left: -10px;
        background: gray;
    }

    .deliveryHrLines:after {
        content: " ";
        height: 2px;
        width: 20px;
        background: gray;
        display: block;
        position: absolute;
        top: 50%;
        right: -10px;
    }

    .checkFilterLaptopMain {
        margin-top: 5px;
    }

    .binButtonCollapse {
        padding: 1px 6px 6px 6px;
    }

        .binButtonCollapse i {
            font-size: 14px;
        }

    .medicationGridMain thead {
        top: 0px;
    }

        .medicationGridMain thead tr th::before {
            top: 0px;
        }

        .medicationGridMain thead tr th::after {
            top: 46px;
        }

        .medicationGridMain thead tr th:first-child, .medicationGridMain tbody tr td:first-child {
            min-width: 60px;
            left: 0px;
        }

        .medicationGridMain thead tr th:nth-child(2), .medicationGridMain tbody tr td:nth-child(2) {
            min-width: 90px;
            left: 60px;
        }

        .medicationGridMain thead tr th:nth-child(3), .medicationGridMain tbody tr td:nth-child(3) {
            min-width: 90px;
            left: 150px;
        }

        .medicationGridMain thead tr th:nth-child(4), .medicationGridMain tbody tr td:nth-child(4) {
            min-width: 100px;
            left: 240px;
        }

        .medicationGridMain thead tr th:nth-child(5), .medicationGridMain tbody tr td:nth-child(5) {
            min-width: 80px;
            left: 340px;
        }

        .medicationGridMain thead tr th:nth-child(6), .medicationGridMain tbody tr td:nth-child(6) {
            min-width: 100px;
            left: 420px;
        }

    .filterOptionInner.filterOptionInnerMainAlt .range-filter-main {
        margin: 35px 15px 20px 15px;
    }

    .fullSearchButtonsInner .filterGridButtonAlt {
        margin: 4px 0;
    }

    .filterRangeTitle h6 {
        font-size: 11px;
    }

    .filterRangeMain .ui-slider-horizontal {
        height: .6em;
    }

    .filterRangeMain .ui-slider .ui-slider-handle {
        width: 0.9em;
        height: 0.9em;
    }

    .filterRangeMain .ui-slider-horizontal .ui-slider-handle {
        top: -.2em;
        margin-left: -.6em;
    }

    .filterRangeMain .triangle {
        top: -12px;
        left: calc(50% - 13px);
    }

    .filterRangeMain .auditFilterRange .filterRange {
        width: 70px;
    }

    .filterRangeMain .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        font-size: 0.8em;
    }

    .auditWorkflowGrid thead tr th:first-child::after, .auditWorkflowGrid tbody tr td:first-child::after, .auditWorkflowGrid thead tr th:nth-child(2)::after, .auditWorkflowGrid thead tr th:nth-child(3)::after, .auditWorkflowGrid tbody tr td:nth-child(2)::after, .auditWorkflowGrid tbody tr td:nth-child(3)::after, .auditWorkflowGrid thead tr .collapseHeadGroup::after, .auditWorkflowGrid tbody tr .collapseHeadGroup::after {
        width: 1px;
    }

    .auditWorkflowGrid thead tr th:nth-child(2), .auditWorkflowGrid tbody tr td:nth-child(2) {
        left: 100px;
    }

    .auditWorkflowGrid thead tr th:nth-child(3), .auditWorkflowGrid tbody tr td:nth-child(3) {
        left: 200px;
    }

    .auditWorkflowGrid thead tr .collapseHeadGroup,
    .auditWorkflowGrid tbody tr .collapseHeadGroup {
        left: 330px !important;
    }

    .auditWorkflowGrid thead tr .collapseHeadGroup2,
    .auditWorkflowGrid tbody tr .collapseHeadGroup2 {
        left: 360px !important;
    }

    .auditWorkflowGrid thead tr .collapseHeadGroup3,
    .auditWorkflowGrid tbody tr .collapseHeadGroup3 {
        left: 300px !important;
    }

        .auditWorkflowGrid thead tr .collapseHeadGroup3::after,
        .auditWorkflowGrid tbody tr .collapseHeadGroup3::after {
            right: -1px;
        }

    /*====Workflow Grid====*/
    .workflowDateGridFirst {
        width: 4%;
    }

    .workflowDateGridSecond {
        width: 7%;
    }

    .workflowDateGridThird {
        width: 11%;
    }

    .workflowDateGridFourth {
        width: 9%;
    }

    .workflowDateGridFifth {
        width: 9%;
    }

    .workflowDateGridSixth {
        width: 19%;
    }

    .workflowDateGridSeventh {
        width: 7%;
    }

    .workflowDateGridEighth {
        width: 8%;
    }

    .workflowDateGridNineth {
        width: 11%;
    }

    .workflowDateGridTen {
        width: 8%;
    }

    .workflowDateGridEleven {
        width: 7%;
    }

    .workflowDateSubGridFifth {
        width: 10%;
    }

    .workflowDateSubGridSixth {
        width: 22%;
    }

    .workflowDateSubGridSeventh {
        width: 11%;
    }

    .workflowDateSubGridEighth {
        width: 9%;
    }

    .workflowDateSubGridNineth {
        width: 12%;
    }

    .workflowDateSubGridTen {
        width: 12%;
    }

    .workflowDateSubGridEleven {
        width: 7%;
    }

    /*======Filter-grid=====*/
    .workflowFilterGridFirst {
        width: 4%;
    }

    .workflowFilterGridSecond {
        width: 6%;
    }

    .workflowFilterGridThird {
        width: 6%;
    }

    .workflowFilterGridFourth {
        width: 10%;
    }

    .workflowFilterGridFifth {
        width: 5%;
    }

    .workflowFilterGridSix {
        width: 9%;
    }

    .workflowFilterGridSeven {
        width: 19%;
    }

    .workflowFilterGridEight {
        width: 7%;
    }

    .workflowFilterGridNine {
        width: 8%;
    }

    .workflowFilterGridTen {
        width: 11%;
    }

    .workflowFilterGridEleven {
        width: 8%;
    }

    .workflowFilterGridTwelve {
        width: 7%;
    }

    .workflowFilterSubGridSix {
        width: 10%;
    }

    .workflowFilterSubGridSeven {
        width: 22%;
    }

    .workflowFilterSubGridEight {
        width: 11%;
    }

    .workflowFilterSubGridNine {
        width: 9%;
    }

    .workflowFilterSubGridTen {
        width: 12%;
    }

    .workflowFilterSubGridEleven {
        width: 12%;
    }

    .workflowFilterSubGridTwelve {
        width: 7%;
    }

    .specialty-queue-content {
        width: 90px;
    }

    .arrow-next {
        right: 0.8px;
    }

    .callsTopContent .topContentInner label {
        font-size: 12px;
    }

    .topContentInner svg {
        width: 16px;
        height: 16px;
    }

    .radio-main {
        gap: 12px;
    }

    textarea {
        font-size: 12px !important;
    }

    .syncWorkflowGridColInner {
        padding: 15px 5px;
    }

        .syncWorkflowGridColInner span {
            font-size: 11px;
        }

    .medicationGridMain {
        max-height: 300px;
    }

    .radioInlineMain {
        gap: 30px;
    }

    .syncWorkflowGridColLegend svg {
        width: 14px;
    }

    .inlineFlexLegendsKit svg {
        width: 14px;
    }

    /*======Campaign Screen 1=====*/
    .breadcrumbSecAlt {
        padding: 6px 4px;
        margin: 5px 0 10px 0;
    }

        .breadcrumbSecAlt .breadcrumb-item {
            font-size: 12px;
        }

            .breadcrumbSecAlt .breadcrumb-item.active {
                font-size: 12px;
            }

    .campaignWizardOneInner {
        width: 45%;
    }

    .campaignTypeHeading {
        margin-bottom: 12px;
    }

        .campaignTypeHeading h4 {
            font-size: 16px;
        }

    .campaignTypeInner {
        padding: 25px 20px;
        gap: 8px;
    }

        .campaignTypeInner svg {
            height: 35px;
            width: 35px;
        }

    .campaignTypeTitle {
        font-size: 16px;
    }

    .subCampaignTypeTitle {
        font-size: 13px;
    }

    .subCampaignTypeList svg {
        height: 16px;
        width: 16px;
    }

    .actionTypeHeading h4 {
        font-size: 12px;
    }

    .actionTypeTitle {
        font-size: 12px;
    }

    .actionTypeInner {
        gap: 8px;
    }

        .actionTypeInner svg {
            height: 14px;
            width: 14px;
        }

    .actionTypeInnerText svg {
        height: 12px;
        width: 12px;
    }

    .campaignFieldMain {
        margin-top: 10px;
    }

    .purpleButton {
        padding: 7px 40px;
        font-size: 12px;
    }
    /*======Campaign Screen 2=====*/
    .campaignTypeTopTitleMain {
        padding: 11px 20px;
    }

    .campaignTypeTopTitle {
        gap: 8px;
    }

    .campaignTypeBackIcon i {
        font-size: 14px;
    }

    .campaignTypeBackText {
        font-size: 14px;
    }

    .campaignContentInner {
        grid-template-columns: 220px 1fr;
    }

    .campaignLeftSidebar {
        padding: 10px 15px;
        top: 52px;
    }

    .campaignLeftSidebarTitle h4 {
        font-size: 14px;
    }

    .campaignLeftSidebarList {
        margin-top: 10px;
    }

    .campaignLeftSidebarLink {
        padding: 6px 12px;
    }

        .campaignLeftSidebarLink a {
            font-size: 12px;
        }

    .campaignDetailSecMain {
        padding: 16px;
    }

    .detailTitleButton h4 {
        font-size: 14px;
    }

    .detailInlineContentMain {
        gap: 12px;
    }

    .detailInlineContent {
        grid-template-columns: 180px 1fr;
    }

        .detailInlineContent span {
            font-size: 12px;
        }

        .detailInlineContent h4 {
            font-size: 12px;
        }

    .templatePreviewTitle span {
        font-size: 12px;
    }

    .previewMain {
        max-height: 290px;
    }

    .previewTitle {
        height: 48px;
        padding: 0px 15px;
    }

    .patientPreviewTitle span {
        font-size: 13px;
    }

    .patientPreviewTitle .purpleButton {
        padding: 5px 12px;
        font-size: 11px;
    }

    .noTemplatePreview {
        height: 240px;
    }

        .noTemplatePreview span {
            font-size: 14px;
        }

        .noTemplatePreview i {
            font-size: 20px;
        }

    .templateDetailBottom .purpleButton {
        padding: 4px 12px;
        font-size: 12px;
    }

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

    .detailTwoLineContent h6 {
        font-size: 12px;
    }
    /*==Right Modal==*/
    .modalright .modal-header .modal-title {
        font-size: 16px;
    }

    .modalright .modal-header .rightCloseBtn i {
        font-size: 18px;
    }

    .modalright .modal-header {
        padding: 14px 20px;
    }

    .loadCampaignModalMain {
        grid-template-columns: 260px 1fr;
    }

    .loadCampaignModalLeft {
        padding: 15px 15px;
        height: calc(96vh - 85px);
    }

    .btnFilterCollapse h6 {
        font-size: 12px;
    }

    .btnFilterCollapse i {
        font-size: 12px;
    }

    .filterCriteriaChecklist .fillable-checkbox label {
        font-size: 11px;
    }

    .filterCriteriaSearch .model-inp input {
        font-size: 11px;
    }

    .advanceCriteriaBtnInner i {
        font-size: 13px;
    }

    .advanceCriteriaBtnInner span {
        font-size: 12px;
    }

    .rightModalFooter {
        padding: 10px 0;
    }

        .rightModalFooter .btn-primary {
            font-size: 13px;
        }

    .filterCriteriaBtnMain .purpleButton {
        padding: 5px 16px;
        font-size: 11px;
    }

    .filterCriteriaBtnMain .cancelButton {
        padding: 5px 14px;
        font-size: 11px;
    }

    .task-activity-timeline {
        max-height: 300px;
    }

    .syncLegendTopSticky {
        top: 68px;
    }

    .workflowColorCodeSticky {
        top: 112px;
    }

    .syncWorkflowHeaderSticky {
        top: 138px;
        height: auto;
        min-height: 70px;
    }

    .configurationListMain {
        width: 70%;
    }

    .configurationListModuleButton i {
        font-size: 14px;
    }

    .configurationListModuleButton span {
        font-size: 14px;
    }

    .configurationInnerListTitle h4 {
        font-size: 12px;
    }

    .configurationInnerListSubTitle h4 {
        font-size: 12px;
    }

    .configurationInnerListHead h4 {
        font-size: 13px;
    }

    .configurationInnerListHead i {
        font-size: 13px;
    }

    .configurationInnerListTitle h4::before {
        width: 5px;
        height: 5px;
    }

    .patientDetailLeftContainer .inlineFlexLegends {
        gap: 5px;
    }

    .patientDetailLeftContainer .patient .copiedMedsOnChart {
        padding: 4px;
    }

    .patientDetailLeftContainer .patient .fromRunningline {
        padding: 4px;
    }

    .patientDetailLeftContainer .inlineFlexLegends label {
        font-size: 10px;
    }

    .patientDetailLeftContainer .filterGridTopInner span {
        font-size: 11px;
    }

    .sidebar-submenu li {
        /*padding: 3px 0 3px 50px;*/
        font-size: 12px;
    }

    #sidebar .sidebar-toggle-btn svg {
        height: 14px;
    }

    .sidebar-a {
        font-size: 13px;
    }

    .sidebar-icons svg {
        width: 18px;
        height: 18px;
    }
    .sidebarFullHeight {
        height: max-content !important;
    }
        .sidebarFullHeight .sidebar-ul {
            height: max-content !important;
            margin-bottom: 60px !important;
        }
    .callActivityAudio {
        width: 250px;
    }
    .panelHeaderMain .helpHead1 {
        font-size: 14px;
    }
    .panelHeaderMain i {
        font-size: 14px;
    }
    .rxTemplateMain {
        grid-template-columns: 260px 1fr;
    }
    .rxTemplateGridHeadMain {
        grid-template-columns: repeat(1, 1fr);
        border-radius: 0 10px 0 0;
    }
    .rxTemplateGridHead:last-child {
        display: none
    }
    .rxTemplateGridRecordInner {
        grid-template-columns: repeat(1, 1fr);
    }
    .rxTemplateAddInner {
        width: 45%;
    }
    .rxTemplateContainer {
        height: 74vh;
    }
    .rxTemplateGridRecord span {
        font-size: 12px;
    }

    .pageshowing {
        bottom: 2px;
    }

}

@media only screen and (max-width: 1440px) {
    .module-list-sec .module-list-main {
        width: 130px;
    }
}

@media only screen and (min-width: 1441px) {

    .module-list-sec .module-list-main {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 12px;
        width: 150px;
        height: 150px;
        border-radius: 5px;
        transition: all 0.2s linear;
    }

    .module-list-row {
        height: 780px;
    }

    .moduleRight-main {
        height: 320px;
    }

    .module-list-sec .module-list-main .module-list-img {
        padding: 20px;
    }

        .module-list-sec .module-list-main .module-list-img img {
            height: 45px;
            width: 45px;
        }

    .module-list-sec .module-list-main .module-list-title h6 {
        font-size: 18px;
    }

    .module-list-sec {
        margin: 30px 0;
    }

    .module-list-row {
        padding: 20px;
    }

    .dTask-content h1 {
        font-size: 18px;
    }

    .dTask-innerContent h6 {
        font-size: 13px;
    }

    .dTask-tag p {
        font-size: 12px;
    }
}

@media only screen and (min-width: 1500px) {

    #past .readingGrid-div.rmReport-editBtn {
        width: 5% !important;
    }

    #past .readingGrid-div {
        width: 15.80% !important;
    }

    .readingGrid-div {
        width: 16.60% !important;
    }

    .rmUser-DateTime, .rmPatient-DateTime, .rmReport-DateTime {
        width: 16.60% !important;
    }

    .table-legend {
        width: 49%;
    }

    .deviceGrid-div:after {
        right: 0px;
    }

    .triggerAlert-other {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0;
    }
}

@media only screen and (max-width: 1300px) {

    .module-main {
        grid-template-columns: auto auto auto auto auto auto;
    }

    .module-list-sec .module-list-main .module-list-img img {
        height: 35px;
        width: 35px;
    }

    .module-list-sec .module-list-main {
        width: 100px;
        height: 110px;
    }

    .moduleRight-main {
        height: 215px;
    }

    .module-list-row {
        height: 570px;
    }

    .module-list-sec .module-list-main .module-list-img {
        border-radius: 10px;
        width: 70%;
    }

    .setupDashRemind-inner h1:after {
        height: 76px;
        width: 76px;
        bottom: -26px;
        right: -27px;
    }

    .setupDashRemind-inner h4 {
        font-size: 16px;
    }

    .queue-header span {
        font-size: 12px;
        font-weight: 600;
    }

    .singleQueue-header {
        padding: 7px 12px;
    }

        .singleQueue-header h6 {
            font-size: 11px;
        }

    .queue-totalCount span {
        font-size: 14px;
    }

    .queue-todayCount span {
        font-size: 14px;
    }

    .queue-content {
        width: 103px;
    }

    .specialty-queue-content {
        width: 83px;
    }

    .queue-header {
        padding: 5px 14px;
    }

    .arrow-prev {
        height: 63%;
        top: 36px;
        left: 16px;
    }

    .arrow-next {
        height: 63%;
        top: 36px;
        right: 0.8px;
    }

    .invoice-labels {
        row-gap: 0px;
        /*display: grid;
        grid-template-columns: auto auto auto;*/
    }

    .workflowLegend span {
        padding: 4px !important;
    }

    .workflowLegend label {
        font-size: 11px;
    }

    /*.workflow-LegendRight {
        width: 70%;
    }*/

    .inputFieldsMain select {
        font-size: 11px;
    }

    .runningLineCheckboxMain {
        padding: 6px 10px;
        /*width: 110%;*/
    }

    .runningLineCheckboxinner .checkboxLabelStyle {
        height: 13px;
        left: 3px;
        top: 6px;
        width: 13px;
    }

        .runningLineCheckboxinner .checkboxLabelStyle:after {
            height: 4px;
            left: 2.5px;
            top: 4px;
            width: 7px;
        }

    .runningLineCheckboxMain .runningLineCheckboxText {
        font-size: 12px;
        margin-left: 4px;
    }

    .runningLineCheckboxMain .runningLineCheckboxTitleText {
        font-size: 12px;
    }

    .gridIcon-btn {
        padding: 5px 10px;
    }

        .gridIcon-btn svg {
            height: 18px !important;
        }

    .laptopHideContent {
        display: none;
    }

    .sendDuplicateCheckbox {
        grid-column: span 3;
    }
}

/*----------- Tablet screens -----------*/

@media only screen and (max-width: 900px) {

    .mailTemplate-content-container {
        grid-template-columns: repeat(2, 1fr);
    }

    .signature-pad {
        width: 100%;
    }


    .table-responsive {
        overflow: auto !important;
    }

    .tab-pane .edm-hrLine:after {
        display: none;
    }

    .radio-main {
        margin-bottom: 20px;
    }

    .emp-detaild-btn {
        position: absolute;
        top: -40px;
    }

    .whitelistip-title {
        width: 100%;
        justify-content: space-between;
        background-color: #fff;
    }

    .search-filter-search {
        width: 300px;
    }

    .draggable-column {
        width: 40%;
    }

    .hrDash-leaves-title a {
        display: flex;
    }

    .hrDash-leaves {
        border-top: 5px solid #0dd17f;
    }

    .rmp-inputs span {
        width: 100%;
    }

    .apps-main {
        /*min-height: 450px;*/
    }

    .rubik-cube {
        width: 52px;
    }

    .pageshowing {
        right: 20px;
        left: auto;
    }

    .user-settingsInner, .packages-settingsInner {
        height: auto;
    }


    .module-list-sec .module-list-main {
        margin: 10px;
    }

    .module-main {
        grid-template-columns: auto auto auto auto auto;
    }

    #content {
        margin-left: 50px;
        height: calc(100vh - 90px);
    }

    #sidebar {
        position: absolute;
        height: calc(100vh - 90px);
    }


    .head-profile-btn span {
        height: 30px;
        width: 30px;
    }

    .userInitials-main {
        padding: 0 10px;
    }

    .userInitials-content {
        top: 50px;
    }

    .clock-in-out-bar span {
        width: 30px;
        height: 30px;
    }

    .clocker-cs svg, .chennel-chat svg, .co-settings svg {
        height: 20px;
    }

    .taptocall-cta svg {
        height: 16px;
    }

    .soft-ui-switches span:last-child {
        width: 44px;
        height: 20px;
    }

    .quick-call-bar {
        height: 30px;
        padding: 0px 8px;
    }

    .soft-ui-switches span:last-child::before {
        left: 1px;
        top: 1px;
        width: 16px;
        height: 16px;
    }

    .top-ico-li .workspace-type {
        font-size: 10px;
    }

    .navbar {
        flex-wrap: nowrap;
        height: 50px;
    }

    .ticket__Container {
        height: 30px;
        gap: 6px;
    }

    .ticket-switch {
        width: 24px;
        height: 24px;
    }

    .cred-icon svg {
        height: 14px;
    }

    .sidebar-company-logo {
        padding-left: 10px;
    }

    #sidebar.active {
        min-width: 50px;
        max-width: 50px;
    }

    .switchWorkspace-main {
        padding: 8px;
    }

    .workspace-icon {
        height: 35px;
        width: 35px;
        padding: 5px;
    }

    span.workspace-text {
        font-size: 14px;
    }

    #sidebar .sidebar-toggle-btn {
        height: 35px;
        width: 35px;
    }

    #sidebar .sidebar-module-text {
        font-size: 14px;
    }

    .switch-workspace-content {
        width: 82%;
        left: 37px !important;
        top: 37px !important;
    }

    .sidebar-icons {
        height: 35px;
        width: 35px;
    }

        .sidebar-icons svg {
            width: 16px;
        }

    .sidebar-submenu li {
        padding: 3px 0 3px 50px;
        font-size: 12px;
    }

    .pageshowing {
        bottom: 38px;
    }

    .model-inp input, .model-inp select {
        padding: 6px 8px;
        margin-bottom: 10px;
    }

    .genericmodal .modal-dialog {
        width: 60%;
    }

    .basic-info-fields h6 {
        font-size: 14px;
        word-break: break-all;
    }

    .basic-info-fields p {
        font-size: 12px;
    }

    .users-checkbox {
        flex-wrap: wrap;
    }

    .brandmanagement-inner {
        margin-top: 20px;
    }

    .settings-add-btn {
        bottom: 16px;
    }
}