/*For older tab resolution*/
@media screen and (min-width: 768px) and (max-width:979px) {

    .EditContainer .LeftData {
        min-width: 600px;
    }

    .DashboardBoxContainer {
        margin-top: 0px !important;
        height: 80%;
        overflow: auto;
        top: 15% !important;
    }

    .DashboardBox a {
        height: 35px;
        width: 365px;
        text-align: center;
        padding-left: 20px;
    }

    .IONETheme:not(.tablet) .breadCrumbDivMarginTop32 {
        margin-top: 32px !important;
    }

    .breadCrumbMarginLeft20 {
        margin-left: 20px !important;
    }

    .TopLinks .Username {
        margin-right: 10px;
    }

    .ListDataCnt {
        overflow-x: scroll;
    }

    .MainFrame .MainFrame_2_Td {
        max-width: 500px;
    }

    .SearchResultBottomNav a, .SearchResultBottomNav input {
        padding: 0 5px 0 5px;
    }

    .goToTxtBox, .paging_full_numbers input.BtnGo {
        display: none;
    }

    .paging_full_numbers span a:nth-child(4), .paging_full_numbers span a:nth-child(5) {
        display: none;
    }

    .FullScreen {
        height: 100% !important;
        width: 100% !important;
        left: 0 !important;
    }

    .third_td {
        width: 90px;
    }

        .third_td .SearchDataEditCnt {
            width: 90px;
        }

    html, body {
        -webkit-text-size-adjust: none;
        -webkit-font-smoothing: antialiased;
    }

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

    .WrapperDB {
        min-width: inherit;
    }


    .monitoringbackground td {
        vertical-align: top !important;
    }
    /*.monitoring img{ width:100%; height:100%; max-width:350px; max-height:350px;}*/



    .grid .row {
        margin-bottom: 0;
        height: 1%;
        overflow: hidden;
    }

    .AngularApp .grid .row {
        overflow: initial !important;
    }

    .grid .col {
        margin-bottom: 15px;
    }

    .FRight {
        float: none;
    }

    .grid .medium {
        width: 232px;
    }

        .grid .medium .selectbox {
            width: 230px;
        }

            .grid .medium .selectbox select {
                width: 255px;
            }

        .grid .medium .txtbox {
            width: 220px;
        }

        .grid .medium textarea {
            width: 222px;
        }

        .grid .medium .searchbox {
            width: 232px;
        }

            .grid .medium .searchbox .txtbox {
                width: 215px;
            }

            .grid .medium .searchbox a.searchbtn, .grid .medium .searchbox a.searchbtn:hover {
                right: 0;
            }

        .grid .medium .multiselectbox {
            width: 225px;
        }

            .grid .medium .multiselectbox select {
                width: 225px;
            }

        .grid .medium .fileupload .filefield {
            width: 160px;
        }

    .grid .small {
        width: 105px;
    }

        .grid .small::before.openResourceManagement {
        }

        .grid .small input {
            width: 95px;
        }

    img + .browserhiddenNew {
        position: absolute;
        width: 538px !important;
        height: 174px;
        opacity: 0;
        left: 0;
        top: 20px;
    }

    .grid .small .txtbox {
        width: 95px;
    }

    .grid .small .selectbox {
        width: 103px;
    }

        .grid .small .selectbox select {
            width: 125px;
        }

    .grid .large textarea {
        width: 345px;
    }

    #taskcreate_assignto .small.col, .common_assignto .small.col {
        width: 90px;
        margin-bottom: 40px;
    }

    #taskcreate_assignto_txtbox .small.col {
        /*margin-top:20px;*/
    }

    #taskcreate_assignto_txtbox .medium.col, .common_assignto .medium.col {
        float: left;
        width: 232px;
        margin-right: 0;
        margin-bottom: 0;
    }

        #taskcreate_assignto_txtbox .medium.col .searchbox, .common_assignto .medium.col .searchbox {
            width: 232px;
        }

            #taskcreate_assignto_txtbox .medium.col .searchbox .txtbox, .common_assignto .medium.col .searchbox .txtbox {
                width: 220px;
            }


    .grid .row.col4 .medium {
        width: 105px;
    }

        .grid .row.col4 .medium .txtbox {
            width: 95px;
        }

        .grid .row.col4 .medium .selectbox {
            width: 103px;
        }

            .grid .row.col4 .medium .selectbox select {
                width: 130px;
            }

        .grid .row.col4 .medium .searchbox .txtbox {
            width: 220px;
        }

    #personrole .small.col {
        width: 80px;
    }

    .grid .small .currencytxtbox {
        width: 91px;
    }

    #SearchResutNav .dataTables_info {
        float: none !important;
        width: 100% !important;
        padding: 8px 0 !important;
        text-align: center;
    }

    #SearchResutNav .dataTables_paginate {
        width: auto;
        margin: 0 auto;
        float: none !important;
        text-align: center;
    }

    .grid .alignIn {
        margin-left: 0;
        margin-top: 0;
    }

    .grid .alignOut {
        margin-top: 0;
    }

    .medium.col.top15 {
        margin-top: 15px !important;
    }

    .grid .medium .searchbox.order {
        width: 125px;
    }

    #billcreate .grid .large {
        width: 232px;
    }

        #billcreate .grid .large .multiselectbox {
            width: 225px;
        }

            #billcreate .grid .large .multiselectbox select {
                width: 225px;
            }

    #rolecreate .grid .large {
        width: 232px;
    }

    #rolecreate .medium.col .searchbox {
        width: 112px;
    }

    #rolecreate .grid .medium .searchbox .txtbox {
        width: 82px;
    }

    #rolecreate .grid .large textarea {
        width: 225px;
    }

    #TechnicianTable_wrapper {
        width: auto !important;
    }

    #SearchTeamResutNav .dataTables_info {
        width: auto;
    }


    #billcreate .grid .large {
        width: 232px;
    }

        #billcreate .grid .large .multiselectbox {
            width: 225px;
        }

    .grid .medium.col.order .searchbox {
        width: 108px;
    }

    .Popup768 {
        width: 650px !important;
        height: 650px !important;
        padding-bottom: 30px !important;
        position: fixed !important;
    }

    .dialog {
        height: 100% !important;
        overflow: auto;
        z-index: 50;
        width: 100%;
        margin: 0;
    }


    .poptable .dataTables_info {
        float: none;
        width: 100%;
        text-align: center;
    }

    .poptable .dataTables_paginate {
        width: auto;
        margin: 0 auto;
        float: none !important;
        text-align: center;
    }

    .AssignToMeClass {
        width: 40px !important;
        margin-left: 30px;
    }




    .grid .row.col4.searchIcon .medium {
        width: 134px;
    }

        .grid .row.col4.searchIcon .medium .txtbox {
            width: 140px;
        }

        .grid .row.col4.searchIcon .medium .searchbox {
            width: 153px;
        }

    .grid.createflat {
        margin-bottom: 10px;
    }

        .grid.createflat .row {
            overflow: inherit;
        }

    .grid .row.marginTop10 {
        margin-top: 10px;
    }

    .FlatTitle .BuildingAddress {
        width: 200px !important;
    }


    .MyWarning table.display tr.odd:hover, .MyWarning table.display tr.even:hover,
    .MyNews table.display tr.even:hover, .MyNews table.display tr.odd:hover,
    .MyReminderTask table.display tr.even:hover, .MyReminderTask table.display tr.odd:hover,
    .MyTask table.display tr.even:hover, .MyTask table.display tr.odd:hover,
    .MyWarning table.display tr.odd:hover td:first-child, .MyWarning table.display tr.even:hover td:first-child,
    .MyTask table.display tr.even:hover td:first-child, .MyTask table.display tr.odd:hover td:first-child,
    .MyNews table.display tr.even:hover td:first-child, .MyNews table.display tr.odd:hover td:first-child,
    .MyReminderTask table.display tr.even:hover td:first-child, .MyReminderTask table.display tr.odd:hover td:first-child {
        background: none !important;
    }

    .ui-dialog .ui-dialog-content {
        height: 100% !important;
    }

    #OrderDet {
        max-width: 500px;
    }

        #OrderDet .ListDataCnt {
            overflow-x: auto;
        }

    .smallHouseNumber {
        width: 58px !important;
    }

    .smallHouseNumberStrInput {
        width: 20px !important;
        margin-left: 2px;
    }

    .grid .doublemedium .txtbox {
        width: 528px;
    }

    .grid .small .ui-datepicker-trigger {
        right: 4px;
        /*margin-top: -30px;*/
        /*-webkit-margin-before: -30px;*/
    }

    .EditBottomNav.NewUIOrderLive, .EditBottomNav.NewUIQuotationLive {
        width: 600px;
    }

    .DashboardBoxContainer {
        z-index: 99999;
    }

    ul.PlusList li a.add {
        background-size: 20px 20px !important;
    }

    .NewUIOrderLive .PreviewTable .PreviewTableTdDiv, .NewUIQuotationLive .PreviewTable .PreviewTableTdDiv,
    .EditBottomNav.NewUIOrderLive, .EditBottomNav.NewUIQuotationLive {
        margin-left: 0 !important;
    }

    a.logout {
        margin-right: 0;
    }

    .TopLeftLinks {
        z-index: 100;
    }

    .TopLinks {
        z-index: 99;
    }

    .IONETheme .TopLinks > a {
        padding: 0px 15px 0 15px !important;
    }

    .ItemTabDataDiv #OrderItemTable {
        width: 1080px !important;
    }

    .ui-dialog.ui-widget.ui-widget-content.ione-dialog.medium {
        left: 20px !important;
        width: calc(100vw - 40px) !important;
        min-width: calc(100vw - 40px) !important;
    }

    .LightTheme .ui-dialog {
        background: rgba(255,255,255,0.85) !important;
    }

    .MinWidth1100 {
        min-width: 500px;
    }

    #materialListGrid .impAutoScroll, #jobListGrid .impAutoScroll {
        max-width: none !important;
    }
}

