@media handheld, only screen and (max-width:1500px) {

    :root {
        --gray-border:#D7DADC;
    }
}

}
@media screen and (max-width: 1150px) {
    .suppliersPage{}
    .suppliersPage .mySuppliers li .supplierLinks li{height:34px;}
    .suppliersPage .mySuppliers li .supplierLinks li a{font-size:13px;}
    .page2blocks .PanelClosed{margin-right:0;}

    /* general css */


}
@media screen and (max-width: 1150px) {
    #cheques_table_page .mobilePageActionsContainer{display:flex!important;margin:0px auto;width: 92%;margin-top:20px;margin-bottom:20px;}
    #cheques_table_page .whiteBlock .actionBtns{display:none;}
    .orderPageStyle .page2blocks .itemsSideList{position:relative;max-height:550px;top:unset;}
}
@media screen and (max-width: 1100px) {

    section.main{margin:0px auto;right: auto;}
    section.main.dirLtr{left:0;right:5%;}

    .creationPage .innerBlock{width:94.8%;}
    section.main.creationPage .whiteBlock{padding-right:2%;padding-left:2%;}
    .buildingStructure{overflow-x:scroll;justify-content: flex-start!important;}
}
@media screen and (max-width: 640px) {

    .orderPageStyle .page2blocks .itemsSideList{position:relative;max-height:450px;}
}

/* reports page */
@media handheld, only screen and (max-width:1500px) {
    #reportsPage .rightBlock{width:59%;}
    #reportsPage .leftBlock{width:39%;}
}
@media screen and (max-width: 1100px) {

    #reportsPage .rightBlock{width:100%;margin:0;margin-bottom:28px;}
    #reportsPage .leftBlock{width:100%;margin:0;margin-bottom:28px;}
    #reportsPage .allContent{flex-wrap:wrap;}

    
}
@media screen and (max-width: 650px) {
    #reportsPage .formContainer{flex-wrap:wrap;}
    #reportsPage .rightColumn,#reportsPage .leftColumn{width:100%;}
}
@media screen and (max-width: 480px) {
    #reportsPage .formContainer .wrapOnMobile{flex-wrap:wrap;flex-direction: column;gap:15px;}
    #reportsPage .formContainer .wrapOnMobile .radioRegBtns{width:100%;}
    #reportsPage .buildingSelect{width:100%!important;max-width:100%!important;margin:0;}


    .flexDirectionColumnOnMobile {
        width:100%;
        flex-direction:column;
        gap:10px;
    }

    .flexDirectionColumnOnMobile .regBtn {
        width:100%;
        justify-content:center;
    }
}
@media screen and (max-width: 420px) {
    #reportsPage .selectFileType{width:100%;}
    #reportsPage .selectReportLanguage{flex:1;width:auto;margin-left:15px;}
}
/* projects page */

@media screen and (max-width: 1500px) {
    #projectsPage .table .submitted span{display:none;}
    #projectsPage .table .row .colBtn.buildingBtn span{display:none;}
    #projectsPage .table .row .colBtn span.projectRowWorkersLabel{display:none;}
    #projectsPage .table .row .info .col2Mobile > .workType{display:none;}
    #projectsPage .table .row .childRow .hideOnSmallScreen{display:none;}
}
@media screen and (min-width: 1105px) and (max-width: 1420px) {
    #projectsPage #allProjectsJobsBtn,#projectsPage #projectBlockSearch{display:none;}
}
@media screen and (min-width: 1300px) and (max-width: 1350px) {
    #projectsPage .table .row .colBtn.btnUsers span{display:none;}
    #projectsPage .table .row .colBtn.btnMoney span{display:none;}
    #projectsPage .table .row .colBtn.pricesBtn span{display:none;}
    #projectsPage .table .row .colBtn.btnMoney i,#projectsPage .table .row .colBtn.btnUsers,#projectsPage .table .row .colBtn.pricesBtn i{margin:0;}
    #workersList .submitted i{margin:0!important;}
}
@media screen and (max-width: 1300px) {
    /*.table .row .colBtn span:not(.secondSideMargined5,.number,.doNotHideOnSmallWindow){display:none;}*/
    .table .row .colBtn,.table .row .colBtn.dateBtn{flex: 1 1 0px;flex-basis:0;width:auto!important;padding: 0 8px;justify-content: center;}
    .table .row .colBtn i{margin:0;}
    .buldingsTable .row a.buildingName{margin-left:10px;font-size:14px;}
    .hideOnSmallScreenWidth{display:none!important;}
}
@media screen and (max-width: 1100px) {
    #projectsPage > .allContent,#projectsPage .whiteBlock{overflow-y:unset!important;overflow-x:unset!important;}
    #projectsPage .allContent{flex-wrap:wrap;height:auto!important;}
    #projectsPage .rightWrapper{width:100%;}
    #projectsPage .table .row .info .col1{flex:1;}
    #projectsPage .table .row .colBtn{flex:1 1 auto;}
    #projectsPage .leftWrapper{width:100%;}
    #projectsPage .leftWrapper > .whiteBlock {width:100%;margin-top: 30px;}
    /* #projectsPage .table .row:not(.building_row) .colBtn:nth-last-child(2),.table.buldingsTable .row .colBtn:nth-last-child(3){flex:unset!important;} */
    #projectsPage .table .row .colBtn{padding: 0 2vw!important;flex:0.4;justify-content: center;}
    /* #projectsPage.menuIsOpen .table .hideOnMenuOpen{display:none!important;} */
    #projectsPage .table .row .colBtn.openRowArrow{max-width:45px;min-width:45px;}
}
@media screen and (max-width: 1280px) {
    #projectsTable{padding-bottom:10px;}
    #clientsTable .clientInfo .imgContainer{height:unset;min-height:unset;display: flex;align-items: center;}
    #clientsTable .clientInfo .image{height:80px;}
    #clientsTable .clientInfo .image .inner {
        height: 80px;
        width: 80px;
        min-width: 80px;
    }
}
@media screen and (max-width: 990px) {
    /* #projectsPage .table .row .colBtn:nth-last-child(2),.table.buldingsTable .row .colBtn:nth-last-child(3){flex:unset!important;} */
    #projectsPage .table .row .colBtn{padding: 0 2vw;}
    #projectsPage .table .row .colBtn.dateBtn{width:8.13vw!important;}
}
@media screen and (min-width: 640px) and (max-width: 815px) {
    #projectsPage .table .row .colBtn.btnUsers span{display:none;}
    #projectsPage .table .row .colBtn.btnMoney span{display:none;}
    /* #projectsPage .table .row .colBtn.pricesBtn span{display:none;} */
    #projectsPage .table .row .colBtn.btnMoney i,#projectsPage .table .row .colBtn.btnUsers,#projectsPage .table .row .colBtn.pricesBtn i{margin:0;}


}
@media screen and (max-width: 1280px) {
    #projectsPage .table .row .info .col1 > .fullWidth{max-width:calc(100% - 40px)!important;}
}
@media screen and (max-width: 640px) {
    section.main{width:90%;}
    #projectsPage .whiteBlock{border:0;background:none;padding:0;}
    #projectsPage .table .row{background:none;}
    #projectsPage .table .row .info .col1{width:calc(100% - 9px);min-width:calc(100% - 9px)!important;background:white!important;min-height:55px;}
    #projectsPage .table .row .info{max-height:unset!important;}
    #projectsPage .table .row .info .col1 > .fullWidth{max-width:calc(100% - 51px)!important;}
    #projectsPage .table .row .info .col1 .checksContainer{position:absolute;left:15px;}
    #projectsTable.table .row .info,#clientsTable.table .row .info{flex-wrap:wrap;align-items: stretch;    background: white;}
    #clientsTable.table .row .info .col2{width:100%;}
    #projectsPage .table .row .info .col1{padding:15px!important;}
    #projectsPage .table .row .info .col1 > .favorite{display:none;}
    #projectsPage .table .row .info .col1 label.customCheckBox{display:none;}
    #projectsTable.table .row .info .col2{width:100%;flex:1!important;}
    #projectsTable.table .row .info .col2,.table .row .info .col2Mobile{flex:unset;align-items: stretch;flex-direction: row;}
    /*#projectsTable.table .row .info .col2 button,*/#projectsPage .table .row .info .col2Mobile > .colBtn{padding: 10px 10px!important;width:auto!important;min-width:unset;flex: 1 0 auto!important;text-align:center;}
    #projectsPage .table .row .colBtn{justify-content: center;}
    #projectsPage .table .status{position:absolute;left:25px;top:50%;margin-top: -39px;}
    /* #projectsTable.table .row .col2 > .openRowArrow{position:absolute;border-radius:50%;top:0;left:0;min-width:35px!important;width:35px!important;min-height:35px;height:35px;background:var(--basic-blue);color:white;} */
    #projectsPage .table .row .info a.projectName{font-size:15px;}
    #projectsPage .table .row .info .col2,#projectsPage .table .row .info .col2Mobile{border-top:1px solid var(--gray-border);}
    #projectsPage .table .row .info .col2 > .colBtn,#projectsPage .table .row .info .col2Mobile > .colBtn{margin-left:0;padding:15px 10px!important;font-size:14px;}
    #projectsPage .table .row .childRow{margin-bottom:0!important;display:none;border:0!important;}
    #projectsPage .table .row .childRow:before{
        position:absolute;top:-13px;content:'';left:15px;width: 0;height: 0;
        border-left: 14px solid transparent;
        border-right: 14px solid transparent;
        border-bottom: 14px solid var(--gray-border);
    }    
    #projectsPage .table .row .childRow:after{
        position:absolute;top:-11px;content:'';left:17.1px;width: 0;height: 0;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-bottom: 12px solid white;
        z-index:9;
    }
    
    #projectsPage .table .row .childRow .buttons,#clientsTable .clientInfo{border:1px solid var(--gray-border);}
   
    #projectsPage #clientsTable .row .childRow .buttons{border-bottom:0;}
    #projectsPage #clientsTable .clientInfo .allInfo .column .title{font-size:11px;}
    #projectsPage #clientsTable .clientInfo .allInfo .column .content{font-size:13px;}


    /* #clientsTable .clientInfo{border-top:0;} */
    #projectsPage .table .openRowArrow i{border-color:white!important;-webkit-transform: rotate(135deg);transform: rotate(135deg);color:white!important;margin-left:2px;}
    #projectsPage .openedRow .openRowArrow i{-webkit-transform: rotate(45deg);transform: rotate(45deg);margin:0;margin-top:-2px!important;}
    #projectsPage .table .row .info{flex-wrap:wrap;}
    #projectsTable{height:auto!important;max-height:unset!important;overflow:unset!important;}

    #projectsPage .top > .flexedMiddle{width:100%;}
    #projectsPage .top .dropdown{width:100%;}
    #projectsPage .top .dropdown .title{justify-content:flex-start!important;position:relative;}
    #projectsPage .top .dropdown .title:after{position:absolute;left:0;top:50%;transform: translateY(-50%);}
    #projectsPage .top .dropdown .dropdown-menu{min-width:145px!important;}
    #projectsPage .top .search{display:none;}
    #projectsPage .top .buttons{display:none;}
    #projectsPage .topMobile{margin-bottom:15px;}
    #projectsPage .topMobile,#projectsPage .topMobile .buttons{display:flex!important;gap:10px;justify-content: space-between;width:100%;}
    #projectsPage .topMobile .inputFiled{border-radius:35px;overflow:hidden;position:relative; flex:1;}
    #projectsPage .topMobile .inputFiled input{border-top-right-radius:35px;border-bottom-right-radius:35px;overflow:hidden;width:100%!important;padding-left:30px;}
    #projectsPage .topMobile .inputFiled button{background:none;color:;font-size:13px;position:absolute;left:8px;top:50%;transform:translateY(-50%);}
    #projectsPage .topMobile .openDropDown{min-width:45px;max-width:45px;border-radius:15px!important;display:flex;align-items:center;justify-content: center;}
    


    #projectsPage .leftWrapper .whiteBlock,#projectsPage  .rightWrapper{margin-bottom:35px;}
    #projectsPage  .whiteBlock{margin-top:0!important;}
    #projectsPage .table{margin-top:25px;margin-bottom:25px;}
    #projectsPage .table .row .childRow > .flexedSpaced{justify-content: normal;align-items: stretch;}
    /*#projectsPage .table .row .childRow .buttons,*/.table .row .childRow .buttons a,.table .row .childRow .buttons:last-child{min-height:48px;display:flex;align-items:center;font-size:15px;color:var(--menu-bg-color)!important;border-left:1px solid var(--gray-border);border-bottom:1px solid var(--gray-border);}
    #projectsPage .table .row .childRow .buttons a:last-child{border-left:0;}
    #projectsPage .table .row .childRow .buttons > a:last-child,#projectsPage .table .row .childRow .buttons > a:nth-last-child(2):nth-child(odd){border-bottom:0!important;}
    #projectsPage .table .row .childRow .buttons a:nth-child(2n+2),#projectsPage .table .row .childRow .buttons button:nth-child(2n+2){border-left:0!important;}
    #projectsPage .whiteBlock .table .row .childRow .buttons a{padding:5px 8px!important;background:white;text-decoration: none!important;}
    #projectsPage .table .row .colBtn.dateBtn{display:none;}
    #projectsPage .table .row .childRow .buttons:last-child a:last-child{border-left:0px solid var(--gray-border)!important;}
    #projectsPage .table .row .childRow > .flexedSpaced > .buttons:last-child{display:none!important;}
    #projectsPage .table .row .childRow .buttons a.mobile{display:flex!important;}
    #projectsPage .table .row .childRow > .flexedSpaced > .buttons:last-child a{width:100%;}
    #projectsPage .table .row .childRow .colBtn{justify-content: flex-start;}
    #projectsPage .table .row .info .col2 > .colBtn.openRowArrow.childVisible{background:var(--basic-blue)!important;color:white;}
    #projectsPage .table .row .info .col2 > .colBtn.openRowArrow.childVisible i{border-color:white!important;}
    #projectsPage .table .row .info:before{display:none!important;}
    #projectsPage .table .row.activeRow .colBtn.openRowArrow{border:unset!important;}
    #projectsPage .table .row.activeRow .info{border:1px solid var(--gray-border)!important;}
    #projectsPage .table .row.activeRow .buildingBtn{background:unset!important;color:var(--menu-bg-color)!important;border-color:var(--gray-border)!important;}
    /* 24/12 */
    .buildingsBlock{display:none!important;}
    .table .row > .childRow{margin-top:25px;height:auto!important;width:100%!important;flex-wrap:wrap;z-index:99;left:0;position:relative;border:1px solid var(--gray-border)!important;}
    .table .row > .childRow > .flexedSpaced{width:100%;flex-wrap:wrap;}
    .table .row > .childRow .buttons{width:100%!important;height:auto!important;border:0;flex-wrap:wrap;}
    /* .table .row > .childRow .buttons a{display:flex;background:white;border:0!important;} */
    #projectsPage .table .row .childRow .buttons{display:flex;}
    #projectsPage .table .row .childRow .buttons a{width:50%!important;text-decoration: none!important;}
    #projectsPage .table .calendar{display:none!important;}
    #projectsPage .projectBuildings{display:none;width:100%;margin-top:20px;}
    #projectsPage .projectWorkers{display:none;width:100%;margin-top:10px;}
    #projectsPage .activeRow .projectBuildings{}
    #projectsPage .activeRow .projectBuildings .row a.buildingName{margin:0;}
    #projectsPage .projectBuildings .row .info .col2Mobile > .btnMoney{display:none;}
    .table .row.activeRow .info:before{display:none!important;}
    #projectsPage .projectBuildings .col1:before{display:none!important;}
    .table .row .childRow > div{height:auto!important;}
    #projectsTable.table .row .info .col2 .colBtn.openRowArrow{display:flex;position:relative;border:0!important;}
    #projectsPage .table .openRowArrow i{border-color:#D0D0D0!important;transform: rotate(45deg);}
    #projectsPage .table .row .info .col2 > .colBtn:not(.openRowArrow),#projectsPage .table .row:not(.building_row) .colBtn:nth-last-child(2){padding:12px 10px!important;flex:1!important;}
    #projectsPage .table .col1{padding:18px!important;}
    #projectsPage .table .col1:before{content:'\f07c';font-family: "Font Awesome 5 Free";color:#DBDBDB;font-size:24px;font-weight: 900;margin-left:8px;}
    #projectsPage .table .activeRow .col1:before{color:var(--basic-blue);}
    .table .row .colBtn .counter{width:18px!important;height:18px!important;font-size: 8px!important;left: 0!important;transform: translateX(-50%)!important;right:unset!important;margin-right:-8px;}
    #projectsPage .top{background:white;padding:10px 8px;border:1px solid var(--gray-border);}
    /* #projectsTable.table .row .info .col2 .colBtn.openRowArrow:hover{background:unset!important;} */
    #projectsPage .top .openDropDown{border:0;background:none!important;}
    #projectsPage .top .openDropDown i{transform: rotate(-90deg);}
    #projectsTable.table .row .info .col2{display:none;flex:unset;}
    #projectsTable.table .row.activeRow .info .col2{display:flex;}
    /*#projectsTable.table .row.activeRow .info .col2 .colBtn:nth-child(0){display:none;}*/
    #projectsTable{max-height:unset!important;}
    /* .leftWrapper{display:none!important;} */
    .rightWrapper .whiteBlock{max-height:unset!important;position:relative;}
    .rightWrapper{max-height:unset!important;position:relative;}
    #projectsPage .allContent{max-height:unset!important;}
    #projectsPage .table .row .colBtn.openRowArrow{min-width:40px!important;max-width:40px!important;}

    #projectsTable.table .row .info .colBtn.active{background:var(--basic-blue)!important;color:white!important;}


    /* building_row */
    #projectsPage .building_row{margin-bottom:20px;}


    #projectsPage .table .row .info .col2Mobile > .submitted{display:none;}
    #projectsPage .table .row .info .col2Mobile > .workType{display:none;}

    #projectsPage .table .row .childRow .colBtn{flex:unset;}
    #projectsPage .table .row .info .col1{border-left:0;border-right:0;}
    #projectsPage .table .row .info .col2Mobile{min-width:100%;}

    #projectsPage .workerRow .info .col1:before{display:none;}
    #projectsPage .workerRow .info .regularWorkerSign{margin:0;margin-left:5px;}
    #projectsPage .workerRow .info .regularWorkerSign svg{width:17px;}
    #projectsPage .workerRow .workersMicroPhoto{margin:0;margin-left:5px;}
    #projectsPage .workerRow .status{left:0;}
    #projectsPage .workerRow {margin-bottom:10px;}
    #projectsPage .projectWorkers{}
    #projectsPage .projectStatusMenuHolder{display:none;}
    #projectsPage .table .row .info .col1 > .fullWidth{position:relative;width:100%!important;max-width:100%!important;}
    #projectsPage .table .status{ margin-top:0; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }
    #projectsPage .activeRow .projectWorkers .dropDownHolder a.dropdown-toggle{display:flex;gap:6px;height:22px;align-items:center;}
    #projectsPage .projectWorkers .dropDownHolder a.dropdown-toggle:after{
        border: solid #797979 !important;
        border-width: 0 2px 2px 0 !important;
        display: inline-block !important;
        padding: 3px!important;
        background: none !important;
        transform: rotate(45deg) !important;
        -webkit-transform: rotate(45deg) !important;
        margin-top: -4px!important;
        margin-right: 0.73vw!important;
        -moz-transform: rotate(45deg) !important;
        -ms-transform: rotate(45deg) !important;
        -o-transform: rotate(45deg) !important;
    }
    
    #projectsPage .projectWorkers .dropDownHolder a.dropdown-toggle i{color:var(--basic-green);}
    #projectsPage .projectWorkers .dropDownHolder{margin-bottom:10px;}

    #projectsPage .project_row:not(.activeRow) .projectWorkers,#projectsPage .project_row:not(.activeRow) .projectBuildings{display:none!important;} 
    
    #projectsPage:not(.clientsView) .leftWrapper{display:none;}

    #projectsPage .allContent{min-height:calc(100vh - 260px);}

    #projectsPage .table{margin-top:4px;}
    
    #projectsPage .table .row .statusIconMenuBtn{
        margin-left: 6px;
    }
}   

