@media (max-width:1550px) {
    ul.list-notificationmsgs li label {
        position: static;
        display: block !important;
    }
}

@media (min-width: 10px) and (max-width: 767px) {

    .crtTcBlock{
        width: 90%;
    }

    .crtTcBlock p {
        font-size: 20px;
    }

    .overflow-x{
        overflow-x: auto;
    }

    .archive-workorder,
    .archive-timesheet{
        margin-bottom: 10px;
    }

    .work-list tbody tr td:nth-child(6) p{
        text-align: left;
    }

    .positionmdabsolute {
        position: absolute;
        left: 0;
        height: initial !important;
    }

    .logo-section {
        display: flex;
        align-items: start;
        height: 100%;
        width: 160px;
        margin: auto;
    }

    .logo-section img {
        width: 80%;
        margin: auto;
    }

    .login-content {
        width: 100%;
        padding: 10px;
        border-radius: 75px 10px 75px 10px;
        min-height: 500px;
    }

    .login-heading h3 {
        font-size: 28px;
        margin-top: 15px;
    }

    .login-heading h5 {
        font-size: 26px;
    }

    /* worok report */
    .work-list-rep {
        position: relative;
    }

    .work-list-rep tbody tr td:before {
        width: 50%;
        position: absolute;
        left: 0;
        text-align: left;
    }

    .work-list-rep thead tr {
        display: none;
    }

    .work-list-rep tbody tr td {
        display: block;
        padding-left: 50%;
    }

    .work-list-rep tr {
        background: #f9f9ff;
        margin: 10px -10px;
        display: block;
    }

    span.active-t, span.pending-t, span.completed-t {
        display: inline-block;
        min-width: 140px;
    }

    .work-list-rep tbody tr td:nth-child(1):before {
        content: "Grower Name";
    }

    .work-list-rep tbody tr td:nth-child(2):before {
        content: "Work Order Number";
    }

    .work-list-rep tbody tr td:nth-child(3):before {
        content: "Node Number";
    }

    /* worok report end */
    

    .work-list {
        position: relative;
    }

    .work-list tbody tr td:before {
        width: 50%;
        position: absolute;
        left: 0;
        text-align: left;
    }

    .work-list thead tr {
        display: none;
    }

    .work-list tbody tr td {
        display: block;
        padding-left: 50%;
    }

    .work-list tr {
        background: #f9f9ff;
        margin: 10px -10px;
        display: block;
    }

    span.active-t, span.pending-t, span.completed-t {
        display: inline-block;
        min-width: 140px;
    }

    .work-list tbody tr td:nth-child(1):before {
        content: "WO No.";
    }

    .work-list tbody tr td:nth-child(2):before {
        content: "WO Type";
    }

    .work-list tbody tr td:nth-child(3):before {
        content: "Assign to";
    }

    .work-list tbody tr td:nth-child(4):before {
        content: "Approved";
    }

    .work-list tbody tr td:nth-child(5):before {
        content: "Initials";
    }

    .work-list tbody tr td:nth-child(6):before {
        content: "Date";
    }

    .work-list tbody tr td:nth-child(7):before {
        content: "Status";
    }

    .work-list tbody tr td:nth-child(8):before {
        content: "Action";
    }

    /* .work-list tbody tr td:nth-child(9):before {
        content: "Action";
    } */

    .sidebar {
        transform: translateX(0);
        width: 0;
        transition: .35s;
    }

    .sidebar ul.side-menuv li span:last-child {
        display: none;
        transition: .35s;
    }

    .sidebar ul.side-menuv li a {
        padding-left: 25px;
        transition: .35s;
    }

    .show-sidebar {
        width: var(--sidebar-width);
        z-index: 9;
    }

    .show-sidebar ul.side-menuv li span:last-child {
        display: inline-block;
        transition: .35s;
    }

    .fullwidth {
        margin-left: 0;
        transition: all .3s ease-in-out;
        padding-bottom: 15px;
    }

    .widthmar-left {
        margin-left: 0;
        transition: .35s;
    }

    .cards {
        margin-bottom: 20px;
    }

    .navbar-collapse {
        width: auto;
        flex-basis: auto;
    }

    .navbar-collapse ul.navbar-nav {
        float: right;
        flex-direction: row;
    }

    .width-count {
        width: 55%;
    }

    .graph-work {
        min-height: auto;
    }

    .graph-work .ui.container {
        margin: 0 !important;
        padding: 0 10px;
    }

    .fc-toolbar.fc-header-toolbar .fc-right {
        width: 100%;
        margin-top: 10px;
    }

    .fc-toolbar.fc-header-toolbar .fc-center {
        width: 50%;
    }

    .fc-toolbar.fc-header-toolbar .fc-left {
        width: 50%;
    }

    .fc-toolbar.fc-header-toolbar .fc-left .fc-button-group {
        float: right;
    }

    .fc-basic-view .fc-body .fc-row {
        min-height: 70px;
    }

    div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info {
        text-align: left;
    }

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        margin: 20px 0;
    }

    .dataTables_paginate {
        float: unset;
    }

    .bg-shadow {
        padding: 20px 15px;
    }

    .work-list-dash {
        position: relative;
    }

    .work-list-dash tbody tr td:before {
        width: 50%;
        position: absolute;
        left: 0;
        text-align: left;
    }

    .work-list-dash thead tr {
        display: none;
    }

    .work-list-dash tbody tr td {
        display: block;
        padding-left: 50%;
    }

    .work-list-dash tr {
        background: #f9f9ff;
        margin: 10px -10px;
        display: block;
    }

    .work-list-dash tbody tr td:nth-child(1):before {
        content: "WO No.";
    }

    .work-list-dash tbody tr td:nth-child(2):before {
        content: "Node Number";
    }

    .work-list-dash tbody tr td:nth-child(3):before {
        content: "Staff Name";
    }

    .work-list-dash tbody tr td:nth-child(4):before {
        content: "Type Issue";
    }

    .work-list-dash tbody tr td:nth-child(5):before {
        content: "Assign to";
    }

    .work-list-dash tbody tr td:nth-child(6):before {
        content: "Date";
    }

    .work-list-dash tbody tr td:nth-child(7):before {
        content: "Status";
    }

    .wrapperv {
        padding-bottom: 20px;
    }

    .view-details {
        width: 100%;
        padding: 10px;
    }

    .bg-shadow div.dataTables_wrapper div.dataTables_info {
        white-space: initial;
    }

    div.dataTables_wrapper div.dataTables_filter input {
        width: 75%;
    }

    .heading-page button {
        font-size: 16px;
        padding: 15px 30px;
    }

    .heading-page label {
        font-size: 1.4rem;
    }

    .form__files-container {
        width: 100%;
    }

    .cancel-save button {
        min-width: 45%;
        margin-left: 0;
        margin-right: 10px;
    }

    #backLink {
        padding: 14px 30px !important;
    }

    .cancel-save button:last-child {
        min-width: 45%;
    }

    .left-five tbody tr td:before {
        left: 20px;
    }

    .left-five tbody tr td:nth-child(1):before {
        /* content: "Name"; */
        content: "";
    }

    /* .left-five tbody tr td:nth-child(2):before {
        content: "Email";
    } */

    .left-five tbody tr td:nth-child(3):before {
        /* content: "Role"; */
        content: '';
    }

    .left-five tbody tr td:nth-child(4):before {
        /* content: "Action"; */
        content: '';
    }

    ul.pagination li a {
        margin: 0 10px 0 0;
        padding: 10px 10px 10px 0px;
    }

    .changepassword {
        text-align: right;
    }

    .changepassword a {
        position: relative;
        right: 0;
        top: 4px;
    }

    .profile-buttons {
        display: inline-block;
        justify-content: center;
    }

    .avatar-edit label {
        width: 100%;
        margin-bottom: 10px;
    }

    /* leave-option-list */
    .leave-option-list {
        position: relative;
    }

    .leave-option-list tbody tr td:before {
        width: 50%;
        position: absolute;
        left: 10px;
        text-align: left;
    }

    .leave-option-list thead tr {
        display: none;
    }

    .leave-option-list tbody tr td {
        display: block;
        padding-left: 50%;
    }

    .leave-option-list tr {
        background: #f9f9ff;
        margin: 10px -10px;
        display: block;
    }

    .leave-option-list tbody tr td:nth-child(1):before {
        content: "Node Number";
    }

    .work-list-node tbody tr td:nth-child(2):before {
        content: "Account Number";
    }

    .leave-option-list tbody tr td:nth-child(3):before {
        content: "Action";
    }
    /* leave-option-list end */

    .leave-option-list {
        position: relative;
    }

    .leave-option-list tbody tr td:before {
        width: 50%;
        position: absolute;
        left: 10px;
        text-align: left;
    }

    .leave-option-list thead tr {
        display: none;
    }

    .leave-option-list tbody tr td {
        display: block;
        padding-left: 50%;
    }

    .leave-option-list tr {
        background: #f9f9ff;
        margin: 10px -10px;
        display: block;
    }

    .leave-option-list tbody tr td:nth-child(1):before {
        content: "Leave Option";
    }

    .leave-option-list tbody tr td:nth-child(2):before {
        content: "Action";
    }

    /* lms */

    .lms-user {
        position: relative;
    }

    .lms-user tbody tr td:before {
        width: 50%;
        position: absolute;
        left: 10px;
        text-align: left;
    }

    .lms-user thead tr {
        display: none;
    }

    .lms-user tbody tr td {
        display: block;
        padding-left: 50%;
    }

    .lms-user tr {
        background: #f9f9ff;
        margin: 10px -10px;
        display: block;
    }

    .lms-user tbody tr td:nth-child(1):before {
        content: "Name";
    }

    .lms-user tbody tr td:nth-child(2):before {
        content: "Role";
    }

    .lms-user tbody tr td:nth-child(3):before {
        content: "Action";
    }

    table.lms tr td:last-child, table.lms tr th:last-child {
        text-align: left!important;
    }

    /* lms end */

    .work-list-user {
        position: relative;
    }

    .work-list-user tbody tr td:before {
        width: 50%;
        position: absolute;
        left: 15px;
        text-align: left;
    }

    .work-list-user thead tr {
        display: none;
    }

    .work-list-user tbody tr td {
        display: block;
        padding-left: 50%;
    }

    .work-list-user tr {
        background: #f9f9ff;
        margin: 10px -10px;
        display: block;
    }

    .work-list-user tbody tr td:nth-child(1):before {
        content: "Name";
    }

    .work-list-user tbody tr td:nth-child(2):before {
        content: "Role";
    }

    .work-list-user tbody tr td:nth-child(3):before {
        content: "Email";
    }

    .work-list-user tbody tr td:nth-child(4):before {
        content: "Reporting Manager";
    }

    .work-list-user tbody tr td:nth-child(5):before {
        content: "Action";
    }

    /* timesheet */
    .work-list-timesheet {
        position: relative;
    }

    .work-list-timesheet tbody tr td:before {
        width: 50%;
        position: absolute;
        left: 15px;
        text-align: left;
    }

    .work-list-timesheet thead tr {
        display: none;
    }

    .work-list-timesheet tbody tr td {
        display: block;
        padding-left: 50%;
    }

    .work-list-timesheet tr {
        background: #f9f9ff;
        margin: 10px -10px;
        display: block;
    }

    .work-list-timesheet tbody tr td:nth-child(1):before {
        content: "Name";
    }

    .work-list-timesheet tbody tr td:nth-child(2):before {
        content: "Email";
    }

    .work-list-timesheet tbody tr td:nth-child(3):before {
        content: "Action";
    }

    .service-list-service {
        position: relative;
    }

    .service-list-service tbody tr td:before {
        width: 50%;
        position: absolute;
        left: 0;
        text-align: left;
    }

    .service-list-service thead tr {
        display: none;
    }

    .service-list-service tbody tr td {
        display: block;
        padding-left: 50%;
    }

    .service-list-service tr {
        background: #f9f9ff;
        margin: 10px -10px;
        display: block;
    }

    .service-list-service tbody tr td:nth-child(1):before {
        content: "Service Name";
    }

    .service-list-service tbody tr td:nth-child(2):before {
        content: "Description";
    }

    .service-list-service tbody tr td:nth-child(3):before {
        content: "Action";
    }

    .service-list-role {
        position: relative;
    }

    .service-list-role tbody tr td:before {
        width: 50%;
        position: absolute;
        left: 15px;
        text-align: left;
    }

    .service-list-role thead tr {
        display: none;
    }

    .service-list-role tbody tr td {
        display: block;
        padding-left: 50%;
    }

    .service-list-role tr {
        background: #f9f9ff;
        margin: 10px -10px;
        display: block;
    }

    .service-list-role tbody tr td:nth-child(1):before {
        content: "Role Name";
    }

    .service-list-role tbody tr td:nth-child(2):before {
        content: "Action";
    }

    /* product report */


    .product-report {
        position: relative;
    }

    .product-report tbody tr td:before {
        width: 50%;
        position: absolute;
        left: 15px;
        text-align: left;
    }

    .product-report thead tr {
        display: none;
    }

    .product-report tbody tr td {
        display: block;
        padding-left: 50%;
    }

    .product-report tr {
        background: #f9f9ff;
        margin: 10px -10px;
        display: block;
    }

    .product-report tbody tr td:nth-child(1):before {
        content: "Product Name";
    }

    .product-report tbody tr td:nth-child(2):before {
        content: "Category";
    }

    .product-report tbody tr td:nth-child(3):before {
        content: "Units Used";
    }

    .product-report tbody tr td:nth-child(4):before {
        content: "Units in Stock";
    }

     /* product report */



    .checkbox-option ul li label {
        margin-left: 33px;
    }

    .checkbox-option ul li {
        font-size: .9rem;
        position: relative;
    }

    .view-details-content label {
        font-size: 0.9rem;
    }

    .view-details-content h4 {
        font-size: 0.9rem;
    }

    .checkbox-option input {
        position: absolute !important;
        left: 0;
    }

    .work-order-list .checkbox-option input {
        position: absolute;
        left: 0;
    }

    .checkbox-option input[type="checkbox"]:checked {
        position: absolute;
    }

    .hydropump .checkbox-option input {
        position: relative;
        left: 0;
        top: 1px;
    }

    .hydropump .checkbox-option input[type="checkbox"]:checked {
        position: relative;
    }

    .notification-popup {
        right: 10px;
        width: 95%;
        padding: 13px;
    }

    ul.list-notification,
    ul.list-notificationmsg {
        max-height: calc(95rem - 670px);
    }

    .notification-detail.bg-shadow {
        position: absolute;
        top: 152px;
        width: 95%;
        display: none;
    }

    .notification-name-list label {
        display: none;
    }

    .notification-detail-heading img {
        position: absolute;
        opacity: .7;
    }

    .notification-detail-heading p, .notification-detail-heading h3 {
        margin-left: 40px;
    }

    /* .work-list.align-middle {
    text-align: left;
} */
    .checkbox-option label {
        margin: 10px 15px 10px 0;
    }

    .checkbox-option .width75p {
        width: 100%;
    }

    .checkbox-option .width60p {
        width: 100%;
    }

    .heading-page select {
        width: 100%;
    }
    #upload-container { 
        width: 100%; 
    }
    #prod-limit form{
        width: 100% !important;
    }
}