@media screen and (min-width: 768px) and (max-width:979px) and (orientation:portrait) {
    .ItemTabDataDiv #OrderItemDetail, .GridInsidePage {
        width: 548px !important;
        display: block !important;
        overflow: auto !important;
    }

        .GridInsidePage .display {
            width: unset !important;
        }
}

@media screen and (min-width: 768px) and (max-width:979px) and (orientation:landscape) {
    .ItemTabDataDiv #OrderItemDetail, .GridInsidePage {
        width: 720px !important;
        display: block !important;
        overflow: auto !important;
    }

        .GridInsidePage .display {
            width: unset !important;
        }
}


/*For new tab resolution*/
@media screen and (min-width: 980px) and (max-width:1024px) {

    .IONETheme:not(.tablet) .breadCrumbDivMarginTop32 {
        margin-top: 32px !important;
    }

    .breadCrumbMarginLeft20 {
        margin-left: 20px !important;
    }

    .TopLinks .Username {
        margin-right: 10px;
    }

    .EditContainer .LeftData {
        min-width: 600px;
    }

    .ListDataCnt {
        overflow-x: scroll;
    }

    .MainFrame .MainFrame_2_Td {
        max-width: 500px;
    }

    .SearchResultBottomNav a, .SearchResultBottomNav input {
        padding: 0 5px 0 5px;
    }

    .goToTxtBox, .paging_full_numbers input.BtnGo {
        display: none;
    }

    .paging_full_numbers span a:nth-child(4), .paging_full_numbers span a:nth-child(5) {
        display: none;
    }

    #taskcreate_assignto .small.col, .common_assignto .small.col {
        width: 90px;
        margin-bottom: 40px;
    }

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

    .FRight {
        float: none;
    }

    .third_td {
        width: 90px;
    }

        .third_td .SearchDataEditCnt {
            width: 90px;
        }

    #TechnicianTable_wrapper {
        width: auto !important;
    }

    .grid .row.MRBottom15 .col {
        margin-bottom: 15px;
    }

    .grid .row.marginTop10 {
        margin-top: 10px;
    }

    .Popup768 {
        width: 850px !important;
        height: 550px !important;
        padding-bottom: 30px !important;
        position: fixed !important;
    }

    .dialog {
        height: 100% !important;
        overflow: auto;
        z-index: 50;
        width: 100%;
        margin: 0;
    }

    #taskcreate_assignto .medium.col {
        float: left;
        width: 250px;
        margin-right: 0;
        margin-left: 20px;
    }

        #taskcreate_assignto .medium.col .searchbox {
            width: 240px;
        }

            #taskcreate_assignto .medium.col .searchbox .txtbox {
                width: 230px;
            }



    .grid .row.PRChkbox .small {
        width: 110px;
    }

    .grid .col {
        margin-bottom: 15px;
    }

    .grid.createflat {
        margin-bottom: 0px;
    }

    .FlatTitle .BuildingAddress {
        width: 200px !important;
    }

    .MyWarning table.display tr.odd:hover, .MyWarning table.display tr.even:hover,
    .MyNews table.display tr.even:hover, .MyNews table.display tr.odd:hover,
    .MyReminderTask table.display tr.even:hover, .MyReminderTask table.display tr.odd:hover,
    .MyTask table.display tr.even:hover, .MyTask table.display tr.odd:hover,
    .MyWarning table.display tr.odd:hover td:first-child, .MyWarning table.display tr.even:hover td:first-child,
    .MyTask table.display tr.even:hover td:first-child, .MyTask table.display tr.odd:hover td:first-child,
    .MyNews table.display tr.even:hover td:first-child, .MyNews table.display tr.odd:hover td:first-child,
    .MyReminderTask table.display tr.even:hover td:first-child, .MyReminderTask table.display tr.odd:hover td:first-child {
        background: none !important;
    }

    .ui-dialog .ui-dialog-content {
        height: 100% !important;
    }

    #OrderDet {
        max-width: 768px;
    }

        #OrderDet .ListDataCnt {
            overflow-x: auto;
        }

    .grid .doublemedium .txtbox {
        width: 528px;
    }

    .FullScreen {
        height: 100% !important;
        width: 100% !important;
        left: 0 !important;
    }

    .grid .StaffWorkTimeLoggingDiv {
        left: 20%;
    }

    ul.PlusList li a.add {
        background-size: 20px 20px !important;
    }

    .NewUIOrderLive .PreviewTable .PreviewTableTdDiv, .NewUIQuotationLive .PreviewTable .PreviewTableTdDiv,
    .EditBottomNav.NewUIOrderLive, .EditBottomNav.NewUIQuotationLive {
        margin-left: 0 !important;
    }

    a.logout {
        margin-right: 0;
    }

    .TopLeftLinks {
        z-index: 100;
    }

    .TopLinks {
        z-index: 99;
    }

    .ItemTabDataDiv #OrderItemTable {
        width: 1080px !important;
    }

    .LightTheme .ui-dialog {
        background: rgba(255,255,255,0.85) !important;
    }
}

