@media all and (min-width:1851px) and (max-width:1920px){
    .left{height:99.3%}
    .userDetailHold{height:100%}
    .header .col-lg-1{
        width: 6%;
    }
    .appListSection .appIconView{
        width: 12%;
        margin-right: 2.4%;
        margin-bottom: 2.4%;
    }
    .contentHoldHeader .leftBar .tabDiv{
        width: 124px;
    }

    .fixedHeader {width: /*90%*/84.4%;left: 13%;}
    .rightPart{width:68.4%;}
    .leftPart{width:31.6%;
        max-width: 100%;}
    .leftSection{
        width: 77%;
    }
    .rightSection{
        width: 22.95%;
    }
    .contentHoldHeader .leftBar{
        width: 48%;
    }
    .contentHoldHeader .leftBar .tabDiv{
        width: 22%;
    }
    .statusHold{
        width: 51%;
    }
    .listOfApps > span > span:nth-child(7n) div {
        margin-right: 0;
    }
    .appsContentSection .appsHeaderText,.appViewSectionHeader .selectViewType{
        margin-right: 4px;
    }
    .l23pc {
        left: 29%;
    }
    .ui-sortable-handle .info02.js-warningBox {
        margin: 16px 10px 0 0;
    }
    .editUser .editPage .tableHold{
    min-height: 435px;
}

    .editDialog .fieldSettings .fieldpopup>div{
    height: -450px;
}
.personal .addMember, .editUser .addMember{
    top: 6%;
}

}

@media all and (min-width:1682px) and (max-width:1850px){
.appListSection .appIconView{
        width: 19%;
        margin-right: 0.9%;
         margin-bottom: 0.9%;
    }
    .leftSection{
        width: 77%;
    }
    .rightSection{
        width: 22.95%;
    }
    .contentHoldHeader .leftBar{
        width: 48%;
    }
    .contentHoldHeader .leftBar .tabDiv{
        width: 22%;
    }
    .statusHold{
        width: 51%;
    }
    .listOfApps > span > span:nth-child(5n) div {
        margin-right: 0;
    }
    .appsContentSection .appsHeaderText,.appViewSectionHeader .selectViewType{
        margin-right: 5px;
    }
    .editUser .editPage .tableHold{
        min-height: 300px;
    }

}
@media all and (min-width:1680px){
   
.editUser .editPage .tableHold{
        min-height: 400px;
    }
    
    .editDialog .fieldSettings .fieldpopup>div{
    height: -450px;
}
.infoHold{
    width: 75%;
}
}
@media all and (max-width:1366px){
    .addMember .actionBtHold{
        width: 96.88%;
    }
}
@media all and (max-width:1438px){

}
@media all and (min-width:1399px) and (max-width:1679px){
    .rightPart{width:58%;}
    .leftPart{width:42%;
        max-width: 100%;}
    .appListSection .appIconView{
        width: 19%;
        margin-right: 0.9%;
         margin-bottom: 0.9%;
    }
    .leftSection{
        width: 77%;
    }
    .rightSection{
        width: 22.95%;
    }
    .contentHoldHeader .leftBar{
        width: 48%;
    }
    .contentHoldHeader .leftBar .tabDiv{
        width: 22%;
    }
    .statusHold{
        width: 51%;
    }
    .listOfApps > span > span:nth-child(5n) div {
        margin-right: 0;
    }
    .appsContentSection .appsHeaderText,.appViewSectionHeader .selectViewType{
        margin-right: 5px;
    }
    .addMember .actionBtHold {
    width: 97.3%;
}
.fieldSettings .fieldpopup>div{
    left: 39%;
}

}
@media all and (min-width:1401px) and (max-width:1599px){
    .appListSection .appIconView{
        width: 18%;
        margin-right: 2.1%;
         margin-bottom: 2.1%;
    }
.listOfApps > span > span:nth-child(5n) div {
        margin-right: 0;
    }
    .appsContentSection .appsHeaderText,.appViewSectionHeader .selectViewType{
        margin-right: 4px;
    }
    .addMember .actionBtHold {
    width: 97%;
}
.infoHold{
    width: 70%;
}
.orgchart, .appholder-new-ui{
    height: 650px;
}
#appPanel .appholder-new-ui{
    height: 570px;
}
.pageProperties-area .overscroll {
    width: 84.75%;
}
}