/*info pages*/
@media screen and (max-width: 1500px) {
    /* .page3blocks .infoBlock:not(.smallBlock){width:22vw;flex:1;} */
    .page3blocks .projectInfo,.page3blocks .secondBlock:not(.workersTimesTablePageBlocks){width:23.1vw;}
}
@media screen and (max-width: 1250px) {
    .page3blocks{}
    .page3blocks .financialInfo{display:inline-flex;flex-wrap:wrap;gap:15px;}
    .page3blocks .allBlocks{flex-wrap:wrap;gap:15px;}
    /* .page3blocks .allBlocks .whiteBlock{margin-bottom:20px;} */
    /* .page3blocks .infoBlock:not(.smallBlock){width:50%;flex:1;} */
    .page3blocks .companyInfo{width:50%;flex:1;}
    .page3blocks .projectInfo,.page3blocks .secondBlock{width:50%;}
    .page3blocks .financialInfo{min-width:100%;display:flex;flex-wrap:wrap;}
    .page3blocks .financialInfo > .whiteBlock{min-width:50%;}
    .page3blocks .imgUpload .image{max-width:250px;margin:0px auto;margin-bottom:20px;}
    .page3blocks .imgUpload .image .circle{width:120px;height:120px;}
    .page3blocks .dataBlock .icon{min-width:50px!important;min-height:50px!important;}
    .page3blocks .financialInfo{column-gap:15px;}

}
@media only screen and (max-width: 992px) {
    .page3blocks .inputFiled{margin-bottom:15px;}
    section.main .whiteBlock{padding:20px 15px;}
    .whiteBlockSidePaddings{padding-right:15px;padding-left:15px;}
}
@media screen and (max-width: 695px) {

    .page3blocks .infoBlock,.page3blocks .projectInfo, .page3blocks .supplierInfo,.page3blocks .financialInfo .whiteBlock,.page3blocks .thirdBlock{min-width:100%;width:100%!important;}
    .page3blocks .thirdBlock{width:100%;}
    .attachedFilesBlock .filesList li .info > .flexedMiddle{display:block!important;}
    .attachedFilesBlock .filesList li .info .inline:first-child{margin-bottom:10px;}
    /* .blockLinks a.fullWhiteBtn{width:calc(50% - 7.5px);} */
    /* .blockLinks a.fullWhiteBtn:nth-child(2n){margin-right:15px;} */
    .blockLinks{display:flex;flex-wrap:wrap;width:100%;}  
}

@media only screen and (max-width: 1650px) {

    .clientMainInfoBlock > .top {
        flex-direction: column;
    }

    .clientMainInfoBlock > .top a {
        margin: 10px !important;
        width: 100%;
    }

    .clientTaxDocumentsListContainer > .top {
        flex-direction: column;
    }
    .clientMainInfoBlock > .top > div {
        flex-direction: column;
    }
    .clientTaxDocumentsListContainer > .top > span {
        width: 100%;
    }
    .clientTaxDocumentsListContainer > .top > #goToClientDocuments {
        margin:10px;
    }
    .clientTaxDocumentsList li.clientDocument div.content {
        flex-direction: column;
    }

    .clientTaxDocumentsList li.clientDocument div.content div.clientDocumentItemInfo {
        width: 100%;
    }
    .clientTaxDocumentsList li.clientDocument div.content div.clientDocumentItemInfo.clientDocumentTypeName,
    .clientTaxDocumentsList li.clientDocument div.content div.clientDocumentItemInfo.clientDocumentNumber {
        display: none;
    }

    .clientTaxDocumentsList li.clientDocument div.content div.clientDocumentItemInfo.clientDocumentSum {
        flex-direction: row-reverse;
    }



    .clientMainInfoBlock #myProductsCenterLink {
        display: none !important
    }
    .panelBlockLinks > a#myProductsSideLink {
        display: flex !important;
        width: 100%;
        margin:0 !important;
    }
}
@media only screen and (min-width: 800px) {

    .clientMainInfoBlock > .top {
        flex-direction: row;
    }

    .clientMainInfoBlock > .top > div {
        flex-direction: row;
    }
}

