/* tablet view */
@media(max-width:1024px) {
    /* company page*/
    .location-row.company-setting-bottom .locationleftblock {
        width: 100% !important;
    }

    .location-row.company-setting-bottom .company-location-data {
        width: 500px !important;
    }

    .company-location-data {
        width: 250px !important;
        display: inline-block;
    }

        .company-location-data.logoimg {
            width: 318px !important;
            float: right;
            margin-left: 12px;
        }

    input#FileUpload1 {
        margin: 5px 0 0;
    }

    .company-setting-location-block {
        margin-bottom: 40px;
    }

    .company-location-label {
        display: inline-block;
        width: 150px !important;
        text-align: right;
    }

    .company-location-data.logoimg img#logo {
        margin-bottom: 5px;
    }

    div#divMaster .col-md-12 {
        width: 100%;
    }
    /*form setting */
    .table-detail-left {
        width: 36% !important;
        display: inline-block;
        vertical-align: top;
    }

    .table-detail-right {
        width: 60% !important;
    }

    .user-blacklist-half-block {
        width: 46%;
    }

    .user-blacklist-data {
        margin-left: 16.4% !important;
    }

    .user-type-label {
        width: 16% !important;
    }
    /* */
    #left-panel {
        width: 46% !important;
        display: inline-block;
        margin: 0 24px 0 12px !important;
        float: left;
    }

    #right-panel {
        width: 46% !important;
        display: inline-block;
        float: left;
    }

    .tbl-block-row .tbl-block-label {
        width: 172px !important;
        display: inline-block;
        text-align: right;
        padding-right: 5px;
    }

    .leave-opening-left label {
        width: 122px !important;
        text-align: right;
    }

    .leave-opening-left {
        width: 50% !important;
        display: inline-block;
        vertical-align: top;
    }

    .leave-opening-right {
        width: 44% !important;
        display: inline-block;
    }

    .common-form-left {
        width: 55% !important;
        float: left;
        display: inline-block;
    }

    .common-form-right {
        width: 40% !important;
        display: inline-block;
        padding: 0 0 0 56px;
        margin-top: 10px;
    }

    .commonform-form-data.common-large-data {
        width: 59%;
    }

    .commonform-form-data.common-large-data {
        width: 67.9% !important;
    }

    .common-form-right {
        width: 33% !important;
        padding: 0 !important;
    }

    .common-form-left {
        width: 64% !important;
    }

    .employee-delegation-block .commonform-form-row {
        display: inline-block;
        width: 34% !important;
    }

    .employee-delegation-block .commonform-form-data input#popuptoggle {
        margin-left: 0 !important;
    }

    .outerblocktypetwo.visitor-category-block {
        margin-left: 15.3% !important;
        width: 87%;
    }

    .barcode-left {
        width: 60% !important;
    }

    .barcode-right {
        min-width: 31% !important;
    }

    .entry-point-block .commonform-form-label {
        width: 21% !important;
    }

    .entry-point-block .commonform-form-data {
        width: 33% !important;
    }

    .weekoff-policy-block .holiday-data {
        width: 53.2%;
    }

    .item-grouping-block .item-grouping-data {
        display: inline-block;
        width: auto !important;
    }

    .item-grouping-block .select2-container.selectbox {
        width: auto !important;
    }

    .accessgroup-block .form-group.employeeview label {
        width: auto !important;
    }

    .accessgroup-block .select2-container {
        width: auto !important;
    }

    .form-group.employeeview {
        width: auto !important;
    }

    .parameter-row-block-label {
        display: inline-block;
        width: 85px !important;
        text-align: right;
    }

    .control-label {
        padding-right: 0;
    }

    .readerFormatBlock-label {
        margin-bottom: 5px !important;
        text-align: left !important;
    }

    .card-format-2c .readerFormatBlock-data {
        width: 330px;
        display: inline-block;
    }

    .location-format-block {
        width: 160px;
    }

    .dooraction-label {
        display: inline-block;
        width: 115px !important;
        text-align: right;
    }

    .dooraction-data {
        display: inline-block;
        width: 160px !important;
    }

        .dooraction-data .wd-200 {
            width: 100% !important;
        }

    .access-group-left {
        width: 49%;
        display: inline-block;
    }

    .access-group-right {
        width: 45%;
        display: inline-block;
        vertical-align: top;
        float: right;
    }

    .half-block-weekoff .selectblock.leftpad40 {
        margin-left: 0 !important;
    }

    .controller-block {
        width: 63% !important;
    }

    .master-slave-label {
        text-align: right !important;
    }

    .master-slave-left {
        width: 49%;
    }

    .master-slave-right {
        width: 49%;
        float: right;
    }

    .useracessfirmware .drpEmployee {
        width: auto !important;
    }

    .modal-dialog {
        width: 68% !important;
    }

    .location-format-block, .device-format-data, .location-format-block .select2-container {
        width: auto !important;
    }

    .confi-block-left {
        width: 49% !important;
        display: inline-block;
    }

    .confi-block-right {
        width: 49% !important;
        display: inline-block;
        vertical-align: top;
    }

    .confi-block-select-all .confi-block-data {
        width: 250px !important;
    }

    body .confi-block-left .confi-block-label, .confi-block-right .confi-block-label {
        width: 28.1% !important;
    }

    body .confi-block-data {
        width: 54% !important;
        display: inline-block;
    }

    .half-confi-block {
        margin-left: 28.1%;
    }

    .confi-row.email-inner-block {
        width: 100% !important;
    }

    .half-confi-block {
        margin-left: 135px !important;
    }

    .ContentBox.xsexport-block .thirdpartyhalfblock {
        margin-left: 21.1% !important;
    }
    .attedance-data-block-heading {
        width: 100% !important;
    }
    .controller-block-container {
        transform: translateY(-25%) !important;
        height: 470px !important;
    }
    .tardiness-lateEarly-block .deductionpolicylabel {
        width: 26% !important
    }
    div#divEmployeeFilter .empmodel {
        left: 0;
        right: 0;

    }
    .shift-row-block-label {
        width: 85px !important;
    }
    .shift-row-block {
        width: 49% !important;
        display: inline-block;
        margin-bottom: 5px;
    }
    div#shift-import .shift-row-block-label {
        width: 145px !important;
    }

    .lateEarlywaiver-block .half-confi-block {
        margin-left: 0 !important;
    }
    .userpopup-inner {
        width: 740px !important;
    }
    #divDoorActionAssignment .grid-rows {
        overflow-y: auto;
    }
    .ui-jqgrid-view {
        height: 390px !important;
    }
    }