@media all and (min-width:1201px) and (max-width:1399px){

    .rightPart{width:70%;}
    .leftPart{width:30%;}
    .appListSection .appIconView{
        width: 22%;
        margin-right: 3.6%;
        margin-bottom: 3.6%;
    }
    .leftSection{
        width: 77%;
    }
    .rightSection{
        width: 22.95%;
    }
    .contentHoldHeader .leftBar{
        width: 48%;
    }
    .contentHoldHeader .leftBar .tabDiv{
        width: 22%;
    }
    .statusHold{
        width: 51%;
    }
    .listOfApps > span > span:nth-child(4n) div {
        margin-right: 0;
    }
    .appsContentSection .appsHeaderText,.appViewSectionHeader .selectViewType{
        margin-right: 4px;
    }
    .fieldSettings .fieldpopup>div{
        left: 39%;
    }
    .leftSection .descrption.open{
        width: 47%;
    }
    .workflow-fullScreen #usersHoldDiv .addUsers .searchHold input{
        width: 180px;
    }
    .workflowCreatePage .appUsers .addUsers .searchHold .clearable.x {
        background-position: 100% 50% !important;
    }

}

@media all and (min-width:1099px) and (max-width:1200px){
    .rightPart{width:70%;}
    .leftPart{width:30%;}
    .appListSection .appIconView{
        width: 18%;
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .leftSection{
        width: 77%;
    }
    .rightSection{
        width: 22.95%;
    }
    .contentHoldHeader .leftBar{
        width: 45%;
    }
    .contentHoldHeader .leftBar .tabDiv{
        width: 22%;
    }
    .statusHold{
        width: 54%;
    }
    .listOfApps > span > span:nth-child(4n) div {
        margin-right: 0;
    }
    .appsContentSection .appsHeaderText,.appViewSectionHeader .selectViewType{
        margin-right: 4px;
    }

}
@media all and (min-width:1264px) and (max-width:1366px){
    .left,.subMenuHold,.mainMenuHold .sidebar-elements > ul:hover,.mainMenuHold .sidebar-elements > ul{
    width: 225px;
}
.mainRight{
    margin-left: 225px;
}
.loaderFull{
    left: 225px;
}
.userHold{
    width: 232px;
}
.userContent{
    width: 89%;
}
.userHold .w64{
    width: 62%;
}
    .user-dropdown .openSearchPart .searchHold.select-box input{
        width: 170px;
    }

.addMember .actionBtHold {
    width: 96.9%;
}
.subMenuHold li a{
   
    text-overflow: ellipsis;
    white-space: nowrap;
   
}
.rightPart{
    width: 70%;
}
.info02 .headerMenu{
    width: 300px;
}


.workflow .overscroll{
    height: 631px;
}
.pageProperties-area .overscroll{
    width: 77.6%;
}
.formProperties-area .overscroll{
    width: 78%;
}
.infoHold{
    width: 60%;
}
.orgchart, .appholder-new-ui{
    height: 510px;
}
#appPanel .appholder-new-ui{
    height: 470px;
}
.holidy-profile-edit .table-container .loaderFull, .workingday-profile-edit .table-container .loaderFull, .leave-profile-edit .table-container .loaderFull{
    width: 82%;
    left: 18%;
}
    .userDetailContent {
        height: calc(100% - 20px);
    }


.save-cancel-footer{
        bottom: 8px;
    }
    .leader-board-body{
        width: 95%;
    }
}
@media all and (min-width:1280px) and (max-width:1366px){
    .fixedHeader{/*left:14.2%;width:85.8%*/left: 17%; width: 80.5%;} /*.fixedHeader .table-body{padding:0 3.3%}.fixedHeader .actionBtHold{padding:10px 3% 10px 3.3%}*/
    
    .userContent {width: 89%;}
    .rightPart{width:58%;}
    .leftPart{width:42%;}
}
@media all and (min-width:1025px) and (max-width:1100px){
    .rightPart{width:60%;}
    .leftPart{width:40%;}
    .appListSection .appIconView{
        width: 18%;
    }
    .leftSection{
        width: 77%;
    }
    .rightSection{
        width: 22.95%;
    }
    .contentHoldHeader .leftBar{
        width: 45%;
    }
    .contentHoldHeader .leftBar .tabDiv{
        width: 22%;
    }
    .statusHold{
        width: 54%;
    }
    .workflow .overscroll{
        width: 75%;
    }
    .createNewNode-popup .fullScreenPopup>div, .fieldSettings .fullScreenPopup .fieldpopup>div{
        top: 4.8%;
    }

}
@media all and (min-width:1025px) and (max-width: 1199px){
.smallBox{
        display: inline-flex;
        margin: 8px;
        margin-bottom: 0px;
        margin-top: 0.9%;
        margin-left: 0.9%;
    }
    .statsRow > .col-lg-3{
        width: 22.85%;
    }
    .statsLastIcon{
        display: none;
    }
    .smallBox > .col-lg-6{
        width: 50%;
        padding: 0;
        margin-left: 30px;
    }
    .smallBox .highcharts-container{
        width: 60px !important;
    }
    .smallBox .highcharts-container svg{
        width: 60px !important;
        padding-left: 5px;
    }
    .graphBox{
        display: inline-block;
    }
    .timelineRow > .timelineBox.col-lg-6{
        width: 98.1%
    }
    .trendingDeptBox,.mostUsedAppsBox,.chatBox{
        display: inline-block;
        vertical-align: top;
    }
    .chatBox.col-lg-6{
        width: 47.9%;
    }
    .graphRow > .graphBox.col-lg-6{
        width: 48.4%;
    }
    .statsRow >div:nth-child(4){
         margin-right: 0px;
    
    }
    .appListSection .appIconView{
        width: 21%;
        margin-right: 4.8%;
        margin-bottom: 4.8%;
    }
    .listOfApps > span > span:nth-child(4n) div {
        margin-right: 0;
    }
    .appsContentSection .appsHeaderText,.appViewSectionHeader .selectViewType{
        margin-right: 3px;
    }
}
@media all and (max-width:1024px){
    .topFix .opacity0{opacity: 1;}
    .fixedHeader{display: none;}
    .topFix {position: initial; top: 0;}
    .fixed{position: inherit;}
    .rightPart{width:70%;}
    .leftPart{width:30%;}
    .appListSection .appIconView{
        width: 22%;
        margin-right: 3.4%;
        margin-bottom: 3.4%;
    }
    .appIconView .appName{
        font-size: 13px;
    }
    .leftSection{
        width: 74%;
    }
    .lastDate{
        float: none;
        font-size: 11px;
    }
    .rightSection{
        width: 25.95%;
    }
    .contentHoldHeader .leftBar{
        width: 44%;
    }
    .contentHoldHeader .leftBar .tabDiv{
        width: 22%;
    }
    .statusHold{
        width: 55%;
    }
    .l23pc {
    left: 11%;
    }
    .smallBox{
        display: inline-flex;
        margin: 8px;
        margin-bottom: 0px;
        margin-top: 0.9%;
        margin-left: 0.9%;
    }
    .statsRow > .col-lg-3{
        width: 22.85%;
    }
    .statsLastIcon{
        display: none;
    }
    .smallBox > .col-lg-6{
        width: 50%;
        padding: 0;
        margin-left: 30px;
    }
    .smallBox .highcharts-container{
        width: 60px !important;
    }
    .smallBox .highcharts-container svg{
        width: 60px !important;
        padding-left: 5px;
    }
    .graphBox{
        display: inline-block;
    }
    .timelineRow > .timelineBox.col-lg-6{
        width: 98.1%
    }
    .trendingDeptBox,.mostUsedAppsBox,.chatBox{
        display: inline-block;
        vertical-align: top;
    }
    .listOfApps > span > span:nth-child(4n) div {
        margin-right: 0;
    }
    .chatBox.col-lg-6{
        width: 47.9%;
    }
    .graphRow > .graphBox.col-lg-6{
        width: 48.4%;
    }
    .statsRow >div:nth-child(4){
         margin-right: 0px;
    }
    .appViewSectionHeader .selectViewType{
        margin-right: 3px;
    }
    
    .change-newUI-holiday{
        top: -95px;
    }
    .styled-select{
    min-width:179px; ;
}
.info02 .headerMenu{
    width: 263px;
}
#usersHoldDiv .addUsers .searchHold input{
    width: 170px;
    border: 0;
}
#usersHoldDiv .actionBtHold .searchHold input{
    width: 290px;
}
.left{
    width: 170px;
}
.subMenuHold{
    width: 170px;
}
.mainMenuHold .sidebar-elements > ul{
    width: 170px;
}
.mainRight{
    margin-left: 170px;
}
.mainMenuHold .sidebar-elements > ul:hover{
    width: 170px;
}