@media only screen and (max-width: 480px) {

    .attachedFilesBlock .filesList li .icon{display:none;}
    .attachedFilesBlock .filesList li .icon.mobile{display:flex!important;width:40px;min-width:40px;height:40px;}
    .attachedFilesBlock .filesList li .info{display:flex;flex-wrap:wrap;}
    .attachedFilesBlock .filesList li .info strong.name{min-width:100%;display:none;}
    .attachedFilesBlock .filesList li{flex-wrap:wrap;}
    .attachedFilesBlock .filesList li strong.name.mobile{display:block!important;width:100%;margin-bottom:15px;}

    .blockLinks a.fullWhiteBtn{margin-right:0!important;width:100%}
    /* #projectsPage .table .row .info .col1{width:calc(100% - 20px);min-width:calc(100% - 20px)!important;} */
    .table .row .info a.projectName{width:75%;}
}


/* suppliers info */
@media screen and (max-width: 1285px) {
    .supplierInfo .smallBlock{min-width:100%;}

}
@media screen and (max-width: 1250px) {
    .supplierInfo .lastProducts .list{padding-top:20px;}
    .supplierInfo .lastProducts .list li{width:calc(50% - 7.5px);margin:0;margin-bottom:15px;}
    .supplierInfo .lastProducts .list li:nth-child(2n){width:calc(50% - 7.5px);margin-right:15px;}
    .supplierInfo .smallBlock{min-width: calc(50% - 7.5px);}
}
@media screen and (max-width: 750px) {
    .supplierInfo .secondBlock,.supplierInfo .secondBlock{width:100%!important;flex:unset;}
    .supplierInfo div .whiteBlock:last-child{margin-bottom:0!important;}

}

@media screen and (max-width: 480px) {

    .blockLinks a.fullWhiteBtn .inner span{min-width:90%;margin:0px auto;}
}
/* -- */

/* projects info */
@media screen and (max-width: 1390px) {
    .page3blocks .locationBlock .map{max-height:350px;}
}
@media screen and (max-width: 1250px) {
.page3blocks .locationBlock{flex-wrap:wrap;align-items: flex-start;}
.page3blocks .locationBlock .map,.page3blocks .locationBlock .content .title{width:100%;}
.page3blocks .locationBlock .content{margin:0;display:flex;flex-wrap:wrap;justify-content: space-between;}
/* .page3blocks .locationBlock .content .inputFiled{width:calc(50% - 7.5px);margin:0;} */
.page3blocks .locationBlock .content .title{margin:0;margin-bottom:20px;}
.page3blocks .locationBlock .map{height:auto;}
.page3blocks .locationBlock #map{min-height:350px;}
}
@media only screen and (max-width: 992px) {
    .page3blocks .locationBlock .content .inputFiled{width:100%;margin-bottom:15px;}
}
/* -- */

/* building info */
@media only screen and (max-width: 992px) {
    .buildingInfoPage .financialInfo .whiteBlock{width:100%!important;}
}
@media screen and (max-width: 480px) {
    .doneWorksTable .table .row .column-2{display:none;}
}
/* -- */




/* End info pages */

/* ---------------------------- */

/* View lists pages */

/* workers view */
@media screen and (max-width: 1300px) {

    .workersPage .workersBlock ul.summary li{flex-wrap:wrap;width: calc(33.33% - 10px);margin-left: 15px!important;}
    .workersPage .workersBlock ul.summary li:nth-child(3){margin:0;}
    .workersPage .workersBlock ul.summary li .inner{display:block;}
    .workersPage .workersBlock ul.summary li .inner > div{margin:0;width:100%;text-align:center;}
    .workersPage .breadCrumbs ul > li:nth-child(n+4){display:none!important;}

}
@media screen and (max-width: 1250px) {

    .workersPage .workersBlock .topBlock{overflow-x:auto;max-width:100%;}
    .workersPage .workersBlock .topBlock .regBtn{white-space: nowrap;}
    .workersPage .workersBlock .topBlock .regBtn:first-child{margin-right:0;}
    .workersPage .workersBlock .topBlock .rightSide{margin-right:10px;}
    .workersPage .workersBlock .topBlock .grayBtn{margin-right:0;}
    .workersPage .workersBlock .topBlock .search{width:150px;}
}
@media handheld, only screen and (max-width:1480px)  and (min-width: 1200px){

    /* .workersPage.menuIsOpen .workersList li{width:calc(33.33% - 10px);} */
}
@media handheld, only screen and (max-width:1385px) {
    /*.workersPage .workersList > li{min-width:calc(33% - (30px / 3));max-width::calc(33% - (30px / 3));}*/
    /* .workersPage .workersList > li:nth-child(3n){margin-left:0!important;} */
    .workersPage .workersMenu{width:280px!important;min-width:280px;}
    .workersPage .workersBlock{min-width: calc(100% - 280px - 15px);max-width: calc(100% - 280px - 15px);}
    /* .workersPage .workersBlock{width:calc(70% - 15px)!important;} */
}
@media handheld, only screen and (max-width:1200px) {
    /*.workersPage .workersList > li{min-width:calc(50% - (15px / 2));max-width:calc(50% - (15px / 2));}*/
}
@media screen and (max-width: 1100px) {

    .workersPage .workersBlock{max-width:100%!important;min-width:unset!important;}
    
}
@media screen and (max-width: 976px) {
    .workersPage .workersBlock .topBlock{display:none;}
    .workersPage .workersBlock ul.summary{flex-wrap:wrap;width:100%;max-width: 280px;margin:0px auto;}
    .workersPage .workersBlock ul.summary li{width:100%;margin:0!important;margin-bottom:15px!important;background:white;}
    .workersPage .workersBlock ul.summary li:last-child{margin-bottom:0!important;}
}
@media screen and (max-width: 900px) {
    /* .workersPage .workersMenu{display:none;} */
    .workersPage .workersBlock{width:calc(65% - 15px)!important;}
    .workersPage .workersMenu{width:35%!important;}
    .workersPage .workersList li a span.openArrow:after{padding:2px;}

    .workersPage .workersList li .info{padding-right:10px;padding-left:10px;}
    .workersPage .workersList li a span.openArrow{    min-width: 32px;
        height: 32px;}
}
@media screen and (max-width: 800px) {
    .workersPage .workersMenu{display:none;}
    .workersPage .whiteBlock.workersBlock{width:100%!important;padding:0;}
    .workersPage .topMobileSelectBoxMenu{display:flex!important;}
    .workersPage .workersBlock.whiteBlock,.workersPage .workersBlock .topBlock{background:none!important;border:0;padding-bottom:2px;}
    .workersPage .workersList > li,.workersPage .grayBtn,.workersPage .SelectViewData{background:white;}
    .workersPage .workersList > li{width:calc(50% - 7.5px)}
    .workersPage .workersBlock .topBlock{height: 44px;}
    .workersPage .workersBlock .topBlock .search button{margin-right:8px;margin-left:8px;}
    .workersPage .grayBtn{max-width:calc(100% - 116px);min-width:calc(100% - 116px);}
    .workersPage .SelectViewData{flex: 1;}
    
    
}
@media screen and (max-width: 600px) {
    .workersPage .workersList{flex-direction:column;justify-content: center;align-items: center;}
    .workersPage .workersList > li{width:100%;max-width:350px;}

}
@media screen and (max-width: 400px) {

    .workersPage .topMobileSelectBoxMenu{flex-direction: column;}
    .topMobileSelectBoxMenu .title{min-height:32px;align-items:center;}
    .workersPage .SelectViewData .regBtn{border:0!important;}

}
/* End view lists pages */

/* ---------------------------- */

/* Worker time records */
@media only screen and (max-width: 1450px) {
    #timeRecords .rightWrapper{width: calc(60% - 25px)!important;}
    #timeRecords .leftWrapper{width:40%!important;}
    #timeRecords .whiteBlock .dates{width:300px!important;}
    /* #timeRecords .recordsTable{width:326px!important;} */
    /* #timeRecords .rightWrapper > .flexedSpaced{flex-wrap:wrap;} */
}
@media screen and (max-width: 1250px) {
    #timeRecords .all{flex-wrap:wrap;}
    #timeRecords .rightWrapper,#timeRecords .leftWrapper{width:100%!important;}
    #timeRecords .whiteBlock .dates .blueBtn{width:auto!important;}
    #timeRecords .whiteBlock .dates .selectHolder{width:150px!important;}
}
@media screen and (max-width: 675px) {
    #timeRecords .whiteBlock .dates{margin-bottom:20px;}
    #timeRecords .whiteBlock .dates{width:100%!important;}
    #timeRecords .calendar{display:flex;justify-content: center;}
    #timeRecords .table-condensed{width:100%;}
    #timeRecords .datepicker-inline{max-width:320px;width:100%;}
    /* #timeRecords .whiteBlock .dates #prepareHoursReportBtn{width:100%!important;max-width:320px;margin:0px auto;margin-top:15px;} */
    #timeRecords .recordsTable{margin:0px auto;}
    #timeRecords .recordsTable .row.headersRow .column{font-size:13px;}
    #timeRecords .rightWrapper{margin-bottom:25px;}


}
@media screen and (max-width: 675px) {
    /* #timeRecords .whiteBlock .top .workTime{text-align:left;} */

}
@media screen and (max-width: 550px) {
    #timeRecords .whiteBlock .top{flex-wrap:wrap;align-items: flex-start;}
    #timeRecords .whiteBlock .top .title{width:100%;}
    #timeRecords .whiteBlock .top .workTime{text-align:right;width:100%;justify-content: flex-start;}
}
@media screen and (max-width: 550px) {
    /* #timeRecords .whiteBlock .top{justify-content: center;margin-bottom:15px!important;} */
    #timeRecords .whiteBlock .top .workTime{margin-top:8px;}
}
/* End worker time records */

/* ---------------------------- */

/* @media screen and (max-width: 1100px) {

    .page3blocks .infoBlock{width:100%;}
    .page3blocks .infoBlock .field{width:45%;}
    
} */


/* Order builder */
@media only screen and (max-width: 1500px) {
    .preOrder .project{width:calc(100% - 545px);}
    .preOrder .orderInfo{max-width:520px;width:100%;}
    .preOrder .orderInfo .orderDetailsBottom{align-items: center;}
    .preOrder .orderInfo .orderDetailsBottomRight .filed{margin-bottom:10px;}
    .preOrder .orderInfo .orderDetailsBottom .greenBtn{margin-bottom:12px;}

    .orderPageStyle .ProductsBlock{width:calc(100% - 210px);}
    .orderPageStyle .itemsSideList{width:280px;min-width:210px;max-width:370px;}
}
@media only screen and (max-width: 1300px) {
    .tableFilterLabel {display:none !important;}
    .visibleOnLargeScreens {display:none !important;}
    header .loggedAsProfile .exitViewe a{padding:0 1px !important;}
}
@media only screen and (max-width: 1100px) {
    .preOrder .projectBuildings li{width:calc(50% - 5px);}
    .preOrder .projectBuildings li,.preOrder .projectBuildings li:nth-child(3n+3){margin-left:10px;margin-bottom:10px;}
    .preOrder .projectBuildings li:nth-child(2n+2){margin-left:0;}
    .preOrder .projectBuildings li label{margin:0;}
}
@media only screen and (max-width: 1100px) {
    .preOrder .project{width:calc(100% - 470px);}

    .preOrder .orderInfo{max-width: 450px;}
    .preOrder .orderInfo .filed{width:calc(50% - 5px);}
    .preOrder .orderInfo .orderDetailsBottomRight .filed{max-width:100%;width:250px;margin-left:0;}
    .preOrder .orderInfo .orderDetailsBottomRight{width:calc(100% - 235px);}
    
    .orderPageStyle .allContent{flex-wrap:wrap;}
    .orderPageStyle .ProductsBlock{width:100%;}
    .orderPageStyle .itemsSideList,.orderPageStyle .ProductsBlock{min-width:100%;position:relative;top:auto;margin-bottom:20px;}
}
@media only screen and (max-width: 865px) {
    .preOrder .all{flex-wrap:wrap;}
    .preOrder .project{margin-bottom:20px;}
    .preOrder .project,.preOrder .orderInfo{width:100%;max-width:100%;}
    .preOrder #shouldIncludeDriverNotice{width:100%;}
    .preOrder .projectBuildings{padding:0 5%;}
    .preOrder .backBtn{display:none;}


}
@media only screen and (max-width: 640px) {
    .preOrder .projectBuildings{padding:0 0;}

}
@media only screen and (max-width: 640px) {
    .preOrder .orderInfo .filed,.preOrder .orderInfo .orderDetailsBottomRight .filed,.preOrder .orderInfo .orderDetailsBottomRight{max-width:100%;width:100%;}
    .preOrder .orderDetailsBottom{flex-wrap:wrap;}
    .preOrder .orderInfo .orderDetailsBottom .greenBtn{margin-top:10px;width:100%}
}
@media only screen and (max-width: 435px) {

    .preOrder .projectBuildings li{width:100%;max-width:240px;}
    .preOrder .projectBuildings li{margin:0px auto!important;margin-bottom:15px!important;}
}