@media(max-width:768px) {
    .adminpage .groupname {
        width: 100% !important;
        padding-left: 0 !important;
    }

    #adminpage span.seperator {
        display: none;
    }

    .adminpage .groupimage {
        height: 70px !important;
    }

    .nav-sm .container.body .col-sm-9.right_col {
        width: auto !important;
    }
    /* company page */
    .company-location-label {
        display: inline-block;
        width: 121px !important;
        text-align: right;
        font-size: 11px;
    }

    .company-location-data {
        width: 206px !important;
        display: inline-block;
    }

        .company-location-data.logoimg {
            width: 211px !important;
            float: right;
            margin-left: 12px;
        }

    .company-location-data {
        font-size: 11px;
    }

    #divrightcol {
        width: 84% !important;
    }

    div#OuterPage {
        margin-bottom: 50px;
        float: left;
    }

    .userblock {
        width: 100% !important;
    }

    .administratorblock {
        width: 100% !important;
    }

    .userbottom.userheading {
        border-top: 0;
        width: 100% !important;
    }

    .defualtusergrouplabel {
        width: auto !important;
    }

    .policy-label {
        width: 32% !important;
    }

    .search-module-detail ul li {
        font-size: 10px !important;
    }

    div#dvgrid td:last-child {
        width: 25px !important;
        position: relative;
        top: 6px;
    }

    #dvgrid span.dpopup {
        font-size: 10px !important;
        width: 150px !important;
        position: relative;
        top: -3px;
        line-height: 14px !important;
    }

    div#dvgrid td:nth-child(2) {
        width: 200px !important;
    }

    .upload-file-label {
        width: 32% !important;
    }

    .upload-file-data {
        width: 61% !important;
    }

    .popup-grid-table {
        display: table;
        width: 100% !important;
    }

    .lookupblock.formtypethree .form-group > div:first-child {
        width: 24% !important;
        text-align: right;
    }

    .lookupblock.formtypethree .form-group > div {
        display: inline-block;
        width: 57%;
    }

        .lookupblock.formtypethree .form-group > div input[type="text"] {
            display: inline-block;
            width: auto;
        }

    .lookupblock .half-form-group {
        margin-left: 23.7% !important;
        padding-left: 4px;
    }

    .pull-right.pdf-block {
        margin-top: 6px;
    }

    .user-type-label {
        width: 16% !important;
    }

    .user-blacklist-data {
        margin-left: 16.4% !important;
    }

    .user-blacklist-half-block {
        width: 80% !important;
    }
    /* adhar field mapping */
    #left-panel {
        width: 475px !important;
        display: block !important;
        margin: 0 auto 20px !important;
    }

    #right-panel {
        width: 475px !important;
        display: block !important;
        margin: 0 auto !important;
    }

    .exportdatalabel-inner {
        width: 212px !important;
        display: inline-block;
        text-align: right;
        margin-top: 10px;
    }

    .exportdatalabel {
        width: 209px;
    }

    .commonform-form-label {
        width: 22% !important;
        display: inline-block;
        text-align: right;
    }

    .commonform-form-data {
        width: 47% !important;
        display: inline-block;
    }

    .nav-md .container.body .col-md-3.left_col {
        display: block !important;
    }

    .common-form-left {
        width: 100% !important;
    }

    .common-form-right {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 auto;
        float: none;
    }

    .punchdetail-table {
        display: block !important;
        width: 100% !important;
        border-top: none;
        overflow-x: auto !important;
    }

    .commonform.leave-cancellation-block {
        margin-left: 0 !important;
    }

        .commonform.leave-cancellation-block .commonform-form-label {
            width: 120px !important;
            font-size: 10px !important;
        }

    .shift-row-block {
        margin-bottom: 5px;
    }

    div#gview_PreRegistrationGrid, div#gview_RegistrationGrid {
        width: 564px !important;
        overflow-x: auto !important;
    }

    .col-sm-4.critical-door-outer {
        width: 280px;
    }

    .employee-delegation-block .commonform-form-row {
        display: inline-block;
        width: 49% !important;
    }

    div#popupcontent {
        left: 0 !important;
        top: 45px;
        right: 0 !important;
    }

    div#tabparent table {
        width: 100% !important;
    }

    .frontdesk-block {
        margin: 0;
    }

    .frmvisitordetails-left span.btn.btn-default.btn-sm.filter-block {
        width: 145px;
    }

    .frmvisitordetails-right {
        float: left !important;
        margin-left: 387px;
        margin-top: 5px;
    }

    .frmvisitordetails-left {
        float: left;
        display: block;
        width: 100%;
    }

    .barcode-left {
        width: 100% !important;
    }

        .barcode-left .commonform-form-label {
            width: 32% !important;
        }

    .barcode-right {
        min-width: 100% !important;
    }

    .autherization-block {
        width: 60% !important;
        margin-left: 22.3% !important;
    }

    .conference-block .commonform-form-label {
        width: 26% !important;
    }

    .col-md-12.entry-point-block .textarea-blocks {
        margin-left: 21.2% !important;
    }

    .send-block {
        display: block;
        width: 107px;
        vertical-align: middle;
    }

    div#OuterPage {
        width: 100%;
    }

    .holiday-inner-block .holiday-block.formfour .form-group .holiday-label {
        width: 22%;
    }

    .holiday-inner-block .checkbox-block {
        display: inline-block;
        float: left;
    }

    .holiday-inner-block .half-block-holidaypolicy {
        margin-left: 22.43%;
        width: 37.5%;
    }

    .holiday-inner-block .holiday-data {
        width: 82%;
        display: inline-block;
    }

    div#s2id_OffDay2Selection {
        width: 100% !important;
    }

    .weekoff-policy-block .holiday-data {
        width: 81.2%;
    }

    input#btnEmpwiseSearch {
        margin-top: 5px;
    }

    .parameter-row-block-select {
        display: inline-block;
        width: 200px;
        margin-bottom: 5px;
    }

    input#ChkselectAllTemplate {
        margin-left: 18px;
    }

    .finger-parameter-block .parameter-dropblock {
        display: inline-block;
        width: auto;
    }

        .finger-parameter-block .parameter-dropblock .wd-300 {
            width: 100%;
        }

    .finger-parameter-block .parameter-right {
        float: right;
        width: auto;
    }

    .finger-parameter-block input.searchbox {
        width: auto;
        float: right;
    }

    .card-format-2c .readerFormatBlock-2c-data-left {
        width: 51% !important;
        display: inline-block;
    }

    .card-format-2c .readerFormatBlock-2c-data-right {
        width: 42% !important;
        vertical-align: top;
        display: inline-block;
        margin-left: 3% !important;
    }

    .dooraction-label {
        width: auto !important;
    }

    .dooraction-data {
        width: 100px !important;
    }

    .innercontrollerblock {
        width: 630px !important;
    }

    .griddetails {
        max-height: 115px;
    }

    .griddetails {
        max-height: 130px;
        overflow-y: scroll;
        float: left;
        display: table-cell;
        width: 100%;
    }

    .controller-label span {
        font-size: 11px;
    }

    .controller-label {
        width: 27% !important;
    }

    .controller-row-data {
        width: 69% !important;
    }

    .timezone-group-block .access-main-row {
        padding-left: 0 !important;
    }

    .timezone-group-block div#s2id_ddlLocation {
        margin-right: 0 !important;
        width: auto !important;
    }

    .timezone-group-block .access-row-inline-block {
        display: inline-block;
        margin-right: 0;
    }

    .timezone-group-block input#TzGrpDesc {
        width: 150px;
    }

    .timezone-group-block .door-block {
        overflow-y: auto !important;
    }

    .weekoff-policy-block .holiday-right {
        width: 250px;
        float: right;
    }

    .weekoff-policy-block .half-block-weekoff {
        margin-left: 19%;
        padding-left: 3px;
        width: 81.3%;
    }

    .weekoff-policy-block .holiday-block.formfour .form-group .holiday-label {
        width: 19%;
    }

    .weekoff-policy-block .holiday-data {
        width: 80.2%;
    }

    .half-block-weekoff .form-groups .selectblock {
        margin-bottom: 0 !important;
        margin-left: 0;
    }

    .holiday-inner-block .holiday-data {
        width: 73%;
        display: inline-block;
    }

    .rulesetup-block .web-post-left {
        width: 100% !important;
        float: left;
    }

    .applyrule-data {
        height: 100px;
        width: 47.7% !important;
        padding: 10px;
    }

    .adduserblock-label {
        width: 32% !important;
    }

    .controller-block {
        width: 70% !important;
    }

    .controller-dropdown {
        width: 48%;
        display: inline-block;
    }

        .controller-dropdown .select2-container {
            width: 100% !important;
        }

    .adduserblock-data {
        display: inline-block;
        width: 60%;
    }

        .adduserblock-data div#s2id_employeefilter {
            width: 100%;
        }

    .adduserblock-data {
        display: inline-block;
        width: 60% !important;
    }

        .adduserblock-data div#s2id_employeefilter {
            width: 100% !important;
        }

    .transfer-location-block .locationrowleft .locationlabel, .transfer-location-block .locationrowright .locationlabel {
        width: 100% !important;
        text-align: left;
    }

    .transfer-location-block .locationdata .select2-container {
        width: 100% !important;
    }

    .transfer-location-block .locationrowleft, .transfer-location-block .locationrowlright {
        width: 49%;
    }

    .exception-right-data-row {
        width: 100% !important;
    }

    .exception-right-label {
        width: 100% !important;
    }

    .exception-radio-data {
        width: 475px;
        float: left !important;
    }

    .search-block {
        width: 310px;
        float: left !important;
    }

    #divCardFormatOnDevice .device-format-label {
        width: 17% !important;
        display: inline-block;
    }

    #divCardFormatOnDevice .device-format-data {
        width: 30% !important;
        margin-bottom: 5px
    }

        #divCardFormatOnDevice .device-format-data .select2-container {
            width: 100% !important;
        }

    .late-earlyrow-halfblock {
        width: 60% !important;
        margin-left: 31.8% !important;
    }

    .late-early-label {
        width: 60% !important;
        margin-left: 17.8% !important;
    }

    .late-earlysetupblock .late-early-label {
        margin-left: 0 !important;
        text-align: left !important;
    }

    .late-early-block {
        margin-bottom: 50px !important;
    }

    div#divEmployeeFilter .empmodel {
        width: 580px !important;
    }
    div#divEmployeeFilter .form-group.col-md-6 {
        width: 50% !important;
    }
    div#EmployeeModel label.control-label.col-md-3.text-left.nopad {
        width: 79px !important;
    }
    div#EmployeeModel .select2-container {
        width: 50%;
    }
    .formtwo.reprocess .form-group > :last-child {
        width: 80% !important;
        float: left;
    }
    .shift-row-block-label {
        width: auto !important;
    }
    div#shift-import .shift-row-block-label {
        width: auto !important;
    }
    .monthclosure-label {
        width: 29% !important;
        display: inline-block;
        text-align: left !important;
    }
    .hierarchyModal {
        left: 0 !important;
        right: 0 !important;
    }
    .formtwo.reprocess .halfouterblock {
        margin-left: 15.8% !important;
    }
    .formtwo .form-group > :first-child {
        width: 23% !important;
    }
    .userpopup-inner {
        width: 600px !important;
    }
    .usergroup-left {
        width: 60% !important;
        display: inline-block;
        margin-bottom: 5px;
    }
    .usergroup-data {
        display: inline-block;
        width: 58% !important;
    }
    .usergroup-label {
        font-size: 12px;
    }
    .usergroup-label {
        display: inline-block;
        width: 38% !important;
        text-align: right;
    }
  #PnlDashBoardListEss {
        width: 100% !important;
    }
    #divUserGroupDetails .usergroup-label {
        width: 30% !important;
    }
    .usergroup-data {
        display: inline-block;
        width: 53% !important;
    }
    #divUserGroupDetails .usergroup-left {
        width: 100% !important;
    }
    #divUserGroupDetails .usergroup-right {
        width: 100%;
        display: inline-block !important;
    }
    .userpopup-inner {
        width: 530px !important;
    }
    div#divUserGroupDetails .usertyperows > div:first-child {
        width: 40%;
        display: table-cell;
    }
    #divUserGroupDetails .ui-accordion .ui-accordion-content {
        padding: 1em 0.2em;
    }
    }