@media screen and (min-width: 980px) and (max-width:1024px) and (orientation:portrait) {
    .ItemTabDataDiv #OrderItemDetail, .GridInsidePage {
        width: 548px !important;
        display: block !important;
        overflow: auto !important;
    }

    .ui-dialog.ui-widget.ui-widget-content.ione-dialog.medium {
        left: 20px !important;
        width: calc(100vw - 40px) !important;
        min-width: calc(100vw - 40px) !important;
    }

    .GridInsidePage .display {
        width: unset !important;
    }

    .DashboardBoxContainer {
        top: 25%;
    }
}

@media screen and (min-width: 980px) and (max-width:1024px) and (orientation:landscape) {
    .ItemTabDataDiv #OrderItemDetail, .GridInsidePage {
        width: 720px !important;
        display: block !important;
        overflow: auto !important;
    }

    .ui-dialog.ui-widget.ui-widget-content.ione-dialog.medium {
        left: 20px !important;
        width: calc(100vw - 40px) !important;
        min-width: calc(100vw - 40px) !important;
    }

    .GridInsidePage .display {
        width: unset !important;
    }

    .DashboardBoxContainer {
        top: 45%;
        height: 80%;
        overflow: auto;
    }
}

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

    html, body {
        -webkit-text-size-adjust: none;
        -webkit-font-smoothing: antialiased;
    }

    .DashboardBoxContainer {
        height: 167px;
        margin-top: -83px;
    }

    .DashboardBox a {
        /*margin-right: 8px;*/
    }

    .ui-dialog:not(.saveColumnDialog) .ui-dialog-content {
        height: 100% !important;
    }

    .FullScreen {
        height: 100% !important;
        width: 100% !important;
        left: 0 !important;
    }
}