/* ---------------------------- */

/* ----- Creation pages -----*/

/* New Project */
@media only screen and (max-width: 1400px){
    .creationPage .innerBlock{width:90%;}
}
@media only screen and (max-width: 1250px){
    .creationPage .innerBlock{width:95%;}
}
@media only screen and (max-width: 1100px){
    .creationPage .innerBlock{width:calc(100% - 15px);}

}
@media only screen and (max-width: 930px){
    .creationPage .rightFields{display:none;}
    .permissionsDefault > .flexed{width:100%;flex-wrap:wrap;justify-content: flex-end;}
    .permissionsDefault > .flexed > .flexed{width:100%;}
    .creationPage .leftFields{width:430px;max-width:100%;}
    .creationPage .backBtn{display:none;}
}
@media only screen and (max-width: 635px){
    .permissionsDefault > .flexed > .flexed{width:100%;flex-wrap:wrap;}
    .permissionsDefault label{width:calc(100% - 115px);margin:0;margin-bottom:25px;}
    .permissionsDefault label:first-child{width:100%;margin:0;margin-bottom:15px;}
    .permissionsDefault .copyPermissionsObjectSelection{max-width:115px;min-width:115px;}
    .creationPage .leftFields{width:100%;}
}
@media only screen and (max-width: 495px){
    .creationPage .leftFields .field{margin:0;width:100%;margin-bottom:15px;}
    .creationPage .leftFields .field.duplicate .field{width:calc(50% - 7.5px);}
}
/* end new project */

/* ----- end ----- */


/* .preOrder .projectBuildings li{} */


/* End order builder */


/* Jobs list */
@media only screen and (max-width: 1300px){
    .jobsPage .breadCrumbs ul > li:nth-child(n+4){display:none!important;}
    .jobsPage .tableBlock{width:calc(100% - 280px - 15px);}
    #buildingsModal .modalBuildingContainer .container-fluid{justify-content: flex-start!important;}

}
@media only screen and (max-width: 1150px){
    .mobileFilters{display:none;}
    .mobileFilters{top:0;right:0;position:absolute;width:100%;height:100%;background: rgba(1,1,1,0.7);z-index:99999999;padding-top:80px;}
    .mobileFilters .tableHeader{display:block!important;height:auto!important;width:100%;height:auto;padding:20px 2.5%;}
    .mobileFilters .tableHeader .inputFiled{max-width:250px;min-width:calc(50% - 10px);}
    .mobileFilters .tableHeader .inputFiled{border-left:0!important;height:40px!important;border:1px solid var(--gray-border)!important;margin-bottom:15px!important;}
    .mobileFilters .fileds{display:block!important;width:100%;}
    .mobileFilters #tableFiltersSelectsContainer{display:flex;justify-content:space-between;flex-wrap:wrap;width:95%;margin:0px auto;max-width:520px;}
    .mobileFilters #tableFiltersSelectsContainer .seachInput{width:100%!important;max-width:100%!important;}
    .mobileFilters .fileds  .labelFiled{width:100%!important;max-width:100%!important;}
    .mobileFilters .sortByBox{width:100%!important;max-width:520px!important;margin:0px auto!important;margin-bottom:15px}
    .mobileFilters .tableHeader .inputFiled.btnsHolder{width:100%!important;max-width:100%!important;background:#FFFFFF!important;border:0!important;justify-content: center;}
    .mobileFilters .mobileFiltersButtons{display:flex;align-items:center;justify-content: center;margin-top:20px;}
    .mobileFilters .mobileFiltersButtons button{background:var(--basic-blue);min-width:130px;display:flex;justify-content:center;border:0!important;color:white;align-items:center;font-size: 18px;font-weight:500;border-radius:35px;padding:10px;height:45px; }
    .mobileFilters .mobileFiltersButtons button.closeFilters{color:var(--basic-txt-color);background:#FFF;margin-left:20px;}
    .tableHeader .inputFiled button.regBtn.tagBtn{width:35px;justify-content: center;padding:0!important;}
    .mobileSideToolBar{position:fixed;z-index:9;left:10px;bottom:20px;display:block!important;width:43px;}
    .mobileSideToolBar button{opacity:0.8;width:43px;height:43px;border-radius:50%;background:var(--basic-blue);color:white;display:flex;justify-content: center;align-items:Center;font-size:15px;outline:0!important;}
    .mobileSideToolBar ul li{margin-bottom:0;margin-bottom:10px;width:100%;}
    .mobileSideToolBar button.openFilters{background:var(--basic-green);}
    .mobileSideToolBar ul li:last-child button{margin-bottom:0;}
    .mobileSideToolBar .mergeBtns li img{max-width:31px;}
    .jobsPage .whiteBlock{min-height:unset;}
    section.jobsPage > .allContent{flex-wrap:wrap;}
    .jobsPage .itemsSideList{
        overflow-y:visible;
        min-width: 100%;
        position: relative;
        top: auto;
        margin-bottom: 20px;
    }
    .jobsPage .whiteBlock.tableBlock{min-width:100%;margin-right:0;}
    .jobsPage .itemsSideList .tabbedBuildingStructureInnerContainer{width:100%;}
    .jobsPage .itemsSideList .buidlginMainRowContainer{width:100%;}
    .jobsPage .itemsSideList .buidlginMainRowContainer .row{width: 100%!important;}
    .jobsPage .accordionTabs .editingTab .inner{width:100%!important;}
    .jobsPage .accordionTabs .editingTab .inner{padding-right:3px;}
    section.main.jobsPage,body section.main.jobsPage.menuIsOpen{width:90%!important;margin:0 5%;}
    .jobsPage.sidePanelClosed .whiteBlock.tableBlock{margin-right:0!important;}
    #buildingsModal .modal-body .buildingFloorsContainer{max-width:80px;}
    /*#buildingsModal .modal-body .buildingStructureContainer{width:auto;}*/
    #buildingsModal .modalBuildingContainer .row{flex-wrap:nowrap!important;}
    #buildingsModal .modal-side{display:none!important;}
    #buildingsModal .buildingSelectionMobileContainer{display:flex!important;justify-content: center}

}
@media only screen and (max-width: 1024px){
    /* .toolBar .main .centerBnts,.toolBar .totalValues,.toolBar .approveBtn,.toolBar .buttons{display:none;} */
}
@media only screen and (max-width: 640px){

    .jobsPage .actionBtns{display:none;}

    .toolBar .mergeBtns li img{max-width:28px;}


}
/* End jobs list */

/* Suppliers list*/
@media only screen and (max-width:1100px){

    .suppliersPage .mySuppliers li .supplierLinks{width:58%;}
    .suppliersPage .mySuppliers li .supplierLinks li a{font-size:13px;}

    .suppliersPage .mySuppliers > li{flex-wrap:wrap;}
    .suppliersPage .mySuppliers > li .newOrderBtn{flex:unset;width:100%;padding: 10px 0;border-top:1px solid var(--gray-border);}
    .suppliersPage .mySuppliers li .supplierLinks{border-left:0;width:100%;}
    .suppliersPage .mySuppliers li .actions{flex:1;}
    .suppliersPage .mySuppliers li .data{width:60%;}
    .suppliersPage .mySuppliers li .newOrderBtn span{display:flex;gap:15px;align-items:center;}
    .suppliersPage .mySuppliers li .newOrderBtn span i{margin:0;}

    .suppliersPage .mySuppliers li .newOrderBtn,
    .suppliersPage .mySuppliers li .newOrderBtn span {
        height:40px;width:100%!important;background:var(--basic-blue);color:white!important;display:flex;align-items:center;justify-content: center;
    }

    .suppliersPage .mySuppliers li .newOrderBtn.orange,
    .suppliersPage .mySuppliers li .newOrderBtn.orange span,
    .suppliersPage .mySuppliers li .newOrderBtn.orange i {
        background:var(--basic-orange) !important;color:black!;
    }
    
    .suppliersPage .mySuppliers li  .newOrderBtn i{
        content:'\1';color:white!important;margin:0;margin-left:8px;
    }

    /* .suppliersPage .mySuppliers li .supplierLinks li a */
}
@media only screen and (max-width:1100px){

    section.suppliersPage  > .allContent{display:block;}
    section.suppliersPage .itemsSideList{width:100%}
    .suppliersPage .topBlock .links{display:none;}
}

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

    #suppliersCardsBlockContainer {
        width: 77vw !important;
    }
}
@media only screen and (max-width: 1000px){

    .suppliersPage .mySuppliers li .supplierLinks li{display:none;}
    .suppliersPage .mySuppliers li .oredersInProgress{display:flex;justify-content:center;align-items:center;border-radius:50%;min-height:36px;min-width:36px;height:36px;width:36px;border:1px solid var(--gray-border);height:auto;}
    .suppliersPage .mySuppliers li .supplierLinks span{display:none;}
    .suppliersPage .mySuppliers li .supplierLinks .mobile{display:block!important;}
    .suppliersPage .mySuppliers li .supplierLinks a{justify-content: center;}
    .suppliersPage .mySuppliers li .supplierLinks li a:before{display:none!important;}
    .suppliersPage .mySuppliers li .supplierLinks a .counter{position:absolute;width:18px;height:18px;top:-14px;right:-5px;font-size:11px;}
    .suppliersPage .mySuppliers li .supplierLinks{border:0;}
    .suppliersPage .mySuppliers li .data{border:0;background:white;}
    .suppliersPage .mySuppliers li .supplierLinks{display:none;}
    .suppliersPage .mySuppliers li .data a{width:100%;} 
    /* .suppliersPage .mySuppliers > li{display:block;width:100%;} */
    .suppliersPage .mySuppliers > li{flex-wrap:wrap;}
    .suppliersPage .mySuppliers .actions{width:100%!important;}
    .suppliersPage .mySuppliers li .actions .newOrderBtn,.suppliersPage .mySuppliers li .actions .newOrderBtn span{height:43px;width:100%!important;background:var(--basic-blue);color:white!important;display:flex;align-items:center;justify-content: center;}
    .suppliersPage .mySuppliers li .actions .newOrderBtn i{content:'\1';color:white!important;margin:0;margin-left:8px;}
    .suppliersPage .mySuppliers li .img{height:82px;width:75px;min-width:75px;max-width:75px;}
    .suppliersPage .mySuppliers li .data{width:100%;}
    .suppliersPage .mySuppliers li .data a{max-width:100%;}
    .suppliersPage .mySuppliers li .data a span.openArrow{min-height:36px;min-width:36px;height:36px;width:36px;}
    .suppliersPage .mySuppliers li .data a span.openArrow:after{padding:2px;}
    .suppliersPage .mySuppliers{max-height:unset!important;overflow-y:visible;}
}
@media only screen and (max-width: 745px){
    .suppliersPage .mySuppliers li{width:100%;background:white;}
    .suppliersPage .ProductsBlock{border:0!important;background:none!important;padding:0!important;}
    .ProductsBlock .tableTabsCarousleContainer {border:1px solid var(--gray-border);}
    .suppliersPage .topBlock{display:none;}
    .suppliersPage .mySuppliers{margin:0;}
    
}
@media only screen and (max-width: 640px){

}
/* End suppliers list*/
/* ---------------------------- */