@media(max-width:640px) {
    .company-location-data {
        width: 142px !important;
        display: inline-block;
    }
    .locationleftblock {
        width: 49%;
        display: inline-block;
        padding: 2px 0 3px 0;
    }
    .location-row.company-setting-bottom .company-location-data {
        width: 285px !important;
        margin-top: 6px;
    }
    .company-location-data.logoimg {
        width: 148px !important;
        float: right;
        margin-left: 12px;
    }
    input.add-user-group {
        font-size: 11px !important;
    }
    input.movetoothergroup { 
        font-size: 11px !important;
    }
    input.add-user {
        font-size: 10px !important;
    }
    .defaulusergridDetail div:nth-child(3) {
        width: auto;
    }
    .defualtusergroupdata {
        width: auto !important;
        display: inline-block;
        margin-top: 5px;
    }
    .policy-inner-block {
        margin-left: 32.7% !important;
        width: 65% !important;
    }
    .policy-popup {
        top: 24px;
        left: 0;
        right: 0;
        width: 410px;
    }
    .table-detail-left {
        width: 100% !important;
    }
    .table-detail-right {
        width: 100% !important;
    }
    .description-row {
        display: inline-block;
        margin-bottom: 4px;
        width: 100%;
    }
        .description-row .description-label {
            width: 100px;
            text-align: right;
        }
    .user-blacklist-half-block {
        width: 90% !important;
    }
    /* adhar field mapping */
    #left-panel {
        width: 475px !important;
        display: block !important;
        margin: 0 auto 20px !important;
    }

    #right-panel {
        width: 475px !important;
        display: block !important;
        margin: 0 auto !important;
    }
    .leave-opening-block .leave-opening-right label {
        width: 90px;
        text-align: right;
        margin-bottom: 5px;
    }
    .leave-opening-block .leave-opening-left label {
        width: 200px;
        text-align: left;
        margin-bottom: 5px;
    }
    .commonform-form-label {
        width: 25% !important;
    }
    .label.StatusNew {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
        top: 38px !important;
    }
    .allempdiv {
        width: 520px !important;
    }
    .commonform-form-label {
        width: 17% !important;
    }
    input#emp {
        width: auto !important;
    }
    .commonform.leave-cancellation-block .commonform-form-row:nth-child(3) {
        display: block;
    }
    .commonform.leave-cancellation-block .commonform-form-row:nth-child(4) {
        display: block;
    }
    .commonform.leave-cancellation-block .commonform-form-row {
        width: 100% !important;
    }
    div#gview_PreRegistrationGrid, div#gview_RegistrationGrid {
        width:442px !important;
        overflow-x: auto !important;
    }
    .employee-delegation-block .commonform-form-label {
        width: 27% !important;
    }
    
        .assign-acess-data .wd-200 {
            width: auto;
        }
    .assign-acess-data {
        width: auto !important;
    }
    /* front desk */
    #popupcontent.frontdesk-block {
        width: 515px !important;
        margin:0;
    }
    span.btn.btn-default.btn-sm.filter-block {
        margin-right: 0;
        float: left;
        width: 100px;
    }
    .frontdesk-outer span.btn.btn-default.btn-sm.filter-block {
        margin-right: 0;
        float: left;
        width: 100px;
    }
    .frontdesk-outer .frmvisitordetails-left .btn {
        font-size: 10px !important;
        padding: 5px;
    }
    .frmvisitordetails-right {
        float: left !important;
        margin-left: 276px;
        margin-top: 5px;
    }
    .frmvisitordetails-right {
        float: left !important;
        margin-left: 276px;
        margin-top: 5px;
    }
    .droprlistblock {
        width: 14% !important;
        float: right;
    }
    .outerblocktypetwo .checkboxlist {
        width: 86% !important;
        float: left;
        line-height: 25px;
    }
    .autherization-block {
        width: 60% !important;
        margin-left: 17.3% !important;
    }
    .conference-block .commonform-form-label {
        width: 30% !important;
    }
    .entry-point-block .commonform-form-label {
        width: 22% !important;
    }
    .col-md-12.entry-point-block .textarea-blocks {
        margin-left: 23% !important;
    }
    .holiday-inner-block .holiday-block.formfour .form-group .holiday-label {
        width: 23%;
    }
    .holiday-inner-block .half-block-holidaypolicy {
        margin-left: 24.43%;
    }
    .holiday-inner-block .holiday-data {
        width: 51%;
        display: inline-block;
    }
    .holiday-inner-block .half-block-holidaypolicy {
    
        width: 50.5%;
    }
    div#divWeekoffPolicy .holiday-right {
        width: 250px;
        float: left;
        margin-top: 5px;
    }
    div#divWeekoffPolicy .holiday-block.formfour .form-group .holiday-label {
        width: 23%;
    }
    .weekoff-policy-block .holiday-data {
        width: 54.2%;
    }
    .half-block-weekoff {
        margin-left: 23% !important;
        padding-left: 3px;
        width: 43.3%;
    }
    .accessgroup-block .form-group.employeeview label {
        width: 90px !important;
    }
    .accessgroup-btn-block {
       text-align:center;
    }
    .accessgroup-block .select2-container {
        width: 200px !important;
    }
    .readerFormatBlock-row {
        display: block;
        width: 100% !important;
        margin-bottom: 3px;
    }
    .card-format-2c select, .card-format-2c input[type="text"] {
        width: 100% !important;
    }
    div#s2id_drpReaderType_2c{
        width:100% !important;
    }
    .card-format-2c .readerFormatBlock-data {
        width: 100% !important;
        display: inline-block;
    }
    .card-format-2c .readerFormatBlock-data {
        width: 100% !important;
    }
    .dooraction-data {
        width: 140px !important;
        margin-bottom: 5px;
    }
    .door-action-block .door-assignment-left .wd-300 {
        width: 100% !important;
    }
    .innercontrollerblock {
        width: 100% !important;
    }
    .griddetails {
        max-height: 108px;
    }
    .controller-label {
        width: 30% !important;
    }
    .timezone-group-block div#s2id_ddlLocation {
        margin-right: 0 !important;
        width: 175px !important;
    }
    .access-row-inline-block {
        width: 49%;
        margin-bottom: 5px;
    }
    div#modaladdController {
        width: 80% !important;
        height: 330px !important;
    }
    .setup-data.setupborder.applyrule-data {
        height: 100px;
        width: 57% !important;
        padding: 10px;
    }
    .gridtable {
        margin: 5px;
        box-sizing: border-box;
        height: 150px !important;
    }
    .griddetails {
        max-height: 112px !important;
        overflow-y: scroll;
        float: left;
        width: 100%;
    }
    .adduserblock-data select {
        width: 100% !important;
        height: 26px;
    }
    .col-sm-3.door-wise-label {
        width: 24% !important;
    }
    .col-sm-9.door-wise-data {
        width: 74% !important;
    }
    .exception-radio {
        width: 100% !important;
        float: left;
    }
    .controller-block-container {
        width: 489px !important;
    }
    .controller-row-data {
        width: 67% !important;
    }
    .half-shiftdata {
        padding-left: 170px !important;
    }
    .shiftlabel {
        width: 160px !important;
    }
    div#_uiattendancePolicy .remote-work-block {
        padding: 5px 30px 30px 0 !important;
    }
    div#_uiattendancePolicy .attendance-label {
        width: 208px;
        text-align: left;
        display: inline-block;
    }
    .late-early-label {
        width: 39%;
    }
    .late-early-template {
        width: 100%;
    }
    .overtime-policy-block .late-early-template {
        width: 100% !important;
    }
    .late-early-label {
        width: 38% !important;
    }
    .late-earlyrow-halfblock {
       width: 60% !important;
       margin-left: 38.5% !important;
    }
    .formtwo.reprocess .halfouterblock {
        margin-left: 19.4% !important;
    }
    .formtwo .form-group > :first-child {
        width: 30% !important;
    }
    .transactionBlockMVC .todateblock {
        margin: 0 20px 5px 0 !important;
    }
    .userpopup-inner {
        width: 98% !important;
    }
    div#gbox_grid, div#gview_grid {
        width: 100% !important;
    }
  
    .ui-accordion-content {
        width: 100% !important;
    }

    span.totalPendingBlock {
        font-size: 7px !important;
    }

    .pending-count {
        font-size: 7px;
    }

    .gridrow.critical-door-approver-block .col-sm-4.critical-door-outer {
        width: 100% !important;
        margin-bottom: 5px;
    }
    .CriticalDoorApprover .col-sm-12 {
        overflow-x: auto !important;
        width: 100% !important;
    }
    div#gbox_grid, div#gview_grid, .ui-state-default.ui-corner-top.ui-jqgrid-hdiv, .ui-jqgrid-bdiv {
        width: 100% !important;
    }
        .ui-jqgrid-view, .ui-state-default.ui-corner-top.ui-jqgrid-hdiv, .ui-jqgrid-bdiv, .ui-jqgrid-bdiv, .ui-jqgrid-jquery-ui.ui-widget.ui-widget-content.ui-corner-all.ui-jqgrid, .ui-jqgrid-view {
            width: 100% !important;
        }
    }
