/* Devices: Large desktops and high-resolution monitors */
@media (min-width: 1439px) and (max-width: 1920px) {
    
}
/* Devices: Large laptops and smaller desktop monitors */
@media (min-width: 1281px) and (max-width: 1360px) {
.grid-table-sec {
    height: 470px;
}

}

/* Devices: Medium-sized laptops and high-end tablets */
@media (min-width: 1200px) and (max-width: 1280px) {
.grid-table-sec {
    height: 470px;
}
#divForgotPassword, #divVerifyOTP, #divResetPassword {
    width: 60%;
}    

}

/* Devices: Tablets in landscape mode and small desktops */
@media (min-width: 992px) and (max-width: 1199px) {
.grid-table-sec {
    height: 470px;
}
.dropdown-wth .dropdown.bootstrap-select.form-control {
    width: 140px !important;
}
.dxgvtable-sec {
    overflow-y: scroll;
    width: 100%;
}
#divForgotPassword, #divVerifyOTP, #divResetPassword {
    width: 70%;
}
.card.pswd-help.pass-expiry-area {
    width: 30%;
}
}

/* Devices: Tablets in portrait mode and small mobile devices */
@media (min-width: 768px) and (max-width: 991px) {
.grid-table-sec {
    height: 470px;
}
.dropdown-wth .dropdown.bootstrap-select.form-control {
    width: 140px !important;
}
.dxgvtable-sec {
    overflow-y: scroll;
    width: 100%;
}
#divForgotPassword, #divVerifyOTP, #divResetPassword {
    width: 70%;
}
.card.pswd-help.pass-expiry-area {
    width: 40%;
}
}

/* Devices: Mobile phones and smaller tablets */
@media (max-width: 767px) {
    input#dcCourierOutward_disp_ReceivedBy {
        width: 100% !important;
    }
    input#dcCourierOutward_disp_SentBy {
        width: 100% !important;
    }
    input#dcCourierOutward_disp_AddressedTo {
        width: 100% !important;
    }
    input#dcCourierInward_disp_ReceivedBy {
        width: 100% !important;
    }
    input#dcCourierInward_disp_ReceivedTo {
        width: 100% !important;
    }
    input#dcCourierInward_disp_SentBy {
        width: 100% !important;
    }
    input#dcCourierInward_disp_SenderCompany {
        width: 100% !important;
    }
    .sm-pe-zero {
        padding-right: 0px !important;
    }
    .sm-ps-zero{
        padding-left: 0px !important;
    }
    .grid-table-sec {
        height: 470px;
    }
    .dropdown-wth .dropdown.bootstrap-select.form-control {
        width: 140px !important;
    }
    #ctlGPRequest_VendorMasterAutoList_txtVendor {
        width: 100% !important;
    }
    #ControlsHolder .input-group-text {
        width: 100% !important;
        height: 41px !important;
        background-color: #e9ecef;
        border: 1px solid #ced4da;
    }
    #trAuth .materialauthorizer .ptw_apr {
        width: 115px;
    }
    .btnalgn {
        padding:0px !important;
    }
    .btnalgnview {
        padding: 0px !important;
    }
    .loginbtnalgn {
        gap: 13px;
        justify-content: center;
    }
    .col-btn-alignment {
        width: initial !important;
    }
    #divForgotPassword {
        width: 80%;
        margin: auto;
    }
    .dropdown-wth td.auto-style3 input {
        width: 70px !important;
    }
    .dxgvtable-sec .grd_outerpad.px-0 .GridTable {
        padding: 0px 0px;
    }
    .dxgvtable-sec {
        overflow-y: scroll;
        width: 100%;
    }

    #divForgotPassword, #divVerifyOTP, #divResetPassword {
        width: 90%;
    }
    .card.pswd-help.pass-expiry-area {
        width: 50%;
    }
    table.notification-tbl_sec {
        width: 550px !important;
    }
}