/* Worker info */

@media only screen and (max-width: 1500px) {

}
@media only screen and (max-width: 1300px) {
    .workerInfoPage .workFinancialInfoMinify .workInfo li{height:122px;}
    .workerInfoPage .imgUpload .image .inner,.workerInfoPage .imgUpload .image .circle{width:113px;height:113px;}
    .workerInfoPage .profileTop{background:url('../images/workeinfo_mobil_bg.png');background-size:cover;background-position: center center;}
    .workerInfoPage .imgUpload .image{height:113px;}
    .workerInfoPage .profileTop .top{border:0!important;}
    .workerInfoPage.newWorker .middleContainer{}
    .workerInfoPage.newWorker .middleContainer{width:100%;max-width:100%;}
    .workerInfoPage.newWorker .middleContainer .whiteBlock{width:auto!important;flex:1 1;}
}
@media only screen and (max-width: 1300px) {
    .workerInfoPage .workFinancialInfoMinify .workInfo li .content span{font-size:13px;}
    .workerInfoPage .workFinancialInfoMinify .workInfo li .counter{font-size:21px;}
    .workerInfoPage .workFinancialInfoMinify .workInfo li:nth-child(2n+2){border-left:1px solid var(--gray-border);}
    .workerInfoPage .workFinancialInfoMinify .workInfo li:last-child{border-left:0;}
    .workerInfoPage .workFinancialInfoMinify .workerAttendanceLinks li{width:33.33%;border-left:1px solid var(--gray-border);border-top:0px;border-bottom:1px solid var(--gray-border);}
    .workerInfoPage .workFinancialInfoMinify .workerAttendanceLinks li:nth-child(3n+3){border-left:0;}
    .workerInfoPage .workFinancialInfoMinify .workerAttendanceLinks li:last-child{width:100%;border:0;border-left:0!important;}
    .workerInfoPage .workFinancialInfoMinify .workerAttendanceLinks li:last-child a{justify-content: center;}
    
    .workerInfoPage .workFinancialInfoMinify .workerAttendanceLinks{display:flex;flex-wrap:Wrap;}

    .workerInfoPage .all{flex-wrap:wrap;}

    .workerInfoPage .middleContainer,.workerInfoPage .rightContainer{width:100%;max-width:100%;justify-content: space-between;display:flex;}
    /* .workerInfoPage .rightContainer .whiteBlock,.workerInfoPage .leftContainer .whiteBlock{margin-bottom:0!important;} */
    .workerInfoPage .middleContainer .whiteBlock{width:calc(50% - 7.5px);}
    .workerInfoPage .workFinancialInfoMinify .workInfo{width:100%;}
    .workerInfoPage .workFinancialInfoMinify .workInfo li{min-width:unset!important;width:16.66%;}

    .workerInfoPage .leftContainer{width:100%;max-width:100%;justify-content: space-between;display:flex;}
    .workerInfoPage .leftContainer .whiteBlock{width:calc(50% - 7.5px);}
    #workerPage .whiteBlock{margin-bottom:0}
    .workerInfoPage .leftContainer,.workerInfoPage .middleContainer{display:flex;gap:15px;flex-direction: column;}

    .workerInfoPage .imgUpload{justify-content:flex-start;margin:0px auto;width:fit-content;}
    .workerInfoPage a.profileCircleBtn:first-child{margin-left:10px;}
    .workerInfoPage a.profileCircleBtn:last-child{margin-right:10px;}
}
@media only screen and (max-width: 1125px) {
    .workerInfoPage.newWorker .middleContainer .whiteBlock:nth-child(2){width: 450px!important;flex: unset;}

}
@media only screen and (max-width: 990px) {

    /* .workerInfoPage .middleContainer{display:block} */
    .workerInfoPage .middleContainer .whiteBlock,.workerInfoPage .leftContainer .whiteBlock{width:100%;}
    #workerPage .doneWorksTable .table{width:100%;}
    .workerInfoPage .workFinancialInfoMinify .workerAttendanceLinks a i{margin-left:8px!important;}

}
@media only screen and (max-width: 940px) {
    .workerInfoPage.newWorker .customRadioBtnList, .workerInfoPag.newWorker .paymentFields{width:100%;}
    .workerInfoPage.newWorker .middleContainer .whiteBlock:nth-child(2){width: 300px!important;flex: unset;}
}
@media only screen and (max-width: 750px) {
    .workerInfoPage .workFinancialInfoMinify .workInfo li{width:50%;}
    .workerInfoPage .workFinancialInfoMinify .workInfo li:nth-child(2n+2){border-left:0;}
    .workerInfoPage .personalInfo .allFields,.workerInfoPage .personalInfo .all_fields{width:85%;margin:0px auto;}
    .workerInfoPage .whiteBlock .top .cmp{display:none!important;}
    .workerInfoPage .whiteBlock .top .commitChangesBtn{display:none;}
    .workerInfoPage .profileTop .top .btns{display:none;}
    .workerInfoPage .whiteBlock .top{margin-bottom:0;padding-bottom:0;}
    .workerInfoPage .minifyElement{margin-top:15px;}
    .workerInfoPage .profile .minifyElement{margin-top:0;}

    .minifyelementBtn{display:flex!important;position:relative;}
    
    .whiteBlock:not(.expanded) .minifyElement{display:none;}


    .workerInfoPage.newWorker .middleContainer{flex-wrap:wrap;}    
    .workerInfoPage.newWorker .customRadioBtnList, .workerInfoPage.newWorker .paymentFields{width: 47.5%;}
    .workerInfoPage.newWorker .customRadioBtnList{padding-right:15px;padding-left:15px;}
    .workerInfoPage.newWorker .middleContainer .whiteBlock{width:100%!important;min-width:100%!important;}
}
@media only screen and (max-width: 640px) {
    .workerInfoPage .mobileButtons{display:flex!important;width:100%;height:60px;border-top:1px solid var(--gray-border);}
    .workerInfoPage .mobileButtons a{display:flex;align-items:center;justify-content: center;color:#B1B1B1;height:100%;width:16.66%;border-left:1px solid var(--gray-border);}
    .workerInfoPage .mobileButtons a:last-child{border-left:0;}
    .workerInfoPage .basicInfo a[href]{display:none;}
    .workerInfoPage a.profileCircleBtn{display:none!important;}

}
@media only screen and (max-width: 600px) {
    .workerInfoPage .profileTop{padding: 18px 5%!important;}
    .workerInfoPage .workFinancialInfoMinify .workInfo li,.workerInfoPage .workFinancialInfoMinify .workerAttendanceLinks li{width:50%;border:0;border-left:1px solid var(--gray-border)!important;border-bottom:1px solid var(--gray-border);}
    .workerInfoPage .workFinancialInfoMinify .workInfo li:nth-child(2n+2),.workerInfoPage .workFinancialInfoMinify .workerAttendanceLinks li:nth-child(2n+2){border-left:0!important;}
    .workerInfoPage .workFinancialInfoMinify .workerAttendanceLinks li{align-items:center;display:flex;}

    .workerInfoPage .customRadioBtnList{width:100%;padding-right:6.5%;padding-left:6.5%;}
    .workerInfoPage .whiteBlock:not(.profile){padding-right:2.5%!important;padding-left:2.5%!important;}
    /* .workerInfoPage .personalInfo .all_fields{width:100%;} */
    
}
@media only screen and (max-width: 1290px) {
    .smallFontOnSmallDevices {
        font-size: 13px;
    }
}



@media only screen and (max-width: 1050px) {

    #supplierInvoicesCreationSelectContainer {
        margin-bottom: 20px;

        display: flex;
        flex-direction: column;
    }

    .supplierInvoicesCreationModal .blockRegularRow {flex-direction: column;border-top:1px solid #aaa;margin-bottom:20px;}
    .supplierInvoicesCreationModal .modal-footer > div {flex-direction: column-reverse;margin-top:10px;justify-content:center;}
    .supplierInvoicesCreationModal .modal-footer > div > div {margin-top:10px;justify-content:center;}
    .supplierInvoicesCreationModal .addNewOrderInvoiceRow {margin-top:10px;justify-content:center;}
    .supplierInvoicesCreationModal .blockRegularRow .field{width:100% !important;max-width:100% !important;justify-content:center;}
    .supplierInvoicesCreationModal .blockRegularRow .content{display:flex;justify-content:center;}
    .supplierInvoicesCreationModal .customCheckBox {display:none}
    .supplierInvoicesCreationModal #payForAllNewInvoiesBtn {margin-left: 0px !important;margin-right: 0px !important;}
    .supplierInvoicesCreationModal .addNewOrderInvoiceRowContainer {justify-content: center;}
    .supplierInvoicesCreationModal .addNewOrderInvoiceRow {margin-left: 0px !important;margin-right: 0px !important;}
    .supplierInvoicesCreationModal .inputFiled {max-width: 100% !important;}

    .supplierInvoicesCreationModal .infoBlock .topBlock{flex-direction:column;}
    .supplierInvoicesCreationModal .infoBlock .topBlock .title{position: absolute; right:10px;}
    .supplierInvoicesCreationModal .infoBlock .topBlock .supplierInvoicesOptionsDropdownHolder{position: absolute; left:0px;margin-left:15px;}
    .supplierInvoicesCreationModal .infoBlock .topBlock .addNewOrderInvoiceRow{margin-top:55px !important;}

    #supplierInvoicesCreationModalInvoicesRowsAndImageContainer .plainRow {
        max-height: 90vh;
    }

    .supplierInvoicesCreationModal .removeRowBtnContainer {
        margin-bottom: 100px !important;
    }
}

@media only screen and (max-width: 650px) {
    .workerInfoPage .personalInfo .field{width:100%;}

    .supplierInfo .blockRegularRow {flex-direction: column;}
    .supplierInfo .blockRegularRow .field{width:100% !important;max-width:100% !important;}


    .suppplierInvoicesBlock.infoBlock .topBlock{flex-direction:column;}
    .suppplierInvoicesBlock.infoBlock .topBlock .title{position: absolute; right:10px;}
    .suppplierInvoicesBlock.infoBlock .topBlock .supplierInvoicesOptionsDropdownHolder{position: absolute; left:0px;margin-left:15px;}
    .suppplierInvoicesBlock.infoBlock .topBlock .addNewOrderInvoiceRow{margin-top:55px !important;}

    .jconfirm-buttons{flex-direction:column-reverse;align-items:center;}

    .workerInfoPage.newWorker .customRadioBtnList, .workerInfoPage.newWorker .paymentFields{width: 100%;
        padding-right: 6.5%;
        padding-left: 6.5%;
    }
}
@media only screen and (max-width: 490px) {
    .workerInfoPage .workFinancialInfoMinify .workerAttendanceLinks a[href]{padding:14px 10px;}
    .workerInfoPage .workFinancialInfoMinify .workerAttendanceLinks li{width:100%;border-left:0!important;}
    .workerInfoPage .workFinancialInfoMinify .workerAttendanceLinks li a{justify-content: flex-start;}
}
@media only screen and (max-width: 480px) {
    
    /* .workerInfoPage .whiteBlock .top{border-bottom:1px solid var(--gray-border);} */
    .workerInfoPage .whiteBlock.expanded .top{margin-bottom:0;padding-bottom:0;border-color:white;}
    .workerInfoPage .profileTop .top{margin-bottom:0;padding-bottom:0;border-color:white;}
    .workerInfoPage .personalInfo .all_fields .commitChangesBtn {margin-top:8px;}
    /* .workerInfoPage .customRadioBtnList{margin:0;margin-top:10px;} */
    .workerInfoPage .imgUpload .image{margin-bottom:15px;}


}
/* -- */

/* End Worker info */
/* ---------------------------- */

/* Prices Comparison*/

@media only screen and (max-width: 780px) {
    #comparePage .table .column .text{display:block;text-align:center;}
    #comparePage .table a{text-align:center;}
    #comparePage .table .column-4{margin: 0 12px;}
    #comparePage .table .column .price{font-size:16px;}
    #comparePage .table a{font-size:13px;}
}