@media(max-width:580px) {
    .locationleftblock {
        width: 100% !important;
        display: inline-block;
        padding: 2px 0 3px 0;
    }

    .locationrightblock {
        width: 100% !important;
        display: inline-block;
        vertical-align: top;
    }

    .company-location-data.logoimg {
        width: 258px !important;
    }

    .company-location-label {
        display: inline-block;
        width: 123px !important;
        text-align: right;
        font-size: 11px;
    }

    input#frmAdd, input#frmBack, input#btnBack, input#btnSave {
        height: 24px !important;
        line-height: 11px;
        width: 75px !important;
        font-size: 11px !important;
        margin-top: 5px;
    }

    .select2-container.selectbox {
        width: 210px !important;
    }

    .company-location-mapping .company-location-label {
        display: inline-block;
        width: 94px !important;
        text-align: right;
        font-size: 10px;
    }

    .userheading.userbottom input {
        font-size: 10px !important;
    }

    .defaulusergridDetail div:nth-child(3) {
        width: auto !important;
        text-align: left;
        border-right: 0;
    }

    .policy-inner-block {
        margin-left: 0 !important;
        width: 100% !important;
    }

    .policy-label {
        width: auto !important;
    }

    .policyblock {
        position: relative;
        margin-top: 25px;
    }

    div#main .login {
        width: 75% !important;
    }

    .lookup-data {
        width: 64% !important;
        display: inline-block;
    }

    .lookup-label {
        width: 34% !important;
        display: inline-block;
        text-align: right;
    }

    .upload-file-label {
        width: 38% !important;
    }

    .upload-file-data {
        width: 54% !important;
    }

    element.style {
        padding: 0px;
        margin: 0px;
        min-height: 300px;
        width: 50%;
    }
    /* user type */
    .column.left.third {
        width: 100% !important;
    }

    .column.left.second {
        width: 100% !important;
    }

    .user-type-label {
        font-size: 11px;
    }

    #left-panel {
        width: 100% !important;
        display: block !important;
        margin: 0 auto 20px !important;
    }

    #right-panel {
        width: 100% !important;
        display: block !important;
        margin: 0 auto !important;
    }

    .tbl-block-data {
        width: 50% !important;
        display: inline-block;
        font-size: 9px !important;
    }

        .tbl-block-data .select2-container.selectbox {
            width: auto !important;
        }

    .tbl-block-row .tbl-block-label {
        width: 50% !important;
        display: inline-block;
        text-align: right;
        padding-right: 5px;
        font-size: 11px !important;
    }

    .item-master-inner-block {
        width: 100%;
        margin-bottom: 15px;
        padding-left: 0 !important;
    }

    .exportdatalabel-inner {
        width: 146px !important;
    }

    .exportdatalabel {
        width: 143px !important;
    }
    div#s2id_drpConfRoom {
        width: auto !important;
    }
    div#divShiftRoster .select2-container.selectbox {
        width: 100px !important;
    }
    div#gview_PreRegistrationGrid, div#gview_RegistrationGrid {
        width: 442px !important;
        overflow-x: auto !important;
    }
    div#gview_PreRegistrationGrid, div#gview_RegistrationGrid {
        width: 383px !important;
        overflow-x: auto !important;
    }
    .assign-acess-data .select2-container.selectbox {
        width: auto !important;
    }
    .frmvisitordetails-right {
        float: left !important;
        margin-left: 227px;
        margin-top: 5px;
    }
    .frmvisitordetails-left input.btn.btn-default.btn-sm {
        height: 30px;
        margin-right: 0 !important;
        padding: 5px !important;
    }
    .internal-meeting-block .commonform-form-label {
        width: 24% !important;
    }
    .barcode-left .commonform-form-label {
        width: 46% !important;
        font-size: 11px !important;

    }
    .barcode-left .commonform-form-data {
        width: 40% !important;
        display: inline-block;
    }
    .autherization-block {
        width: 60% !important;
        margin-left: 17.3% !important;
    }
    .conference-block .commonform-form-label {
        width: 35% !important;
    }
    input#ButtonSave {
        height: 24px !important;
        line-height: 11px;
        width: 75px !important;
        font-size: 11px !important;
        margin-top: 0;
    }
    .entry-point-block .commonform-form-label {
        width: 25% !important;
    }
    .holiday-inner-block .half-block-holidaypolicy {
        margin-left: 28.8%;
    }
    div#divHolidayPolicy .half-block-holidaypolicy {
        margin-left: 28%;
    }
    div#divHolidayPolicy .selectblock input[type="checkbox"] {
        margin-left: 1px;
        margin-right: 5px;
        position: relative;
        top: 1px;
    }
    .select2-container.selectbox {
        width: 100% !important;
    }
    .dooraction-label {
        width: 120px !important;
    }
    .dooraction-data {
        width: 200px !important;
        margin-bottom: 5px;
    }
    .door-action-block .dooraction-data {
        width: auto !important;
        margin-bottom: 5px;
    }
    .controller-label {
        width: 100% !important;
        margin-bottom: 5px;
    }
    .controller-row-data {
        width: 100% !important;
    }
    .searchblock {
        width: 100% !important;
    }
    .gridtable {
        font-size: 10px;
    }
    .innercontrollerblock fieldset {
        margin: 0 0 !important;
    }
    .button-group-popup {
        text-align: center;
        margin: 0 0 13px !important;
    }
    .button-group-popup {
        text-align: center;
        margin: 6px 0 13px !important;
    }
    .gridtable {
        margin: 5px 5px 5px 0;
        height: 155px !important;
    }
    .griddetails {
        max-height: 134px;
    }
    .timezone-group-block div#s2id_ddlLocation {
        margin-right: 0 !important;
        width: 100% !important;
    }
    .timezone-group-block input#TzGrpDesc {
        width: 100% !important;
    }
    .setup-data {
       width: 56% !important;
    }
    .setup-label {
        width: 26% !important;
    }
    .rulesetup-block .half-setupblock {
        padding-left: 27%;
    }
    .applicableblock .setup-label {
        height: auto !important;
        vertical-align: middle;
        line-height: normal !important;
    }
    .griddetails {
        max-height: 84px !important;
    }
    .gridtable {
        height: 116px !important;
    }
    .controller-block-container {
        width: 440px !important;
    }
    .leavetype-master-block .formtwo .form-group > :last-child {
        width: 51.4% !important;
    }
        .leavetype-master-block .formtwo .form-group > :last-child input[type="text"] {
            width: 100% !important;
        }
    .userAccess-firmware-block .form-group.employeeview label {
        text-align: left !important;
        margin-bottom: 5px !important;
    }
    div#EmployeeModel label.control-label.col-md-3.text-left.nopad {
        width: auto !important;
        margin-bottom: 5px !important;
    }
    div#divEmployeeFilter .form-group.col-md-6 {
        width: 100% !important;
        margin-top: 0;
    }
    div#divAddCard.empmodel {
        top:0 !important;   
    }
    .employee-checkbox-block {
        position: unset !important;
        bottom: 0 !important;
        right: 0 !important;
    }
    div#divEmployeeFilter .form-group.mt-10 {
        float: left;
        text-align: center;
        margin: 15px 0 auto !important;
        float: none !important;
    }
    body .overtimears-block .commonform-form-label {
        width: 25% !important;
    }
    .commonform-form-label {
        width: 30% !important;
        text-align: left !important;
    }
    .backbutton {
        height: 24px !important;
        line-height: 13px !important;
        font-size: 11px !important;
    }
    input#modulefilter {
        width: 100% !important;
    }
    .poppanel .wid50 {
        width: 100% !important;
    }
    .dash-items {
        width: 100%;
    }
    #PnlDashBoardListEss {
        width: 100% !important;
    }
    #main #dashbaordpanelEss {
        width: 100% !important;
        left: 0 !important;
    }
    #divUserGroupDetails .usergroup-label {
        width: 100% !important;
        text-align: left;
    }
    #divUserGroupDetails .usergroup-data {
        display: inline-block;
        width: 100% !important;
    }
}