@media(max-width:767px){
    button.archivedLMS.cstm-btn-lms-width{
        width: 100% !important;
    }
    span.woUnapproved,
    span.woApproved {
        width: 135px;
    }
    .work-list-table.cstm-class-for-changes .dataTables_wrapper .row:nth-child(2) .col-sm-12 {
        overflow-x: scroll;
    }
    .work-list-table.cstm-class-for-changes .dataTables_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar {
        height: 4px;
    }
    .checkbox-option .remove-input-position-checkbox-mobile input {
        position: unset !important;
    }
    .checkbox-option .formHeader-v.remove-input-position-checkbox-mobile ul li label {
        margin: 0;
    }
    .wonumber-v.view-wonumber-mobile {
        position: absolute;
        top: 20px;
        right: 0;
    }
    .wonumber-v.view-wonumber-mobile input {
        position: unset !important;
        font-size: 16px;
        width: 130px;
    }
    .input-position-checkbox-mobile-fixed .checkbox-option label input {
        position: unset !important;
    }
    .space-btn-edit-workorder-page {
        justify-content: space-between !important;
        width: 100%;
        margin-top: 20px;
    }
}

@media (min-width: 320px) and (max-width: 415px) {

    .crtTcBlock{
        width: 90%;
    }

    .crtTcBlock p {
        font-size: 15px;
    }
    
    .overflow-x{
        overflow-x: auto;
    }

    .heading-page {
        display: inline-grid;
    }

    .width-count {
        width: 52%;
    }

    .heading-page {
        display: inline-grid;
        grid-gap: 15px;
    }

    .service-list tbody tr td {
        font-size: 14px;
    }

    .service-list tbody tr td {
        word-break: break-all;
    }

    .option-tick ul {
        grid-template-columns: auto;
    }

    .cancel-save {
        margin: 0 0;
    }

    .fogotpass-secton label {
        font-size: 0.95rem;
    }

    .login-heading h5 {
        font-size: 1.4rem;
    }

    .login-content button {
        margin-top: 1rem;
        padding: 10px;
    }

    p.switch-account {
        font-size: 0.9rem;
    }

    .login-content {
        border-radius: 35px 10px 35px 10px;
    }

    .notification-detail.bg-shadow {
        top: 152px;
        width: 93%;
    }
    #prod-limit form{
        width: 100% !important;
    }
}

@media(max-width:380px){
    .wonumber-v.view-wonumber-mobile{
        top: -14px;
    }
}