/* -- */
/* End Comparison */

/* Tables Block */
@media only screen and (max-width: 1500px) {
    .page2blocks:not(.flexGap-15){gap: 2px;}
    .page2blocks .tableBlock{margin-right:2px;}

}
@media only screen and (max-width: 1100px) {
    .page2blocks .tableBlock{margin-right:0;}

}
/* ---------------------------- */

/* Finances Page */

@media screen and (max-width: 1300px) {
    #financesPages .tableBlock{width:calc(100% - 280px - 15px)!important;}

}
@media screen and (max-width: 1100px) {
    #financesPages .allContent{display:block;}
    #financesPages .panelBlock,#financesPages .tableBlock{width:100%!important;margin-left:0;margin-right:0;}
    #financesPages .panelBlock{margin-bottom: 20px;}
    /* #financesPages .panelBlock .rowsList li{width:23.5%;margin-left:2%;} */
    /* #financesPages .panelBlock .rowsList li:nth-child(4n+4){margin-left:0;} */
    #financesPages .panelBlock .rowsList{justify-content: flex-start;width:100%;}
    #financesPages .panelBlock .rowsList li{flex-basis:calc(25% - 11.25px);flex-grow:unset;}

}
@media screen and (max-width: 640px) {
    #financesPages .panelBlock .rowsList li{flex-basis:calc(33% - 10px);}
    #financesPages .rowsList li a .inner svg{width:26px;}
    #financesPages .panelBlock .rowsList li a span{font-size:14px;}

}
@media screen and (max-width: 480px) {
    #financesPages .panelBlock .rowsList li{flex-basis:calc(50% - 7.5px);}
}
/* ---------------------------- */





/* User Profile Page */
@media only screen and (max-width: 1625px) {

.userProfilePage{}
.userProfilePage .rightWrapper{margin:0 15px;}
.userProfilePage .settings .field:last-child{width:280px;}
.userProfilePage .unitsList li{width:33%;}
.userProfilePage .featuresBlock .list li .icon{min-width:35px;}
}
@media only screen and (max-width: 1350px) {

    .userProfilePage .sideMenuWidthBorders{display:none;}
    .userProfilePage .topMobileSelectBoxMenu{display:flex!important;margin:0;width:fit-content;}
    .userProfilePage .topMobileSelectBoxMenu .basicSelectPicker.grayArrow .dropdown-toggle::after{margin-right:-5px!important;}
    .userProfilePage .leftWrapper{width:50%;}
    .userProfilePage .rightWrapper{width:50%;margin:0;margin-left:15px;}
}
@media only screen and (max-width: 1285px) {
    .userProfilePage .topMobileSelectBoxMenu{max-width:400px;width: 100%;margin:0px auto;margin-bottom:20px;}
    .userProfilePage .allContainer{width:100%;min-width:100%;}
    .userProfilePage .allContent{flex-wrap:wrap;}
}
@media only screen and (max-width: 1225px) {
    .userProfilePage .allContent{flex-wrap:wrap;}
    .userProfilePage .rightWrapper,.userProfilePage .leftWrapper{width:100%;display:flex;justify-content: space-between;margin:0;}
    .userProfilePage .leftWrapper{flex-wrap:wrap;}
    .userProfilePage .profile{width:60%;min-width: 60%;margin-left:15px;} 
    .userProfilePage .rightWrapper .settings {width:40%;} 
    .userProfilePage .leftWrapper .basicBlock{width:calc(50% - 7.5px);}
    .userProfilePage .leftWrapper .basicBlock:nth-child(2n+1){margin-left:15px;}
    .userProfilePage .settings .smallField{width:100%!important;}
    .userProfilePage .settings .field{width:100%!important;}
    
}
@media only screen and (max-width: 1025px) {
    
    .leftWrapper .userOgraniziationsSelect,.userProfilePage .featuresBlock .list{width:320px;max-width:85%;margin:0px auto;}
    .userProfilePage .userOgraniziationsSelect label{font-size:13px;}
    .featuresBlock .userOgraniziationsSelect{margin-top:15px;}
    .userProfilePage .featuresBlock .list li{width:100%;height:61px;padding-left:0;border:1px solid var(--gray-border)!important;margin-top:15px;}
    .userProfilePage .featuresBlock .list li .icon{font-size:13px;width:18px;text-align:center;margin-left:8px;}
    .userProfilePage .featuresBlock .list li a.f_settings{display:flex;font-size:13px;height:100%;background:var(--basic-gray-dark);border-right:1px solid var(--gray-border);min-width:50px;justify-content:center;align-items:center;}
    .userProfilePage .basicBlock .userOgraniziationsSelect{margin-bottom:20px;}
    .userProfilePage .userOgraniziationsSelect .basicSelectPicker{width:100%;}
    .userProfilePage .blockBottomMobile{display:flex!important;align-self:flex-end;justify-content: flex-end;}
    .userProfilePage .featuresBlock .list li:first-child{margin-top:0;}
    .userProfilePage .profile .image a{max-height:unset;max-width:unset;}
    .userProfilePage .profile .image .circle{width:16vw;height:16vw;}
    .userProfilePage .cover .coverBottomLine span{margin-right:calc(16vw + 20px);}
}
@media only screen and (max-width: 900px) {
    #settingsPage .allContainer{padding:0;}
    .userProfilePage .rightWrapper{flex-wrap:wrap;}
    .userProfilePage .basicBlock{width:100%!important;margin: 0 0 15px 0!important;padding: 28px 1.4vw;}
    .userProfilePage .profile .image .circle{height:150px;width:150px;}
    .userProfilePage .cover .coverBottomLine span {margin-right: calc(150px + 20px);}
    .userProfilePage .featuresBlock .titleFull{padding-right:0;padding-left:0;}
    .userProfilePage .settings .inlineToggle{min-width:63%;max-width:63%;}
    .userProfilePage .basicBlock .titleFull i{margin-left:10px;}
    .userProfilePage .minifyelement {display:flex!important;}
    
}
@media only screen and (max-width: 641px) {
    .userProfilePage .topMobileSelectBoxMenu{max-width:400px;width: 100%;margin:0px auto;margin-bottom:20px;}

}
@media only screen and (max-width: 480px) {
    .userProfilePage .profile .data .field{width:100%!important;}
    .userProfilePage .basicBlock{padding: 28px 3.5%;}
    .userProfilePage .profile .image .circle{height:114px;width:114px;}
    .userProfilePage .profile .image{right:5%;}
    .userProfilePage .cover .coverBottomLine span {margin-right: calc(114px + 5%);}
    .userProfilePage .profile .image {position: absolute;transform: translateY(-81%);}
    .userProfilePage .profile .image a{width:34px;height:34px;}
    .userProfilePage .profile .image a.edit{left:-7px;}
    .userProfilePage .profile .data .field:first-child{margin-top:15px;}
    .userProfilePage .basicBlock .field{margin-bottom:15px!important;flex-wrap:wrap;}
    .userProfilePage .data .field:last-child{margin-bottom:0!important;}
    .userProfilePage .profile .save_modifications{margin-top:20px;}
    .userProfilePage .settings .couponBox{width:100%!important;max-width:unset;min-width:unset;flex:unset;}
    .userProfilePage .settings .field label{margin-bottom:8px;}
    .userProfilePage .settings .field.toggleField{flex-wrap:nowrap;}
    .userProfilePage .settings .field.bigger .inputFiled{width:100%;}
    .userProfilePage .settings .inlineToggle{min-width:68px;max-width:68px;}
    .userProfilePage .basicBlock .titleFull{display:flex;align-items:center;justify-content: space-between;margin-bottom:0;border:0;padding-bottom:0;}
    .userProfilePage .basicBlock .minifyContainer{padding-top:20px;border-top:1px solid var(--gray-border);margin-top:18px;}


    .userProfilePage .preference .bottomFields{flex-wrap:wrap;}
    .userProfilePage .preference .field{width:100%!important;}
    .userProfilePage .preference .fixedWidth{width:unset;}
    .userProfilePage .unitsList li{width:50%;}
}
/* End User profile page */

/* Contact Page */
@media only screen and (max-width: 1080px) {
    .dotesBlock .innerBlock{width:95%;}

}
@media only screen and (max-width: 790px) {
    #contactPage .contactInfo{flex-wrap:wrap;}
    #contactPage .contactInfo .iRow{width:100%;margin-bottom:15px;}
    #contactPage .contactInfo .iRow i{font-size:26px;}
}
@media only screen and (max-width: 600px) {
    #contactPage .contactForm form .field{width:100%;}
}


/* End contact page */

/* ---------------------------- */


/* Home Page */
@media only screen and (max-width: 1500px) {
    .homePage .allContainer .smallBanner .content h2{font-size:40px;}
    .homePage .allContainer .smallBanner .content .projectBtn{font-size:14px;height: 32px;}
}
@media only screen and (max-width: 1300px) {
    .homePage .allContainer .smallBanner .content h2{font-size:34px;}
}
@media only screen and (max-width: 1200px) {
    .homePage .featuresView .workersList li{width:31.13%;}
    .homePage .featuresView .workersList li:nth-child(3){margin-left:0;}
    .homePage .featuresView .workersList li:nth-child(4){margin-left:3.3%;}
}
@media only screen and (max-width: 1170px) {
    .homePage .tabsMenu > li{margin-left:25px;font-size:15px;}
    
}
@media only screen and (max-width: 1180px) {
    .homePage .tabsMenu .organizationSelect{display:none;}
    .homePage .tabsMenu{flex-wrap:nowrap;}
    .homePage .allContainer .smallItem{width:32.5333%;}
}
@media only screen and (max-width: 980px) {
    .homePage .allContainer .item{width:100%;}
    .homePage .allContainer .workers{width:100%;}
    .homePage .allContainer .item.smallItem {width:48.8%;}
    .homePage .item:nth-child(2), .homePage .item:nth-child(4), .homePage .item:nth-child(8){margin-left:1.2%;}
}
@media only screen and (max-width: 900px) {
    /* .homePage .allContainer .workers{width:60%;} */
    /* .homePage .allContainer .smallBanner{width:38.8%;} */
    
}
@media only screen and (max-width: 700px) {
    .homePage .allContainer .item.smallItem{width:100%;}
    .homePage .allContainer .item{margin-left:0;}
    .calculatorBlcok .inner .background img{min-width:50%;min-height:100%;width:auto;}

}
@media only screen and (max-width: 600px) {

    .homePage .mobileTabsMenu{position:relative;display:flex;align-items:center;width:calc(100% - 55px);overflow-x:hidden;}
    /* .homePage .top .settingsBtn{border-right:1px solid var(--gray-border);} */
    .homePage .mobileTabsMenu .owl-nav{display:none;}
    .homePage .mobileTabsMenu li > a{padding: 8px;background: white;border-radius: 39px!important;min-width: unset!important;max-width: unset!important;white-space: nowrap;display: flex;align-items: center;border: 1px solid var(--gray-border);}
    .homePage .mobileTabsMenu li > a[href]{text-decoration:none;outline:0;color:var(--basic-txt-color);}
    .homePage .mobileTabsMenu li > a.active{border-color:var(--basic-blue);}
    .homePage .owl-stage{display:flex;}
    .homePage .mobileTabsMenu .brand-carousel-gradient.left {left: -2px;background-image: linear-gradient(to left, rgba(243, 243, 243, 0.0), rgba(255, 255, 255, 1));}
    .homePage .mobileTabsMenu .brand-carousel-gradient.right {right:-2px;    background-image: linear-gradient(to right, rgba(243, 243, 243, 0.0), rgba(255, 255, 255, 1));}
    .homePage .mobileTabsMenu .brand-carousel-gradient {position: absolute;top: 0;width: 30px;height: 100%;z-index: 10;}
    .homePage .mobileTabsMenu .brand-carousel-gradient{background-image: linear-gradient(to right, rgba(243, 243, 243, 0.0), rgba(255, 255, 255, 1));}


    .homePage .tableContainer{overflow-x:auto;}
    .homePage .tableStructure {min-width:580px;}
    .homePage .suppliersList{flex-wrap:nowrap}
    .homePage .suppliersList li{width:auto;min-width:250px;margin-left:10px;}
}
@media only screen and (max-width: 515px) {
    .homePage .featuresView .workersList li{width:48.35%;}
    .homePage .featuresView .workersList li{margin-left:3.3%;}
    .homePage .featuresView .workersList li:nth-child(2n+2){margin-left:0;}


}
/* End Home Page */