@media(max-width:480px) {
    #divrightcol {
        width: 80% !important;
    }
    .administrator-left {
        /*width: 100% !important;*/
    }
    input.usersearch.searchbox {
        width: 100%;
    }
    .administrator-left {
        width: 42% !important;
    }
    .usercheckbox-left {
        width: 50% !important;
        border-right: 1px solid #ccc;
    }
    .usercheckbox-right {
        width: 70% !important;
    }
    input.movetoothergroup {
        width: 110px;
        padding: 4px 0;
        font-size: 9px !important;
    }
    .userbottom .usercheckbox-right input.add-user {
        float: right;
        height: 23px;
        margin-top: 1px;
        padding: 0px;
    }
    .userheading.userbottom input {
        font-size: 10px !important;
    }
    .userbottom .usercheckbox-right input.add-user {
        float: right;
        height: 23px;
        margin-top: 1px;
    }
    .userheading.userbottom input {
        font-size: 10px !important;
        padding: 3px 1px;
    }
    .usercheckbox-right {
         padding: 3px 1px 2px !important;
     }
    .userbottom .usercheckbox-right input.add-user {

        height: 22px !important;
      
    }
    .resetaccount {
        margin-top: 20px;
    }
    .resetaccountlabel {
        width: 26% !important;
    }
    .resetaccountdata {
        width: 62% !important;
        display: inline-block;
    }
    .accordian-detail-label {
        width: auto;
        display: inline-block;
        text-align: right;
    }
    .upload-file-label label {
        font-size: 11px !important;
    }

    .upload-file-data {
        width: 56% !important;
    }
    body #ctl00_Content_UpdatePanel1 {
        overflow-x: auto !important;
    }
    .user-type-label {
        width: 18% !important;
    }
    .user-blacklist-data {
        margin-left: 19.4% !important;
    }
    .user-blacklist-half-block {
        width: 100% !important;
    }
    .ContentBox .table2cols > tbody > tr > td:first-child {
        text-align: right;
        width: 8% !important;
        /* width: 25%; */
        min-width: 90px !important;
        font-size: 10px !important;
    }
    div#ctl00_Content_upDocument .table2cols > tbody > tr > td:first-child + td {
        text-align: left;
        width: 50% !important;
        min-width: 300px;
    }
    .leave-opening-left {
        width: 100% !important;
      
    }
    .commonform-form-data {
        width: 65% !important;
        display: inline-block;
    }
    .tourapplication-block .commonform-form-label {
        width: 30% !important;
        font-size: 11px !important;
    }
    .tourapplication-block .searchbox {
        width:auto !important;
    }
   .commonform.cardforgotton-block .commonform-form-label {
        font-size: 10px !important;
    }
    .commonform.cardforgotton-block .select2-container.selectbox {
        width: 100% !important;
    }
    .commonform.cardforgotton-block .searchbox {
        width: auto !important;
    }
    div#divShiftRoster {
        width: 72% !important;
    }
    div#gview_PreRegistrationGrid, div#gview_RegistrationGrid {
        width: 293px !important;
        overflow-x: auto !important;
    }
    span.totalPendingBlock {
        float: right;
        margin-right: 5px;
        font-size: 10px !important;
    }
    .ui-accordion .ui-accordion-header {
        font-size: 10px !important;
    }
    .col-sm-4.critical-door-outer {
        width: 228px;
    }
    .employee-delegation-block .select2-container.selectbox {
        width: auto !important;
    }
    .employee-delegation-block .commonform-form-row {
        display: inline-block;
        width: auto !important;
    }
    .employee-delegation-block .commonform-form-label {
        width: auto !important;
    }
    .employee-delegation-block .commonform-form-data {
        width: auto !important;
        display: inline-block;
    }
    span#lblLookup, span#lblValue {
        font-size: 9px !important;
    }
    div#popupcontent .select2-container.selectbox {
        width: 130px !important;
    }
    .assign-acess-label {
        display: inline-block;
        font-size: 11px !important;
    }
    .frmvisitordetails-right {
        float: left !important;
        margin-left: 123px;
        margin-top: 5px;
    }
    .frmvisitordetails-left input.btn.btn-default.btn-sm {
        margin-right: 0 !important;
    }
    #mainfilter span {
        font-size: 9px !important;
    }
    .internal-meeting-block .commonform-form-label {
        width: 26% !important;
    }
    .checkboxblock .droprlistblock .select2-container.selectbox {
        width: 100% !important;
    }
    .formtwo .form-group > :first-child {
        width: 100% !important;
        float: left;
        text-align: left !important;
        padding-right: 6px !important;
        line-height: 24px;
    }
    .outerblocktypetwo.visitor-category-block {
        margin-left: 0 !important;
        width: 80%;
    }
    .autherization-block {
        width: 80% !important;
        margin-left: 17.3% !important;
    }
    .conference-block .commonform-form-label {
        width: 100% !important;
        text-align: left;
        margin-bottom: 5px;
    }
    div#CommonMultiEmp {
        min-width: 252px;
        max-width: 252px;
    }
    col-md-12.entry-point-block .textarea-blocks {
        margin-left: 32% !important;
    }

    .entry-point-block .commonform-form-label {
        width: 100% !important;
        text-align: left !important;
        margin-bottom: 5px;
    }
    .col-md-12.entry-point-block .textarea-blocks {
        margin-left: 0 !important;
    }
    .holiday-inner-block .half-block-holidaypolicy {
        width: 69.5%;
    }
    .holiday-inner-block .holiday-data {
        width: 69%;
    }
    div#divWeekoffPolicy .holiday-block.formfour .form-group .holiday-label {
        width: 26%;
    }
    .item-zone-block .item-grouping-data {
        width: 100%;
        display: inline-block;
    }
    .item-zone-block .item-grouping-label {
        width: 100% !important;
        display: inline-block;
        text-align: left;
    }
    .item-zone-block .item-grouping-data input[type="text"].full-width-block {
        width: 100%;
    }
    input#btnAssignGlobalAccess {
        margin-right: 0 !important;
    }
    .parameter-row-block-label {
        display: inline-block;
        width: 99px;
        text-align: left;
    }
    div#divFingerParameter .select2-container.selectbox {
        width: 100% !important;
    }
    .finger-parameter-block .parameter-right, .finger-parameter-block input.searchbox {
        width: 100% !important;
    }
    .finger-parameter-block input.searchbox {
        margin-top:5px;
    }
    .card-format-2c .readerFormatBlock-2c-data-left, .card-format-2c .readerFormatBlock-2c-data-right {
        width: 100% !important;
    }
    .door-action-block .dooraction-label {
        display: inline-block;
        width: 100% !important;
        text-align: left;
        margin-bottom: 5px;
       
    }
    .door-action-block .door-assignment-left {
        margin-left: 0 !important;
        width: 100% !important;
    }
    .door-assignment-left .dooraction-data {
        width: 100% !important;
    }
    .door-assignment-right .dooraction-data {
        width: 100% !important;
    }
    .door-assignment-right {
        float: right;
        width: 100%;
    }
    .gridtable {
        font-size: 8px;
    }
    .timezone-group-block .access-row-inline-block {
        width: 100%;
        margin-bottom: 5px;
    }
    .weekoff-policy-block div#divWeekoffPolicy .holiday-block.formfour .form-group .holiday-label {
        width: 100%;
        text-align: left;
        margin-bottom:5px;
    }
    .weekoff-policy-block .holiday-data .select2-container {
        width: 100% !important;
    }
    .weekoff-policy-block .holiday-data {
        width: 100% !important;
    }
        .weekoff-policy-block .holiday-data input[type="text"] {
            width: 100%;
        }
    .weekoff-policy-block .holiday-left {
        width: 100%;
        display: inline-block;
    }
   
    .weekoff-policy-block div#divWeekoffPolicy .holiday-right {
        width: 100%;
    }
    .weekoff-policy-block .half-block-weekoff {
        margin-left: 0 !important;
    }
    .holiday-inner-block .holiday-block.formfour .form-group .holiday-label {
        width: 100% !important;
        text-align: left;
        margin-bottom: 5px;
    }
    .holiday-inner-block .holiday-data {
        width: 100%;
    }
    div#divHolidayPolicy .half-block-holidaypolicy {
        margin-left: 0;
        width: 100%;
    }
    .rulesetup-block .half-setupblock {
        padding-left: 36%;
    }
    .rulesetup-block .setup-label {
        width: 35% !important;
    }
    .rulesetup-block .setup-label {
        width: 100% !important;
        text-align: left;
        margin-bottom: 5px;
    }
    .rulesetup-block .setup-data {
        width: 100% !important;
    }
    .rulesetup-block .half-setupblock {
        padding-left: 0;
    }
    .setup-data.setupborder.applyrule-data {
        height: 100px;
        width: 100% !important;
        padding: 10px;
    }
    div#modaladdController {
        width: 71% !important;
        height: 330px !important;
    }
    .shifthead .pull-left {
        float: left !important;
        width: 100%;
    }
    .layerBlock {
        padding-left: 0 !important;
    }
    .master-slave-right {
        width: 100% !important; 
    }
    .master-slave-left {
        width: 100% !important;
      
    }
    .col-sm-3.door-wise-label {
        width: 100% !important;
    }

    .col-sm-4.door-wise-data {
        width: 100%;
        margin-bottom: 5px;
    }
    .col-sm-5.door-wise-data {
        width: 100%;
    }
    .col-sm-9.door-wise-data {
        width: 100% !important;
    }
    .exception-left-block {
        width: 100%;
        float: left;
    }
    .exception-label {
        width: 100% !important;
        text-align: left !important; 
    }
    .exception-block .exception-data {
        float: left;
        width: 100% !important;
    }
    .exception-block .select2-container.selectbox {
        width: 100% !important;
    }
    .exception-left-block {
        width: 100% !important;
        float: left;
    }
    #divCardFormatOnDevice .device-format-label {
        width: 100% !important;
        display: inline-block;
    }
    #divCardFormatOnDevice .device-format-data {
        width: 100% !important;
        margin-bottom: 5px;
    }
    .searchblock div {
        margin-bottom: 5px;
    }
    .controller-block-container {
        width: 380px !important;
        margin: 0 auto !important;
        left: 40px !important;
        right: 0 !important;
        top: 35% !important;
    }
    .leavetype-master-block .formtwo .form-group > :last-child {
        width: 100% !important;
    }
    .shiftlabel {
        width: 124px !important;
    }
    .half-shiftdata.brkhoursettingsdiv {
        padding-left: 0 !important;
    }
    div#divShiftRoster {
        width: 100% !important;
    }
        div#divShiftRoster .select2-container.selectbox {
            width: 60% !important;
        }
    body .overtimears-block .commonform-form-label {
        width: 30% !important;
    }
    .formtwo .form-group > :last-child {
        width: 100% !important;
        float: left;
    }
    .transactionviewblock .col-sm-12.transactionBlockMVC .select2-container.selectbox {
        width: 60% !important;
    }
    .col-sm-12.transactionBlockMVC {
        width: 100% !important;
    }
    .transactionBlockMVC .form-inline {
        margin-top: 40px;
        padding: 0 0 0 0 !important;
    }
    #divemp {
        width: 100% !important;
    }
    .formtwo.reprocess .halfouterblock {
        width: 100%;
      
        margin-left: 0 !important;
    }
    .formtwo.reprocess .halfouterblock {
        width: 100% !important;
    }
    div#modaladdController {
        width: 71% !important;
        height: 330px !important;
        left: 35px;
    }
    #divUserGroupDetails input[type="checkbox"] + label {
        font-weight: normal;
        font-size: 9px;
        top: -2px !important;
    }
    }