/* Devices: Small mobile phones and devices */
@media (max-width: 575px) {
    .sm-mt-head {
        margin-top: 5px;
    }
    .materialeditalgn .tableview table {
        border: unset !important;
    }
    .Viewtbl_lbl{
        font-size : 12px !important;
    }
    .materialtable .tableview table {
        border: unset !important;
    }
    .materialtable .tableview table .Viewtbl_lbl {
        font-size: 11px !important;
    }
    .materialauthorizer #ctlMaterialAuthorizer_dispAlt_L2 {
        margin-left: 0px !important;
        width: 100% !important;
    }
    .materialauthorizer #ctlMaterialAuthorizer_disp_L2 {
        width: 100% !important;
    }
    .materialauthorizer #ctlMaterialAuthorizer_disp_L1 {
        width : 88% !important;
    }
    #divForgotPassword, #divVerifyOTP, #divResetPassword {
        width: 100%;
    }
    .card.pswd-help.pass-expiry-area {
        width: 65%;
    }
}
@media (max-width: 568px){
    .card.pswd-help {
        width: 80%;
    }
    .card.pswd-help.pass-expiry-area {
        width: 82%;
    }
}
/* Devices: Very small mobile phones */
@media (max-width: 480px) {
    .Viewtbl_lbl {
        font-size: 10px !important;
    }

    .materialgridrtn table td {
        padding: 10px 2px;
        font-size: 9px !important;
    }
    /*.materialtable .tableview table .Viewtbl_lbl {
        font-size: 8px !important;
    }*/
    .materialauthorizer #ctlMaterialAuthorizer_disp_L1 {
        width: 85% !important;
    }

    .curvedBox.divCreateSpotCheck-modal {
        width: 400px !important;
    }

}

/* Devices: Extra small mobile phones and some older models */
@media (max-width: 414px) {
    #trAuth .materialauthorizer #ctlMaterialAuthorizer_disp_ACK1 {
        width: 82% !important;
    }
    .Viewtbl_lbl {
        font-size: 8px !important;
        padding: 4px !important;
    }
    .materialtable .tableview table{
        border : unset !important;
    }
    .materialgridrtn table th {
        padding: 2px 0px;
        font-size: 7px;
    }
    /*.materialtable .tableview table .Viewtbl_lbl {
        font-size: 6px !important;
    }*/
    .materialauthorizer #ctlMaterialAuthorizer_disp_L1 {
        width: 82% !important;
    }
    .materialtable .tableview #ctlGPView_tblMain {
        overflow: auto;
    }
    table.notification-tbl_sec {
        width: 430px !important;
    }
}

/* Devices: Tiny mobile screens, typically older or less common devices */
@media (max-width: 375px) {
    .hover-carousel {
        height: 71px !important;
        min-width: 96px;
    }
    .multi-alert-close {
        padding: 0px !important;
        margin-right: 4px;
    }
    #trAuth .materialauthorizer #ctlMaterialAuthorizer_disp_ACK1 {
        width: 100% !important;
    }
    /*.Viewtbl_lbl {
        font-size: 6px !important;
        padding: 1px !important;
    }*/
    .materialprocalgn .tableview table {
        border: unset !important;
    }
    #ControlsHolder .custom-file-label {
        font-size: 12px !important;
        padding: 3px;
        display: flex;
        align-items: center;
    }
    span#ctlGPRequest_ctl_spnAttachmentName {
        font-size: 11px;
    }
    #ControlsHolder .custom-file-label::after {
        padding: 9px;
    }
    #ControlsHolder .input-group-text {
        font-size: 12px;
    }
    .viewbtnalgn #ctlDetailButtons_tblDetailButtons {
        display: flex;
        gap: 5px;
    }
    /*.materialtable .tableview table .Viewtbl_lbl {
        font-size: 5px !important;
    }*/
    .materialauthorizer #ctlMaterialAuthorizer_disp_L1 {
        width: 77% !important;
    }
    .curvedBox.divCreateSpotCheck-modal {
        width: 350px !important;
    }
    table.notification-tbl_sec {
        width: 400px !important;
    }
}


/* Devices: Extremely small mobile screens, rarely used */
@media (max-width: 320px) {
    .materialauthorizer #ctlMaterialAuthorizer_disp_L1 {
        width: 76% !important;
    }

}