/* Organization info page */
@media only screen and (max-width: 1300px) {

    .orgInfoPage .orgInfo{width:40%!important;}
    .orgInfoPage .thirdBlock{width:calc(60%);}

}

/* End Org ingo Page */

@media only screen and (max-width: 1400px) {

    .multiCheques .column-3 {
        width: 20%;
    }
}
/* ---------------------------- */

/* Attachments Page */
@media only screen and (max-width: 1450px) {
    #filesPage .filesList li .Right .content .info{flex-wrap:wrap;}
    #filesPage .filesList li .Right .content .info span{width:100%;}
    #filesPage .filesList{overflow-x:hidden;}
    #filesPage .filesList{padding-left:8px;}
}
@media only screen and (max-width: 1280px) {
    #filesPage .top{flex-wrap:wrap;flex-direction: column;gap:10px;}
    #filesPage .top .pageTitle{width:100%;}
    #filesPage .top .buttons{justify-content: space-between}
}
@media only screen and (max-width: 1140px) {
    #filesPage .files-block,#filesPage .gl-block{width:100%;}
    #filesPage .gallery{min-height:240px;height:auto;}
    #filesPage .filesList{margin-top:25px;}
    
}
@media only screen and (max-width: 974px) {
    #filesPage .top .buttons > div > *:not(.topSearchField){display:none;}
    #filesPage .top .buttons > div{width:100%;}
    #filesPage .top .buttons > div:last-child{display:none;}
    #filesPage .top .buttons .topSearchField,#filesPage .top .buttons .topSearchField .inputFiled{width:100%;}
}
@media only screen and (max-width: 800px) {

}
@media only screen and (max-width: 720px) {
    #filesPage .lSSlideOuter{flex-wrap:wrap;gap:15px;}
    #filesPage .pageTitle{flex-wrap:wrap;}
    #filesPage .lSSlideWrapper,#filesPage .lSPager{width:100%!important;max-width:100%!important;}
    #filesPage .lSSlideOuter .lSPager.lSGallery li{height:75px;}
    #filesPage .top .buttons .uploadBtn span{display:none;}
    #filesPage .top .buttons .uploadBtn i{margin:0;}
    #filesPage .filesList li .Right .fileType img{max-width:100%!important;}
}
@media only screen and (max-width: 690px) {
    /*#filesPage  .filesList:not(.pdfsList) .wrapOnAdapt{flex-wrap:wrap;max-width:32px;}*/
    #filesPage .filesList.pdfsList .buttons{height:22px;padding-left:8px;}
    
}
@media only screen and (max-width: 1300px) {
    #filesPage .filesList > li .regBtn .visibleOnMobile{display: block}
}
@media only screen and (max-width: 640px) {

    .regBtn.counterBtn .count {
        top: 18px;
    }

    #filesPage .filesList li .Right .fileType{min-width:43px;width:43px;height:43px;border-radius:5px;overflow:hidden;border:1px solid #f1f1f1;}
    #filesPage .filesList li .info span{font-size:11px;}
    #filesPage .filesList li .Right .content .info{display:flex;flex-direction:column;gap:5px;justify-content: flex-start;align-items: flex-start;}
    #filesPage .basicTags li a,#filesPage .basicTags .tag {
        font-size: 11px;
        padding: 7px 8px;
        height: 21px;
    }
    
    /*#filesPage .filesList li .settingsBtn,#filesPage .filesList > li .regBtn{width:23px;color:#b7b7b7;border:0;padding:0;margin:0;display:flex;align-items:center;}*/
    /*#filesPage .filesList li .settingsBtn i,#filesPage .filesList > li .regBtn i{color:#b7b7b7}*/
   #filesPage .filesList > li .buttons{width:72px;min-width:72px;}
   #filesPage  .wrapOnAdapt{display:flex;flex-wrap: nowrap}
   #filesPage .filesList li .Right{flex:1;min-width:auto;}

   #filesPage .block .title, #filesPage .blockTitle{min-height:40px;font-size:15px;}
   #filesPage .uplodaFiledContainer > .flexed{display:none;}
   
}
@media only screen and (max-width: 598px) {
    #filesPage .filesList.pdfsList > li{width:100%!important;padding-bottom:0;}
    #filesPage .filesList.pdfsList > li{}

}
@media only screen and (max-width:480px) {
    #filesPage .filesList li .Right .content strong{font-size:13px;}
    #filesPage .dropzone{width:100%!important;margin:0;}
    #filesPage .files-block > .flexed{flex-wrap:wrap;width:100%;padding: 0 15px 15px 15px;}
    #filesPage .files-block > .dropzone{width:calc(100% - 30px)!important;}
    #filesPage .files-block .dropzone{margin-top: 15px!important;}
    #filesPage .files-block{display:flex;flex-direction:column;justify-content: center;align-items: center;}
    #filesPage .block .title{min-width:100%;}
    #filesPage .filesList > li{padding:10px 0;}
    #filesPage .basicTags li{margin:0;}
    #filesPage .basicTags{gap:8px;}
    .labelsDpMenuStyled.visible.changeOpenDirection{margin-left:auto;margin-right:auto;left:50%!important;transform: translateX(-50%)!important;-webkit-transform: translateX(-50%);}
}

/* End attachments Page */


/* ---------------------------- */

/* Responsive BreadCrumbs */
@media only screen and (max-width: 1285px) {
body > .breadCrumbs{ margin-right:65px!important; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }
/* .breadCrumbs .topMobileSelectBoxMenu{display:flex!important;} */
.menuIsOpen .breadCrumbs{margin-right:170px!important;}
.breadCrumbs ul > li{display:flex!important;height:100%;margin:0;}
.breadCrumbs ul > li .mobileIcon{display:flex!important;min-height:100%;}
.breadCrumbs > ul > li > a{overflow:hidden;padding:0;max-width:0;opacity:0;transition: max-width .3s ease-in, opacity 0s 0s;}
.breadCrumbs > ul > li > a:before,.breadCrumbs > ul > li > a:after{display:none;}
/* .breadCrumbs > ul > li:focus-within{background:red;} */
.breadCrumbs > ul > li:focus-within > a,.breadCrumbs > ul > li.visible > a{opacity:1;padding-left:10px;max-width: 250px;transition: max-width .5s ease-in, opacity .3s .2s;overflow:unset;background:white;}
.breadCrumbs > ul > li:focus-within,.breadCrumbs > ul > li.visible{background-color:white;transition: background-color 1s;}
.breadCrumbs .scope_projects_select .bootstrap-select>.dropdown-toggle .filter-option-inner-inner{max-width:180px;white-space: nowrap;overflow: hidden!important;display: inline;text-overflow: ellipsis;}
.breadCrumbs > ul > li > a span{padding:0 15px;}

.breadCrumbs{margin-top:0;border-bottom:1px solid var(--gray-border);width:100%;}
/* .breadCrumbs > ul > li > a:before,.breadCrumbs > ul > li > a:after{display:none;} */
.breadCrumbs .breadCrumbsList > li:first-child{display:none!important;}
.breadCrumbs > ul > li {background-color:none;transition: background-color .3s;border-left:1px solid var(--gray-border);}
.breadCrumbs > ul > li .mobileIcon{width:38px;display:flex;align-items:Center;justify-content:center;height:100%;}

.breadCrumbs > ul > li > a span{padding:0;}
.breadCrumbs > ul > li  span.innerIcon{display:none!important;}
.breadCrumbs ul li.tag:after,.breadCrumbs ul li.tag:before,.breadCrumbs ul li.tag .tagShapeFix{display:none;}
.breadCrumbs ul li.tag{border-right:0;background: white;border-left:1px solid var(--gray-border);padding: 0 7px;}
.breadCrumbs .subWorkerView,.breadCrumbs .subWorkerView a{display:none;background:#ff3c42!important;}
.breadCrumbs .subWorkerView.subGroupView,.breadCrumbs .subWorkerView.subGroupView a{background:#ff853f!important;}
.breadCrumbs .subWorkerView.foremanView,.breadCrumbs .subWorkerView.foremanView a{background:var(--viewAsForeman)!important;}
.breadCrumbs .subWorkerView a{padding:0 10px;}
.breadCrumbs .subWorkerView .mobileIcon{color:white;}
}
@media only screen and (max-width: 1100px) {

    .breadCrumbs > ul > li:focus > a,.breadCrumbs > ul > li:focus-within > a{opacity:1;padding-left:10px;max-width: 250px;transition: max-width .5s ease-in, opacity .3s .2s;overflow:unset;}
    body.menuIsOpen .breadCrumbs,body > .breadCrumbs{margin-right:0!important;}

}
@media only screen and (max-width: 640px) {

    .breadCrumbs ul li.tag span i{text-indent:1px;}
    .breadCrumbs ul li.tag span span{display:none;}

}
/* End */


/* ---------------------------- */


/* Time Records Page */

@media only screen and (max-width: 1535px) {
    .timeRecordsPage .blocksContainer .secondBlock .bottomButtons{
        flex-wrap: wrap;
    }
}
@media only screen and (max-width: 1250px) {

    .timeRecordsPage.page3blocks .allBlocks{flex-wrap:nowrap;}
    .timeRecordsPage .blocksContainer .secondBlock,.timeRecordsPage .blocksContainer .thirdBlock{width:100%;}
    .timeRecordsPage .blocksContainer{flex-wrap:wrap;height:fit-content;}
    #timeRecords .recordsTable{width:100%!important;}
    .timeRecordsPage.page3blocks .allBlocks .whiteBlock{margin-bottom:0;}
}
@media only screen and (max-width: 1000px) {
    #hideShowDaysOffToggle{display: none;}
}
@media only screen and (max-width:780px) {
    .timeRecordsPage .firstBlock,.timeRecordsPage .secondBlock,.timeRecordsPage .thirdBlock,.timeRecordsPage .blocksContainer{width:100%;min-width:100%;}
    .timeRecordsPage.page3blocks .allBlocks{flex-wrap:wrap;}

    #timeRecords .whiteBlock .dates{width:100%!important;}
    #timeRecords .datepicker-inline{max-width:320px;width:100%;}
    #timeRecords .calendar{display:flex;justify-content: center;}
    .timeRecordsPage .selectDateRow{justify-content: center} 

    .timeRecordsPage .minifyelementBtn {display:flex!important;}

    .timeRecordsPage .minifyElement{margin-top:15px;}
    /* .timeRecordsPage .profile .minifyElement{margin-top:0;} */


    .timeRecordsPage .whiteBlock:not(.expanded) .top{margin-bottom:0!important;}

    .timeRecordsPage .minifyelementBtn{display:flex!important;position:relative;}
    .timeRecordsPage .whiteBlock:not(.expanded) .minifyElement{display:none;}
    .timeRecordsPage .firstBlock .whiteBlock .top{margin-bottom:15px!important;}
    .timeRecordsPage .expanded .flexedColumn{display:flex!important;} 

    #timeRecords .whiteBlock .top span{flex:1;}
    #timeRecords .whiteBlock .top{align-items:center;}
    

}
@media only screen and (max-width: 360px) {
    .timeRecordsPage .firstBlock{min-width:100%;}

}
/* End */

/* ---------------------------- */


/* Time Records Page */
@media only screen and (max-width: 1400px) {

    #chargePage .chrageBlock .contentRow{
        margin-top:65px;
    }
}
@media only screen and (max-width: 1220px) {
    #chargePage .chrageBlock .contentRow{
        margin-top:2.2vw;
    }}