@media(max-width:425px) {
    .user-type-label {
        width: 20% !important;
    }
    .user-blacklist-data {
        margin-left: 0 !important;
    }
    .user-type-label {
        width: 100% !important;
        text-align: left !important;
        margin-bottom: 5px;
    }
    .ui-tabs .ui-tabs-nav li a {
        font-size: 10px !important;
    }

    .exportdatalabel {
        text-align: left !important;
        width: 100% !important;
        margin-bottom: 5px;
    }
    .exportdatalabel-inner {
        width: 100% !important;
        text-align: left !important;
    }
    .commonform.leave-cancellation-block .commonform-form-label {
        width: 68px !important;
        font-size: 10px !important;
        text-align: right !important;
    }
    span.totalPendingBlock {
        
        font-size: 8px !important;
    }
    .ui-accordion .ui-accordion-header {
        font-size: 8px !important;
    }
    div#gview_PreRegistrationGrid, div#gview_RegistrationGrid {
        width: 252px !important;
        overflow-x: auto !important;
    }
    .gridrow.critical-door-approver-block label.col-sm-4.control-label.text-right.martop5 {
        padding: 0;
    }
    .gridrow.critical-door-approver-block label.col-sm-4.control-label.text-right.martop5 {
        padding: 0;
    }
    .gridrow.critical-door-approver-block .col-sm-4.critical-door-outer {
        width: 175px;
    }
    .gridrow.critical-door-approver-block .col-sm-8 {
        width: 75px;
        margin: 0;
        padding: 0;
    }
    .autherization-block {
        width: 100% !important;
        margin-left: 0 !important;
    }
    .ContentBox.employee-category-block .commonform-form-label {
        width: 100% !important;
        text-align: left;
    }

    .othernotification-block .lookup-label {
        font-size: 12px !important;
        margin-bottom: 4px;
        width: 100% !important;
        text-align: left;
    }
    .col-md-12.day-complete-notification-block .lookup-label {
        width: 100% !important;
        text-align: left;
    }
    .entry-point-block .commonform-form-label {
        width: 100% !important;
        text-align: left !important;
        margin-bottom: 5px;
    }
    .ContentBox .holiday-data [type=text] {
        width: 100%;
    }
    .holiday-inner-block .half-block-holidaypolicy {
        margin-left: 24.5%;
    }
    .holiday-inner-block .half-block-holidaypolicy {
        margin-left: 26.2%;
    }
    .holiday-inner-block .holiday-block.formfour .form-group .holiday-label {
        width: 25%;
    }
    .half-block-weekoff {
        margin-left: 26.1% !important;
    }
    .half-block-weekoff {
        width: 100% !important;
    }
    div#divFingerParameter .parameter-dropblock {
        display: inline-block;
        width: 100%;
    }
    div#divFingerParameter .select2-container.selectbox {
        width: 100% !important;
    }
    .dooraction-label {
        width: 100% !important;
        text-align: left !important;
    }
    .dooraction-inner-row {
        display: inline-block;
        width: 100%;
    }
    .dooraction-data {
        width: 100% !important;
        margin-bottom: 5px;
    }
    .card-format-3s select, .card-format-3s input[type="text"] {
        width: 100%;
    }
    .controller-block-container {
        width: 350px !important;
    }
    body .overtimears-block .commonform-form-label {
        width: 100% !important;
        text-align: left !important;
    }
    .commonform-form-data {
        width: 100% !important;,
    }
    .overtimears-block .commonform-form-data .select2-container.selectbox {
        width: 100% !important;
    }

    #divrightcol {
        width: 77% !important;
    }
    }