#usersHoldDiv .addUsers .icon-search,#usersHoldDiv .addUsers .btTrans{
    display: none;
}
.addUsers .icon-add_user{
    border: 0;
}
#usersHoldDiv .addUsers .vLine{
    position: relative;
    top: 4px;
    left: 0px;
}
#usersHoldDiv .addUsers .icon-add_user_list{
    position: relative;
    top: 0px;
    left: 0px;
    height: 38px;
    border-radius: 4px;
}
#usersHoldDiv .addUsers{
    border: 1px solid rgb(204, 204, 204);
    border-radius: 4px;
    height: 40px;
}
.userHold{
    width: 251px;
}
.subMenuHold ul .iconAdded {
    left: 82%;
}
.addMember .actionBtHold{
    width: 95.7%;
}
.subMenuHold li a{
   
    text-overflow: ellipsis;
    white-space: nowrap;
   
}  
.workingDays .OptionHold{
    z-index: 999;
}
.fieldSettings .fieldpopup>div{
    margin: 0 3%;
}
.createNewNode-popup .fullScreenPopup>div, .fieldSettings .fieldpopup>div{
    margin:0  21%;
}
.loaderFull{
    left: 169px;
}
}
@media all and (max-width:768px){
    .userMgmtPeople .actionBtHold .searchHold{
    left: -132px;
    margin-top: 10px;
    }
    .fileChooseHolder{
        width: 400px;
    }
    .styled-select{
        min-width: 175px;
    }
    .orgChartRootUsers .actionBtHold .searchHold{
        left: -5px;
    }
    .select-box{
        left: 0;
    }
    .popupHold{
        left: 18%;
    }
    .hover-search{
        display: none;
    }
    #usersHoldDiv .addUsers{
        right: 0;
    }
    #usersHoldDiv .actionBtHold .searchHold{
        max-width: 420px;
        margin-top: 50px;
    overflow: visible;
    }
    .popupHold.addMember{
        left: 8%;
    }
    .allholidayprofiles .searchHold,.holidayProfileEdit .searchHold,.profiles-allleave .searchHold,.profiles-allreimbursement .searchHold{
        margin-top: 10px;
    }
    .table > thead > tr > th{
        font-size: 11px;
    }
    .workingday-profile-edit .workingDays .bt{
        margin: 20px;
    }
    .ownersInfo .hiddenInp{
        display: none;
    } 
    .subMenuHold li a{
    
    text-overflow: ellipsis;
    white-space: nowrap;
}  
.leftSection{
    width: 72%;
}
.rightSection {
    width: 27.95%;
}
.statusHold {
    width: 55%;
    float: none;
}
.rightPart {
    width: 70%;
}
.leftPart{
    width:30%;
}
.workingDays .OptionHold{
    z-index: 999;
}
}