@media only screen and (max-width: 1025px) {
    #chargePage .chrageBlock{
        width:100%;
    }
    #chargePage{
        flex-direction: column;
        gap:15px;
    }
    #chargePage .history{
        width:100%;
    }
    #chargePage .chrageBlock .blueBg{
        max-height:455px;
    }
    #chargePage .chrageBlock .chargeForm .total{
        display:block;
    }
    #chargePage .chrageBlock .chargeForm{
        display:flex;
    }
    #chargePage .chrageBlock .chargeForm .total{
        color:white;
        text-align:center;
    }
    #chargePage .chrageBlock .chargeForm .total>span{
        color:white;border-bottom:1px solid white;
    }
    #chargePage  .prePayStageSection .blueBg{
        max-height:550px;
        min-height:550px;
    }
    #chargePage .chrageBlock .payment{
        margin-top:50px;
    }

}
@media screen and (max-width: 730px) {
    #chargePage .chrageBlock .balance div span{
        font-size:36px;
    }
    #chargePage .chrageBlock .chargeForm {
        justify-content:center;
        margin-top:20px;
        padding:0;
    }

    #chargePage .chrageBlock .chargeForm .chargeAmountTextLabel {
        display:none !important;
    }

    #chargePage .btnPay{height:55px!important;min-width: 100%;}
    #chargePage .chrageBlock .chargeForm:not(.paymentSummaryBlock) .amount {
        width: 240px;
    }

    #chargePage .chrageBlock .chargeForm .total {
        display:flex;justify-content: center;gap:3px;
    }
    #chargePage .chrageBlock .chargeForm .total{
        width:100%;color:black;
    }
    #chargePage .chrageBlock .chargeForm .total>span{color:black;}
    #chargePage .chrageBlock .chargeForm .total>span{border-color:var(--baisc-txt-color);}
    #chargePage .chrageBlock .balance>span{width:100%;text-align: center;}
    #chargePage .chrageBlock .blueBg{
       top: 308px;
       width: 730px;
       transform: translate(-50%,-100% );
       left: 50%;
    right: unset;
    }
    #chargePage .chrageBlock{min-height: fit-content;}
    #chargePage .chrageBlock .contentRow{margin-bottom: 40px;}
    #chargePage .chrageBlock .balance .type{
        font-size: 15px;
        width: 22px;
        height: 22px;
    }
    #chargePage .chrageBlock .balance .type {
        margin-right:5px;
    }
}
@media screen and (max-width: 640px) {
    #chargePage .chrageBlock .chargeForm,
    #chargePage .chrageBlock .balance
    {max-width:90%!important;min-width:90%!important;}
    /* #chargePage .chrageBlock .blueBg{width:640px;} */
    #chargePage .chrageBlock .prices{}
    #chargePage .chrageBlock .contactBtn{
        background: none;
        color:white;
        padding:0;
        padding-bottom:1px;
        box-shadow: 0 0 0;
        margin:10px;
        font-size:13px;
        border-bottom:1px solid rgba(255,255,255,0.7);
    }
    #chargePage .chrageBlock .chargePrices{
        margin-top:20px;
    }
}
@media screen and (max-width: 480px) {
    #chargePage .chrageBlock .prices li:nth-child(3){display: none;}
    #chargePage .btnPay{
        width:240px;
        display: flex;
        justify-content: center;
    }
    #chargePage .chrageBlock .totalRow > .inner{
        width:92%;
        margin:0px auto;
        flex-wrap:wrap;
        padding:0 5px;
        justify-content: center;
    }
    #chargePage .chrageBlock .totalRow .cuponHolder{
        flex-wrap:wrap;
        border:0;
        padding:0;
        justify-content: center;
    }
    #chargePage .chrageBlock .totalRow .cuponHolder span{
        display:flex;
    }
    #chargePage .chrageBlock .totalRow .cupon{
        border:0;
        flex-wrap:wrap;
        gap:8px;
        padding:8px 5px 15px 5px;
    }
    #chargePage .chrageBlock .totalRow .cupon .field{
        margin:0;
        width:100%;
        align-items: center;
        padding-inline-end: 2.5px;
    }
    #chargePage .chrageBlock .totalRow .cupon .field input{
        flex:1;
    }
    #chargePage .chrageBlock .totalRow .cupon .field button{
        margin:0;
    }

    
}
@media screen and (max-width: 376px) {
    #chargePage .chrageBlock .prices li:nth-child(2){
        display: none;
    }
}
    /* prePayStageSection */
@media screen and (max-width: 640px) {
    #chargePage .prePayStageSection .creditCardUserParams{
        width:100%;
    }
    #chargePage .prePayStageSection .paymentRow{
        width: 100%;
        margin:0px auto;
        max-width:100%;
        padding-top:20px;
    }
    #chargePage .chrageBlock .creditCardUserParams{
        max-width:420px;
        min-width:unset!important;
    }
    #chargePage .chrageBlock .creditCardUserParams{
        min-width:100%;
    }
    #chargePage .prePayStageSection .chargeForm{max-width: 100%!important;min-width: 100%!important;}
    #chargePage .prePayStageSection .paymentSummaryBlock {margin-top:20px!important;}
}
@media screen and (max-width: 560px) {
    #chargePage .chrageBlock .paymentRow .paymentRowFooter{
        flex-wrap:wrap;
        height:auto!important;
        gap:8px;
    }
    #chargePage .payViaCreditCardBtn{
        min-width: 100%!important;
        display: flex;
        justify-content: center;
        gap:3px;
    }
    #chargePage .chrageBlock .paymentRow .paymentRowFooter .paymentRowFooterCheckBox{
        width:90%;
        padding-top:15px;
    }
    #chargePage .chrageBlock .payment{
        flex-wrap:wrap;
        width:calc(100% - 30px);
        max-width:320px;
        margin:0px auto;
        gap:15px;
        margin-bottom:15px;
    }
    #chargePage .chrageBlock .payment li{
        min-width: 100%;
        margin:0;
    }
    #chargePage .chrageBlock .creditCardUserParams{
        max-width: calc(100% - 30px);
    }
    #chargePage .prePayStageSection .chargeFormUserDetails .inputField{
        height:auto;
        background: none!important;
        border:none!important;
        flex-wrap:wrap;
        gap:5px;
    }
    #chargePage .prePayStageSection .chargeFormUserDetails .inputField label{
        min-width: 100%;
        height:fit-content;
        line-height: 22px;
        background: none;
        padding:0;
        justify-content: flex-start!important;
    }
    #chargePage .prePayStageSection .chargeFormUserDetails .inputField .input{
        width: auto;
        height: 41px;
        border: 1px solid var(--gray-border);
        border-radius: 0;
        display: flex;
    }

    #chargePage .chrageBlock .chargeForm .total {
        display: inline;
        white-space: pre-line;
        line-height: 24px;
        height: fit-content;
        align-items: center;
        text-align: center!important;
        padding:0;          

    }
}
@media screen and (max-width: 560px) {
    #chargePage .chrageBlock .chargeForm .total{flex-wrap:wrap;}
    #chargePage .chrageBlock .paymentRow .paymentRowFooter .terms{
        padding:0;
    }
    #chargePage .chrageBlock .paymentRow .paymentRowFooter .paymentRowFooterCheckBox{
        padding-inline: 10px;
    }
}
    /* prePayStageSection */

/* End */

/* Vehicles Info View & Clients */
@media only screen and (max-width: 1500px) {
    .vehiclesPage .page2blocks{gap:10px;}
    .vehiclesPage .panelBlock{
        position:relative;
        /*max-height:450px!important;*/
        top:unset!important;
    }
}
@media only screen and (max-width: 1100px) {
    .vehiclesPage .allContent {flex-wrap:wrap;}
    .vehiclesPage .page2blocks .panelBlock{width:100%!important;}
    .vehiclesPage .contactsList .contacts{display:flex;flex-wrap:wrap;}
    .vehiclesPage .contactsList .contacts li{width:50%!important;border-bottom:1px solid var(--gray-border)!important;padding:0 10px;}
    .vehiclesPage .contactsList .contacts li:not(:nth-child(2n+2)){border-left:1px solid #d7dadc80;}
    .vehiclesPage .contactsList .contacts{max-height:340px!important;}
    .vehiclesPage .columnImg{min-width:225px!important;}
    .vehiclesPage .mainInfoBlock .field{width:calc(50% - 7.5px);}
    .vehiclesPage .mainInfoBlock .field .inputFiled{max-width:320px!important;}
}

@media only screen and (max-width: 1024px) {
    .clientsPage .smallBlock .fields.multiListsContainer{flex-wrap:wrap;}
    .clientsPage .smallBlock .fields .multiInputsListContainer{min-height: fit-content}
}
@media only screen and (max-width: 830px) {
    .vehiclesPage .smallBlock .fields .field{width:100%;}
}
@media only screen and (max-width: 770px) {
    .vehiclesPage .filedsContainer .field{width:calc(50% - 7.5px);}
    .vehiclesPage .filedsContainer .field.textAreaField{width:100%;}
}
@media only screen and (max-width: 740px) {                                                                                                                                             
    .vehiclesPage .columnImg{min-width:100%!important;}
    .vehiclesPage .imgUpload.objectImageContainer .image{width:auto;height:auto;padding: 15px;display:flex;justify-content: center;align-items:center;}
    .vehiclesPage .imgUpload.objectImageContainer .image .circle{ position:relative;width:115px;height:115px;top:unset!important; left:unset; transform: translate(0); -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); }
    .vehiclesPage .imgUpload.objectImageContainer .image{margin-bottom:0;}
}
@media only screen and (max-width: 640px) {
    
    .vehiclesPage .contactsList .contacts li{
        width:100%!important;
        border-left:0!important;
        border-right:0!important;
    }
}
@media only screen and (max-width: 592px) {
    .vehiclesPage .smallBlock{width:100%!important;}   

}
@media only screen and (max-width: 380px) {
    .vehiclesPage .mainInfoBlock .field{width:100%;}

}

/*Tax Documents Page*/
@media only screen and (max-width: 1040px) {

    .taxDocumentPageStyle .table-responsive{width:100%;overflow-x:auto;}
    .taxDocumentPageStyle .table-responsive table{min-width:700px;}
    .taxDocumentPageStyle .tableContainerBlock{max-width: 100%!important;}
}
@media only screen and (max-width: 992px) {
    .taxDocumentsPage.preOrder .columns2x .column:last-child{max-width:100%;}
    .taxDocumentsPage.preOrder .field.forceWidth180{width:100%!important;}

    /* .taxDocumentPageStyle .allContent{flex-wrap:wrap;} */
    .taxDocumentPageStyle .allContent .all{flex:1;}

    

}

@media only screen and (max-width: 927px) {
    .taxDocumentsPage .documentTypeSelectionContainer{width:100%;min-width:100%;border:0;}
    .taxDocumentsPage .documentTypeSelectionList li{flex: 1 1 calc(50% - 7.5px);max-width:calc(50% - 7.5px);}

}
@media only screen and (max-width: 1050px) {
    .taxDocumentPageStyle .allContent{flex-wrap:wrap;}
    .taxDocumentPageStyle .allContent .panelBlock,.taxDocumentPageStyle .page2blocks .all{width:100%;}


}
@media only screen and (max-width: 520px) {
    .taxDocumentPageStyle .tableContainerBlock .totalInfo{width:100%;}
    .taxDocumentPageStyle .tableContainerBlock .addNewRowBtnContainer{position: relative;bottom:0!important;margin-block-start: 40px;}
}
@media only screen and (max-width: 407px) {
    .taxDocumentsPage .documentTypeSelectionList li{max-width:100%;}
}
/* End *Tax Documents Page */

/*Order Papers Page */
@media only screen and (max-width: 1050px) {
    .orderPageStyle .packages{
        flex-wrap:wrap;
    }
    .orderPageStyle .packages>li {
        flex: 1 0 45%;
    }

    .jc-bs3-container.container {
        max-width: inherit !important;
    }
}
/*End Order Papers Page */

/* Wizard Pages */
@media only screen and (max-width: 580px) {
    .wizardBlockContainer .wizardBlock{min-width: unset;width:100%;margin:0;}
    .wizardBlockContainer {padding: 0 2px!important;}
}
/* End Wizard Pages */


/* Cheques Page */
@media only screen and (max-width: 1285px) {
.headerMessage {margin:0;min-width: 100%;margin-block-end: 15px;}
}
/*End*/