@media(max-width:375px) {
    .company-location-data.logoimg {
        width: 168px !important;
    }

    .company-location-label {
        display: inline-block;
        width: 115px !important;
        text-align: right;
        font-size: 10px;
    }
    .company-location-data {
        width: 139px !important;
        display: inline-block;
    }
    .resetaccountlabel {
        width: 29% !important;
    }
    .lookup-data input {
        width: 100% !important;
    }
    .lookup-label {
        font-size: 10px !important;
    }
    .commonform-form-label {
        width: 100% !important;
        text-align: left !important;
        margin-bottom: 2px;
    }
    .tourapplication-block .commonform-form-label {
        width: 30% !important;
        font-size: 10px !important;
    }
    div#gview_PreRegistrationGrid, div#gview_RegistrationGrid {
        width: 212px !important;
        overflow-x: auto !important;
    }
    .internal-meeting-block .commonform-form-label {
        width: 26% !important;
        font-size: 11px;
    }
    .parameter-row-block-label {
        display: inline-block;
        width: 99px;
        text-align: left !important;
    }
    .parameter-right input.searchbox {
        width: 100%;
        display: inline-block;
    }
    .get-finger-block .parameter-dropblock {
        display: inline-block;
        width: 100%;
    }

    .get-finger-block .select2-container.selectbox {
        width: 100% !important;
    }
    .parameter-row-block-select {
        display: inline-block;
        width: 100% !important;
    }
    .master-slave-label {
        width: 100% !important;
        text-align: left !important;
    }
    .locationrowright, .locationrowleft {
        width: 100% !important;
    }
    .CriticalDoorApprover .col-sm-12 {
        overflow-x: auto !important;
        width: 100% !important;
    }
    div#gbox_grid, div#gview_grid {
        width: 100% !important;
    }
    .ui-state-default.ui-corner-top.ui-jqgrid-hdiv, .ui-jqgrid-bdiv.ui-corner-bottom {
        width: 100% !important;
    }
}
@media(max-width:360px) {
    div#gview_PreRegistrationGrid, div#gview_RegistrationGrid {
        width: 100% !important;
        overflow-x: auto !important;
    }
    .ui-accordion-content {
        width:100% !important;
    }
    span.totalPendingBlock {
        font-size: 7px !important;
    }
    .pending-count {
        font-size: 7px;
    }
    .gridrow.critical-door-approver-block .col-sm-4.critical-door-outer {
        width: 100% !important;
        margin-bottom: 5px;
    }
    .barcode-left .commonform-form-label {
        width: 100% !important;
    }
    .barcode-left .commonform-form-data {
        width: 100% !important;
    }
}
@media(max-width:320px) {
    .ui-accordion .ui-accordion-content {
        padding: 1em 1em !important;
        border-top: 0;
        overflow: auto;
    }
    .ContentBoxNoRequire {
        margin-bottom: 50px !important;
    }
}