@media screen and (max-width:1868px) {
    .AccountTdInclude {
        width: 105% !important;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .tablet select[multiple] {
        height: 30px !important;
    }
}

@media screen and (max-width:420px) {
    .ui-dialog.default-confirm-dialogStyle .ui-dialog-content #warning_message {
        padding-bottom: 13px !important;
    }

    .ui-dialog.ui-widget.ui-widget-content.default-confirm-dialogStyle {
        height: 250px !important;
        width: 320px !important;
        left: calc(50% - 160px) !important;
        min-height: 250px !important;
    }

    .ConfirmDialogFooterTable {
        height: 21.7% !important;
    }
}

.tablet .AddRow {
    position: unset;
}

.tablet #materialListGrid .impAutoScroll,
.tablet #jobListGrid .impAutoScroll {
    max-width: none !important;
}

.tablet .ui-dialog.ui-widget.ui-widget-content.ione-dialog.medium,
.tablet .MaterialPopupList,
.tablet .MaterialPopupCreate {
    left: 0px !important;
    width: calc(100vw) !important;
    min-width: calc(100vw) !important;
    top: 0px !important;
    height: calc(100vh) !important;
}

.tablet .RightData .NewsSection,
.tablet news-panel #NewsPanel,
.tablet #RHSLinkedObjectPanel {
    position: static !important;
}

.tablet .mat-tab-body-content {
    overflow: auto !important;
}

.tablet .LiveTemplate .PreviewTable .PreviewTableTdDiv {
    margin-left: 0px;
}

.tablet .EditBottomNav.LiveTemplate a,
.tablet .EditBottomNav.LiveTemplate input {
    float: left;
}

.IONETheme.tablet .AngularApp .LinkedObject:not(.NewsChatPopup) {
    margin-top: 0px !important;
}

.tablet .EditContainer .LeftData {
    min-width: calc(100vw + 40px);
}

.IONETheme.tablet .MySettingsDiv {
    top: 130px;
}