body { height: 100.1vh; } body::-webkit-scrollbar { width: 8px; } body::-webkit-scrollbar-track { background-color: var(--menu-bg-color); } body::-webkit-scrollbar-thumb { background-color: #c5c5c5; border-radius: 25px; } textarea::-webkit-scrollbar { width: 5px; } textarea::-webkit-scrollbar-track { background-color: var(--body-bg-color); } textarea::-webkit-scrollbar-thumb { background-color: #606060; border-radius: 25px; } /* */ .orderPageStyle .page2blocks .itemsSideList{width:17.6vw;margin-right:inherit;position: -webkit-sticky;position: sticky;top: 104px;} .orderPageStyle .page2blocks .itemsSideList.suppliersSideList{max-height:unset;} .orderPageStyle .page2blocks .itemsSideList.combinedViewMode{overflow:auto;} /* .orderPageStyle .tableBlock{width:calc(100% - 17.6vw - 20px)!important;} */ .orderPageStyle .tableBlock{flex:1;} .modal-open .orderPageStyle .itemsSideList{position:relative;top:0;} .itemsSideList span.title{color:var(--basic-txt-color);font-size:16px;font-weight:400;display:block;text-align:right;} .itemsSideList span.title i{color:var(--basic-blue);margin-left:8px;font-size:13px;} .itemsSideList .searchBox{ position:relative; width:100%; border-bottom: 1px solid var(--gray-border); height:40px; margin-top:4px; } .itemsSideList .searchBox input{width:100%;height:100%;background:none;font-size:14px;padding-right:10px;} .itemsSideList .searchBox i{background:none;color:#bebebe;font-size:13px;margin-left:5px;position:absolute;left:0;} .itemsSideList .searchBox button{width:100%;height:100%;background:none;outline:0;text-align:right;border:0!important;} .itemsSideList .searchBox .dropdown{width:100%!important;height:100%!important;text-align:right;outline:0;} .itemsSideList .searchBox .dropdown *{ text-align: right;} .itemsSideList .searchBox button:after{display:none;} .itemsSideList .itemsList{width:100%;min-height:15vw;max-height:calc(36vw - 231px); overflow-y:auto;text-align:right;padding-left:7px;margin-top:25px;} .itemsSideList .bootstrap-select .dropdown-menu li a.selected span.check-mark:before{top:-4.8px;} .itemsSideList .bootstrap-select .dropdown-menu li a span.text{margin-right:8px!important;font-size:15px;} .itemsSideList .itemsList .hiddenSubPrice {display:none} .itemsSideList .itemsList .hiddenPricesCategory {display:none} .orderPageStyle .itemsSideList .itemsList li{width:100%;margin-bottom:5px;} .orderPageStyle .itemsSideList .itemsList li a.openList{width:100%;display:block;background:var(--basic-gray);color:#2b3b4a;font-size:15px;font-weight:500;padding:15px;} .orderPageStyle .itemsSideList .itemsList li a.openList:hover{background:#f8f7f7;text-decoration:none;} .orderPageStyle .itemsSideList .itemsSubList{width:100%;padding:15px 23px;display:none;} .orderPageStyle .itemsSideList .itemsSubList li{width:100%;position:Relative;} .orderPageStyle .itemsSideList .itemsSubList li a{display:block;width:100%;color:#687b8d;font-size:14px;padding-right:10px;padding-top:10px;padding-bottom:10px;} .orderPageStyle .itemsSideList .itemsSubList li a:hover{background:var(--basic-gray);} .orderPageStyle .itemsSideList .itemsSubList li a span{display:inline-block;} .orderPageStyle .itemsSideList .itemsSubList li a:before{content:'•';color:#687b8d;position:absolute;right:0;top:50%;transform:translateY(-50%);text-decoration:none;} .orderPageStyle .itemsSideList .itemsSubList li a:hover{font-weight:500;text-decoration:none;} .orderPageStyle .buttonHolder{width:100%;border-radius: 0;background:var(--basic-gray);padding:20px;} .orderPageStyle .buttonHolder button{width:100%;height:45px;} /* .orderPageStyle .itemsSideList .itemsList li:nth-child(2n+2) a.openList{border-color:#7acffb;} .orderPageStyle .itemsSideList .itemsList li:nth-child(3n+3) a.openList{border-color:#6de7b5;} .orderPageStyle .itemsSideList .itemsList li:nth-child(5n+5) a.openList{border-color:#fe8db5;} .orderPageStyle .itemsSideList .itemsList li:nth-child(4n+4) a.openList{border-color:#968af7;} */ .itemsSideList .starColorDropDown .starColorsDropDown.dropdown-menu.show { transform: translate(100px, -10px) !important; } .itemsSideList .starColorDropDown .starColorsDropDown .dropdown-item span.smallSideNumber { left: 10px !important; overflow: visible; } /* .orderPageStyle .panelBlockLinks{justify-content: center;} */ .orderPageStyle td.price input:disabled,.orderPageStyle td.price input.disabled,.orderPageStyle td.unitPrice input:disabled,.orderPageStyle td.unitPrice input.disabled{background:white!important;color:black!important;} .orderPageStyle .bottomBtns{margin-top:30px;} .orderPageStyle .bottomBtns .btn{border-radius: 0;color:white;text-align:center;height:36px;min-width:145px;padding:0 20px;font-size:15px;font-weight:500;} .orderPageStyle .bottomBtns .btn:disabled{background:#caced2;} .orderPageStyle .bottomBtns .btnDelete{background:#ed5e68;margin-left:20px;} .orderPageStyle .bottomBtns .commitOrderBtn{background:var(--basic-blue);height:40px;border: 1px solid var(--basic-blue-middle);} .orderPageStyle .bottomBtns span.small{color:#767676;font-size:12px;font-weight:400;} .orderPageStyle .bottomBtns span.total{color:#767676;font-size:15px;font-weight:400;} .orderPageStyle .bottomBtns span.total > span{display:inline-block;direction:ltr;} .orderPageStyle table .regBtn.removeRowBtn{margin:0px auto;} /* #taxDocumentPage .pageSidePanel { position: fixed; } */ .taxDocumentPageStyle .itemsSideList .itemsList li{width:100%;margin-bottom:5px;} .taxDocumentPageStyle .itemsSideList .itemsList li a.openList{width:100%;display:block;background:var(--basic-gray);color:#2b3b4a;font-size:15px;font-weight:500;padding:15px;} .taxDocumentPageStyle .itemsSideList .itemsList li a.openList:hover{background:#f8f7f7;text-decoration:none;} .taxDocumentPageStyle .itemsSideList .itemsSubList{width:100%;padding:15px 23px;display:none;} .taxDocumentPageStyle .itemsSideList .itemsSubList li{width:100%;position:Relative;} .taxDocumentPageStyle .itemsSideList .itemsSubList li a{display:block;width:100%;color:#687b8d;font-size:14px;padding-right:10px;padding-top:10px;padding-bottom:10px;} .taxDocumentPageStyle .itemsSideList .itemsSubList li a:hover{background:var(--basic-gray);} .taxDocumentPageStyle .itemsSideList .itemsSubList li a span{display:inline-block;} .taxDocumentPageStyle .itemsSideList .itemsSubList li a:before{content:'•';color:#687b8d;position:absolute;right:0;top:50%;transform:translateY(-50%);text-decoration:none;} .taxDocumentPageStyle .itemsSideList .itemsSubList li a:hover{font-weight:500;text-decoration:none;} .taxDocumentPageStyle .buttonHolder{width:100%;border-radius: 0;background:var(--basic-gray);padding:20px;} .taxDocumentPageStyle .buttonHolder button{width:100%;height:45px;} /* .taxDocumentPageStyle .itemsSideList .itemsList li:nth-child(2n+2) a.openList{border-color:#7acffb;} .taxDocumentPageStyle .itemsSideList .itemsList li:nth-child(3n+3) a.openList{border-color:#6de7b5;} .taxDocumentPageStyle .itemsSideList .itemsList li:nth-child(5n+5) a.openList{border-color:#fe8db5;} .taxDocumentPageStyle .itemsSideList .itemsList li:nth-child(4n+4) a.openList{border-color:#968af7;} */ .taxDocumentPageStyle .tableContainerBlock{width:100%;position: relative;} .taxDocumentPageStyle .tableContainerBlock .title{color:var(--basic-txt-color);font-size:15px;font-weight:400;margin-bottom:0;} .taxDocumentPageStyle .tableContainerBlock .title i{color:var(--basic-blue);font-size:13px;margin-left:8px;} .taxDocumentPageStyle .tableContainerBlock .title strong{font-weight:500;} .taxDocumentPageStyle .tableContainerBlock .history{margin-top:15px;} .taxDocumentPageStyle .tableContainerBlock a.priceList{color:#2b3b4a;font-size:15px;font-weight:400;text-decoration:none;margin-left:8px;} .taxDocumentPageStyle .tableContainerBlock a.priceList i{margin-left:8px;font-size:13px;margin-bottom:0;} .taxDocumentPageStyle .tableContainerBlock a.priceList:last-child{margin-right:10px;margin-left:0;padding-left:0!important;} .taxDocumentPageStyle .tableContainerBlock a.priceList:hover{color:var(--basic-blue);} .taxDocumentPageStyle .tableContainerBlock .input{color:#151b20;font-size:15px;font-weight:400;padding:0 12px;background:white;height:40px;text-align:center;direction:ltr;} .taxDocumentPageStyle .tableContainerBlock form.dataForm{direction:rtl;text-align:right;margin-top:30px;} .taxDocumentPageStyle .tableContainerBlock form.dataForm .bootstrap-select button{border:1px solid #d8d8d8;height:40px;color:#151b20;font-size:15px;font-weight:400;padding:0 18px;background:white;text-align:right;} .taxDocumentPageStyle .tableContainerBlock form.dataForm .bootstrap-select *{text-align:right;} .taxDocumentPageStyle .tableContainerBlock form.dataForm .rightSide{width:58.65%;flex-wrap:wrap;} .taxDocumentPageStyle .tableContainerBlock form.dataForm .leftSide{width:40%;} .taxDocumentPageStyle .tableContainerBlock form.dataForm .rightSide .input{width:32.15%;margin-bottom:20px;} .taxDocumentPageStyle .tableContainerBlock form.dataForm .input,.taxDocumentPageStyle .tableContainerBlock form.dataForm .btn{border-radius: 0;} .taxDocumentPageStyle .tableContainerBlock form.dataForm .bootstrap-select{width:32.15%;margin-bottom:20px;} .taxDocumentPageStyle .tableContainerBlock form.dataForm .rightSide .largeInput{width:51.5%;} .taxDocumentPageStyle .tableContainerBlock form.dataForm .rightSide .driver{font-size:15px;color:#767676;width:46%;margin:0;height:40px;margin-bottom:20px;} .taxDocumentPageStyle .tableContainerBlock form.dataForm .leftSide .txt{background:#f9f9f9;width:100%;height:102px;margin-bottom:18px;padding-top:12px;} .taxDocumentPageStyle .tableContainerBlock form.dataForm .leftSide .bootstrap-select{width:100%;} .taxDocumentPageStyle .tableContainerBlock .backBtn{margin-left:8px;} .taxDocumentPageStyle .tableContainerBlock .history table{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;border-collapse: collapse; width: 100%;} .taxDocumentPageStyle #documentBlocksContainer { flex-direction: column; } .taxDocumentPageStyle .tableContainerBlock#documentTitleContainerBlock { height: 100px; } .taxDocumentPageStyle .tableContainerBlock#incomeTableContainerBlock { flex-grow: 1; } .taxDocumentPageStyle .tableContainerBlock#paymentsTableContainerBlock { flex-grow: 1; } .taxDocumentPageStyle .tableContainerBlock#documentTitleContainerBlock .documentDateSecondStepContainer { width:15% } @media handheld, only screen and (max-width:560px) { .taxDocumentPageStyle .tableContainerBlock#documentTitleContainerBlock { display: flex; justify-content: center; align-items: center; flex-direction: column; height: 170px; } .taxDocumentPageStyle .tableContainerBlock#documentTitleContainerBlock .documentDateSecondStepContainer { display: flex; flex-direction: column; width: 100%; align-items: center; justify-content: center; } } @media handheld, only screen and (max-width:750px) { #incomeTableContainerBlock, #paymentsTableContainerBlock { width: 1300px !important; overflow-x: scroll; } #documentIncomeTable, #documentPaymentsTable { width: 1200px !important; } #createTaxDocumentSettingsModal .modal-content { margin-right: 7%; } #taxDocumentActionsModal .modal-footer > .btn { min-height: 90px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .taxDocumentPageStyle .tableContainerBlock#paymentsTableContainerBlock { min-height: 300px; } #incomeTableContainerBlock .addNewRowBtnContainer { position: relative !important; margin-block-start: 140px !important; } #paymentsTableContainerBlock .addNewRowBtnContainer { position: relative !important; margin-block-start: 70px !important; } } @media handheld, only screen and (max-width:580px) { #createTaxDocumentSettingsModal .modal-content { margin-right: 10%; } } .documentBuilderPageMainSection .descriptionColumn .chosen-container { min-width: 65px; } .taxDocumentPageStyle .tableContainerBlock .inputFiled{width:100%;height:41px;border:1px solid var(--gray-border);border-radius: 0;display:flex;align-items:center;} .taxDocumentPageStyle .tableContainerBlock .inputFiled input{width:100%;height:100%;display:block;border-radius: 0;padding: 0 10px;font-size:15px;} .taxDocumentPageStyle .tableContainerBlock .inputFiled label{margin:0;display:block;height:;color:var(--basic-blue);font-size:13px;margin-right:11px;} .taxDocumentPageStyle .tableContainerBlock .inputFiled textarea{padding:10px;background:none;height:100%;width:100%;} .taxDocumentPageStyle .tableContainerBlock .inputFiled.textarea{min-height:100px;border-bottom-right-radius:0;border-bottom-left-radius:0;} .forceRoundedTopBorders, .forceRoundedTopBorders .regBtn { border-top-right-radius: 5px !important; border-top-left-radius: 5px !important; } .forceRoundedBottomBorders, .forceRoundedBottomBorders .regBtn { border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; } .notRoundedTopBorders, .notRoundedTopBorders .regBtn { border-top-right-radius:0 !important; border-top-left-radius:0 !important; } .notRoundedBottomBorders, .notRoundedBottomBorders .regBtn { border-bottom-right-radius:0 !important; border-bottom-left-radius:0 !important; } #documentDescriptionText { text-align: right; direction:rtl; } #documentNotes { text-align: right; direction:rtl; resize: none; } .taxDocumentPageStyle .tableContainerBlock .history table td, .taxDocumentPageStyle .tableContainerBlock .history table th {padding: 8px; text-align:center;} .taxDocumentPageStyle .tableContainerBlock .history table th:first-child { border-top-right-radius: 5px !important;} .taxDocumentPageStyle .tableContainerBlock .history table th:last-child { border-top-left-radius: 5px !important;} .taxDocumentPageStyle .tableContainerBlock .history table td.rowSum {padding-left: 20px; text-align:left;min-width:130px;} /* .taxDocumentPageStyle .panelBlockLinks{justify-content: center;} */ .taxDocumentPageStyle td.price input:disabled,.taxDocumentPageStyle td.price input.disabled,.taxDocumentPageStyle td.unitPrice input:disabled,.taxDocumentPageStyle td.unitPrice input.disabled{background:white!important;color:black!important;} .taxDocumentPageStyle .tableContainerBlock .history table th {padding-top: 12px;padding-bottom: 12px;background-color: #4d5b72;color: white;text-align:center;} .taxDocumentPageStyle .bottomBtns{margin-top:30px;} .taxDocumentPageStyle .bottomBtns .btn{border-radius: 0;color:white;text-align:center;height:36px;min-width:145px;padding:0 20px;font-size:15px;font-weight:500;} .taxDocumentPageStyle .bottomBtns .btn:disabled{background:#caced2;} .taxDocumentPageStyle .bottomBtns .btnDelete{background:#ed5e68;margin-left:20px;} .taxDocumentPageStyle .bottomBtns .preCommitTaxDocumentBtn{background:var(--basic-blue);height:40px;border: 1px solid var(--basic-blue-middle);} .taxDocumentPageStyle .bottomBtns span.small{color:#767676;font-size:12px;font-weight:400;} .taxDocumentPageStyle .bottomBtns span.total{color:#767676;font-size:15px;font-weight:400;} .taxDocumentPageStyle .bottomBtns span.total > span{display:inline-block;direction:ltr;} .taxDocumentPageStyle table .regBtn.removeRowBtn{margin:0px auto;} .taxDocumentPageStyle .tableContainerBlock .history table tr:not(:first-child){border-bottom:1px solid var(--gray-border);} .taxDocumentPageStyle .tableContainerBlock .totalInfo{width:300px;display:flex;flex-direction: column;margin-inline-start: auto;} .taxDocumentPageStyle .tableContainerBlock .totalInfo .row{border-bottom:1px solid var(--gray-border);display:flex;flex-direction: row;} .taxDocumentPageStyle .tableContainerBlock .totalInfo .row .column{flex:1;padding: 0 20px;min-height:40px;display:flex;align-items:center;justify-content:flex-start;} .taxDocumentPageStyle .tableContainerBlock .totalInfo .row .column .valueField{font-weight:bold;direction:ltr;} .taxDocumentPageStyle .tableContainerBlock .totalInfo .row .column:last-child{justify-content: flex-end} #documentIncomeTableSummaryBlock { width:400px; } #documentPaymentsTableSummaryBlock { width:475px; } #documentRoundFinalValueInputValue { direction: ltr; } .documentRoundFinalValueSelectContainer, .documentRoundFinalValueContainer, .documentDiscountTypeSelectContainer, .documentDiscountValueContainer { display: inline-block; width: auto; line-height: 20px; border-bottom: 1px dashed var(--basic-title); } .documentDiscountValueContainer { width: 80px; margin-right: 15px; } .documentDiscountValueContainer input { text-align: center; width: 80px; } .documentRoundFinalValueContainer { width: 80px; margin-right: 15px; } .documentRoundFinalValueContainer input { text-align: center; width: 80px; height: 20px; } .documentRoundFinalValueSelectContainer select, .documentDiscountTypeSelectContainer select { background: white; cursor: pointer; margin: -3px; min-width: 111px; } .taxDocumentPageStyle .tableContainerBlock .addNewRowBtnContainer {position:absolute;} #pricingTableSummaryValuesTable { width: 350px; margin-right: 20px; } #pricingTableImmediatePaymentSummaryValuesTable { width: 350px; } #pricingTableSummaryValuesTable .row:not(.titleRow), #pricingTableImmediatePaymentSummaryValuesTable .row:not(.titleRow) { border-left: 1px dashed gray; border-right: 1px dashed gray; } #pricingTableSummaryValuesTable .row.lastRow, #pricingTableImmediatePaymentSummaryValuesTable .row.lastRow { border-bottom: 1px dashed gray; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #pricingTableSummaryValuesTable .row.titleRow { justify-content: center; } #upgradeCostRawValue, #pricingTableSummaryValuesTable .subscriptionPrice { font-weight: bold; } #pricingTableSummaryValuesTable .subscriptionCouponValueField { display: inline-block; width: auto; line-height: 20px; border-bottom: 1px dashed var(--basic-title); } #pricingTableSummaryValuesTable .subscriptionCouponValueField { width: 100px; /* margin-right: 15px; */ } #pricingTableSummaryValuesTable .subscriptionCouponValueField input { text-align: right; width: 100px; } .pageSidePanel .blueIcon { color:var(--basic-blue)!important; } .taxDocumentPageStyle .pageSidePanel .regBtn{margin:0!important;margin-bottom:18px!important;display:flex!important;width:100%;border-radius: 5px!important;height:54px!important;} .taxDocumentPageStyle .pageSidePanel .regBtn:hover{} .taxDocumentPageStyle .pageSidePanel .regBtn i{font-size:16px!important;margin-left:5px!important;display:block!important;} .taxDocumentPageStyle .documentNumberHolderBlock{color:var(--basic-title);font-size:13px;text-align:center;width:100%;margin-bottom:25px;} .taxDocumentPageStyle .documentNumberHolderBlock span.documentNumber{color:#2b3b4a;font-size:36px;text-align:center;display:block;margin-top:10px;direction: ltr;letter-spacing:-2px;} .taxDocumentPageStyle .documentNumberHolderBlock span.documentNumber.smallerNumber{font-size:20px;letter-spacing:0px;} .taxDocumentPageStyle .documentClientInfoBlock { color:var(--basic-title); font-size:13px; text-align:center; width:100%; margin-bottom:25px; } .taxDocumentPageStyle .documentClientInfoBlock span.documentClientInfoDataHolder { color:#2b3b4a; font-size:20px; text-align:center; display:block; line-height:2; } .tableContainerBlock .documentDateInfoContainer { color:#2b3b4a; font-size:17px; text-align:center; display:block; line-height:36px; } .documentNumberHolderBlock span.documentNumberSeparator { margin: 2.5px; } .workerLinkCodeNumberHolderBlock .workerLinkCodeNumberInfoText { color:var(--basic-title); font-size:18px; text-align:center; width:100%; margin-bottom:25px; } .workerLinkCodeNumberHolderBlock { color:#2b3b4a; font-size:28px; text-align:center; display:block; margin-top:15px; margin:25px; direction: ltr; } .workerLinkCodeNumberHolderBlock span.workerLinkCodeNumberSeparator { margin: 5px; } .suppliersPage{} .suppliersPage .allContent{align-items:flex-start;} .suppliersPage .noSuppliers{text-align:center;margin-top:35px;min-height:150px;} /* .suppliersPage .noSuppliers span{display:block;font-size:22px;color:var(--basic-txt-color);} */ .suppliersPage .suppliersList{width:100%;margin-top:15px;min-height:15vw;max-height:36vw;overflow-y:auto;} .suppliersPage .suppliersList li{width:100%;margin-bottom:0;position:relative;margin-bottom:8px;} /* .suppliersPage .suppliersList li > div{border-bottom:1px solid #e7e8e8;} */ /* .suppliersPage .suppliersList li:last-child > div{border-bottom:0;} */ .suppliersPage .suppliersList li > div{border:1px solid var(--gray-border);} .suppliersPage .suppliersList li > div label{cursor:pointer;width:100%;min-height:44px;padding:15px 20px;display:flex;background:white;} .suppliersPage .suppliersList li > div label.checked{background:#e1f3ff;} .suppliersPage .suppliersList li > div:hover label{background:var(--basic-gray);text-decoration:none;color:#2b3b4a;} .suppliersPage .suppliersList li > div label span{font-size:15px;} .suppliersPage .suppliersList li > div i{} /* .suppliersPage .suppliersList li > div:hover i{font-size:16px;} */ .suppliersPage .suppliersList li .fav{height:calc(100% - 2px);border-right: 1px solid #e7e8e8;position:absolute;left:1px;top:1px;padding:12px;background:var(--basic-gray);color:var(--menu-bg-color);} .suppliersPage .suppliersList li .fav.active{background:var(--basic-blue);color:white;} .suppliersPage .suppliersList .dropDownHolder:not(.otherOptionsSupplierInvoicesRecognitionBtnHolder){margin-left:35px;} .suppliersPage .dropDownHolder:not(.otherOptionsSupplierInvoicesRecognitionBtnHolder) button{color:#d1d1d1;background:none;font-size:16px;} .suppliersPage .dropDownHolder:not(.otherOptionsSupplierInvoicesRecognitionBtnHolder)[aria-expanded="true"] button{color:var(--basic-blue);} .suppliersPage .suppliersList li label{margin:0;} .suppliersPage .suppliersList li > div label span.ordersAmount{font-size:11px;margin:0 3px;} .suppliersPage .suppliersList li > div label span.ordersAmount span{color:var(--basic-green);font-size:11px;} /*.suppliersPage .itemsSideList .backToSuppliers{text-align:center;color:#2b3b4a;font-size:15px;text-decoration:none;display:flex;text-align: center;} .suppliersPage .itemsSideList .backToSuppliers i{color:var(--basic-green);font-size:13px;margin-left:8px;} .suppliersPage .itemsSideList .backToSuppliers:hover{color:var(--basic-green);}*/ .suppliersPage .mySuppliers{width:100%; align-items: flex-start;margin-top:25px;min-height:0;max-height:36vw;overflow-y:auto;overflow-x: visible;padding-left:0;padding-top:10px;} .suppliersPage .mySuppliers > li{position:relative;width:49%;border:1px solid var(--gray-border);border-radius: 2px;margin-bottom:25px;} .suppliersPage .mySuppliers li .img{border-radius:15%;border:1px solid var(--gray-border);min-width: 4.22vw;max-width: 4.22vw;height: 4.22vw;background:#f5f5f5;overflow:hidden;margin-left:0.9vw;} .suppliersPage .mySuppliers li .img img{width:100%;border-radius: 15%;} .suppliersPage .mySuppliers li .data{width:46%;border-left:1px solid var(--gray-border);padding:1vw;} /* .suppliersPage .mySuppliers li:hover .data{background:var(--basic-gray);} */ .suppliersPage .mySuppliers li .data span{color:#2b3b4a;font-size:16px;} .suppliersPage .mySuppliers li .data > span{ padding-left: 40px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow:hidden; } .suppliersPage .mySuppliers li .data a{position:relative;max-width: 9.375vw;color:#2b3b4a!important;font-size:16px;text-decoration:none!important;cursor:pointer;flex:1;} .suppliersPage .mySuppliers li .data a span.openArrow{position: absolute;left: 0;border: 1px solid var(--gray-border);background:white;border-radius:50%;height:1.7vw;width:1.7vw;top:50%;transform: translateY(-50%);} .suppliersPage .mySuppliers li .data a span.openArrow:after{content: '';position: absolute;border: solid hsl(209, 26%, 23%);border-width: 0 2px 2px 0;margin-top: -0.1vw; display: inline-block;padding: 0.15vw;background: none;transform: rotate(45deg);-webkit-transform: translate(-50%,-50%) rotate(45deg);left:50%;top:50%;margin-top:-0.1vw;margin-left:-0.01vw;} .suppliersPage .mySuppliers li .data a span.name{width:calc(100% - 1.7vw);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .suppliersPage .mySuppliers li .actions{width:54%;} .suppliersPage .mySuppliers li .btn{width:auto;padding:4px 18px;font-size:16px;color:#2b3b4a;background:var(--basic-gray);} .suppliersPage .mySuppliers li .btn.createOrder{background:var(--basic-blue);color:white;margin-right:10px;} .suppliersPage .mySuppliers li .icons{margin-right:20px;} .suppliersPage .mySuppliers li .icons a{color:#d1d1d1;font-size:16px;} .suppliersPage .mySuppliers li a.removeSupplierFromFavoriteBtn{display:none;position:absolute;top:-13px;left:-13px;border:2px solid white;height:26px;width:26px;border-radius:50%;background:#e32a2a;color:white;text-align:center;font-size:16px;} .suppliersPage .mySuppliers li a.removeSupplierFromFavoriteBtn:hover{text-decoration:none;background:#d54848;} .suppliersPage .mySuppliers li:hover a.removeSupplierFromFavoriteBtn{display:flex;} .suppliersPage .buttonHolder{width:100%;border-radius: 0;background:var(--basic-gray);padding:20px;} .suppliersPage .buttonHolder button{width:100%;height:45px;} .suppliersPage .mySuppliers li .buttons a{margin-left:10px;} .suppliersPage .mySuppliers li .buttons a:last-child{margin-left:0;} .suppliersPage .mySuppliers li .supplierLinks{height:100%;width:100%;border-left:1px solid var(--gray-border);} .suppliersPage .mySuppliers li .supplierLinks li{height:33.33%;width:100%;border-bottom:1px solid var(--gray-border);} .suppliersPage .mySuppliers li .supplierLinks li a{position:relative;font-size:14px;text-decoration:none!important;width:100%;display:flex;height:100%;align-items:center;color:#2b3b4a;} .suppliersPage .mySuppliers li .supplierLinks li a .counter{background:var(--basic-green);height:0.9375vw;width:0.9375vw;color:white;font-size: 0.6vw;border-radius:50%;margin-left:0.4vw;margin-right:-0.4vw;} .suppliersPage .mySuppliers li .supplierLinks li a:before{ width:6px;height:100%;border-left:1px solid var(--gray-border);content:'';background:#c9e0ff;margin-left:0.8vw; } .suppliersPage .mySuppliers li .supplierLinks.actionsBtnsContainer li a:before { margin-left:0.0vw; } .suppliersPage .mySuppliers li .supplierLinks li a:hover:before{background:var(--basic-blue);} .suppliersPage .mySuppliers li .supplierLinks li a.orange:hover:before{background:var(--basic-orange);} .suppliersPage .mySuppliers li .supplierLinks.actionsBtnsContainer li a{background:var(--basic-gray);} .suppliersPage .mySuppliers li .supplierLinks li:last-child{border-bottom:0;} .suppliersPage .mySuppliers li .newOrderBtn{flex:1;height:100%;text-align:center;text-decoration: none!important;position:relative;} .suppliersPage .mySuppliers li .newOrderBtn i{color:var(--basic-blue);text-align: center;font-size:20px;margin:0 8px;} .suppliersPage .mySuppliers li .newOrderBtn.orange i{color:var(--basic-orange);} .suppliersPage .mySuppliers li .newOrderBtn span{display:flex;flex-direction: row;text-align:center;text-align:center;color:#2b3b4a;font-size:15px;font-weight:400;} .suppliersPage .mySuppliers li .newOrderBtn:after{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;content:'';height:0;background: var(--basic-blue);position:Absolute;width:100%;left:0;bottom:0;} /* .suppliersPage .mySuppliers li .newOrderBtn:hover:after{height:6px;} */ .suppliersPage .topBlock{border-bottom:1px solid var(--gray-border);padding-bottom:15px;} .suppliersPage .topBlock .search{position: relative;display:flex;margin-left: 20px!important;margin-right: 20px!important;margin-bottom: 0!important;border: 1px solid var(--gray-border)!important;width: auto!important;height: 41px!important;} .suppliersPage .topBlock .search button i{ color: #bbbbbb;} .suppliersPage .topBlock .search button {background: none;outline: 0;border: 0;margin-left: 8px;} .suppliersPage .topBlock .search .links{} .suppliersPage .topBlock .search input { border-radius: 0; width: 100%; font-size: 15px; color: #4d5b72; padding-left: 12px; padding-right: 12px; } .buttonWithBlueBottomBorder { border-bottom: 2px solid var(--basic-blue); } .buttonWithBlueIcon i{color:var(--basic-blue);} .suppliersPage .topBlock .links a{position:relative;color:#2b3b4a;text-decoration:none;font-size:15px;} .suppliersPage .topBlock .links a.ordersListLink:after{width:140%;height:1px;content:'';position:absolute;bottom:-100%;margin-bottom:-0.5px;right:-20%;} .suppliersPage .topBlock .links a.ordersListLink:hover:after{background-color: var(--basic-blue);} #gotoFastAddModeForSupplier i{display:block;margin-left:5px;color:var(--basic-blue);font-size:12px;} .suppliersPage .topBlock .links a i{display:block;margin-left:5px;color:var(--basic-blue);font-size:12px;} .suppliersPage .topBlock .links a:hover i{color:var(--basic-blue);} .suppliersPage .topBlock .links .space{width:1px;background:var(--gray-border);margin: 0 1.25vw;} .suppliersPage .suppliersActiveCounter{font-size:13px;color:#9c9c9c;} @media handheld, only screen and (max-width:1800px) { .suppliersPage .mySuppliers li .btn.createOrder{padding:4px 10px;} .suppliersPage .mySuppliers li .buttons{flex-wrap:wrap;} .suppliersPage .mySuppliers li .buttons a.btn{flex:1;min-width:100%;margin:0;} .suppliersPage .mySuppliers li .buttons a.btn:first-child{margin-bottom:8px;} } /* General class names is more useful */ .sideSelectableItemsList{width:100%;margin-top:15px;min-height:15vw;max-height:36vw;overflow-y:auto;} .sideSelectableItemsList li{width:100%;margin-bottom:0;position:relative;margin-bottom:8px;} .sideSelectableItemsList li > div{border:1px solid var(--gray-border);} .sideSelectableItemsList li > div label{cursor:pointer;width:100%;min-height:44px;padding:15px 20px;display:flex;background:white;} .sideSelectableItemsList li > div label.checked{background:var(--basic-gray);} .sideSelectableItemsList li > div:hover label{background:var(--basic-gray);text-decoration:none;color:#2b3b4a;} .sideSelectableItemsList li > div label span{font-size:15px;} .sideSelectableItemsList li > div i{} .sideSelectableItemsList li .fav{height:calc(100% - 2px);border-right: 1px solid #e7e8e8;position:absolute;left:1px;top:1px;padding:12px;background:var(--basic-gray);color:var(--menu-bg-color);} .sideSelectableItemsList li .fav.active{background:var(--basic-blue);color:white;} .sideSelectableItemsList .dropDownHolder{margin-left:35px;} .sideSelectableItemsList li label{margin:0;} .sideSelectableItemsList li > div label span.ordersAmount{font-size:11px;margin-right:3px;} .sideSelectableItemsList li > div label span.ordersAmount span{color:var(--basic-green);font-size:11px;} .sideSelectableItemsList li button.openDropDown{position:absolute;margin-left: -5px;padding:5px;left:4%;color: #d1d1d1;background: none;font-size: 16px;top:50%;transform: translateY(-50%);}.suppliersList li button.openDropDown{position:absolute;margin-left: -5px;padding:5px;left:4%;color: #d1d1d1;background: none;font-size: 16px;top:50%;transform: translateY(-50%);} .sideBlockFullWidthBottomLink{text-align:center;color:#2b3b4a;font-size:15px;text-decoration:none;display:flex;margin:0px auto;text-align: center;} .sideBlockFullWidthBottomLink i{color:var(--basic-green);font-size:13px;margin-left:8px;} .sideBlockFullWidthBottomLink:hover{color:var(--basic-green);text-decoration:none;} #workerPage{} #workerPage .info{width:27.3%;} #workerPage .info .fileds{margin-top:35px;} #workerPage .newWorker .info{width:35.3%;} #workerPage .jobInfo{width:42.2%;} #workerPage .newWorker .jobInfo{width:63.2%;justify-content: flex-start;} #workerPage .salary{width:28.1%;} #workerPage .tableBlock{width:49.4%;} #workerPage .whiteBlock{margin-bottom:1vw;padding:1.8vw;} #workerPage .info .title{color:var(--basic-txt-color);font-size:15px;font-weight:400;} #workerPage .info .title i{color:var(--basic-blue);font-size:13px;} #workerPage .info h2{font-weight:400;margin:0;margin-bottom:30px;color:#151b20;font-size:30px;margin-top:15px;} #workerPage .inputFiled{width:100%;display:flex;flex-wrap:nowrap;height:41px;border:1px solid var(--gray-border);background:white;border-radius: 0;margin-bottom:18px;} #workerPage .inputFiled .bootstrap-select button{width:100%;height:100%;border:0;outline-color: white !important;outline:0!important;} .inputFiled.txtArea{height:80px;overflow-y:auto;max-height:80px;} .inputFiled .input{width:100%;background:none;border-top-left-radius:5px;border-bottom-left-radius:5px;padding-right:1.04vw;color:#151b20;font-size:15px;} #workerPage .fileds .field:last-child .inputFiled{margin-bottom:0;} #workerPage .fileds .title{color:var(--basic-blue);font-size:14px;font-weight:400;margin-bottom:14px;display:block;} .inputFiled .input.newAdditionalFrequency{padding-right:0.4vw;} .splitPaymentNoticeText { font-size: 12px; margin-top: 3px; position:absolute; } /* .taxDocumentsBuilderTotalValueSmallSubNoticeText { font-size: 12px; margin-top: 28px; margin-right: 38px; position: absolute; } */ .taxDocumentsBuilderTotalValueSmallSubNoticeText, .taxDocumentsBuilderPaymentsTableTotalValueSmallSubNoticeText { font-size: 13px; margin-top: 70px; margin-right: 0px; position: absolute; } #documentPaymentsTableSummaryBlockAutoAdjustToggleContainer { margin-top: 79px; margin-right: 260px; position: absolute; } .splitPaymentInputFieldContainer { height: 30px !important; margin-top: -15px !important; } #workerPage .withholdingTaxBlock .blockFields { max-width: 380px; /* margin-right: 20%; */ } #workerPage .jobInfo{} #workerPage .jobInfo .fileds:first-child{width:55%;} #workerPage .newWorker .jobInfo .fileds:first-child{width:50%;margin-left:3%;} #workerPage .jobInfo .fileds:last-child{width:31%;} #workerPage .jobInfo .options label{color:#151b20;font-size:15px;font-weight:400;margin:0;} #workerPage .jobInfo label.customCheckBox span.checkbox{margin-left:4px;} #workerPage .jobInfo .option{margin-bottom:8px;width:45%;} #workerPage .jobInfo .inputReg{font-size:15px;border:1px solid var(--gray-border);height:41px;border-radius: 0;color:#151b20;width:5.0vw;text-indent:12px;} #workerPage .jobInfo .input:disabled{background:var(--basic-gray);} #workerPage .jobInfo .options{margin-bottom:18px;} #workerPage .jobInfo .toggleSwitch{margin-bottom:18px;} #workerPage .jobInfo .bootstrap-select>.dropdown-toggle{background:none;border:0;height:100%;} #workerPage .jobInfo .paymentEdit{padding:5px;width:100%;border:1px solid var(--gray-border);display:block;margin-bottom:18px;background:var(--basic-gray);border-radius: 0;height:41px;text-decoration:none;color:#151b20;font-size:15px;font-weight:400;display:flex;align-items: center;justify-content: center;} #workerPage .jobInfo .paymentEdit i{margin-left:4px;color:var(--basic-blue);font-size:16px;} #workerPage .jobInfo .inputFiled a.action{display:flex;height:100%;align-items:center;} #workerPage .jobInfo .inputFiled a.action i{margin-left:4px;color:var(--basic-blue);font-size:16px;} #workerPage .jobInfo .inputFiled a.action:hover{text-decoration:none;} #workerPage .jobInfo .inputFiled a.action:hover i{color:#3cbe89;} #workerPage .option.fullWidth{width:85%!important;} #workerPage .salary{} #workerPage .salary .topRow{background:#3c7bf3;border-radius: 0;color:white;font-size:14px;margin-bottom:18px;} #workerPage .salary .topRow .currentSalary{width:67.5%;padding:15px;} #workerPage .salary .topRow .lastSalary{width:32.5%;background:#316de0;border-radius: 0;padding:15px;} #workerPage .salary .topRow .circle{ min-width: 3.08vw; min-height: 3.08vw; text-align: center; line-height: 1; box-sizing: content-box; white-space: nowrap; } #workerPage .salary .topRow .circle{width:3.08vw;height:3.08vw;border-radius:50%;background: #b1ccff;color:white;font-size: 30px;margin-left:1.45vw;} #workerPage .salary .topRow .currentSalary span{font-size:39px;font-weight:400;} #workerPage .salary .topRow .currentSalary span span{font-size:32px;} #workerPage .salary .topRow .lastSalary span{font-size:29px;font-weight:300;} #workerPage .salary .status a{height:41px;border-radius: 0;width:5.78vw;background:#4d5b72;font-size: 19px;color:white;font-weight:500;} #workerPage .salary .status a:last-child{background:#3cbe89;font-size:16px;margin-right: 11px;} #workerPage .salary .status a:hover{background:#3c7bf3;text-decoration:none;opacity:0.8;} #workerPage .salary .status span{color:#151b20;font-size:15px;margin-left:10px;} #workerPage .salary .status{margin-bottom:18px;} #workerPage .salary .buttons{width:100%;} #workerPage .salary .buttons a.whiteBtn {padding:0 10px;margin-bottom:18px;border-bottom:2px solid var(--basic-gray);box-shadow: 0px 1px 6.65px 0.35px rgba(0, 0, 0, 0.1);width:48.8%;background:white;border-radius: 0;height:49px;color:#151b20;font-size:16px;font-weight:400;text-decoration:none;} #workerPage .salary .buttons a.whiteBtn:hover{background:#3c7bf3;color:white;opacity:0.8;border-color:#316de0;} #workerPage .salary .buttons a.blueBtn {padding:0 10px;margin-bottom:18px;border-bottom:2px solid var(--basic-gray);box-shadow: 0px 1px 6.65px 0.35px rgba(0, 0, 0, 0.1);width:48.8%;background:3c7bf3;border-radius: 0;height:49px;color:#fff;font-size:16px;font-weight:400;text-decoration:none;} #workerPage .salary .buttons .monthCounter {box-shadow: 0px 1px 6.65px 0.35px rgba(0, 0, 0, 0.1);width:48.8%;background:white;border-radius: 0;height:auto;color:#151b20;padding:25px 1.1vw;} #workerPage .salary .buttons .monthCounter span.counter{color:#4d5b72;font-size:40px;font-weight:300;text-align:center;display:block;} #workerPage .salary .buttons .monthCounter .inner{position:relative;padding:45px 10px;width:100%;border:1px solid var(--gray-border);} #workerPage .salary .buttons .monthCounter .top{position:absolute;top:-8px;white-space:nowrap;transform: translateX(-50%);left:50%;background:white;padding:0 8px;font-size: 15px;color: #151b20;} #workerPage .monthCounter a{text-decoration:none;} #workerPage .monthCounter .dropdown-menu a{text-align:right;direction:rtl;} .doneWorksTable .table{width:33.1vw;max-width:100%;} .doneWorksTable .tableTitle{width:7vw;font-size:15px;color:#151b20;text-align:center;padding:0 8px;} .doneWorksTable .tableTitle i{display:block;color:#3d81ee;font-size:2.5vw;text-align: center;margin:0px auto;margin-bottom:20px;} .doneWorksTable .table .row{margin:0;min-height:55px;gap:5px;} .doneWorksTable .table .row{width:100%;background:var(--basic-gray);padding:12px 1.5vw;color:#151b20;align-items:center;font-size:15px;} .doneWorksTable .table .row:nth-child(2n+2){background:#ffffff;} .doneWorksTable .table .row .column{min-width:27px;} .doneWorksTable .table .row .column:last-child{min-width:40px!important;align-items: center;justify-content: center;display:flex;} .doneWorksTable .table .row .column-1{width:16.6%;flex:1;} .doneWorksTable .table .row .column-2{width:25.22%;} .doneWorksTable .table .row .column-3{width:41.4%;} .doneWorksTable .table .projectLink{position:relative;width: 27px;height: 27px;background:white;display:block;color:#4d5b72;font-size:11px;border-radius:50%;box-shadow: 0px 1px 6.65px 0.35px rgba(0, 0, 0, 0.1);} .doneWorksTable .table .projectLink i{position:absolute;transform:translate(-50%, -50%) rotate(90deg) ;left: 50%;top: 50%!important;margin-left:-1px;} .doneWorksTable .table .projectLink:hover{background:#3c7bf3;text-decoration:none;opacity:0.8;color:white;} .doneWorksTable .table .row.headers{border-bottom:2px solid var(--gray-border);} .doneWorksTable .table .tableBody{max-height:300px;overflow-y:auto;} .doneWorksTable .table .tableBody .row{background:#ffffff;} .doneWorksTable .table .tableBody .row:nth-child(2n+2){background:var(--basic-gray);} @media handheld, only screen and (max-width:1440px) { #workerPage .salary .topRow .circle{font-size:22px;} } @media screen and (max-width: 1539px) { #workerPage .info{width:43%;margin-left:1vw;} #workerPage .jobInfo{width:calc(57% - 1vw);} #workerPage .salary{display:flex;width:100%;justify-content: space-between;align-items:flex-start;margin-bottom: 1vw;} #workerPage .salary .topRow{width:43%;} #workerPage .salary .buttons{width:calc(57% - 1vw);} #workerPage .tableBlock{width:43%;} #workerPage .tableBlock:last-child{width:calc(57% - 1vw);} } #workerPageMobile{width:90%;max-width:560px;margin:0px auto;padding-top:18px;} #workerPageMobile .block{width:100%;margin-bottom:18px;} #workerPageMobile .whiteBlock{padding:20px 6%;} #workerPageMobile .whiteBlock .blueBtn{font-size:14px;height:35px;margin-top:25px;} #workerPageMobile .block .closed{} #workerPageMobile .block .closed .title{color:#4D5C71;font-size:18px;} #workerPageMobile .block a.openTab{display:block;text-decoration:none;color:#4D5C71;font-size:36px;font-weight:300;} #workerPageMobile .block .innerBlock{display:none;color:#4D5C71;} #workerPageMobile .inputFiled{width:100%;display:flex;flex-wrap:nowrap;height:41px;border:1px solid var(--gray-border);background:white;border-radius: 0;margin-bottom:18px;} #workerPageMobile .inputFiled .icon{margin:0;width:50px;color:#4d5b72;font-size:15px;display:flex;align-items:center;justify-content: center;background:var(--basic-gray);border-left:1px solid var(--gray-border);} #workerPageMobile .inputFiled .input{width:100%;background:none;border-top-left-radius:5px;border-bottom-left-radius:5px;padding-right:1.04vw;color:#151b20;font-size:15px;} #workerPageMobile .fileds .field:last-child .inputFiled{margin-bottom:0;} #workerPageMobile .fileds{margin-top:25px;} #workerPageMobile .block .opened{} #workerPageMobile .block .opened .title{color:#4D5C71;font-size:24px;} #workerPageMobile .block a.closeTab{display:block;text-decoration:none;color:#4D5C71;font-size:36px;font-weight:300;} #workerPageMobile .salary .topRow{background:#3c7bf3;border-radius: 0;color:white;font-size:14px;margin-bottom:18px;} #workerPageMobile .salary .topRow .currentSalary{width:67.5%;padding:15px;} #workerPageMobile .salary .topRow .lastSalary{width:37.5%;background:#316de0;border-radius: 0;padding:15px;} #workerPageMobile .dropdown-toggle{height:100%;} #workerPageMobile .selectPicker-style-1 .dropdown-toggle::before{display:none;} #workerPageMobile .fileds .title{display:block;font-size:24px;font-weight:400;margin-bottom:20px;margin-top:25px;} #workerPageMobile .fileds a.paymentEdit {width: 100%; border: 1px solid var(--gray-border);display: block;margin-bottom: 18px;background: var(--basic-gray);border-radius: 0;height: 41px;text-decoration: none;color: #151b20;font-size: 15px;font-weight: 400;display: flex;align-items: center;justify-content: center;} #workerPageMobile .fileds a.paymentEdit i {margin-left: 4px;color: var(--basic-blue);font-size: 16px;} #workerPageMobile .fileds .inputFiled a.action {display: flex;height: 100%;align-items: center;} #workerPageMobile .fileds .inputFiled a.action i { margin-left: 4px; color: var(--basic-blue); font-size: 16px; } #workerPageMobile .salary .topRow .circle{ min-width: 13.28vw; min-height: 13.28vw; text-align: center; line-height: 1; box-sizing: content-box; white-space: nowrap; } #workerPageMobile .salary .topRow .circle{width:13.28vw;height:13.28vw;border-radius:50%;background: #b1ccff;color:white;font-size: 7vw;margin-left:2.45vw;} #workerPageMobile .salary .topRow .currentSalary span{font-size:26px;font-weight:400;} #workerPageMobile .salary .topRow .lastSalary span{font-size:22px;font-weight:300;} #workerPageMobile .salary .topRow .currentSalary span span{font-size:16px;} #workerPageMobile .monthCounter{margin-bottom:18px;border:1px solid #D9D9D9;width:100%;background:white;border-radius:10px;font-size:18px;font-weight:400;padding:0;height:96px;padding-right:6px;} #workerPageMobile .monthCounter i{margin-left:3px;} #workerPageMobile .monthCounter .counter{display:block;height:100%;border-top-left-radius:10px;border-bottom-left-radius:10px;background:#F2F2F2;padding:2.4vw;width:45%;border-right:1px solid #D9D9D9;} #workerPageMobile .monthCounter .counter .inner{background:white;border:1px solid #D9D9D9;font-size:36px;font-weight:300;border-radius:10px;width:100%;height:100%;} #workerPageMobile .actions{display:flex;justify-content: space-between;flex-wrap:wrap;} #workerPageMobile .actions li{width:48%;margin-bottom:18px;} #workerPageMobile .actions li a[href]{display:block;width:100%;min-height:100%;height:auto;text-align:center;padding:6vw;background:white;border-radius:10px;border:1px solid #D9D9D9;font-size:17px;font-weight:400;line-height:120%;padding:} #workerPageMobile .actions li a .icon{min-width:54px;width:54px;min-height:54px;margin:0px auto;margin-bottom:10px;border-radius:50%;display:flex;align-items:center;justify-content: center;color:white;font-size:22px;background:#B1CCFF;} #workerPageMobile .actions li:nth-child(2) a .icon{background:#3C7BF3;} #workerPageMobile .actions li:nth-child(3) a .icon{background:#ECB32C;} #workerPageMobile .actions li:nth-child(4) a .icon{background:#37B96F;} #workerPageMobile .actions li a:hover{text-decoration:none;color:var(--basic-txt-color);} #workerPageMobile #moreActions{display:none;} #workerPageMobile #forMoreActions[aria-expanded="true"]{background:#4D5C71;color:white;} #workerPageMobile #forMoreActions[aria-expanded="true"]{background:#4D5C71;color:white;} #workerPageMobile #forMoreActions .opened .title{color:white;} #workerPageMobile #forMoreActions a.closeTab{color:white;} .jobsPage{} /* .jobsPage .itemsSideList{position:relative;} */ .jobsPage .bootstrap-select .dropdown-menu li a{padding-top:6px;padding-bottom:6px;margin-bottom:3px;font-size: 14px;} .jobsPage .bootstrap-select .dropdown-menu li a.selected{background:var(--basic-gray);} .jobsPage .bootstrap-select .dropdown-menu li a.selected:focus{color:var(--basic-txt-color);} .jobsPage #mainListTable_filter{display:none;} .jobsPage .table.dataTable{margin-top:0!important;} .jobsPage .actionBtns{margin-bottom:15px;/*margin-top:10px;*/} .jobsPage .actionBtns button{margin-left:10px;} .jobsPage .actionBtns .regBtn.whiteBtn.specialIconBtn.gray > .icon{height:38px;} .jobsPage .buttonHolder{width:100%;border-radius: 0;background:var(--basic-gray);padding:20px;} .jobsPage .buttonHolder button{width:100%;height:45px;} .closeBlock{background:none;width:12px;fill: #030303;position:absolute;top:11px;left:11px;font-size:12px;} .closeBlock svg{background:none;width:100%;} .jobsPage .tabsMenu{width:100%;overflow:hidden;margin-bottom:15px;} .jobsPage .mobileTabsClosed .tabsMenu{margin-bottom:0;} .jobsPage .mobileTabsClosed .closeBlock{display:none;} .jobsPage .mobileTabsClosed{padding: 5px 20px!important;} .jobsPage .mobileTabsClosed .tab-pane{display:none;} .jobsPage .tabsMenu li{width:43%;} .jobsPage .tabsMenu li a{display:flex;border-bottom:1px solid #d8d8d8;justify-content: center;align-items:center;height:42px;padding: 0 5px;color:var(--basic-grad-dark);font-size:15px;font-weight:400;text-decoration:none!important;} .jobsPage .tabsMenu li a.active{border-color:var(--basic-blue);} .jobsPage .tabsMenu li.settings{width:14%;cursor:pointer;} .jobsPage .tabsMenu li.settings i{color:#d8d8d8;} .jobsPage .buildingStructureBlock{min-width:41px;height:45px;padding-top:0;margin-left:0;} .jobsPage .itemsSideList .floor .buildingStructureBlock{max-width:41px;} .jobsPage .itemsSideList{min-width:210px;max-width:600px;} .jobsPage .structureBlockText{font-size:15px!important;width:100%;margin-left:6%;} .jobsPage .floor .floorBlock{direction:ltr;min-width:21px;display:block;text-align:right;font-weight:500;font-size:15px;margin-left:7px;} .jobsPage .floor{margin-bottom:15px;} .jobsPage .structureBlockText span{font-size:10px;} .jobsPage .tab-content{overflow:auto;max-height: 36vw;padding: 0 1.0vw;} .jobsPage .itemsSideList .floor .buildingStructureBlock .structureBlockText{max-height:100%;overflow:hidden;} .jobsPage .itemsSideList .floor .structureBlockText text{max-height:100%;overflow:hidden;} .jobsPage .itemsSideList .floor .structureBlockText .textLength6,.jobsPage .itemsSideList .floor .structureBlockText .textLength8,.jobsPage .itemsSideList .floor .structureBlockText .blockSpannedText{font-size: 12px;} /* seperateViewMode */ .jobsPage .itemsSideList.combinedViewMode .tabsMenu{display:none;} .jobsPage .itemsSideList.combinedViewMode .panelBlockLinks{display:none;} .jobsPage .itemsSideList.combinedViewMode .itemsList{height:250px;min-height:150px;border-bottom:1px solid var(--gray-border);} .jobsPage .itemsSideList.combinedViewMode .tabbedBuildingStructureInnerContainer{height:400px;min-height:150px;border-bottom:1px solid var(--gray-border);} /* .jobsPage .itemsSideList.combinedViewMode .row{margin-right: -1.5%;} */ .jobsPage .itemsSideList.combinedViewMode .tab-pane:not(.active) { display: block; } .jobsPage .itemsSideList .tabbedBuildingStructureInnerContainer{position:relative;padding-right:0!important;} .jobsPage .itemsSideList .sidePanelBuildingFloorsContainer{width: 15px;min-width:20px!important;max-width: 15px;min-height:100%;} .jobsPage .itemsSideList .buidlginMainRowContainer{max-width:calc(100% - 15px);max-height:100%;overflow:auto;margin-right:17px;} /* .jobsPage .itemsSideList .buidlginMainRowContainer > .row{margin-right:5px;} */ .jobsPage .itemsSideList .buidlginMainRowContainer.floorsSecondSide{margin-right:0;margin-left:0;max-width:calc(100% - 24px);} .jobsPage .itemsSideList .sidePanelBuildingFloorsContainer .grid-stack-item-content {background:none;color:var(--basic-txt-color);} .jobsPage .itemsSideList .sidePanelBuildingStructureContainer{max-width:100%!important;flex: 0 0 100%;} .jobsPage .itemsSideList .stickyHorizontalScroll{z-index:9;top:0;position:sticky;width:100%;overflow-x: scroll;margin-right:17px;overflow-y:hidden;max-width:calc(100% - 15px);height: 12px;} .jobsPage .itemsSideList .stickyHorizontalScroll.floorsSecondSide{margin-right:0;} .jobsPage .scrollbarBlue::-webkit-scrollbar{height:12px;} .jobsPage .itemsSideList.combinedViewMode .tabbedBuildingStructureInnerContainer{overflow-y:auto;} .jobsPage .itemsSideList.combinedViewMode .buidlginMainRowContainer{margin:0; overflow-y: overlay;} .jobsPage .itemsSideList.combinedViewMode .buidlginMainRowContainer{max-height:none;width:calc(100% - 25px);} .buidlginMainRowContainer.buidlginMainRowContainerSingleColumn { /*width: 150px !important;*/ margin-right: auto !important; margin-left: auto !important; } .buidlginMainRowContainer.buidlginMainRowContainerSingleColumn .grid-stack-item-content span.blockName { zoom: 1.2; } /* .basicModal .buildingStructureHolder > .buidlginMainRowContainer.buidlginMainRowContainerSingleColumn .buildingStructureContainer { width: 400px !important; } */ .accordionTabs .editingTab .inner{padding-bottom:10px;width:100%!important;} .jobsPage .itemsSideList .itemsList{margin-top:0;padding:0;} .itemsSideList .accordionTabs,.panelBlock .accordionTabs{margin-top:15px;} /* Temp fix */ .jobsPage .itemsSideList{padding-right:0!important;padding-left:0!important;} /* ------------- */ .jobsPage .tableHeader{overflow-y: hidden!important;} .jobsPage .apartmentTitleMobile{display:flex;gap:3px;padding-right:2%;font-weight:500;font-size:16px;margin-bottom:15px;justify-content: space-between;width:100%;} .jobsPage .apartmentTitleMobile > div{direction: ltr;} .floatingButtons{position:fixed;z-index: 9999999999;left:0;transform:translateY(50%);bottom:50%;background:white;padding:9px;box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.2);} .floatingButtons button{border:0;color:white;border-radius:50%!important;width:1.7vw!important;height:1.7vw!important;;min-width:1.7vw!important;min-height:1.7vw!important;} .floatingButtons button:first-child{margin-bottom:10px;} .floatingButtons button.grBtn{background:#cbcbcb;color:white;} .floatingButtons button.grBtn:hover{background:#cbcbcb;opacity:0.9!important;} #supplier_info_row .rightWrapper{width:44%!important;} #supplier_info_row .leftWrapper{width:44%!important;} .topFloatingToolBar{position:absolute;top:0;left:1px;transform: translateY(-100%);align-items: flex-end;} .topFloatingToolBarSecondSide{right:0;margin-right:11px;} .topFloatingToolBar .parallelogram{transform: skew(-35deg); width:51px;height:35px;border:1px solid var(--gray-border);background:white;} .topFloatingToolBar .parallelogram:not(.searchHolder):not(.nohover):hover{background:var(--basic-gray);} .topFloatingToolBar .parallelogram .inner{display:flex;align-items:center;justify-content:center;color:#494949;font-size:14px;text-decoration:none!important;transform: skew(35deg);width:25px;margin:0px auto;height:100%;} .topFloatingToolBar .parallelogram .inner i{margin:0;} .topFloatingToolBar .parallelogram .inner.autoWidth{padding:0 11px;} .topFloatingToolBar a{text-decoration: none!important;} .topFloatingToolBar .trapezoid{position:relative;padding:0 20px;border-bottom: 35px solid var(--gray-border);border-left: 25px solid transparent;border-right: 25px solid transparent;border-bottom: 35px solid var(--gray-border);border-left: 25px solid transparent;border-right: 25px solid transparent;height: 0;min-width: 100px;margin-left:-14px;} .topFloatingToolBar .trapezoid.blue{border-bottom: 35px solid var(--basic-blue);border-bottom: 35px solid var(--basic-blue);} .topFloatingToolBar .trapezoid, .topFloatingToolBar .parallelogramBlue .inner, .topFloatingToolBar .parallelogramDarkBlue .inner, .topFloatingToolBar .parallelogramOrange .inner, .topFloatingToolBar .parallelogramGreen .inner{color:white;font-size:15px;text-decoration:none;} .iconSpace{margin-left:5px!important;} .topFloatingToolBar .trapezoidHolder{position:relative;} .topFloatingToolBar .trapezoid2{transform:rotate(-180deg);border-bottom-color:var(--basic-green);width:calc(100% + 14px);position:absolute;bottom:-100%;left:0;} .topFloatingToolBar .trapezoid2 span{transform:rotate(180deg);} .topFloatingToolBar .trapezoid span{display:flex;height:35px;align-items:center;justify-content: center;} .monthFilterTrapezoidBtn {min-width:110px !important;} .monthFilterTrapezoidBtn .inner {width:inherit !important;font-weight:bold;} .topFloatingToolBar .parallelogram.vehiclesTableSelector, .topFloatingToolBar .parallelogram.repositoryBuildingPricesTableSelector, .topFloatingToolBar .parallelogram.financeTableSelector { max-width: 250px; } .topFloatingToolBar.bounded .parallelogram.vehiclesTableSelector, .topFloatingToolBar.bounded .parallelogram.repositoryBuildingPricesTableSelector, .topFloatingToolBar.bounded .parallelogram.financeTableSelector { max-width: 145px; } .jobsPage .ProductsBlock {position:relative;} .jobsPage .seachInput{display:none!important;} .jobsPage .PanelClosed .seachInput{display:block!important;} .jobsPage .noSidePanel .seachInput{display:block!important;} .jobsPage .staticSidePanel .seachInput{display:block!important;} .jobsPage .PanelClosed #tableFiltersSelectsContainer{display:flex;} .jobsPage .noSidePanel #tableFiltersSelectsContainer{display:flex;} .jobsPage .staticSidePanel #tableFiltersSelectsContainer{display:flex;} .jobsPage #mainListTable thead tr th{padding-left:10px;} .jobsPage #mainListTable input.form-control{min-width:50px;} /* .jobsPage .tableHeader .bootstrap-select.show-tick .dropdown-menu li a span.text{margin-right:24px!important;display:flex;align-items:center;} */ .jobsPage .whiteBlock{min-height:308px;} .jobsPage .tabulator-footer .tabulator-row{display:flex!important;width:100%;margin:0!important;padding:0!important;} .jobsPage .tabulator-footer .tabulator-cell:not([tabulator-field="jobSum"],[tabulator-field="jobAmount"]){display:none;} .jobsPage .tabulator-footer .tabulator-cell[tabulator-field="jobSum"] { justify-content: flex-end; } .jobsPage .tabulator-footer .tabulator-cell[tabulator-field="jobAmount"] { justify-content: flex-start; } .jobsPage .tabulator-footer .tabulator-cell[tabulator-field="jobSum"],.jobsPage .tabulator-footer .tabulator-cell[tabulator-field="jobAmount"]{ width:50%!important; right:unset!important; left:unset!important; display: flex; gap:5px; } .jobsPage .tabulator-footer .tabulator-cell[tabulator-field="jobSum"] { padding-left:10%; } .jobsPage .tabulator-footer .tabulator-cell[tabulator-field="jobAmount"] { padding-right:25%; } @media screen and (max-width: 640px) { .jobsPage .tabulator-footer .tabulator-cell[tabulator-field="jobSum"] { padding-left:0; } .jobsPage .tabulator-footer .tabulator-cell[tabulator-field="jobAmount"] { padding-right:0; } } .PanelClosed #openSearchInput{display:none;} .noSidePanel #openSearchInput{display:none;} .staticSidePanel #openSearchInput{display:none;} .inputFiled.seachInput{position:Relative;} .inputFiled.seachInput i { margin-left: 10px; font-size: 11px; color: var(--basic-txt-color); margin-bottom: 0; position: absolute; left: 0; /*top: 14px;*/ } /* TODO: these used in vehicles and in clients!!! */ #contactsPage{} /* #contactsPage .contactsList{width:20vw;} */ #contactsPage .contactsList .top{margin-bottom:17px;} #contactsPage .contactsList span.title{color:var(--basic-txt-color);font-size:16px;font-weight:400;display:block;text-align:right;color:var(--basic-blue);} #contactsPage .contactsList .topBox{height:40px;border-bottom:1px solid var(--gray-border);} #contactsPage .contactsList .topBox .search{height:50%;height:100%;position:relative;} #contactsPage .contactsList .selectCat{width:50%;position:relative;height:100%;} #contactsPage .contactsList .topBox .search .input{display:block;color:var(--basic-txt-color);font-size:14px;height: 100%;} #contactsPage .contactsList .topBox .bootstrap-select{height:100%;color:#c0c0c0;} #contactsPage .contactsList .topBox .bootstrap-select>.dropdown-toggle{height:100%;background:none;border:0!important;font-size:14px;color:#c0c0c0;} #contactsPage .contactsList .topBox .bootstrap-select .dropdown-toggle::after { border: solid var(--gray-border); border-width: 0 1.5px 1.5px 0; display: inline-block; padding: 3px; background: none; transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-top: -4px; margin-right: 0.73vw;} #contactsPage .contactsList .topBox .search:after{content:'';background:var(--gray-border);height:12px;width:1px;top: calc(50% - 6px);left:0;position: absolute;} #contactsPage .contactsList .contacts{min-height:25vw;max-height:36vw;overflow-y:auto;} #contactsPage .contactsList .contacts li{width:100%;border-bottom:1px solid #dfe2e4;} #contactsPage .contactsList .contacts li .img{width:45px;} #contactsPage .contactsList .contacts li:hover{background:#f3f3f3;} #contactsPage .contactsList .contacts li:last-child{border:0;} #contactsPage .contactsList .contacts li label{margin:0;display:block;width:100%;position:relative;display:inline-flex;align-items: center;padding:15px 0;} #contactsPage .contactsList .contacts li label.active{background:var(--basic-gray);} /* #contactsPage .contactsList .contacts li label .img{line-height: 1;box-sizing: content-box;white-space: nowrap;width: 2.5vw;height: 2.5vw;overflow:hidden;border-radius:50%;margin:0 0.8vw;} */ #contactsPage .contactsList .contacts label.customCheckBox span.checkbox{display:block;} /*#contactsPage .contactsList .contacts li label .img img{width:100%;}*/ #contactsPage .contactsList .contacts .info span{display:block;} #contactsPage .contactsList .contacts .info span.tel{color:#3c7bf3;font-size:13px;} #contactsPage .contactsList .contacts .info span.name{color:#151b20;font-size:15px;font-weight:400} #contactsPage a.plusBtn{background:var(--basic-blue);font-size:11px;color:white;display:flex;align-items:center;justify-content:center;border-radius: 0;width:24px;height:24px;} #contactsPage a.plusBtn:hover{text-decoration:none;} #contactsPage .labelsContainer{ width:100%; margin-bottom:15px; min-height:120px; border:1px solid var(--gray-border); flex-direction: row; display: flex; flex-wrap: wrap; gap: 5px; border: 3px dashed var(--gray-border); padding: 10px; border-radius: 10px; position: relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } #contactsPage .labelsContainer .labelsList{ flex:1;min-height:100%; } #contactsPage .labelsContainer .menuPosition{ width:0.1px; height:0.1px; position:absolute; bottom:0; right:0; } @media screen and (max-width: 1100px) { #contactsPage .labelsContainer .menuPosition{ left: 0; right: unset; } } #contactsPage .labelsContainer .toggleLabelsBtn{ min-width:100%; min-height:100%; position:absolute; color:#e3e3e3; background:none; display:flex; align-items:center; border-radius: 0; border:0; justify-content: center; font-size:22px; top:0; right:0; } #contactsPage .labelsContainer .toggleLabelsBtn:hover{background: none!important;} /* #contactsPage .contact{width:68.5vw;} */ #contactsPage .contact .top{} #contactsPage .contact .tag { background: #eee; border-radius: 3px 0 0 3px; color: #adadad; font-size:15px; font-weight:400; display: inline-block; height: 26px; line-height: 26px; padding: 0 20px 0 16px; position: relative; margin: 0 10px 0 0; text-decoration: none; -webkit-transition: color 0.2s; } #contactsPage .contact .tag::after { background: #fff; border-bottom: 13px solid transparent; border-left: 10px solid #eee; border-top: 13px solid transparent; content: ''; position: absolute; right: 0; top: 0; } #contactsPage .contact span.name{color:#151b20;font-size:15px;font-weight:400;display:block;margin-left:17px;} #contactsPage .contact .tags{margin:0;} #contactsPage .contact .links{width:auto;} #contactsPage .contact .links a[href]{color:#151b20;text-decoration:none;font-size:15px;display:flex;align-items:center;margin-left:15px;} #contactsPage .contact .links .circle{width:27px;height:27px;margin-left:5px;color:white;background:#cc3c2d;display:flex;justify-content: center;align-items: center;font-size:13px;border-radius:50%;} #contactsPage .contact .links a[href] > i{margin-left:5px;} /* #contactsPage .image{position:relative;width: 17.36vw;height: 16.6vw;background:url('../../images/imgDotesBg.png')repeat;border-radius: 0;margin-bottom:21px;} #contactsPage .image .circle{border-radius:50%;width:16.25vw;height:16.25vw;position:absolute;background:white;overflow:hidden;} #contactsPage .image .circle img{width:100%;position:absolute;} #contactsPage .image a.edit{color:white;font-size:22px;font-weight:500;border-bottom-left-radius:5px;} #contactsPage .image a.edit{background:var(--basic-blue);width:51px;height:51px;position:absolute;bottom:0;left:0;} #contactsPage .image a.edit:hover{text-decoration:none;background:var(--basic-green);} */ @media screen and (max-width: 1650px) { #contactsPage .image a.edit{border-width:3px;height:40px;width:40px;} } #contactsPage .contact .all{margin-top: 15px;} #contactsPage .contact .inputFiled{width:100%;overflow:hidden;display:flex;flex-wrap:nowrap;height:41px;border:1px solid var(--gray-border);background:white;border-radius: 0;margin-bottom:18px;} #contactsPage .contact .inputFiled .icon{margin:0;width:50px;color:#4d5b72;font-size:15px;display:flex;align-items:center;justify-content: center;background:var(--basic-gray);border-left:1px solid var(--gray-border);} #contactsPage .contact .inputFiled.txtArea{height:80px;overflow-y:auto;max-height:80px;} #contactsPage .contact .inputFiled.txtArea textarea{width:95%} /* #contactsPage .contact .inputFiled .input{width:100%;background:none;border-top-left-radius:5px;border-bottom-left-radius:5px;padding-right:1.04vw;color:#151b20;font-size:15px;} */ #contactsPage .columnImg{margin-left:25px;} #contactsPage .fileds{margin-left:22px;width:48%;} #contactsPage .fileds .title{color:var(--basic-blue);font-size: 14px;font-weight:400;display:block;margin-bottom:16px;} #contactsPage .filedsContainer{width:100%;border-top:1px solid #e7e7e7;padding-top:20px;} #contactsPage .grayBtn{background:var(--basic-gray);color:#151b20;display:flex;align-items:center;border-radius: 0;justify-content:center;font-size:15px;font-weight:400;height:41px;border:1px solid var(--gray-border);text-align:center;width:100%;} /* #contactsPage .grayBtn:hover{background:var(--basic-blue);color:white;} */ #contactsPage .grayBtn i{font-size:21px;color:#cecece;display:block;margin-left:6px;} /* #contactsPage .grayBtn:hover i{color:white;} */ #contactsPage .chosen-choices{width:100%;overflow:hidden;display:flex;align-items:flex-start;height:100px;overflow-y:auto;border:1px solid var(--gray-border);background:white;padding-top:8px;padding-bottom:8px;border-radius: 0;margin-bottom:18px;} #contactsPage .chosen-drop{border:0;} #contactsPage .chosen-rtl .chosen-choices li.search-choice{ border:0; background: #eee; border-radius: 3px 0 0 3px; color: #adadad; font-size:15px; font-weight:400; display: inline-block; height: 25px; line-height: 25px; padding: 0 20px 0 16px; position: relative; margin: 0 0 0 0; margin-left:10px; text-decoration: none; -webkit-transition: color 0.2s; position:relative; } #contactsPage .chosen-rtl .chosen-choices li.search-choice::after { background: #fff; border-bottom: 13px solid transparent; border-left: 10px solid #eee; border-top: 13px solid transparent; content: ''; position: absolute; right: 0; top: 0; } #contactsPage .chosen-rtl .chosen-choices li.search-choice .search-choice-close{content:'x';position:Absolute;width:20px;height:20px;display:flex;align-items:center;justify-content: center;color:white;font-size:15px;border-radius:50%;background:#000000;opacity:0.35;} #comparePage{} #comparePage .itemsSideList{width:17.6vw;} #comparePage .ProductsBlock{position:relative;width: 79.5%;max-height:calc(100vh - 130px);display:flex;flex-direction: column;} #comparePage .tableContainer{max-width:100%;min-width:100%;min-height:70vh;width:100%;display:flex;overflow-x: auto;} #comparePage .table{position:relative;overflow-y:auto;max-height:100%;font-size:15px;color:#2b3b4a;min-width:100%;width:fit-content;} #comparePage .table .row{display:inline-flex;gap:15px;padding: 14px 10px;width:auto;min-width:100%;white-space: nowrap;flex-wrap: nowrap;background:var(--basic-gray);border-bottom: 1px solid var(--gray-border);} #comparePage .table .row .column{min-width:145px;max-width:145px;width:145px;white-space: normal;text-align:center;} #comparePage .table .row:nth-child(2n+2){background:white;} #comparePage .table .headerRow{position:sticky;z-index:9;top:0;background:#0c213a;color:white;font-weight:500;} /* #comparePage .table .column-1{width:6.14%;color:#9e9e9e;font-size:13px;font-weight:500;} #comparePage .table .column-2{min-width:150px;max-width:150px;} #comparePage .table .column-3{width:6.2%;text-align:center;} #comparePage .table .column-4{width:13.2%;text-align:center;min-width:80px;} */ #comparePage .table a{color:#2b3b4a!important;text-decoration:none!important;position:relative;font-size:15px;} #comparePage .table a i{font-size:11px;position:absolute;right:-15px;top:50%;transform:translateY(-50%);opacity:0;} #comparePage .table a:hover i{opacity:0.6;} #comparePage .table a .space{width:80%;height:100%;display:block;margin:0px auto;text-align:center;} #comparePage .table a .space i{opacity:0;} #comparePage .table a .space:hover i{font-size: 13px;opacity:0.3;} /* spans */ #comparePage .table .column .preUnit{color:#9e9f9f;} #comparePage .table .column .price{color:#2b3b4a;font-size:18px;} #comparePage .table .column.lowerPrice .price{color:#3fbe80;} #comparePage .table .column .text{color:#6d7883;} /**/ #comparePage .itemsSideList .searchBox{position:relative;width:100%;border-bottom: 1px solid var(--gray-border);height:45px;} #comparePage .itemsSideList .searchBox input{width:100%;height:100%;background:none;font-size:14px;padding-right:10px;} #comparePage .itemsSideList .searchBox i{background:none;color:#bebebe;font-size:13px;margin-left:5px;position:absolute;left:0;} #comparePage .itemsSideList .searchBox button{width:100%;height:100%;background:none;outline:0;text-align:right;border:0!important;} #comparePage .itemsSideList .searchBox .dropdown{width:100%!important;height:100%!important;text-align:right;outline:0;} #comparePage .itemsSideList .searchBox .dropdown *{ text-align: right;} #comparePage .itemsSideList .searchBox button:after{display:none;} #comparePage .itemsSideList .itemsList{width:100%;min-height:15vw;max-height:36vw;overflow-y:auto;text-align:right;padding-left:7px;margin-top:25px;} #comparePage .itemsSideList span.title{color:var(--basic-txt-color);font-size:16px;font-weight:400;display:block;text-align:right;margin-bottom:17px;} #comparePage .itemsSideList span.title i{color:var(--basic-blue);} #comparePage .headerRow .column-4{position:Relative;} #comparePage .headerRow .column-4:after{height:5px;width:90%;content:'';background:#ffa0a0;position:absolute;bottom:-14px;right:5%;} #comparePage .headerRow .column-4:nth-child(5n+5):after{background: #7694eb;} #comparePage .headerRow .column-4:nth-child(3n+3):after{background: #83d7de;} #comparePage .headerRow .column-4:nth-child(4n+4):after{background: #8dffbd;} .suppliersPage .suppliersList li a.active i{color:#3c7bf3;} #comparePage .top span.title{color:#2b3b4a;font-size:20px;font-weight:400;display:block;margin-left:17px;} #comparePage .top .links{width:auto;} #comparePage .top .links a[href]{/*color:#2b3b4a;*/text-decoration:none;font-size:15px;display:flex;align-items:center;margin-left:15px;} #comparePage .top .links .circle{width:27px;height:27px;margin-left:5px;color:white;background:#cc3c2d;display:flex;justify-content: center;align-items: center;font-size:13px;border-radius:50%;} #comparePage .top .links a[href] > i{margin-left:5px;} #comparePage .top{margin-bottom:30px;} #comparePage .top .links a i{font-size:12px;} #comparePage .top .ktoggle-container{display:flex;align-items:Center;} #comparePage .top .ktoggle-container p{margin:0;} #comparePage .lowerPrice{} #comparePage .table .lowerPrice{position:relative;} #comparePage .table .lowerPrice:before{content:'';position:absolute;width:50%;background:#65dca2;height:2px;bottom:-6px;left:50%;transform: translateX(-50%);} .page3blocks .inputHolder{background:none;border:0;display:block;margin-top:15px;} .page3blocks .inputHolder label{display:block;background:none;} .page3blocks .duplicateRow{flex-wrap:wrap;} .page3blocks .duplicateRow .field{width:calc(50% - 7.5px);} .page3blocks{} .page3blocks .allBlocks{display:flex;gap:15px;} .page3blocks .inputFiled{margin-bottom:15px;} .page3blocks .infoBlock{width:20vw;} .page3blocks .projectInfo, .page3blocks .secondBlock { margin-left:0!important;display:flex;flex-direction:column;gap:15px; } .page3blocks .projectInfo.secondBlock { max-width: 600px; } .page3blocks .projectInfo .blockLinks,.page3blocks .secondBlock .blockLinks{display:flex;flex-direction: column;gap:15px;} .page3blocks .thirdBlock{width:43.49vw;display:flex;flex-direction: column;gap:15px;flex:1;} .page3blocks .thirdBlock .columns2x{width:100%;display:inline-flex;flex-wrap:wrap;gap:15px;} .page3blocks .thirdBlock .columns2x > *{min-width:320px;flex:1;} .page3blocks .input{border-radius: 0;} .page3blocks .blueBtn{font-weight:500;font-size:15px;} /*.page3blocks .blueBtn */ /*.page3blocks .blueBtn span{color:white;border-radius: 0;display:inline-block;background:#129789;padding:5px;font-size:13px;}*/ .page3blocks .flexeEnd{justify-content:flex-end;} .page3blocks .projectInfo .inputFiled label{background:none;min-width:auto;width:auto;} .page3blocks .txtArea{height:103px;overflow-y:auto;} .page3blocks .txtArea .input{width:100%;padding:0.8vw;} .whiteBlock .basicBtn{border:1px solid #cdcdcd;background:white;color:#151b20;font-size:15px;opacity:1;} .page3blocks .projectInfo .projectBuildings > .title{border-bottom:1px solid var(--gray-border);padding-bottom:14px;color:var(--menu-bg-color);font-size:15px;} .page3blocks .projectInfo .projectBuildings > .title .basicBtn{color:#4d5c71;font-size:13px;} .page3blocks .projectInfo .buildingsList{margin:0;} .page3blocks .projectInfo .buildingsList li{margin:0;margin-top:19px;position: relative;max-width:160px;width:47%;border: 1px solid var(--gray-border);background: var(--basic-gray);border-radius: 0;} /*.page3blocks .projectInfo .buildingsList li img{max-width: 61px;width: 87%;margin:0px auto;display:block;}*/ .page3blocks .projectInfo .buildingsList li .content span { display: block; text-align: center; color: var(--menu-bg-color); font-size: 15px; font-weight: 400; margin: 0px auto; max-width: 90%; margin-top: 18px; margin-bottom: 25px; } .page3blocks .projectInfo .buildingsList li .title{color:var(--menu-bg-color);font-size:15px;font-weight:400;} .page3blocks .projectInfo .buildingsList li .title i{display:block;color:#4d5c71;font-size:14px;margin-left:12px;} .page3blocks .projectInfo .buildingsList li .basicBtn{background:var(--basic-gray);font-size:15px;} .page3blocks .projectInfo .buildingsList li .content .regBtn{margin:0px auto;} /* .page3blocks .projectInfo .whiteBlock{margin-bottom:10px;} */ .page3blocks .projectInfo{gap:15px;} .page3blocks .projectInfo .buildingsList li .middleContent{flex-direction:column;max-width:90%;height:115px;margin: 0px auto;display:flex;justify-content: center;align-items:center;} .page3blocks .projectInfo .buildingsList li .middleContent .row{/*max-width:90%;*/margin: 0px auto;display:flex;justify-content: center;align-items:center;} .page3blocks .projectInfo .buildingsList li .middleContent .row1{height:80px;} .page3blocks .projectInfo .buildingsList li .middleContent .row2{height:15px;} .page3blocks .projectInfo .buildingsList li .bottomCols{width:100%;margin-top:auto;border-top:1px solid #CECECE;display:flex;} .page3blocks .projectInfo .buildingsList li .bottomCols .col{min-height:30px;width:50%;padding:8px 5px;font-size:13px;color:var(--basic-txt-color);} .page3blocks .projectInfo .buildingsList li .bottomCols .col i{color:#d1d1d1;font-size:14px;margin-left:5px;} .page3blocks .projectInfo .buildingsList li .bottomCols .col{border-left:1px solid #CECECE;border-right:1px solid #CECECE;} .page3blocks .projectInfo .buildingsList li .bottomCols .col{border-bottom:1px solid #CECECE} .projectInfo .buildingsList a {text-decoration:none;} .projectInfo .buildingsList .jobsCounter{padding:5px;position:absolute;top:5px;right:5px;border:2px solid black;border-radius:7px;font-size:12px;font-weight:500;color:var(--basic-txt-color);display:flex;align-items:center;justify-content:center;z-index:9;min-width:25px;height:18px;color:white;background:var(--basic-blue);} .projectInfo .buildingsList .jobsCounter.bg-gray{background:aquamarine;color:var(--basic-txt-color);} .projectInfo .buildingsList .filesCounter{padding:5px;position:absolute;top:5px;right:5px;border:2px solid black;border-radius:7px;font-size:12px;font-weight:500;color:var(--basic-txt-color);display:flex;align-items:center;justify-content:center;z-index:9;min-width:25px;height:18px;color:white;background:var(--basic-blue);} .projectInfo .buildingsList .filesCounter.bg-gray{background:aquamarine;color:var(--basic-txt-color);} .projectInfo .buildingsList .prevMonthJobsCounter{padding:5px;position:absolute;top:30px;right:5px;border:2px solid black;border-radius:7px;font-size:12px;font-weight:500;color:var(--basic-txt-color);display:flex;align-items:center;justify-content:center;z-index:9;min-width:25px;height:18px;color:white;background:var(--basic-blue);} .projectInfo .buildingsList .prevMonthJobsCounter.bg-gray{opacity:0.9;background:greenyellow;color:var(--basic-txt-color);} .projectInfo .buildingsList .currMonthJobsCounter{padding:5px;position:absolute;top:55px;right:5px;border:2px solid black;border-radius:7px;font-size:12px;font-weight:500;color:var(--basic-txt-color);display:flex;align-items:center;justify-content:center;z-index:9;min-width:25px;height:18px;color:white;background:var(--basic-blue);} .projectInfo .buildingsList .currMonthJobsCounter.bg-gray{opacity:0.9;background:rgb(255, 255, 255);color:var(--basic-txt-color);} #projectsInfo .tabsMenu{display:flex;height:100%;padding-right:15px;border:0!important;} #projectsInfo .tabsMenu > li{margin-left:30px;display:flex;align-items:center;} #projectsInfo .tabsMenu > li a[href]{position:relative;text-decoration:none;color:var(--basic-txt-color);height:100%;display:flex;align-items:center;min-height:45px;} #projectsInfo .tabsMenu > li > a:after{transition: all 0.3s ease-in-out;width: 0;height: 3px;content:'';position:absolute;bottom:0;right:0;background:var(--basic-blue);} #projectsInfo .tabsMenu > li > a.active:after{transition: all 0.3s ease-in-out;width: 13px;} #projectsInfo .chartsblock{} #projectsInfo .chartsblock .top{display:flex;align-items: middle;border-bottom:1px solid var(--gray-border);} #projectsInfo .chartsblock .top .title{color:var(--menu-bg-color);font-weight:500;font-size:18px;} .page3blocks .supplierInfo .whiteBlock{margin-bottom:10px;} .page3blocks .number,.page2blocks .dataBlock .number {display:block;font-size:36px;margin:8px 0;} .page2blocks .dataBlock .number{font-size:28px;} .page3blocks .number#nextPaymentDate {font-size:26px;color:var(--basic-green)} .page3blocks .number color{font-size:24px;color:#b3b3b3;} .page3blocks .textHolder{display:block;font-size:18px;margin:8px 0;} .page3blocks .dataBlock{} .page3blocks .dataBlock .icon{background:var(--basic-blue);border-radius:50%;color:white;font-size: 30px;min-width: 3.38vw;min-height: 3.38vw;text-align: center;line-height: 1;box-sizing: content-box;white-space: nowrap;} .page3blocks .dataBlock .content,.page2blocks .dataBlock .content{font-size:15px;color:#151b20;margin-left:8px;} .page3blocks .dataBlock .content .floorBlock,.page2blocks .dataBlock .content .floorBlock{font-size:36px;display:block;color:#151b20;margin:7px 0 5px 0;} .page3blocks .dataBlock .content a[href],.page2blocks .dataBlock .content a[href]{color: #b3b3b3;font-size: 13px;text-decoration:none;} .page3blocks .dataBlock .content .smallText,.page2blocks .dataBlock .content .smallText{color: #b3b3b3;font-size: 13px;text-decoration:none;} .page3blocks .dataBlock .smallNumber,.page2blocks .dataBlock .smallNumber{color: #b3b3b3;font-size: 13px;text-decoration:none;} .page3blocks .locationBlock{padding-top:4px;padding-bottom:4px;padding-left:4px;display:inline-flex;gap:15px;flex-wrap:wrap;} .page3blocks .locationBlock .map{min-width:350px;width:53%;height:100%;min-height:350px;flex:1;} .page3blocks .locationBlock .content{flex:1;column-gap:15px;} .page3blocks .locationBlock .content .field{flex:1;min-width:220px;} .page3blocks .locationBlock .content .top{width:100%;} .page3blocks .locationBlock .content .title{} .page3blocks .locationBlock .content .title i{} .page3blocks .cashBlock{width:21vw;} .page3blocks .cashBlock .content{font-size:15px;color:#151b20;margin-left:8px;} .page3blocks .cashBlock .content .floorBlock{font-size:36px;display:block;color:#151b20;margin:7px 0 5px 0;} .page3blocks .cashBlock .content a[href]{color: #b3b3b3;font-size: 13px;text-decoration:none;} .page3blocks .cashBlock .selectBox{width:5.36vw;} .page3blocks .cashBlock button{border:1px solid var(--gray-border)!important;font-size:15px;color:#a2a2a2;} .page3blocks .allBlocks .dropdown-toggle::after { border: solid #a2a2a2; border-width: 0 2px 2px 0; display: inline-block; padding: 2px; background: none; transform: rotate(45deg); -webkit-transform: rotate(45deg); position:absolute; left:6px; } .page3blocks .locationBlock .title{color:#151b20;font-size:16px;margin-bottom:28px;} .page3blocks .locationBlock .title i{color:var(--basic-blue);font-size:14px;} /* .page3blocks .locationBlock .content{margin:30px 0 10px 0;margin-left:15px;} */ .page3blocks .locationBlock .inputFiled label{color:#4d5c71;} .page3blocks .locationBlock .btnSubmit{background:none;margin-left:8px;font-weight:500;font-size:15px;color:#32baab;display:flex;align-items:center;} .page3blocks .locationBlock .btnSubmit i{background:none;font-size:13px;color:#32baab;margin-left:3px;} .page3blocks .locationBlock .btnSubmit:hover{color:var(--menu-bg-color);} .page3blocks .locationBlock .btnSubmit:hover i{color:var(--menu-bg-color);} .page3blocks .infoBlock .inputFiled label{min-width:175px;white-space: normal;} .page3blocks .infoBlock .title{color:#151b20;font-size:18px;font-weight:18px;margin-bottom:0;padding-left:15px;} .basicBlock .number,.page2blocks .dataBlock .number {display:block;font-size:36px;margin:8px 0;} .basicBlock .number#nextPaymentDate {font-size:26px;color:var(--basic-green)} .basicBlock .number color{font-size:24px;color:#b3b3b3;} .basicBlock .textHolder{display:block;font-size:18px;margin:8px 0;} .basicBlock .dataBlock{} .basicBlock .dataBlock .icon{background:var(--basic-blue);border-radius:50%;color:white;font-size: 30px;min-width: 3.38vw;min-height: 3.38vw;text-align: center;line-height: 1;box-sizing: content-box;white-space: nowrap;} .basicBlock .dataBlock .content,.page2blocks .dataBlock .content{font-size:15px;color:#151b20;margin-left:8px;} .basicBlock .dataBlock .content .floorBlock,.page2blocks .dataBlock .content .floorBlock{font-size:36px;display:block;color:#151b20;margin:7px 0 5px 0;} .basicBlock .dataBlock .content a[href],.page2blocks .dataBlock .content a[href]{color: #b3b3b3;font-size: 13px;text-decoration:none;} .basicBlock .dataBlock .content .smallText,.page2blocks .dataBlock .content .smallText{color: #b3b3b3;font-size: 13px;text-decoration:none;} .basicBlock .dataBlock .smallNumber,.page2blocks .dataBlock .smallNumber{color: #b3b3b3;font-size: 13px;text-decoration:none;} .basicBlock .locationBlock{padding-top:4px;padding-bottom:4px;padding-left:4px;display:inline-flex;gap:15px;flex-wrap:wrap;} .basicBlock .locationBlock .map{min-width:350px;width:53%;min-height:350px;flex:1;} .basicBlock .locationBlock .content{flex:1;column-gap:15px;} .basicBlock .locationBlock .content .field{flex:1;min-width:220px;} .basicBlock .locationBlock .content .top{width:100%;} .basicBlock .locationBlock .content .title{} .basicBlock .locationBlock .content .title i{} .basicBlock .cashBlock{width:21vw;} .basicBlock .cashBlock .content{font-size:15px;color:#151b20;margin-left:8px;} .basicBlock .cashBlock .content .floorBlock{font-size:36px;display:block;color:#151b20;margin:7px 0 5px 0;} .basicBlock .cashBlock .content a[href]{color: #b3b3b3;font-size: 13px;text-decoration:none;} .basicBlock .cashBlock .selectBox{width:5.36vw;} .basicBlock .cashBlock button{border:1px solid var(--gray-border)!important;font-size:15px;color:#a2a2a2;} .basicBlock .allBlocks .dropdown-toggle::after { border: solid #a2a2a2; border-width: 0 2px 2px 0; display: inline-block; padding: 2px; background: none; transform: rotate(45deg); -webkit-transform: rotate(45deg); position:absolute; left:6px; } .basicBlock .locationBlock .title{color:#151b20;font-size:16px;margin-bottom:28px;} .basicBlock .locationBlock .title i{color:var(--basic-blue);font-size:14px;} .basicBlock .locationBlock .inputFiled label{color:#4d5c71;} .basicBlock .locationBlock .btnSubmit{background:none;margin-left:8px;font-weight:500;font-size:15px;color:#32baab;display:flex;align-items:center;} .basicBlock .locationBlock .btnSubmit i{background:none;font-size:13px;color:#32baab;margin-left:3px;} .basicBlock .locationBlock .btnSubmit:hover{color:var(--menu-bg-color);} .basicBlock .locationBlock .btnSubmit:hover i{color:var(--menu-bg-color);} .basicBlock .infoBlock .inputFiled label{min-width:175px;white-space: normal;} .basicBlock .infoBlock .title{color:#151b20;font-size:18px;font-weight:18px;margin-bottom:0;padding-left:15px;} .imgUpload{margin-top:25px;} .imgUpload .image{position:relative;width:100%;height:222px;background:url('../../images/dotesBg.png')repeat;margin-bottom:30px;} .imgUpload .image .circle{border-radius:15%;width:9.3vw;height:9.3vw;position:absolute;background:white;overflow:hidden;} .imgUpload .image .circle img{ width:100%; /* height: 100px; width: 100px; */ object-fit: cover; position:absolute; } .imgUpload .image .circle img.largeImage{ height:100%; width:100%; object-fit: cover; position:absolute; } img.groupedCirclesImages, ul.workersSmallList li img.groupedCirclesImages { height:100%; width:100%; object-fit: cover; } .imgUpload .image a.edit,.imgUpload .image a.delete{color:white;font-size:22px;font-weight:500;border-radius:50%;} .imgUpload .image a.edit i{font-size:14px;} .imgUpload .image a.edit,.imgUpload .image a.delete{background:var(--basic-blue);width:51px;height:51px;position:absolute;top:151px;right:3.35vw;border:4px solid #edf1f2;} .imgUpload .image a.delete{text-decoration:none;background:var(--basic-red);right:auto;left:3.35vw;font-size:15px;} .imgUpload .image a.edit:hover{text-decoration:none;background:var(--basic-green);} .imgUpload .image a.delete:hover{text-decoration:none;background:#ed6c6c;} .imgUpload .image .inner{max-width:299px;width:100%;margin:0px auto;position:relative;height:100%;} /* .page3blocks .inputFiled label i{margin-left:4px;} */ .page3blocks .selectBox{width:calc(100% - 175px)!important;} .page3blocks .inputFiled .selectBox{width:100%!important;height:100%;} .page3blocks .inputFiled .selectBox button{border:0!important;background:none!important;} .page3blocks .infoBlock .bootstrap-select .dropdown-toggle .filter-option{text-align:right;} .page3blocks span.cashTag { font-size: 24px; color: #b3b3b3; } .page3blocks .blockTop{width:100%!important;margin-bottom:12px;} .page3blocks .addressNumber{width:77px;margin-right:1vw;} .page3blocks .duplicateRow .field:nth-child(2n){margin-right:15px;} .page3blocks .inputFiled{position:relative;} .page3blocks .blueIcon{position:absolute;left:13px;top:13px;color:var(--basic-blue);font-size: 13px;} .page3blocks .iconHolder{background:var(--basic-gray);border:1px solid var(--gray-border);height:140px;width:100%;color:#c0c0c0;font-size:48px;margin:15px 0;} .orderPageStyle .chosen-container-multi .chosen-choices{background:none;border:0;outline:0;} .orderPageStyle .chosen-container-active .chosen-choices{background:none;border:0;outline:0;box-shadow:none;height:35px;display:flex;align-items:center;flex-wrap: wrap;overflow-y:auto;} .orderPageStyle .chosen-container{height:100%;} .orderPageStyle .chosen-rtl .chosen-choices li.search-field input[type=text]{height:100%;background:none!important;height:35px;margin:0;} .orderPageStyle .chosen-container-multi .chosen-choices li.search-field{height:100%;} .orderPageStyle .chosen-choices{height:100%;} .orderPageStyle .chosen-rtl .chosen-choices li.search-choice{height:31px;margin:1px 2px;display:flex;align-items:center;} .orderPageStyle .inputFiled{height: 40px;margin-bottom: 20px; /*width: 32.15%;*/} .orderPageStyle #mainListTable .inputFiled{width:100%;margin:0;} /*.orderPageStyle #mainListTable .form-control{position:absolute;width:auto;}*/ .orderPageStyle .chosen-container {border-radius: 0; border: 1px solid #d8d8d8; color: #151b20; font-size: 15px; font-weight: 400; padding: 0 18px; background: white; height: 100%;width:100%!important; } .orderPageStyle .chosen-single{padding:0;height:40ox;background:none;border:0;box-shadow:none!important;height:100%!important;width:100%!important;display:flex;align-items:center;} .orderPageStyle .chosen-single div b{display:none;} .orderPageStyle .basicFields .inputFiled input{} .orderPageStyle .ProductsBlock{width:100%;position: relative;} .orderPageStyle .ProductsBlock .title{color:var(--basic-txt-color);font-size:15px;font-weight:400;margin-bottom:0;} .orderPageStyle .ProductsBlock .title i{color:var(--basic-blue);font-size:13px;margin-left:8px;} .orderPageStyle .ProductsBlock .title strong{font-weight:500;} .orderPageStyle .ProductsBlock .history{margin-top:15px;} .orderPageStyle .ProductsBlock a.priceList{color:#2b3b4a;font-size:15px;font-weight:400;text-decoration:none;margin-left:8px;} .orderPageStyle .ProductsBlock a.priceList i{margin-left:8px;font-size:13px;margin-bottom:0;} .orderPageStyle .ProductsBlock a.priceList:last-child{margin-right:10px;margin-left:0;padding-left:0!important;} .orderPageStyle .ProductsBlock a.priceList:hover{color:var(--basic-blue);} .orderPageStyle .ProductsBlock .input{border:1px solid #d8d8d8;color:#151b20;font-size:15px;font-weight:400;padding:0 12px;background:white;height:40px;text-align:center;direction:ltr;} .orderPageStyle .ProductsBlock form.dataForm{direction:rtl;text-align:right;margin-top:30px;} .orderPageStyle .ProductsBlock form.dataForm .bootstrap-select button{border:1px solid #d8d8d8;height:40px;color:#151b20;font-size:15px;font-weight:400;padding:0 18px;background:white;text-align:right;} .orderPageStyle .ProductsBlock form.dataForm .bootstrap-select *{text-align:right;} .orderPageStyle .ProductsBlock form.dataForm .rightSide{width:58.65%;flex-wrap:wrap;} .orderPageStyle .ProductsBlock form.dataForm .leftSide{width:40%;} .orderPageStyle .ProductsBlock form.dataForm .rightSide .input{width:32.15%;margin-bottom:20px;} .orderPageStyle .ProductsBlock form.dataForm .input,.orderPageStyle .ProductsBlock form.dataForm .btn{border-radius: 0;} .orderPageStyle .ProductsBlock form.dataForm .bootstrap-select{width:32.15%;margin-bottom:20px;} .orderPageStyle .ProductsBlock form.dataForm .rightSide .largeInput{width:51.5%;} .orderPageStyle .ProductsBlock form.dataForm .rightSide .driver{font-size:15px;color:#767676;width:46%;margin:0;height:40px;margin-bottom:20px;} .orderPageStyle .ProductsBlock form.dataForm .leftSide .txt{background:#f9f9f9;width:100%;height:102px;margin-bottom:18px;padding-top:12px;} .orderPageStyle .ProductsBlock form.dataForm .leftSide .bootstrap-select{width:100%;} .orderPageStyle .ProductsBlock .backBtn{margin-left:8px;} .orderPageStyle .ProductsBlock .history table{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;border-collapse: collapse; width: 100%;} .orderPageStyle .ProductsBlock .history table td {padding: 8px; text-align:center;min-width:180px;} .orderPageStyle .ProductsBlock .history table th {padding: 8px; text-align:center;} .orderPageStyle .ProductsBlock .history table td.amountUnits input, .orderPageStyle .ProductsBlock .history table td.amount input { max-width:120px; } .orderPageStyle .ProductsBlock .history table td.catalogNumber, .orderPageStyle .ProductsBlock .history table td.units { min-width:50px; } .orderPageStyle .ProductsBlock .history table th {padding-top: 12px;padding-bottom: 12px;background-color: #4d5b72;color: white;text-align:center;} .allOrders{} .allOrders .suppliersList li .fav{background:white;color:#8f9295!important;} .allOrders .suppliersList li .fav.active{background:white!important;color:var(--basic-blue)!important;} .allOrders a.backToSuppliers{margin-left: 15px;display:flex;justify-content: center;align-items:center;font-size: 15px;color:var(--menu-bg-color);} .allOrders a.backToSuppliers i{ display:block; margin-left:8px; color:var(--basic-blue); font-size:15px; margin-left:8px; transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); } .allOrders a.backToSuppliers:hover{text-decoration:none;} .allOrders .noSuppliers{margin-top:0;min-height:auto;} .allOrders th.monospaceFont{font-family: 'Rubik', Arial!important;} .preOrder{} .noData{min-height:200px;background:var(--basic-gray);width:100%;font-size:20px;color:#898989;display:flex;align-items:Center;justify-content:center;} .noData span{font-size:16px;text-align:center;} .preOrder .HnoData{;background:white;border:1px solid var(--gray-border);padding:1px;width:100%;} .preOrder .title{color:var(--basic-txt-color);font-size:15px;font-weight:400;} .preOrder .title i{color:var(--basic-blue);font-size:13px;margin-left:8px;} .preOrder .title strong{font-weight:500;} .preOrder .backBtn{margin-left:17px;} .preOrder .all{width:100%;border-top:1px solid var(--gray-border);padding-top:22px;margin-top:15px;} .preOrder .project{width:38.8%;} .preOrder .orderInfo{width:56.06%;} .preOrder .projectForOrder{min-width:63%;flex:1 auto;} .preOrder .projectSelection{margin-bottom:18px;} .preOrder .buildingsListBtns button i{color:#788391!important;margin:0;} /* .preOrder .buildingsListBtns button:last-child{margin-right:10px;} */ .preOrder .buildingsListBtns button{height:100%!important;border-right:0;min-width:48px;display:flex;align-items:center;justify-content: center;} .preOrder .projectSelection{height:41px;} .preOrder .projectSelection .dropdown-toggle::after{border-color:#788391;} .preOrder .basicSelectPicker,.preOrder .basicSelectPicker .bootstrap-select{height:100%;} .preOrder .basicSelectPicker button.dropdown-toggle{height:100%!important;font-size: 15px!important;background:white!important;border:1px solid var(--gray-border)!important;} .preOrder span.label{color:var(--basic-txt-color);display:block;margin-bottom:15px;font-size:18px;} .preOrder .clientsContainer{margin:0;} .preOrder .clientsContainer li{width:30.9%;margin-left:3.65%;margin-bottom:0.8vw;} .preOrder .clientsContainer li:nth-child(3n+3){margin-left:0;} /* @media handheld, only screen and (max-width:1800px) { .preOrder .clientsContainer li:nth-child(4n+4){margin-left:2.67%;} .preOrder .clientsContainer li:nth-child(3n+3){margin-left:0;} } */ .preOrder .clientsContainer li label{width:100%;cursor:pointer;} .preOrder .clientsContainer li .building{min-height:214px;width:100%;border-radius: 0;background:var(--basic-gray);position:relative;border:1px solid var(--gray-border);} .preOrder .clientsContainer li label input[type="checkbox"]:checked + .building{background:#ffffff;border-color:var(--basic-green);} .preOrder .clientsContainer li label input[type="checkbox"]{opacity:0;position:absolute;width:0;height:0;} .preOrder .clientsContainer li .building .content{width:100%;text-align:center;} .preOrder .clientsContainer li .building .content img{max-width:61px;width:60.5%;display:block;margin:0px auto;} .preOrder .clientsContainer li .building .content span{display:block;text-align:center;color:var(--menu-bg-color);font-size:15px;font-weight:400;margin:0px auto;max-width:90%;margin-top:18px;} .preOrder .clientsContainer li .building .selected{display:none;position:absolute;top:10px;right:10px;background:var(--basic-green);border-radius:15px;height:23px;align-items: center;padding:0 12px 0 15px;color:white;font-size:13px;} .preOrder .clientsContainer li .building .selected i{margin-left:5px;font-size:10px;} .preOrder .clientsContainer li label input[type="checkbox"]:checked + .building .selected{display:flex;} .preOrder .clientsContainer li label input[type="checkbox"]:disabled + .building{cursor: no-drop;opacity:0.6;} .preOrder .projectBuildings{margin:0;} .preOrder .projectBuildings li{width:30.9%;margin-left:3.65%;margin-bottom:0.8vw;} .preOrder .projectBuildings li:nth-child(3n+3){margin-left:0;} /* @media handheld, only screen and (max-width:1800px) { .preOrder .projectBuildings li:nth-child(4n+4){margin-left:2.67%;} .preOrder .projectBuildings li:nth-child(3n+3){margin-left:0;} } */ .preOrder .projectBuildings li label{width:100%;cursor:pointer;} .preOrder .projectBuildings li .building{min-height:214px;width:100%;border-radius: 0;background:var(--basic-gray);position:relative;border:1px solid var(--gray-border);} .preOrder .projectBuildings li label input[type="checkbox"]:checked + .building{background:#ffffff;border-color:var(--basic-green);} .preOrder .projectBuildings li label input[type="checkbox"]{opacity:0;position:absolute;width:0;height:0;} .preOrder .projectBuildifngs li .building .content{width:100%;text-align:center;} .preOrder .projectBuildings li .building .content img{max-width:61px;width:60.5%;display:block;margin:0px auto;} .preOrder .projectBuildings li .building .content span{display:block;text-align:center;color:var(--menu-bg-color);font-size:15px;font-weight:400;margin:0px auto;max-width:90%;margin-top:18px;} .preOrder .projectBuildings li .building .selected{display:none;position:absolute;top:10px;right:10px;background:var(--basic-green);border-radius:15px;height:23px;align-items: center;padding:0 12px 0 15px;color:white;font-size:13px;} .preOrder .projectBuildings li .building .selected i{margin-left:5px;font-size:10px;} .preOrder .projectBuildings li label input[type="checkbox"]:checked + .building .selected{display:flex;} .preOrder .projectBuildings li label input[type="checkbox"]:disabled + .building{cursor: no-drop;opacity:0.6;} .preOrder .orderInfo{} .preOrder .orderInfo .filed{width:250px;margin-bottom:14px;} .preOrder .orderInfo .filed label{color:#5f5f5f;font-size:13px;font-weight:400;margin-bottom:14px;display:block;} .preOrder .orderInfo .inputFiled{width:100%;height:41px;border:1px solid var(--gray-border);border-radius: 0;display:flex;align-items:center;} .preOrder .orderInfo .inputFiled input{width:100%;height:100%;display:block;border-radius: 0;padding: 0 10px;font-size:15px;} .preOrder .orderInfo .inputFiled label{margin:0;display:block;height:;color:var(--basic-blue);font-size:13px;margin-right:11px;} .preOrder .orderInfo .inputFiled textarea{padding:10px;background:none;height:100%;width:100%;} .preOrder .orderInfo .inputFiled.textarea{height:auto;min-height:175px;border-bottom-right-radius:0;border-bottom-left-radius:0;} .preOrder .orderInfo .basicSelectPicker{width:100%;} .preOrder .orderInfo .basicSelectPicker button{width:100%;border-top:0!important;border-top-left-radius:0;border-top-right-radius:0;} .preOrder .orderInfo .customCheckBox{color:#767676;font-size:15px;} .preOrder .orderInfo .orderDetailsBottom .greenBtn{font-size:16px!important;height:45px!important;min-width:215px;font-weight:500;} .preOrder .orderInfo .orderDetailsBottomRight{align-items: flex-end;max-width:65%;} .preOrder .orderInfo .orderDetailsBottomRight .filed{margin-left:15px;} .preOrder .orderInfo .select2-container{width:100%;height:100%;} .preOrder .orderInfo #contactPerson{width:100%;} .preOrder .orderInfo .select2-selection--single{height:100%;} .preOrder .orderInfo .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{height:100%;} .preOrder .orderInfo .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:100%;display:flex;align-items:center;} .preOrder .orderInfo .select2-container--default .select2-selection--single{border:0;} .preOrder .orderInfo .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{height:100%;} .preOrder .orderInfo .inputFiled button.btn {width:100%;height:100%;background:none!important;font-size:15px;border:0;outline:0;} .preOrder .orderDetailsBottom{margin-top:18px;align-items:flex-end;} .preOrder .orderDetailsBottom .filed{margin-bottom:0;} .preOrder #shouldIncludeDriverNotice{margin-bottom:13px;} .preOrder .tabsMenu{width:100%;height:49px;width:100%;display:flex;border:1px solid var(--gray-border);margin-bottom:20px;} .preOrder .tabsMenu li{width:50%;} .preOrder .tabsMenu li a{text-decoration:none!important;color:var(--basic-txt-color);position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content: center;background:var(--basic-gray);} .preOrder .tabsMenu li:first-child{border-left:1px solid var(--gray-border);} .preOrder .tabsMenu li a.active{background:white;border-bottom:3px solid var(--basic-blue);} .preOrder .tabsMenu li a.active:before{width:100%;height:1px;background: var(--gray-border);content:'';position:absolute;bottom:0;right:1px;} .preOrder .tabsContainer{width:100%;min-height:75px;} .preOrder .tabsContainer .inner{width:100%;} .tab-pane:not(.active) { display: none; } .taxDocumentsPage .documentPropertiesContainer { width: 80%; margin: auto; margin-bottom: 35px; max-width: 630px; } .taxDocumentsPage .documentTypeSelectionList { gap:15px; /*padding-right:15px;*/ border-bottom:1px solid var(--gray-border);padding-bottom:calc(20px - 0.8vw); max-width: 630px; justify-content: center; align-items: center; margin:auto; margin-bottom: 30px; } .taxDocumentsPage .documentTypeSelectionList li{/*flex: 1 1 0;min-width:145px;*/flex: 0 0 0;min-width:30%;max-width:calc(50% - 7.5px);} /* .taxDocumentsPage .documentTypeSelectionList li:nth-child(3n+3){margin-left:0;} */ .taxDocumentsPage .documentTypeSelectionList li label{width:100%;cursor:pointer;} .taxDocumentsPage .documentTypeSelectionList li .documentTypeBox{min-height:70px;width:100%;border-radius: 0;background:var(--basic-gray);position:relative;border:1px solid var(--gray-border);} .taxDocumentsPage .documentTypeSelectionList li label input[type="checkbox"]:checked + .documentTypeBox{background:#ffffff;border-color:var(--basic-green);} .taxDocumentsPage .documentTypeSelectionList li label input[type="checkbox"]{opacity:0;position:absolute;width:0;height:0;} .taxDocumentsPage .documentTypeSelectionList li .documentTypeBox .content{width:100%;display:flex;align-items: center;justify-content: center} .taxDocumentsPage .documentTypeSelectionList li .documentTypeBox .content img{max-width:61px;width:60.5%;display:block;margin:0px auto;} .taxDocumentsPage .documentTypeSelectionList li .documentTypeBox .content span{display:block;text-align:center;color:var(--menu-bg-color);font-size:15px;font-weight:400;margin:0px auto;max-width:90%;user-select:none;} .taxDocumentsPage .documentTypeSelectionList li .documentTypeBox .selected{display:none;position:absolute;top:5px;right:5px;background:var(--basic-green);border-radius:15px;height:23px;align-items: center;padding:0 12px 0 15px;color:white;font-size:13px;} .taxDocumentsPage .documentTypeSelectionList li .documentTypeBox .selected i{margin-left:5px;font-size:10px;} .taxDocumentsPage .documentTypeSelectionList li label input[type="checkbox"]:checked + .documentTypeBox .selected{display:flex;} .taxDocumentsPage .documentTypeSelectionList li label input[type="checkbox"]:disabled + .documentTypeBox{cursor: no-drop;opacity:0.6;} #reportsPage{} #reportsPage .whiteBlock{margin-bottom:15px;} #reportsPage .rightBlock{width: 49%;margin-left:1.75%;} #reportsPage .leftBlock{width: 40%;} #reportsPage .rightColumn{width:27.5%;min-width:186px;} #reportsPage .leftColumn{width:62%;} #reportsPage .formContainer{margin-top:25px;border-top:1px solid var(--gray-border);padding-top:23px;} .radioRegBtns{width:100%;border-radius: 0;height:41px;border:1px solid var(--gray-border);overflow:hidden;} .radioRegBtns .radioBtn{display:block;height:100%;width:50%;position:relative;} .radioRegBtns .radioBtn:first-child{border-left:1px solid var(--gray-border);} .radioRegBtns .radioBtn .button{width:100%;height:100%;font-size:15px;color:var(--basic-txt-color);} .radioRegBtns .radioBtn input{opacity:0;position:Absolute;width:0;height:0;} .radioRegBtns .radioBtn input:checked + .button{background:var(--basic-blue);color:white;} #reportsPage .filed{margin-bottom:20px;} #reportsPage .filed > label{color:#a2a2a2;font-size:13px;font-weight:400;margin-bottom:14px;display:block;} /*TODO: copied styles. Need to be fixed "field-filed" mispelling*/ #reportsPage .field{margin-bottom:20px;} #reportsPage .field > label{color:#a2a2a2;font-size:13px;font-weight:400;margin-bottom:14px;display:block;} #reportsPage .selectPicker-style-1 .bootstrap-select button{font-size:15px;} #reportsPage .selectPicker-style-1 .dropdown-toggle::before{background:none;} #reportsPage .inputFiled{width:100%;height:41px;border:1px solid var(--gray-border);border-radius: 0;display:flex;align-items:center;} #reportsPage .leftBlock .buildingSelect{max-width:200px;width:200px;min-width:200px;} #reportsPage .leftBlock .buildingSelect > div,#reportsPage .leftBlock .buildingSelect .bootstrap-select{min-height:100%;} #reportsPage .leftBlock .buildingSelect > div[aria-hidden="false"]{display:flex;flex-direction: column;} /* #reportsPage .leftBlock .buildingSelect button{position:absolute;width:100%;height:100%;right:0;top:0;} */ #reportsPage .leftBlock #buildingSelectionBox .dropdown.buildingsSelect{min-height:100%;flex:1;display:flex;flex-direction: column} #reportsPage .leftBlock .buildingSelect button{flex:1;} #reportsPage .blueContent{} #reportsPage .inputFiled input{padding: 0 15px;} #reportsPage .blueContent .inputFiled{border-color:var(--basic-blue);} #reportsPage .blueContent .inputFiled button{color:var(--basic-blue)!important;} #reportsPage .blueContent .basicSelectPicker.grayArrow .dropdown-toggle::after{border-color:var(--basic-blue)!important;} /* #reportsPage #reportTypeSelect button{width:calc(100% - 4px)!important;} */ #reportsPage .blueContent .dropdown-toggle .filter-option-inner-inner{color:var(--basic-blue)!important;} #reportsPage .dropdown-item{padding-right:0;padding-left:0;} .main .lastReports .regBtn{border: 1px solid var(--gray-border)!important;} #reportsPage .toggles{} #reportsPage .toggles li:first-child{border-top:0;} #reportsPage .toggles li{color:#a2a2a2;padding:15px 0 15px 0;border-top:1px solid var(--gray-border);} #reportsPage .toggles li div{color:#a2a2a2;font-size:14px;cursor:pointer;} #reportsPage .toggles li div strong{display:block;margin-left:10px;color:var(--basic-txt-color);font-size:16px;font-weight:500;} #reportsPage .buildingSelect{margin-left:18px;} #reportsPage .selectFileType{width:47%;} #reportsPage .selectFileType .fa-file-pdf{color:var(--basic-red);} #reportsPage .selectFileType .fa-file-excel{color:var(--basic-green);} #reportsPage .allContent{align-items:flex-start;} #reportsPage .bottomFiled{margin-top:15px;} #reportsPage .bottomFiled .greenBtn{min-width:26.6%;height:41px!important;} .main .lastReports{} .main .lastReports li{width:calc((100% - 3px) / 4);position:relative;margin-left:1px;} .main .lastReports li a{display:block;height:100%;width:90%;margin:0px auto;font-size:13px;} .main .lastReports li p{color:#a2a2a2;font-size:14px;margin:0;margin-top:5px;} .main .lastReports li strong{font-weight:500;font-size:15px;color:var(--basic-txt-color);} /* .main .lastReports li:after{width:1px;height:100%;top:0;position:absolute;left:-1px;content:'';background:#e3e4e5;} */ .main .lastReports li a{margin:0;} /* .main .lastReports li:last-child{margin:0;} .main .lastReports li:last-child:after{display:none;} */ /* .main .lastReports li a:hover{text-decoration:none;} */ .main .lastReports .formContainer{margin-top:14px;} .main .lastReports .formContainer ul{overflow-x:auto;} .imageHolder {user-select: none;} .main .lastReportsList{display:flex;flex-wrap:wrap;margin:0;overflow-y:auto;max-height:340px;overflow-x:auto;} .main .lastReportsList li{min-width:170px;height:100px;margin:3px;width:48%;border:1px solid var(--gray-border);background:#f5f5f5;margin-top:22px;padding:10px;display:flex;align-items:center;} .main .lastReportsList li p.reportDetailsText{position:absolute;bottom:10px} .main .lastReportsList li .imageHolder{position:absolute;left:10px} .main .lastReportsList li .savedReportImage{position:absolute; top:10px;} .main .lastReportsList li .submittedReportImage{position:absolute; top:35px;} .officesListContainer { display:flex; flex-wrap:wrap; margin:0; overflow-y:auto; max-height:340px; overflow-x:auto; } .officesListContainer div.officeItemBlock { max-width:270px; height:50px; margin:3px; border:1px solid var(--gray-border); background:#f5f5f5; margin-top:22px; padding:10px; display:flex; align-items:center; justify-content:space-between; } #reportsPage .selectBtns .filed{width:32.5%;} #reportsPage .selectBtns .inputFiled{border:0;} #reportsPage .selectBtns .inputFiled button{width:100%;height:100%;} #reportsPage .selectBtns .inputFiled button span{display:block;width:100%;max-width:180px;var(--basic-txt-color);font-size:14px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left:6px;} #reportsPage .selectBtns .inputFiled button i{color:#a2a2a2!important;} .monthsModal .mw-ind{font-family: Arial!important;opacity:1!important;} .markMonthButtonAsNotEmpty {background-color: #17b3a335 !important; font-weight: bold;} .markMonthButtonAsNotEmpty.mwi-active {background-color: var(--basic-green) !important; border: 0.1px dashed black !important;} .markMonthButtonAsNotEmpty .monthJobsCountBadge { font-size: 12px; font-weight: normal; position: absolute; bottom: 2px; left: 5px; } #reportWorkersModal .toggles,#reportJobsModal .toggles{display:flex;width:100%;justify-content: space-between;flex-wrap: wrap;} #reportWorkersModal .toggles li,#reportJobsModal .toggles li{width:45%;margin-bottom:15px;} #reportWorkersModal .toggles li div.clickable{max-width:calc(100% - 75px);} #reportJobsModal .selectAllfield .field{width:46%;} #reportJobsModal .toggles{max-height:45.8vh;overflow-y:auto;} .multiCheques{} .multiCheques .allContent{flex-direction:row-reverse;} .multiCheques .table td,.multiCheques .table th{padding:0;margin:0;border:0;} .multiCheques .plusBtn{margin:0!important;margin-bottom:18px!important;display:flex!important;width:100%;background: var(--basic-gray)!important;border: 1px solid #e6e6e6!important; border-radius: 0!important;height:54px!important;color:#2b3b4a!important;font-size:16px!important;} .multiCheques .plusBtn:hover{border-color:var(--basic-blue)!important;} .multiCheques .plusBtn i{color:var(--basic-title)!important;font-size:16px!important;margin-left:5px!important;display:block!important;} .multiCheques .firstCheque{color:var(--basic-title);font-size:13px;text-align:center;width:100%;margin-bottom:25px;} .multiCheques .firstCheque span{color:#2b3b4a;font-size:36px;text-align:center;display:block;margin-top:10px;} .multiCheques .itemsSideList .prepare_cheques_btns{width:100%;font-weight:500;margin:20px 0;} .multiCheques .table{width:100%;margin-top:30px;} .multiCheques .table .row,.multiCheques .table .details-table-row{margin:0;padding:7px 1.5%;background:white;width:100%;font-size:15px;border-bottom:1px solid #e1e1e1;color:#4d5c71;display:flex;align-items:center;justify-content: space-between;max-width:75vw;} .multiCheques .table .row{margin:0;padding:7px 1.5%;background:white;width:100%;font-size:15px;border-bottom:1px solid #e1e1e1;color:#4d5c71;display:flex;align-items:center;justify-content: space-between;} .multiCheques .table .row:nth-child(2n+2),.multiCheques .table .details-table-row:nth-child(2n+2){background:var(--basic-gray);} .multiCheques .table .row.titleRow{width:100%;background:#4d5c71;color:white;font-size:16px;min-height:50px;border-bottom:0;} .multiCheques .table .input{font-size:15px;color:#4d5c71;background:none!important;border:0!important;font-weight:400;outline:0!important;box-shadow:none!important;padding:0 5px;width:100%;height:100%!important;display:block;} .multiCheques .table .inputFiled{position:Relative;display:block;font-size:15px;color:#4d5c71;font-weight:400;width:100%;height:45px;border:1px solid #e8e8e8;background:white;} .multiCheques .chosen-container-multi .chosen-choices{background:none;border:0;outline:0;min-height:100%;} .multiCheques .chosen-container-active .chosen-choices{background:none;border:0;outline:0;box-shadow:none;height:45px;display:flex;align-items:center;flex-wrap: wrap;overflow-y:auto;} .multiCheques .chosen-container{height:100%;} .multiCheques .chosen-rtl .chosen-choices li.search-field input[type=text]{height:inherit;background:none!important;min-height:40px;height:inherit;margin:0;} .multiCheques .chosen-container-multi .chosen-choices li.search-field{min-height:100%;} .multiCheques .chosen-choices{height:100%;} .multiCheques .chosen-rtl .chosen-choices li.search-choice{height:31px;margin:1px 2px;display:flex;align-items:center;} .interactive-details-table table { min-width: 756px; } .orderPageStyle.multiCheques .inputFiled{margin:0;width:100%;} .orderPageStyle.multiCheques .chosen-container{ border:0; border-radius:0; background:none; min-width:150px; } .multiCheques .column-1{width:30%;} .multiCheques .column-2{width:10%;min-width:80px;} .multiCheques .column-3{width:30%;} .multiCheques .column-4{width:8%;min-width:35px;} .multiCheques .column-5{width:10%;min-width:120px;} .multiCheques input:not(.chosen-search-input) {text-align: center;} .multiCheques #supplierInvoicesCreationModal input:not(.chosen-search-input) {text-align: inherit !important;} .multiCheques .itemsSideList label{margin:0;} .multiCheques .itemsSideList label p{margin:0;} .multiCheques .itemsSideList .toggleContainer{width:100%;} .multiCheques .itemsSideList .toggleContainer > span{width:100%;display:flex;align-items: center;gap:8px;margin-bottom:15px;} .multiCheques .deleteRow{font-size:14px;} .ceeateChequPage{} .ceeateChequPage .allContent{flex-direction:row-reverse;} .ceeateChequPage .table td,.ceeateChequPage .table th{padding:0;margin:0;border:0;} .ceeateChequPage .plusBtn{margin:0!important;margin-bottom:18px!important;display:flex!important;width:100%;background: var(--basic-gray)!important;border: 1px solid #e6e6e6!important; border-radius: 5px!important;height:54px!important;color:#2b3b4a!important;font-size:16px!important;} .ceeateChequPage .plusBtn:hover{border-color:var(--basic-blue)!important;} .ceeateChequPage .plusBtn i{color:var(--basic-title)!important;font-size:16px!important;margin-left:5px!important;display:block!important;} .ceeateChequPage .firstCheque{color:var(--basic-title);font-size:13px;text-align:center;width:100%;margin-bottom:25px;margin-top:62px;} .ceeateChequPage .firstCheque span{color:#2b3b4a;font-size:36px;text-align:center;display:block;margin-top:10px;} .ceeateChequPage .itemsSideList .prepare_cheques_btns{width:100%;font-weight:500;margin:20px 0;} .ceeateChequPage .table{width:100%;margin-top:30px;} .ceeateChequPage .table .row,.ceeateChequPage .table .details-table-row{margin:0;padding:7px 1.5%;background:white;width:100%;font-size:15px;border-bottom:1px solid #e1e1e1;color:#4d5c71;display:flex;align-items:center;justify-content: space-between;} .ceeateChequPage .table .row{margin:0;padding:7px 1.5%;background:white;width:100%;font-size:15px;border-bottom:1px solid #e1e1e1;color:#4d5c71;display:flex;align-items:center;justify-content: space-between;} .ceeateChequPage .table .row:nth-child(2n+2),.ceeateChequPage .table .details-table-row:nth-child(2n+2){background:var(--basic-gray);} .ceeateChequPage .table .row.titleRow{width:100%;background:#4d5c71;color:white;font-size:16px;min-height:50px;border-bottom:0;} .ceeateChequPage .table .input{font-size:15px;color:#4d5c71;background:none!important;border:0!important;font-weight:400;outline:0!important;box-shadow:0!important;padding:0 5px;width:100%;height:100%!important;display:block;} .ceeateChequPage .table .inputFiled{position:Relative;display:block;font-size:15px;color:#4d5c71;font-weight:400;width:100%;height:45px;border:1px solid #e8e8e8;background:white;} .ceeateChequPage .chosen-container-multi .chosen-choices{background:none;border:0;outline:0;min-height:100%;} .ceeateChequPage .chosen-container-active .chosen-choices{background:none;border:0;outline:0;box-shadow:none;height:45px;display:flex;align-items:center;flex-wrap: wrap;overflow-y:auto;} .ceeateChequPage .chosen-container{height:100%;} .ceeateChequPage .chosen-rtl .chosen-choices li.search-field input[type=text]{height:inherit;background:none!important;min-height:40px;height:inherit;margin:0;} .ceeateChequPage .chosen-container-multi .chosen-choices li.search-field{min-height:100%;} .ceeateChequPage .chosen-choices{height:100%;} .ceeateChequPage .chosen-rtl .chosen-choices li.search-choice{height:31px;margin:1px 2px;display:flex;align-items:center;} .ceeateChequPage .column-1{width:30%;} .ceeateChequPage .column-2{width:10%;} .ceeateChequPage .column-3{width:30%;} .ceeateChequPage .column-4{width:8%;min-width:35px;} .ceeateChequPage .column-5{width:10%;} .ceeateChequPage .itemsSideList label{margin:0;} .ceeateChequPage .itemsSideList label p{margin:0;} .ceeateChequPage .itemsSideList .toggleContainer{width:100%;} .ceeateChequPage .itemsSideList .toggleContainer > span{width:100%;display:flex;align-items: center;gap:8px;margin-bottom:15px;} .ceeateChequPage .page2blocks .itemsSideList{ width: 17.6vw; margin-right: inherit; position: -webkit-sticky; position: sticky; top: 104px; height: 100%; min-height:750px; } .ceeateChequPage .page2blocks .itemsSideList.suppliersSideList{max-height:unset;} .ceeateChequPage .page2blocks .itemsSideList.combinedViewMode{overflow:auto;} .ceeateChequPage .page2blocks .itemsSideList .textCentered{text-align: center;} .textCentered{text-align: center;} .ceeateChequPage .basicTitle{margin-bottom:15px;} #chequeBuilderPageEditChequeNumberPen { color:#7e7e7e; position:absolute; display:none; } #nextChequeNumberFieldContainer:hover #chequeBuilderPageEditChequeNumberPen { display: inline-block; } #bankAccountInfoPageChequeNumberSettingsBtn { color:#7e7e7e; position:absolute; /* display:none; */ opacity: 0; } #bankAccountInfoPageChequeNumberSettingsBtnContainer:hover #bankAccountInfoPageChequeNumberSettingsBtn { /* display: inline-block; */ -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 0.5s; /* Firefox < 16 */ -ms-animation: fadein 0.5s; /* Internet Explorer */ -o-animation: fadein 0.5s; /* Opera < 12.1 */ animation: fadein 0.5s; animation-delay: 0.7s; animation-fill-mode: forwards; } .almostInvisibleWithoutHover { opacity: 0.1; } .almostInvisibleWithoutHoverContainer:hover > .almostInvisibleWithoutHover { opacity: 1; } .orderPageStyle.multiCheques .chosen-rtl .chosen-choices li.search-choice{margin:3px 2px;} .orderPageStyle.multiCheques .basicTitle{margin-bottom:15px;} .orderPageStyle.multiCheques .deleteRow{background:none!important;border:0!important;outline:0;} .orderPageStyle.multiCheques div.interactive-details-table > table td:last-child{border:0;} #buildingsModal{} #buildingsModal .modal-side{display:flex;flex-direction:column;border-color:#bababa;background:#ededee;min-height:100px;width:9vw;right:-9vw;padding-bottom:25px;max-height:101%;} #buildingsModal .topBtns{width: 100%;padding-top:35px;} #buildingsModal .topBtns .regBtn:first-child{margin-left:8px;} /* #buildingsModal .buildingStructureBlock{margin-left:0.5%;height:103px;padding:0;background:none} */ #buildingsModal .buildingStructureBlock .cubeContainer{left: 17%;top:2px} #buildingsModal .floor .buildingStructureBlock .structureBlockText{font-size:18px;} #buildingsModal .floor{margin-bottom:18px;} #buildingsModal .buildingSelection{width:80%;margin:0px auto;max-height: calc(100%);overflow: auto;} #buildingsModal .buildingSelection > li{width:100%;height:105px;margin-bottom:10px;padding:4px;} #buildingsModal .buildingSelection > li .building{min-height:100%;} #buildingsModal .buildingSelection > li .building{min-height:100%;} #buildingsModal .buildingSelection > li .building .content img{width:40%;} #buildingsModal .buildingSelection > li .building .content span{margin-top:13px;} #buildingsModal .modal-side .title{display:block;color:var(--basic-txt-color);font-size:18px;width:69%;margin:0px auto;margin-bottom:20px;} #buildingsModal .structureBlockText{margin-top:-8%;} #buildingsModal .modal-body{max-height:600px;overflow:auto;} #buildingsModal .floor{min-width:100%;flex-grow: 2;} #buildingsModal .modal-dialog{width:715px;} .jobsPage #buildingsModal .modal-side{display:none;} #buildingsModal .modal-title{margin:0;} #buildingsModal .buildingSelectionMobileContainer{display:none;} #buildingsModal .buildingSelection::-webkit-scrollbar { width: 5px; } #buildingsModal .buildingSelection::-webkit-scrollbar-track { background-color: #fff; } #buildingsModal .buildingSelection::-webkit-scrollbar-thumb { background-color: #c5c5c5; border-radius: 25px; } #financesPages{} /* #financesPages .panelBlock .top{border-bottom:1px solid var(--gray-border);padding-bottom:18px;} */ #financesPages .seachInput{display:none!important;} #financesPages .PanelClosed .seachInput{display:block!important;} #financesPages .noSidePanel .seachInput{display:block!important;} #financesPages .staticSidePanel .seachInput{display:block!important;} #financesPages .panelBlock .closeBlock{background: none;width: 12px;fill: #030303;} #financesPages .panelBlock .rowsList{display:inline-flex;flex-wrap:wrap;gap:10px 15px;} #financesPages .panelBlock .rowsList li{flex-basis: calc(50% - 7.5px);flex-grow:1;height:60px;} /* #financesPages .panelBlock .rowsList li:first-child,#financesPages .panelBlock .rowsList li:nth-child(2){margin-top:7px;} */ #financesPages .panelBlock .rowsList li a{position:relative;border:1px solid var(--gray-border);width:100%;height:100%;text-decoration:none;} #financesPages .panelBlock .rowsList li a i{display:block;margin:0px auto;font-size:30px;color:var(--basic-txt-color);text-align:center;} #financesPages .rowsList li a .inner{text-align:center;max-width:95%;} #financesPages .rowsList li a .inner svg{width:20px;max-height:46px;fill:#B6BCC4;margin-top:12px;} #financesPages .rowsList li a .inner svg image{filter: invert(83%) sepia(5%) saturate(364%) hue-rotate(175deg) brightness(91%) contrast(89%);} #financesPages .rowsList li a .inner svg.billIcon{width:26px;max-height:35px;} #financesPages .panelBlock .rowsList li a:after{position:absolute;bottom:0;width:100%;height:4px;content:'';} #financesPages .panelBlock .rowsList li a.orangeIcon:after{background:#ff8745;} #financesPages .panelBlock .rowsList li a.redIcon:after{background:#fe6868;} #financesPages .panelBlock .rowsList li a.pinkIcon:after{background:#F63E76;} #financesPages .panelBlock .rowsList li a.blueIcon:after{background:var(--basic-blue);} #financesPages .panelBlock .rowsList li a.greenIcon:after{background:#5ebe89;} #financesPages .panelBlock .rowsList li a.greenDarkIcon:after{background:var(--basic-green-dark);} #financesPages .panelBlock .rowsList li a.purpleIcon:after{background:#516cf8;} #financesPages .panelBlock .rowsList li a.turquoiseIcon:after{background:#32cdd3;} #financesPages .panelBlock .rowsList li a span{display:block;text-align:Center;color:var(--basic-txt-color);font-size:15px;font-weight:400;margin-top:10px;} #financesPages .panelBlock .rowsList li a:hover{background:var(--body-bg-color);} #financesPages .tableBlock{position:relative;z-index:9;} #financesPages .allContent{position:relative;} #financesPages .whiteBlock .actionBtns .field{margin-left:12px;} #financesPages .panelBlock .top .settingsBtn{border:0;width:auto;padding:0;color: #d8d8d8;font-size:15px;margin-left:8px;} #financesPages tr.dtrg-end td.titleTd:after{max-width:55px;} #financesPages tr.dtrg-end td.titleTd span{display:flex;justify-content: center;align-items: center;width:35px;} #financesPages tr.dtrg-end td.titleTd:before{position: absolute;width: 100%;height: 4px;bottom: 0;right: 0;content: '';background: #f1f1f1;} .allContent .regBtn{height:40px!important;min-width:40px;outline-color: white !important;outline:0!important;} .allContent .specialIconBtn .icon{height:40px;} .allContent .sideBtnBuildingStructure .icon{background:#344249!important;} .allContent .sideBtnContainer{position:absolute;right:0;top:0;display:none;width:43px;} .allContent .sideBtnContainer button{width: calc(100% - 5px);height:48px;padding:0;} .allContent .sideBtnContainer button .icon{width:100%;margin:0;} .allContent .sideBtnContainer .regBtn.settingsBtn.specialIconBtn > .icon{background:none;color:white!important;} .allContent .sideBtnContainer .regBtn.settingsBtn{background:#d1d1d1;border:0!important;color:white!important;} .allContent .sideBtnContainer .sideBtnBuildingStructure{background:var(--menu-bg-color);} .allContent .sideBtnContainer .sideBtnBuildingStructure:hover{background:var(--menu-bg-color)!important;} .jobsPage .allContent .sideBtnContainer{position:absolute;display:none;} #financesPages .allContent .sideBtnContainer{position:absolute;display:none;} /* #financesPages .allContent .sideBtnContainer{right:-66px ;top:61px;} */ .page2blocks .PanelClosed{width:calc(100% - 37px)!important;margin-right:37px;} .jobsPage .allContent .sideBtnContainer .regBtn.specialIconBtn > .icon i{margin-right:0;margin-left:0;} .jobsPage .allContent{position:relative;} #editBank_modal{} #editBank_modal .modal-side{border-color:#039283;background:#a4a4a4;min-height:100px;width:16.8vw;right:-16.8vw;padding-bottom:25px;} #editBank_modal .topBtns{width: 100%;padding-top:20px;} #editBank_modal .topBtns .regBtn:first-child{margin-left:8px;} #editBank_modal .modal-body{max-height:600px;overflow:auto;min-height:250px!important;} #editBank_modal .floor{min-width:100%;flex-grow: 2;} #editBank_modal .modal-dialog{width:420px;} #editBank_modal .modal-header h5{font-weight:300;font-size:36px;} #editBank_modal .bankLogo{width:89%;height:11.7vw;background:url('../../images/dotesBg.png')repeat;overflow:hidden;margin:0px auto;display:flex;justify-content: center;align-items:center;} #editBank_modal .bankLogo .imgCircle{width:9.27vw;height:9.27vw;border-radius:50%;background:white;overflow:hidden;display:flex;justify-content: center;align-items:center;} #editBank_modal .bankLogo .imgCircle img{width:100%;} #financesPages .footerTotalFinanceAmountIncomeSum{direction:ltr;} #financesPages .footerTotalFinanceAmountOutcomeSum{direction:ltr;} #financesPages tfoot .textOverflowEllipsis{overflow:unset;display: table-cell;} .infoPageBase.allContent .sideBtnContainer{ position: absolute; /*right: -38px; */ right: 760px; top: 32px; display: none; width: 43px; } #settingsPage .allContent .sideBtnContainer{ right: 1115px; top: 85px; } .infoPageBase.allContent .sideBtnContainer .upperSideBtn { width: 140px; transform: translate(11px, 18px) rotate(-90deg); text-align: center; padding: 15px; } .infoPageBase.allContent .sideBtnContainer .lowerSideBtn0 { width: 140px; text-align: center; padding: 15px; transform: translate(11px, 117px) rotate(-90deg); } .infoPageBase.allContent .sideBtnContainer .lowerSideBtn1 { width: 120px; text-align: center; padding: 15px; transform: translate(1px, 206px) rotate(-90deg); } .infoPageBase.allContent .sideBtnContainer .lowerSideBtn2 { width: 120px; text-align: center; padding: 15px; transform: translate(1px, 285px) rotate(-90deg); z-index: 1; } .infoPageBase.allContent .sideBtnContainer .lowerSideBtn3 { width: 120px; text-align: center; padding: 15px; transform: translate(1px, 364px) rotate(-90deg); } .withoutRemoveBtn .removeRowBtn { display: none; } .infoPageBase.allContent .sideBtnContainer .weekTypeBtn:not(.selected):hover { /* z-index: 999999; */ /* opacity: 1; */ } .infoPageBase.allContent .sideBtnContainer .weekTypeBtn:not(.selected) { color: black !important; background: #fafafa; /* opacity: 0.6; */ } .infoPageBase.allContent .sideBtnContainer .weekTypeBtn.selected { color: white !important; background: #416793; text-decoration: underline; text-underline-offset: 3px; } .vehiclesToolBar .mergeBtns{margin-left:50px;} .financesToolBar .mergeBtns{margin-left:50px;} .chequesToolBar .mergeBtns{margin-left:50px;} /* Finances table icons */ #financesPages tbody tr td.icon-btn svg{width:22px;} #financesPages .footerTotalFinanceAmountOutcomeSum{direction:ltr;} /*Colors*/ #financesPages tbody tr td.icon-btn .red svg{fill:var(--basic-red);} #financesPages tbody tr td.icon-btn .green svg{fill:var(--basic-green);} /* end */ /* Jobs Table Status Icons */ .status-icon span{font-size:15px;max-width: 20px;max-height: 20px;overflow:hidden;} .status-icon svg{max-width: 20px;} .status-icon .red svg{fill:var(--basic-red);} .status-icon .green svg{fill:var(--basic-green);} .status-icon .black svg{fill:var(--basic-txt-color);} .status-icon .gray svg{fill:#a5a5a5;} .status-icon .lightGreen svg{fill:#77BB49;} .status-icon .blue svg{fill:var(--basic-blue);} /* end */ /* .supplierInfo .secondBlock{width:21vw;flex:1;} */ /* .supplierInfo .secondBlock .whiteBlock{min-width:100%;margin-bottom:15px;} */ .supplierInfo .create_prices{padding:0!important;} .supplierInfo .create_prices a{white-space:normal;height:75px;min-width:50%;display:flex;align-items:center;font-weight:500;color:var(--basic-txt-color);text-decoration:none;font-size:14px;padding: 0 1.4vw;} .supplierInfo .create_prices a i{background:#e46660;font-size:13px;margin-left:8px;height:24px;min-width:24px;display:flex;border-radius: 2px;align-items:center;justify-content: center;color:white;} .supplierInfo .create_prices a:first-child i{background:#129789;} .supplierInfo .create_prices a:first-child{border-left:1px solid var(--gray-border);} .supplierInfo .create_prices a:hover{background:var(--basic-gray);} .supplierInfo .ordersBlock .title font{color:#ec1515;} .supplierInfo .ordersBlock .ordersList{width:100%;margin-top:16px;} .supplierInfo .ordersBlock .ordersList li{width:100%;margin-bottom:25px;} .supplierInfo .ordersBlock .ordersList li strong{color:var(--basic-txt-color);font-weight:400;display:block;font-size:15px;} .supplierInfo .ordersBlock .ordersList li .details{color:#888888;font-size:13px;max-width:63%;} .supplierInfo .ordersBlock .ordersList li .details .ltrText{unicode-bidi: plaintext;} .supplierInfo .ordersBlock .ordersList li .details i{font-size:20px;color:var(--basic-blue);margin-left:14px;} .supplierInfo .ordersBlock .ordersList li:last-child{margin-bottom:0;} .supplierInfo .orderValues{} .supplierInfo .orderValues .field{} .supplierInfo .orderValues .field span{display:block;color:#a2a2a2;font-size:13px;font-weight:400;margin-bottom:8px;} .supplierInfo .orderValues .content{width:40%;max-width:163px;} .supplierInfo .orderValues .content .inputFiled{width:100%;margin-bottom:15px!important;} .supplierInfo .orderValues .content .inputFiled .input{font-size:15px;color:var(--menu-bg-color)} .supplierInfo .orderValues .content .field:last-child .inputFiled{margin-bottom:0!important;} .supplierInfo .orderValues .icon{background:#f8985e!important;} .supplierInfo .field:last-child .inputFiled{} .supplierInfo .orderValues .icon img{max-width:49%;} .supplierInfo .history .top{width:100%;margin-bottom:12px;} .supplierInfo .history .top .inputFiled{height:38px;color:var(--basic-txt-color);margin:0!important;max-width:130px;} .supplierInfo .history .top .inputFiled .input{font-size:15px;} .supplierInfo .history .top .search button {background: none;outline: 0;border: 0;color:#b3b3b3;margin-left: 8px;font-size:13px;} .supplierInfo .cashBlock .icon{width:16.2%;max-width:65px;overflow:hidden;} .supplierInfo .cashBlock .icon svg{display:block;max-width:100%;} .supplierInfo .lastProducts .top{border-bottom: 1px solid var(--gray-border);padding-bottom: 14px;} .supplierInfo .lastProducts .list{margin:0;} .supplierInfo .lastProducts .list li{width:30%;margin-top:18px;height:55px;margin-left:5%;} .supplierInfo .lastProducts .list li:nth-child(3n+3){margin-left:0;} .supplierInfo .lastProducts .list li a{display:flex;align-items:center;justify-content: space-between;height:100%;width:100%;background:none;border:1px solid var(--gray-border);padding:0 8%;} .supplierInfo .lastProducts .list li a i{margin-left:8%;color:var(--basic-blue);font-size:13px;} .supplierInfo .lastProducts .list li:nth-child(even) a i{color:var(--basic-green);} .supplierInfo .lastProducts .list li a .name{max-width:63%;width:63%;color:var(--basic-txt-color);} .supplierInfo .lastProducts .list li a .name span{max-width:calc(92% - 15px);text-overflow:ellipsis; white-space: nowrap;overflow: hidden;} .supplierInfo .lastProducts .list li .price{color:var(--basic-txt-color);font-size:15px;font-weight:400;} .supplierInfo .lastProducts .list li .price span{margin-right:5px;border-radius:50%;height: 18px;width: 18px;font-size:12px;background:var(--basic-gray);display:flex;align-items:center;justify-content: center;} .supplierInfo .lastProducts .list li a:hover{text-decoration:none;background:var(--basic-gray);} .supplierInfo .table{width:33.1vw;max-width:100%;} .supplierInfo .tableTitle{width:7vw;font-size:15px;color:#151b20;text-align:center;padding:0 8px;} .supplierInfo .tableTitle i{display:block;color:#3d81ee;font-size:2.5vw;text-align: center;margin:0px auto;margin-bottom:20px;} .supplierInfo .table .row{margin:0;min-height:55px;} .supplierInfo .table .row{width:100%;background:var(--basic-gray);padding:12px 1.5vw;color:#151b20;align-items:center;font-size:15px;} .supplierInfo .table .row:nth-child(2n+2){background:#ffffff;} .supplierInfo .table .row .column{min-width:27px;} .supplierInfo .table .row .column-1{width:16.6%;direction:ltr;} .supplierInfo .table .row .column-2{width:20.22%;} .supplierInfo .table .row .column-3{width:41.4%;} .supplierInfo .table .orderLink{position:relative;width: 27px;height: 27px;background:white;display:block;color:#4d5b72;font-size:11px;border-radius:50%;box-shadow: 0px 1px 6.65px 0.35px rgba(0, 0, 0, 0.1);} .supplierInfo .table .orderLink i{position:absolute;transform:translate(-50%, -50%) rotate(90deg) ;left: 50%;top: 50%!important;margin-left:-1px;} .supplierInfo .table .orderLink:hover{background:#3c7bf3;text-decoration:none;opacity:0.8;color:white;} .supplierInfo .table .row.headers{border-bottom:2px solid var(--gray-border);} .supplierInfo .whiteBlock .top .title{color:var(--menu-bg-color);font-size: 18px;font-weight:500;margin:0;} .supplierInfo .whiteBlock .top{margin-bottom:20px;} .supplierInfo .whiteBlock .unitsList{width:100%;overflow-x:auto;} .supplierInfo .whiteBlock .unitsList li label{white-space: nowrap;} .supplierInfo .cashBlock .link{color:#b3b3b3!important;text-decoration:underline!important;font-size:15px;} .blockLinks a.fullWhiteBtn{background:white;padding:8px 8px !important;display:block;width:100%;text-decoration:none!important;} .blockLinks a.fullWhiteBtn .inner{display:flex;min-height:60px;justify-content:space-between;padding:0 15px;align-items:center;font-weight:500;color:var(--basic-txt-color);text-decoration:none;font-size:14px;width:100%;border:1px solid var(--gray-border);border-radius: 10px;} .blockLinks a.fullWhiteBtn:hover .inner{background:var(--basic-gray);text-decoration:none!important;} .blockLinks a.fullWhiteBtn span i{background:var(--basic-blue);font-size:13px;margin-left:8px;height:24px;min-width:24px;display:flex;border-radius: 2px;align-items:center;justify-content: center;color:white;} .blockLinks a.fullWhiteBtn:nth-child(2n+2) span i{background:#60BC7C;} .blockLinks a.fullWhiteBtn:nth-child(3n+3) span i{background:var(--menu-bg-color);} .blockLinks a.fullWhiteBtn .inner span{min-width:38%;display:flex;align-items:center;text-decoration:none!important;} .blockLinks a.fullWhiteBtn .inner .arrow{display:flex;align-items:center;justify-content:center;font-size:15px;width: 30px;height: 30px;border-radius:50%;border:1px solid var(--gray-border);color: #C8C8C8;} .page2blocks .blockLinks{display:flex;flex-direction: column;gap:5px;margin:5px 0;} .page2blocks .blockLinks a.fullWhiteBtn{padding:4px!important;} .page2blocks .blockLinks a.fullWhiteBtn .inner{min-height:48px;} .page2blocks .infoAndLinks{background:var(--body-bg-color);padding:8px;} .page2blocks .blockLinks a.fullWhiteBtn .inner {font-size:13px;} .page2blocks .blockLinks a.fullWhiteBtn .inner{padding: 0 6px;} .page2blocks .infoAndLinks .dataBlock{padding:10px!important;} .page2blocks .smallBlock{width:calc(50% - 7.5px)!important;} .supplierInfo .cashBlock .link{color:#b3b3b3!important;text-decoration:underline!important;font-size:15px;} .financialInfo a.fullWhiteBtn{background:white;padding:8px 8px !important;display:block;width:100%;text-decoration:none!important;} .financialInfo a.fullWhiteBtn .inner{display:flex;min-height:60px;justify-content:space-between;padding:0 15px;align-items:center;font-weight:500;color:var(--basic-txt-color);text-decoration:none;font-size:14px;width:100%;border:1px solid var(--gray-border);} .financialInfo a.fullWhiteBtn:hover .inner{background:var(--basic-gray);text-decoration:none!important;} .financialInfo a.fullWhiteBtn span i{background:var(--basic-blue);font-size:13px;margin-left:8px;height:24px;min-width:24px;display:flex;border-radius: 2px;align-items:center;justify-content: center;color:white;} .financialInfo a.fullWhiteBtn:nth-child(2n+2) span i{background:#60BC7C;} .financialInfo a.fullWhiteBtn:nth-child(3n+3) span i{background:var(--menu-bg-color);} .financialInfo a.fullWhiteBtn .inner span{min-width:38%;display:flex;align-items:center;text-decoration:none!important;} .financialInfo a.fullWhiteBtn .inner .arrow{display:flex;align-items:center;justify-content:center;font-size:15px;width: 30px;height: 30px;border-radius:50%;border:1px solid var(--gray-border);color: #C8C8C8;} .page2blocks .financialInfo{display:flex;flex-direction: column;gap:5px;margin:5px 0;} .page2blocks .financialInfo a.fullWhiteBtn{padding:4px!important;} .page2blocks .financialInfo a.fullWhiteBtn .inner{min-height:48px;} .page2blocks .infoAndLinks{background:var(--body-bg-color);padding:8px;} .page2blocks .financialInfo a.fullWhiteBtn .inner {font-size:13px;} .page2blocks .financialInfo a.fullWhiteBtn .inner{padding: 0 6px;} .page2blocks .infoAndLinks .dataBlock{padding:10px!important;} .page2blocks .smallBlock{width:calc(50% - 7.5px)!important;} .supplierNew{} .supplierNew .innerBlock{position:relative;} /* .supplierNew .backBtn{position:absolute;top:10px;right:10px;} */ /* .supplierNew .top{padding-bottom:13px;border-bottom:1px solid var(--gray-border);width:100%;} */ .supplierInfo .whiteBlock{padding-top:19px!important;padding-bottom:19px!important;} .supplierInfo .smallBlock{width:calc(50% - 7.5px)!important;} .main .infoBlock .addRowBtn{background: var(--basic-blue);font-size: 13px;height: 24px;min-width: 24px; display: flex;border-radius: 2px;align-items: center;justify-content: center;color: white; } .main .infoBlock .addRowBtn:hover{opacity:0.8;} .supplierInfo .infoBlock .list{width:100%;margin:0;max-height:105px;overflow-y:auto;} .supplierInfo .infoBlock .list li{width:100%;display:flex;align-items:center;background:var(--basic-gray);justify-content: space-between;padding:13px 10px;} .supplierInfo .infoBlock .list li:nth-child(2n+2){background:white;} .supplierInfo .infoBlock .list li button i{color:#b0b0b0;font-size:13px;} .supplierInfo .infoBlock .list li button:hover i{color:#606d83;} .supplierInfo .infoBlock .list li .content{color:#263238;font-size:15px;} .supplierInfo .infoBlock .list li .content .input{background:white;border:1px solid var(--gray-border);height:24px;min-width:20px;max-width:50px;} .supplierInfo .infoBlock .list li .content span{margin-left:2px;} .main .infoBlock .topBlock{border-bottom:1px solid var(--gray-border);margin-bottom:10px;padding-bottom:10px;color:#263238;font-size:15px;} .supplierInfo .infoBlock .list li.active{background:rgba(255,255,1,0.4);} .supplierInfo .infoBlock .scrollbarBlue::-webkit-scrollbar{width:9px;} .supplierInfo .infoBlock .scrollbarBlue::-webkit-scrollbar-thumb{border: 2px solid #fff;} /* .supplierInfo .allWorkDays{ max-height:285px; overflow-y:auto; } .supplierInfo .allContactsRows { max-height:285px; overflow-y:auto; overflow-x:hidden; } .main.supplierInfo .infoBlock .plainRow .removeRowBtn {left:-1px;} */ .main .infoBlock .title{font-size:15px;display:flex;align-items:center;gap:4px;} .main .infoBlock .title .icon{color:var(--basic-blue);} .main .infoBlock .noteRow {width:100%} .main .infoBlock .noteRow textarea {margin:10px;width:87%} .supplierInfo .infoBlock .list .workDay{} input[type="time"] { -webkit-appearance: none; } input[type="time"]::-webkit-date-and-time-value { margin: 0; width: 100%; text-align: center; } .workDayRow{margin-top:8px;border:1px solid var(--gray-border);padding-top:5px;} .workDayRow .inner{width:100%;padding:0 5px;position:relative;} .workDayRow .inputFiled,.contactRow .inputFiled{height:35px!important;max-height:35px!important;margin-bottom:0!important;} .workDayRow label,.contactRow label{font-size:12px!important;margin-bottom:2px!important;} .workDayRow .daysList{gap:8px;margin-top:8px;flex-wrap:wrap;justify-content: space-between;min-width:100%;} .workDayRow label.customCheckBox input[type="checkbox"]:checked+span.checkbox:after{top:-1px;} .workDayRow label.customCheckBox span.checkbox{margin-left:3px;} .workDayRow input.time{position:Relative;} .workDayRow input.time:before{content:'';height:100%;background:none;width:32%;position:absolute;left:0} .workDayRow span.separator{margin-top:17px;} .timeRowStartAndEnd{} .timeRowStartAndEnd .space{margin-top: 23px;} .timeRowStartAndEnd .timeArrive,.timeRowStartAndEnd .timeLeave{align-items: center;display: flex;flex-direction: column;} .contactRow{border-top:1px solid var(--gray-border);padding:10px 5px;} .contactRow:first-child{border-top:0;} .plainRow {position:relative;} .removeRowBtn {cursor:pointer;} .main .infoBlock .plainRow .removeRowBtn{font-size:16px;position:absolute;top: 43%;left:-10px;border:0;opacity:0;color:#a4a4a4!important;} .main .infoBlock .plainRow.workDayRow .removeRowBtn{top: 10%;left:10px;} .main .infoBlock .plainRow .removeRowBtn i{font-size:16px;} .main .infoBlock .plainRow:hover .removeRowBtn:not([disabled]){opacity:0.8;} .main .infoBlock .plainRow:hover .removeRowBtn:not([disabled]):hover{opacity:1;color:var(--basic-red)!important;} .main .infoBlock .plainRow.noteRow .removeRowBtn{top:8px;left:3.5%;} .deliveryModal .all3Btns{display:flex;justify-content: space-between;} .deliveryModal .all3Btns .mbtn{cursor:pointer;position:relative;display:flex;font-weight:400;align-items:center;padding-right:15px;font-size: 14px!important;border-radius:5px;border:1px solid #e5e5e5;width:50%;height:80px;background:white;margin-left:7px;} .deliveryModal .all3Btns .mbtn i{font-size:24px;color:#e5e5e5;margin-left:10px;} .deliveryModal .all3Btns .mbtn:hover{border-color:#b7f7d2;} .deliveryModal .all3Btns .mbtn.active{border-color:#4ce08a;} .deliveryModal .all3Btns .mbtn:last-child{margin-left:0;} @media screen and (max-width: 490px) { .deliveryModal .all3Btns{flex-wrap: wrap;} .deliveryModal .all3Btns .mbtn{width:100%;height:60px;} .deliveryModal .all3Btns .mbtn{margin-left:0;} #purchaseBtn{margin-left:0!important;} header .navTop span{width:100%;} } .deliveryModal .all3Btns .mbtn .btnPrice{position:relative;position:absolute;left:5px;bottom:0px;color:#e5e5e5;font-size:19px;font-weight:700;} .deliveryModal .all3Btns .mbtn .btnPrice:before{display:block;position:Absolute;top:3px;right:-10px;height:19px;width:2px;background:#e5e5e5;content:' ' ;transform: rotate(-27deg);} .deliveryModal .all3Btns .mbtn:hover i{color:#b7f7d2;} #deliveryModal {z-index: 2147483647 !important;} #deliveryModal .modal-content{margin:0;} #deliveryForm{margin-top:15px;display:flex;justify-content:center;display:none;} #selfPickUpAddress{text-align:right;margin-top:15px;} .deliveryModal .all3Btns .mbtn input{position:absolute;opacity:0;} .deliveryModal .all3Btns .mbtn input[type="radio"]:checked + i{color:#4ce08a;} .deliveryModal .all3Btns .mbtn input[type="radio"]:checked + .mbtn{border-color:#4ce08a;} .radioButtonsBlock .all3Btns{display:flex;justify-content: space-between;} .radioButtonsBlock .all3Btns .mbtn{cursor:pointer;user-select:none;position:relative;display:flex;font-weight:400;align-items:center;font-size: 14px!important;border-radius:5px;border:1px solid #e5e5e5;width:50%;height:90px;background:white;margin-left:7px;} .radioButtonsBlock .all3Btns .mbtn i{font-size:24px;color:#e5e5e5;margin-left:10px;} .radioButtonsBlock .all3Btns .mbtn:hover{border-color:#b7f7d2;} .radioButtonsBlock .all3Btns .mbtn.active{outline: solid 2px #4ce08a !important;} @media screen and (max-width: 490px) { .radioButtonsBlock .all3Btns{flex-wrap: wrap;} .radioButtonsBlock .all3Btns .mbtn{width:100%;height:60px;} .radioButtonsBlock .all3Btns .mbtn{margin-left:0;} } .radioButtonsBlock .all3Btns .mbtn:hover i{color:#4ce08a;} .radioButtonsBlock .all3Btns .mbtn input{position:absolute;opacity:0;} .radioButtonsBlock .all3Btns .mbtn input[type="radio"]:checked + i{color:#4ce08a;} .radioButtonsBlock .all3Btns .mbtn input[type="radio"]:checked + .mbtn{border-color:#4ce08a;} #presetSettingsBankSelectionBlock { } .radioButtonsBlock #automaticFinanceLoadPresetSettingsBankSelectionBlock .all3Btns, .radioButtonsBlock #automaticCreditCardsLoadPresetSettingsBankSelectionBlock .all3Btns, .radioButtonsBlock.selectBoxItemsContainer .all3Btns, .radioButtonsBlock #presetSettingsBankSelectionBlock .all3Btns { flex-wrap: wrap; justify-content: initial; } .radioButtonsBlock #automaticFinanceLoadPresetSettingsBankSelectionBlock .all3Btns .mbtn, .radioButtonsBlock #automaticCreditCardsLoadPresetSettingsBankSelectionBlock .all3Btns .mbtn, .radioButtonsBlock.selectBoxItemsContainer .all3Btns .mbtn, .radioButtonsBlock #presetSettingsBankSelectionBlock .all3Btns .mbtn { width: 150px; padding-right: 0; justify-content: center; } #automaticFinanceLoadPresetSettingsBankSelectionBlock .bankSelectionRadioContainer img, #automaticCreditCardsLoadPresetSettingsBankSelectionBlock .bankSelectionRadioContainer img, .radioButtonsBlock.selectBoxItemsContainer .bankSelectionRadioContainer img, #presetSettingsBankSelectionBlock .bankSelectionRadioContainer img { max-width: 90%; max-height: 90%; } .conflictsResolverSelectionRadioBtn.disabled { opacity: 0.7; } .conflictsResolverArrowBlock, .conflictsResolverSelectionRadioBtn { flex: 1 1; } .conflictsResolverArrowBlock.arrow { border: none; } .radioButtonsBlock .all3Btns .mbtn.conflictsResolverArrowBlock, .radioButtonsBlock .all3Btns .mbtn.conflictsResolverSelectionRadioBtn { padding-right: 0; justify-content: center; } .radioButtonsBlock .all3Btns.conflictsResolverOptionSelectionRadioButtonsContainer .mbtn.conflictsResolverSelectionRadioBtn { min-height: 150px; } .conflictsResolverSelectionRadioBtn:hover{border-color:#4ce08a;} .conflictsResolverSelectionRadioBtn.selected{outline: solid 2px #4ce08a !important;} .conflictsResolverSelectionRadioBtn .conflictsResolverSelectionRadioBtnContentHolder > div { margin: 5px 0; } .radioButtonsBlock #presetSettingsAutomaticCreditCardsProviderBlock .all3Btns, .radioButtonsBlock #presetSettingsCreditCardsProviderBlock .all3Btns { flex-wrap: wrap; justify-content: initial; } .radioButtonsBlock #presetSettingsAutomaticCreditCardsProviderBlock .all3Btns .mbtn, .radioButtonsBlock #presetSettingsCreditCardsProviderBlock .all3Btns .mbtn { width: 150px; padding-right: 0; justify-content: center; } #presetSettingsAutomaticCreditCardsProviderBlock .creditCardsProviderSelectionRadioContainer img, #presetSettingsCreditCardsProviderBlock .creditCardsProviderSelectionRadioContainer img { max-width: 100%; max-height: 100%; } #orderSettingsModalContent .toggleRow{margin-bottom:1.1vw;} .modal .toggleRow .title{color:var(--basic-txt-color);font-size:18px;font-weight:400;} .modal .toggleRow p{color:#676767;font-size:15px;font-weight:400;margin:0;margin-top:3px;} #orderSettingsModalContent .field{display:none;} .modal .modal-footer label{margin:0;color:#151b20;} .modal .modal-footer .content i{margin-right:8px;color:#c2c2c2;font-size:16px;} .creationPage{} .creationPage h2{color:#4d5b72;font-size:22px;font-weight:500;margin:0;} .creationPage .backBtn{margin-left:15px;} .creationPage .innerBlock{width:69.8%;max-width:1154px;} .creationPage .top{margin-bottom:30px;} .creationPage .rightFields{width:28.6%;} .creationPage .leftFields{width:59.9%;} .creationPage .imgUpload{width:100%;margin-bottom:37px;} .creationPage .image{position:relative;width:100%;height:222px;background:url('../../images/dotesBg.png')repeat;margin-bottom:15px;} .creationPage .image .circle{border-radius:50%;width:9.3vw;height:9.3vw;position:absolute;background:white;overflow:hidden;} .creationPage .image .circle img{width:100%;position:absolute;} .creationPage .imageBtns{} .creationPage .imageBtns button{} .creationPage .locationInput .btnSubmit {background: none;margin-left: 8px;font-weight: 500;font-size: 15px;color: #32baab;display: flex;align-items: center;} .creationPage .inputFiled label{margin-bottom:0;border-left:1px solid var(--gray-border);} .creationPage .locationInput .btnSubmit i{font-size:13px;margin-left:8px;} .creationPage .locationInput > label{color:var(--basic-txt-color);} .creationPage .locationInput > label i{color:var(--basic-blue);} .creationPage .leftFields .field{width:47.5%;margin-bottom:15px;} .creationPage .leftFields .field .inputFiled{position:relative;} .creationPage .leftFields .field .inputFiled .blueIcon { position: absolute; left: 13px; top: 13px; color: var(--basic-blue); font-size: 13px; } .creationPage .leftFields .textAreaField{width:100%;} .creationPage .leftFields .textAreaField .inputFiled{height:82px;} .creationPage .leftFields .textAreaField textarea{width:100%;height:100%;padding:10px; resize: none;} .creationPage .leftFields .addSupplier{margin-top:25.58px;} .creationPage .leftFields .field.duplicate{width:100%;} .creationPage .leftFields .field.duplicate .inputFiled{width:47.5%;} .creationPage .inputFiled label i{margin-left:4px;} .creationPage .inputFiled label i{margin-left:4px;} .creationPage .inputFiled .select2-container{width:100%;height:100%;} .creationPage .inputFiled .select2-selection--single{height:100%;} .creationPage .inputFiled .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{height:100%;} .creationPage .inputFiled .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:100%;display:flex;align-items:center;} .creationPage .inputFiled .select2-container--default .select2-selection--single{border:0;} .creationPage .inputFiled .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{height:100%;} .permissionsDefault{width:100%;margin-top:15px;} .permissionsDefault label{border:0 solid var(--gray-border);position:relative;cursor:pointer;} .permissionsDefault label:first-child{margin-left:14px;} .permissionsDefault label input[type="radio"]{position:absolute;opacity:0;width:0;height:0;} .permissionsDefault label i{color:#d3d3d3;font-size:15px;margin:0;margin-left: 6px;} .permissionsDefault label .content{position:Relative;display:flex;flex-wrap:wrap;padding:0 12px;width:100%;align-items:center;height:41px;border:1px solid var(--gray-border);} .permissionsDefault label .content span{color:var(--basic-txt-color);} .permissionsDefault label .content:after{content:'';width:calc(100% + 2px);height:3px;position:absolute;bottom:-4px;right:-1px;background:white;border:1px solid var(--gray-border);border-top:0;} .permissionsDefault label input:checked + .content:after{background:var(--basic-green);} .permissionsDefault label input:checked + .content i{color:var(--basic-green);} .permissionsDefault .copyPermissionsObjectSelection{height:44px;max-width:180px;} .permissionsDefault .copyPermissionsObjectSelection .regBtn{height:100%!important;border-right:0;background:var(--basic-gray)!important} .permissionsDefault .copyPermissionsObjectSelection .dropdown{height:100%!important;} .permissionsDefault .dropdown-toggle .filter-option{margin-left:15px;} .oldSupplierStyle .allContent{align-items:flex-start;} .oldSupplierStyle .noSuppliers{text-align:center;margin-top:35px;min-height:150px;} .oldSupplierStyle .noSuppliers span{display:block;font-size:22px;color:var(--basic-txt-color);} .oldSupplierStyle .suppliersList{width:100%;margin-top:15px;min-height:22vw;max-height:350px;overflow-y:auto;} .oldSupplierStyle .suppliersList li{width:100%;margin-bottom:15px;position:relative;} .oldSupplierStyle .suppliersList li > div{cursor:pointer;width:100%;display:block;min-height:44px;padding:15px 20px;display:flex;justify-content: space-between;border:1px solid #e7e8e8;} .oldSupplierStyle .suppliersList li > div:hover{background:var(--basic-gray);text-decoration:none;color:#2b3b4a;} .oldSupplierStyle .suppliersList li > div span{font-size:15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: calc(100% - 23px);} .oldSupplierStyle .suppliersList li > div i{} /* .suppliersPage .suppliersList li > div:hover i{font-size:16px;} */ .oldSupplierStyle .suppliersList li .fav{height:calc(100%);border: 1px solid #e7e8e8;position:absolute;left:0;top:0;padding:12px;background:var(--basic-gray);color:var(--menu-bg-color);} .oldSupplierStyle .suppliersList li .fav.active{background:var(--basic-blue);color:white; border-color: var(--basic-blue);/*border-right: 1px solid #e7e8e8;*/} .oldSupplierStyle .suppliersList .dropDownHolder:not(.otherOptionsSupplierInvoicesRecognitionBtnHolder){margin-left:35px;} .oldSupplierStyle .dropDownHolder:not(.otherOptionsSupplierInvoicesRecognitionBtnHolder) button{color:#d1d1d1;background:none;font-size:16px;display:flex;align-items:center;justify-content: center;} .oldSupplierStyle .dropDownHolder:not(.otherOptionsSupplierInvoicesRecognitionBtnHolder)[aria-expanded="true"] button{color:var(--basic-blue);} .oldSupplierStyle .dropDownHolder:not(.otherOptionsSupplierInvoicesRecognitionBtnHolder) button i{margin:0px auto;} .oldSupplierStyle .suppliersList li:last-child > div{border-bottom:1px solid #e7e8e8;} .panelBlock span.title{color:var(--basic-txt-color);font-size:16px;font-weight:400;display:block;text-align:right;} .panelBlock span.title i{color:var(--basic-blue);margin-left:8px;font-size:13px;} #permissionsPage{} #permissionsPage .panelBlock{} #permissionsPage .workersList{min-height: calc(100% - 190px);max-height: calc(100% - 89px);overflow-y: auto;} #permissionsPage .panelBlock{width:17.6vw;margin-left:1.15vw;position: -webkit-sticky;position: sticky;top: 104px;} #permissionsPage .panelBlock ul{max-height:calc(100vh - 263px);} #permissionsPage .workersList{width:100%;margin-top:15px;} #permissionsPage .workersList li{width:100%;position:relative;margin-bottom:10px;} #permissionsPage .workersList li label{margin:0;width:100%;height:auto;display:block;cursor:pointer;} #permissionsPage .workersList li label .worker{background:white;width:100%;display:flex;justify-content:space-between;padding:0 9%;height:63px;align-items:center;border:1px solid var(--gray-border);} #permissionsPage .workersList li label .worker span{color:var(--menu-bg-color);font-size:15px;font-weight:400;} #permissionsPage .workersList li label input[type="radio"]:checked + .worker{background:var(--basic-green);} #permissionsPage .workersList li label input[type="radio"]:checked + .worker span{color:white;} #permissionsPage .workersList li label input[type="radio"]{position:absolute;width:0;height:0;opacity:0;} #permissionsPage .workersList li label .worker:after{content:'';border-radius:50%;border:2px solid var(--gray-border);width:9px;height:9px;} #permissionsPage .workersList li label input[type="radio"]:checked + .worker:after{border-color:white;} /*CHEN:TODO: generalize......*/ /*CHEN:TODO: I copied this because you used workersList as usersList in organization_permissions_manager...*/ #permissionsPage .usersList{min-height: calc(100% - 190px);max-height: 36vw;overflow-y: auto;} .accessGroup {cursor:pointer;} #permissionsPage .panelBlock{min-width:17.6vw;margin-left:1.15vw;position: -webkit-sticky;position: sticky;top: 104px;} #permissionsPage .panelBlock .title{color:var(--basic-txt-color);font-size:16px;font-weight:400;text-align:right;} #permissionsPage .panelBlock .title i{color:var(--basic-blue);margin-left:8px;font-size:13px;} .permissionsGroupsList{width:100%;margin-top:15px; max-height: calc(100% - 139px);overflow-y:auto;} .permissionsGroupsList li{width:100%;position:relative;margin-bottom:10px;background:var(--basic-gray);padding: 10px 8px;} .permissionsGroupsList li.selected{background:var(--basic-blue);} .permissionsGroupsList li .categorie{color:#acacac!important;font-weight:500;font-size:14px;} .permissionsGroupsList li.selected .categorie{color:white!important;} .permissionsGroupsList li .openDropDown{position:relative;} .permissionsGroupsListWorkersMenu{margin-left: 0vw;} .newGroupPermissionsBtn{margin-top:10px;width:100%;border:1px solid var(--gray-border);background:var(--basic-gray);color:#bbbbbb!important;text-decoration:none;font-size:15px;font-weight:500;display:flex;justify-content: space-between;} a.newGroupPermissionsBtn:hover{text-decoration:none;} .newGroupPermissionsBtn span{padding:9px 0.7vw 9px 0;} .newGroupPermissionsBtn .icon{min-height:100%;display:flex;background:white;align-items:center;font-size:13px;padding:8px 10px;border-right:1px solid var(--gray-border);} .permissionsGroupsList li .catName{max-width:74%;} .permissionsGroupsList li .links{display:flex;align-items:center;} .permissionsGroupsList li .links a{display:flex;align-items:center;justify-content:center;min-height:15px;min-width:15px;margin-left:8px;font-size:12px;color:#acacac!important;text-decoration:none!important;} .permissionsGroupsList li .links a:last-child{margin-left:0;} .permissionsGroupsList li.selected .links a{color:white!important;} .permissionsGroupsList li .membersSubList{margin-top:15px;} .permissionsGroupsList li .membersSubList li{background:white;border:1px solid var(--gray-border);height:62px;max-height:62px;padding: 8px 1.1vw;width:100%;display:flex;margin-bottom:10px;} .permissionsGroupsList li .membersSubList li .name{font-size:15px;font-weight:400;color:var(--menu-bg-color);max-width:86%;} .permissionsGroupsList li .membersSubList li a{padding:10px;margin-left:-10px;color:#c6c6c6!important;text-decoration:none!important;font-size:12px;} /* #permissionsPage .usersList li label{margin:0;width:100%;height:auto;display:block;cursor:pointer;} #permissionsPage .usersList li label .user{background:white;width:100%;display:flex;justify-content:space-between;padding:0 9%;height:63px;align-items:center;border:1px solid var(--gray-border);} #permissionsPage .usersList li label .user span{color:var(--menu-bg-color);font-size:15px;font-weight:400;} #permissionsPage .usersList li label input[type="radio"]:checked + .user{background:var(--basic-green);} #permissionsPage .usersList li label input[type="radio"]:checked + .user span{color:white;} #permissionsPage .usersList li label input[type="radio"]{position:absolute;width:0;height:0;opacity:0;} #permissionsPage .usersList li label .user:after{content:'';border-radius:50%;border:2px solid var(--gray-border);width:9px;height:9px;} #permissionsPage .usersList li label input[type="radio"]:checked + .user:after{border-color:white;} */ /* ENDTODO */ #permissionsPage .panelBlock .searchBox{position:relative;width:100%;border-bottom: 1px solid var(--gray-border);height:45px;margin-top:17px;} #permissionsPage .panelBlock .searchBox input{width:100%;height:100%;background:none;font-size:14px;padding-right:10px;} #permissionsPage .panelBlock .searchBox i{background:none;color:#bebebe;font-size:13px;margin-left:5px;position:absolute;left:0;} #permissionsPage .panelBlock .searchBox button{width:100%;height:100%;background:none;outline:0;text-align:right;border:0!important;} #permissionsPage .tableBlock{min-height:calc(100vh - 263px);overflow-y:-hidden;} #permissionsPage .tableBlock .top{border-bottom:1px solid var(--gray-border);padding-bottom:14px;} #permissionsPage .tableBlock .top.bottom{padding-top:14px;border:0;} #permissionsPage .tableBlock .top .backBtn{margin-left:20px;} #permissionsPage .tableBlock .top .buttonsSpace a{margin-left:8px;} #permissionsPage .whiteBlock.all{min-height:calc(100% - 130px);overflow-y:auto;} #permissionsPage .tableBlock .top .buttonsSpace a:last-child{margin-left:0;} #permissionsPage .permissionButtonsHolderWrapper{max-height:calc(100% - 130px);border-right:1px solid var(--gray-border);min-height:calc(100% - 130px);width:100%;margin-top:0;/*overflow-y: auto;*/} #permissionsPage .permissionButtonsHolder{width:100%;border-bottom:1px solid var(--gray-broder);} #permissionsPage .ulHolder:nth-child(2n+2){background:var(--basic-gray);} #permissionsPage .permissionButtonsHolder li{position:relative;max-width:32.33%!important;/*overflow:hidden;*/height:75px;min-width:32.33%;display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5vw;min-height:76px;margin-left:1%;background:var(--body-bg-color);padding:15px 2.2%;} #permissionsPage .permissionButtonsHolder li span{color:var(--basic-txt-color);user-select:none;font-size:15px;font-weight:400;margin-left:2%;} #permissionsPage .permissionButtonsHolder li .actions{} #permissionsPage .permissionButtonsHolder li .actions button{background:none;border:0;color:#c4c4c4;font-size:15px;position:relative;height:16.3px;width:15px;} #permissionsPage .permissionButtonsHolder li .actions button i{position:absolute;top:0;right:0;} #permissionsPage .permissionButtonsHolder li .actions button.activate i.fas{color:var(--basic-green);} #permissionsPage .permissionButtonsHolder li .actions button.disable i.fas{color:#f95b5b;} #permissionsPage .permissionButtonsHolder li.activated .actions button.activate i.far{display:none;} #permissionsPage .permissionButtonsHolder li.activated .actions button.activate i.fas{display:block;} #permissionsPage .permissionButtonsHolder li.activated .actions button.disable i.far{display:block;} #permissionsPage .permissionButtonsHolder li.activated .actions button.disable i.fas{display:none;} #permissionsPage .permissionButtonsHolder li.disabled .actions button.activate i.far{display:block;} #permissionsPage .permissionButtonsHolder li.disabled .actions button.activate i.fas{display:none;} #permissionsPage .permissionButtonsHolder li.disabled .actions button.disable i.far{display:none;} #permissionsPage .permissionButtonsHolder li.disabled .actions button.disable i.fas{display:block;} #permissionsPage .permissionButtonsHolder li .actions button:first-child{margin-left:8px;} /* #permissionsPage .permissionButtonsHolder li:nth-child(3n+3){margin-left:0;} */ .permissionButtonsHolder.parentList{position:relative;padding-top:20px;padding-bottom:calc(20px - 0.5vw);} .permissionButtonsHolder.parentList:before,.permissionButtonsHolder.parentList:after{border-radius:50%;z-index:99;} .permissionButtonsHolder.parentList:before{height:21px;width:21px;position:absolute;right:0;background:#d1f0ed;transform: translate(50%,-50%);content:'';top:50%;} .permissionButtonsHolder.parentList:after{height:17px;z-index:999;width:17px;position:absolute;right:0;background:#17b3a3;border:4px solid #ace4de;transform: translate(50%,-50%);top:50%;content:'';} .permissionButtonsHolder.parentList{padding-right:15px;} .ulHolder.lines .permissionButtonsHolder.parentList:not(.grandChildList):not(.childList){padding-right:31px;} .permissionButtonsHolder.childList{padding-right:33px;} .permissionButtonsHolder.childList{padding-right:49px;} #permissionsPage .parentList:not(.grandChildList) li{position:relative;height:89px;/*max-width:calc(32.63% + 40px)!important;*/max-width:32.33%!important;border:5px solid #ededed;border-radius:5px;background:white;} .permissionButtonsHolder.parentList li:first-child:before{width:15px;height:1px;background: var(--gray-border);position:absolute;right:-15px;content:'';top:50%;transform:translateY(-50%);} /* .ulHolder.lines .permissionButtonsHolder.childList li:first-child:before{width:48px;right:-52px;} */ .permissionButtonsHolder.grandChildList{padding-right:70px;} .ulHolder.lines .permissionButtonsHolder.grandChildList{padding-right:70px;} /* .permissionButtonsHolder.grandChildList li:first-child:before,.permissionButtonsHolder.grandChildList li:nth-child(3n+1):before{height:1px;background: var(--gray-border);position:absolute;width:17px;right:-17px;top:50%;transform:translateY(-50%);content:'';} */ .ulHolder.lines .permissionButtonsHolder li:first-child:before,.ulHolder.lines .permissionButtonsHolder li.firstInLine:before{height:1px;background: var(--gray-border);position:absolute;width:17px;right:-17px;top:50%;transform:translateY(-50%);content:'';} .permissionButtonsHolder .parentList .sideLine{height:calc(100% - 40px - 89px);} .permissionButtonsHolder .parentList .sideLine.grandChildList{height:calc(100% - 40px - 75px);} #permissionsPage .ulHolder{position:relative;width:100%;} #permissionsPage .ulHolder:before{height:calc(100% - 40px - 89px);content:'';z-index:9;top:calc(20px + 44.5px);background:var(--gray-border);width:1px;right:53px;position:absolute;} #permissionsPage .ulHolder.forGrandChildList:before{height:calc(100% - 40px - 75px);top:calc(20px + 37.5px);} #permissionsPage .ulHolder.forChildList:before{height:calc(100% - 40px - 89px);top:calc(20px + 44.5px);right:37px;} #permissionsPage .ulHolder.forParentList:before{right:19px;} #permissionsPage .ulHolder:after{width:15px;height:1px;background:var(--gray-border);position:absolute;z-index:9;content:'';top:50%;transform:translateY(-50%);} #permissionsPage .ulHolder.forGrandChildList:after{width:54px;} #permissionsPage .ulHolder.forChildList:after{width:37px;} #permissionsPage .thirdInLine{margin-left:0!important;} #permissionsPage .firstInLine{margin-left:0;} #permissionsPage .tableBlock .all {min-height:calc(100% - 117px);position:relative;} #permissionsPage .permissionsCategoriesList{width:100%;margin-top:25px;} #permissionsPage .permissionsCategoriesList li a{display:flex;border:1px solid var(--gray-border);background:var(--basic-green);margin-bottom:3px;align-items:center;padding:11px;color:white;font-size:15px;font-weight:400;text-decoration:none;justify-content: space-between;} #permissionsPage .permissionsCategoriesList li a i{transform: rotate(180deg);} #permissionsPage .permissionsCategoriesList li a[aria-expanded="true"] i{transform: rotate(0);} #permissionsPage .permissionsCategoriesList li a[aria-expanded="true"]{background:var(--basic-green);color:white;border:1px solid var(--basic-green);} #permissionsPage .permissionsCategoriesList .itemsSubList{display:none;padding-top:8px;padding-bottom:5px;} #permissionsPage .permissionsCategoriesList .itemsSubList a{padding:10;background:var(--basic-gray);color:var(--menu-bg-color);margin-bottom:5px;font-size:13px;border:1px solid var(--gray-border);} #permissionsPage .buttonHolder {width: 100%;border-radius: 0;background: var(--basic-gray);padding: 20px;} #permissionsPage .buttonHolder button{width:100%;} .panelBlockLinks{border-top:1px solid var(--basic-gray);padding:25px 4% 0 4%;width:100%;} .panelBlockLinks button,.panelBlockLinks a:not(.dropdown-item){background:var(--basic-gray);margin-bottom:6px;color:#2b3b4a;text-decoration:none!important;font-size:15px;display:flex;align-items:center;justify-content:center;width:100%;min-height: 45px;padding:8px;border:1px solid var(--gray-border);} .panelBlockLinks button:hover,.panelBlockLinks a:hover{background:var(--basic-gray-dark)!important;} .panelBlockLinks button i,.panelBlockLinks a i{margin:0;color:var(--basic-green);font-size:13px;display:block;margin-left:10px;} .panelBlockLinks button:hover i,.panelBlockLinks a:hover i{color:var(--basic-green);} .panelBlock{position:relative;} .panelBlock .refreshBtn{position:absolute;top:20px;left:50px;color:#dcdcdc;font-size:15px;} .panelBlock .selectAllBtn{position:absolute;top:20px;left:25px;color:#dcdcdc;font-size:15px;} .projectPermissions{} .projectPermissions .blocksContainer{width:100%;height:calc(100% - 70px);} .projectPermissions .column{width:31.6%;} .projectPermissions .column .title{height:41px;padding: 14px;position:relative;margin-bottom:15px;width:100%;min-height:40px;border:1px solid var(--gray-border);background:var(--menu-bg-color);color:white;font-size:15px;display:flex;justify-content: center;align-items: center;} .projectPermissions .column .title .listActions{position:absolute;left:-1px;top:0;height:100%;display:flex;} .projectPermissions .column .title .listActions button:first-child{margin-left:1px;} .projectPermissions .listActions button{display:flex;align-items:center;min-width:30px;font-size:15px;color:white;justify-content:center;height:100%;background:#1a3452;padding:5px;} .projectPermissions .listActions button:hover{background:#234366;} .tooltip.moveRight15{margin-right:-35px;} .tooltip.moveRight15 .arrow{margin-right:-35px;} .projectPermissions .projectsContainer ul{max-height: calc(100% - 74px);} .projectPermissions .projectsContainer ul li{margin-bottom:15px;} .projectPermissions .projectsContainer ul li a,.projectPermissions ul.listAccess li{position:relative;text-decoration:none!important;width:100%;min-height:78px;padding:15px 8px 15px 5.5%;border:1px solid var(--gray-border);} .projectPermissions ul li .arrow{border-radius:50%;min-width:30px;height:30px;background:var(--basic-gray);border:1px solid var(--gray-border);font-size:12px;color:var(--menu-bg-color);} .projectPermissions .projectsContainer ul li a span{display:block;margin-left:1.5vw;color:var(--menu-bg-color);font-size:15px;} .projectPermissions .projectsContainer ul li a .rightDiv i{color:#dedede;font-size:20px;display:block;} #permissionsPage.projectPermissions .tableBlock .top{border:0!important;} .projectPermissions .projectsContainer ul li.active a{background:#d5e7ff;border-color:#b8d1f3;} .projectPermissions .projectsContainer ul li.active a .rightDiv i{color:var(--basic-blue);} .projectPermissions ul li.active a .arrow{border-color:#b8d1f3;background:white;color:var(--basic-blue);} .projectPermissions .blocksContainer ul{max-height: calc(100% - 74px);overflow-y:auto;} .projectPermissions ul.listAccess li{cursor:pointer;margin-bottom:15px;} .projectPermissions ul.listAccess li span:not(.ktoggle-container):not(.round){display:block;margin-left:1.5vw;color:var(--menu-bg-color);font-size:15px;} .projectPermissions ul.listAccess li .rightDiv i{color:#dedede;font-size:20px;display:block;} .projectPermissions ul.listAccess li .actions i{color:var(--menu-bg-color);font-size:13px;display:block;margin-left:1.35vw;} .projectPermissions ul.listAccess li .actions .clenBtn{margin-left:1.2vw;} /* .projectPermissions ul.listAccess li .actions .regBtn{color:#9a9a9a;margin-left:10px;} */ .projectPermissions ul.listAccess li.active{background:#d5e7ff;border-color:#b8d1f3;} .projectPermissions ul.listAccess li.active i{color:var(--basic-blue);} .projectPermissions ul.listAccess li.active .arrow{border-color:#b8d1f3;background:white;color:var(--basic-blue);} .projectPermissions ul.listAccess.smallLi li{min-height:50px;padding:7px 4.5%;} .projectPermissions ul.listAccess.smallLi .ktoggle-container label:not(.toggleSwitch){display:none;} /* .projectPermissions .projectsContainer ul li.hasAccess a,.projectPermissions .buildingsContainer ul li.hasAccess{background:#f5fcf9;border-color:var(--basic-green)!important;} */ /* .projectPermissions .projectsContainer ul li.hasAccess a.active,.projectPermissions .buildingsContainer ul li.hasAccess.active{background:#d5e7ff;border-color:var(--basic-green)!important;} */ .projectPermissions .projectsContainer ul li.hasAccess a .rightDiv i,.projectPermissions ul.listAccess li.hasAccess .rightDiv i{color:var(--basic-green);} .projectPermissions ul.listAccess li .btnHolder .regBtn{width:80px;border:1px solid var(--gray-border);font-size:14px!important;justify-content: center;margin-bottom:2px;} /* .projectPermissions ul.listAccess li .btnHolder .regBtn{width:130px;border:1px solid var(--gray-border);font-size:14px!important;justify-content: center;margin-bottom:2px;} */ .projectPermissions ul.listAccess li .btnHolder .redBtn{border:1px solid #a23838;} .projectPermissions ul.listAccess li .btnHolder .orangeBtn{border:1px solid #d98817;} /* .projectPermissions ul.listAccess li .btnHolder .greenBtn{margin-top:23px;} */ .projectPermissions ul.listAccess li .btnHolder{height:40px;overflow:hidden;} /* .projectPermissions ul.listAccess li .btnHolder.buildingBtns{height:84px;} */ .projectPermissions ul.listAccess li .ktoggle-container{margin-left:0!important;} /* .projectPermissions ul.listAccess li span */ .projectPermissions .history{} .projectPermissions .history .title{position:relative;} .projectPermissions .history .title a{height:calc(100% + 1px);} .projectPermissions .history .title a:last-child{position:absolute;right:-1px;top:0;height:100%!important;} .projectPermissions .history .title a:first-child{position:absolute;left:-1px;top:0;height:100%!important;} /* .projectPermissions .history ul{width:100%;border:1px solid var(--gray-border); max-height: calc(100% - 74px);overflow-y:auto;} .projectPermissions .history ul li{width:100%;min-height:42px;padding:12px 4.3%;border-bottom:1px solid var(--gray-border);} */ .projectPermissions .history ul li span.name{color:var(--basic-txt-color);font-size:15px;} .projectPermissions .history ul li span.date{font-size:13px;color:#a9a9a9;} /* .projectPermissions .history ul li:last-child{border:0;} */ .projectPermissions .filters{width:100%;border:1px solid var(--gray-border);height:41px;margin-bottom:15px;} .projectPermissions .filters .categorie{background:#f7f7f7;width:40%;border-left:0;height:100%;border-bottom:1px solid #d3d3d3;} .projectPermissions .filters .subcategory{width:60%;height:100%;} .projectPermissions .filters .inputFiled{height:100%;width:100%;} .projectPermissions .filters .chosen-rtl .chosen-single span{font-size:15px;color:var(--menu-bg-color);} .projectPermissions .noSelected{color:#a9a9a9;font-size:15px;height:78px;} .projectPermissions .btnsTooltipHolder{position:absolute;background:white;top:-100%;margin-top:-10px;left:-50%;} .projectPermissions .btnsTooltip{width:auto;padding: 0.65vw 1.25vw 0.6vw 1.25vw;box-shadow: 0px 1px 6.65px 0.35px rgba(0, 0, 0, 0.14);} .projectPermissions .btnsTooltip a{white-space:nowrap;} .projectPermissions .btnsTooltip .middleSpace{content:'';height:16px;background:#dadada;width:1px;margin: 0 0.67vw;} .projectPermissions .btnsTooltip a.greenLink{color:#2fbd6e;} .projectPermissions .btnsTooltip a.redLink{color:#e16b6b;} .projectPermissions .btnsTooltipHolder:focus{background:red;} .projectPermissions .btnsTooltip:before { width: 0; height: 0; bottom: -11.5px; content: ' '; left: 50%; transform: translateX(-50%) rotate(90deg); position: absolute; z-index: 9; border-top: 8.5px solid transparent; border-bottom: 8.5px solid transparent; border-left: 8.5px solid white; } .projectPermissions .title .selectAllBuildingsBtn{position:absolute;right:-1px;top:0;height:39px!important;} .projectPermissions .title .selectAll input{display:block!important;-webkit-appearance:auto!important;margin-left:5px;} .projectPermissions .rightDiv{height:100%;padding-right:77px;} .iconHolder_whiteBox{background:white;display:flex;align-items:Center;justify-content:center;height:100%;width:100%;} .projectPermissions ul li .greenBorders{position:absolute;width:76px;height:calc(100% + 2px);top:-1px;padding:0;border:1.5px solid rgba(23,179,163,0);right:-1px;} .projectPermissions ul li.hasAccess .greenBorders{border-color:rgba(23,179,163,0.35);border-width:3px;} .projectPermissions ul li .greenBorders:after{height:calc(100% + 2px);content:'';position:absolute;left:0;width:1px;background:var(--gray-border);top:-1px;} .projectPermissions ul li.active .greenBorders:after{background:#bad3f4;} .projectPermissions ul li.hasAccess .greenBorders:after{opacity:0;} /* .projectPermissions ul li.active .greenBorders{border-color:#b8d1f3;border-left:0;} */ .generalDropDownMenHolder.suppliersMenu li{position:relative;} .generalDropDownMenHolder.suppliersMenu li a{background:none!important;} .generalDropDownMenHolder.suppliersMenu li:before{content:'';background:var(--basic-gray);width:6px;height:100%;position:absolute;right:8px;top:0;} .generalDropDownMenHolder.suppliersMenu li{margin-bottom:0!important;} .openDropDown{cursor:pointer;} .suppliersPage .suppliersList li button.openDropDown{position:absolute;margin-left: -5px;padding:5px;left:4%;color: #d1d1d1;background: none;font-size: 16px;top:50%;transform: translateY(-50%);} .preOrder .project .dropdown-menu li a.opt{height:25px;} .preOrder .whiteBlock .bootstrap-select .dropdown-menu .selected span.check-mark:before{top:-4.5px;} #no-more-tables{margin-bottom:20px;} #financesPages .panelBlock .searchBox{position:relative;width:100%;border-bottom: 1px solid var(--gray-border);height:45px;margin-top:17px;} #financesPages .panelBlock .searchBox input{width:100%;height:100%;background:none;font-size:14px;padding-right:10px;} #financesPages .panelBlock .searchBox i{background:none;color:#bebebe;font-size:13px;margin-left:5px;position:absolute;left:0;} #financesPages .panelBlock .searchBox button{width:100%;height:100%;background:none;outline:0;text-align:right;border:0!important;} #financesPages .panelBlock .searchBox .dropdown{width:100%!important;height:100%!important;text-align:right;outline:0;} #financesPages .panelBlock .searchBox .dropdown *{ text-align: right;} #financesPages .panelBlock .searchBox button:after{display:none;} #financesPages table .icon-btn i{font-size:14px;} .salariesPage{} .salariesPage .allContent > .rightWrapper{width:49.13%;} .salariesPage .allContent > .leftWrapper{width:49.13%;} .salariesPage .top{margin-bottom:15px;;} .salariesPage .backBtn{margin-left:15px;} .salariesPage .top span.title i {color: var(--basic-blue);margin-left: 5px;font-size: 13px;} .salariesPage .top span.title{color: var(--basic-txt-color);font-size: 15px;font-weight: 400;margin-bottom: 0;} .salariesPage .top .topSearch{max-width:165px;height:40px;} .salariesPage .top .dropDownHolder button {color: #d0d0d0;} .salariesPage .salariesTable{border:1px solid var(--gray-border);width:100%;} .salariesPage .salariesTable .row{min-height:46px;border-bottom:1px solid var(--gray-border);} .salariesPage .salariesTable .row:last-child{border-bottom:0;} .salariesPage .salariesTable .row .column{display:flex;border-left:1px solid var(--gray-border);} .salariesPage .salariesTable .rightColumn{width:50%;justify-content: space-between;align-items:middle;padding:4px 0.7vw;} .salariesPage .salariesTable .secondColumn{width:25%;} .salariesPage .salariesTable .firstColumn{width:25%;} .salariesPage .salariesTable span.name{font-size:15px;color:var(--menu-bg-color);display:flex;align-items:center;} .salariesPage .salariesTable span.name i{font-size:13px;display:block;margin-left:10px;} .salariesPage .salariesTable .workerBtn{height:28px!important;color:var(--menu-bg-color)!important;font-size:13px!important;margin-left:0.9vw;} .salariesPage .salariesTable .toggleSalaryStatus{} .salariesPage .salariesTable .toggleSalaryStatus button{font-size:13px;color:#cdcdcd;width:15px;display:flex;justify-content: center;} .salariesPage .salariesTable .toggleSalaryStatus button .fa-check{color:var(--basic-green);} .salariesPage .salariesTable .btnSalaryStatus{width:100%;height:100%;font-weight:500;color:var(--menu-bg-color);background:white;font-size:13px;display:flex;align-items:center;justify-content: center;padding:5px;} .salariesPage .salariesTable .btnSalaryStatus i{display:block;margin-left:10px;} .salariesPage .salariesTable .btnSalaryStatus.paid{background:var(--basic-gray);color:#b1b1b1;} .salariesPage .salariesTable .btnSalaryStatus.paid i{color:var(--basic-green);} .jobsPage .actionBtns .regBtn > .icon i{margin:0!important;} #buildingEditToolBar .basicFields .inputFiled{border:0;margin-right:15px;background:white;} #mainListTable tbody tr{position:relative;} .rowButtonsHolder{display:none;position:absolute;left:0;height:51px;background:white;} .rowButtonsHolder button{min-height:100%!important;width:50px;border:0!important;color:white!important;display:flex;align-items: center;justify-content: center;} .rowButtonsHolder button i{margin:0;color:white!important;font-size:15px;} .rowButtonsHolder .grayDarkBtn{background:#cbcbcb;} #mainListTable tbody tr:hover > .rowButtonsHolder{display:block;} #mainListTable tbody tr .rowButtonsHolder .flexed{height:100%;} #mainListTable tbody .rowButtonsHolder[rowd-id="undefined"]{display:none!important;} .workersPage{} .workersPage .allContent{gap:15px;} .whiteBlock.sideMenu{width:15.37vw!important;min-width:340px;} .workersPage .whiteBlock.sideMenu{width:320px!important;min-width:320px;} .workersPage .workersBlock{min-width:calc(100% - 340px - 15px);width:calc(100% - 340px - 15px)!important;max-width:calc(100% - 280px - 15px);} .whiteBlock.sideMenu > ul{width:100%;margin:0;} .whiteBlock.sideMenu ul li{width:100%;border-bottom:1px solid var(--gray-border);} .whiteBlock.sideMenu ul li.label{background:var(--basic-gray);padding:5px 8% 3px 8%;color:var(--basic-txt-color);font-size:14px;font-weight:500;} .whiteBlock.sideMenu ul li:last-child{border-bottom:0;} .whiteBlock.sideMenu ul li a{background:white;display:block;width:100%;padding:17px 8%;color:var(--menu-bg-color);text-decoration:none;font-size:15px;font-weight:400;} .whiteBlock.sideMenu ul li a:hover{background:#fbfbfb;} .whiteBlock.sideMenu ul li.active > a{background:var(--basic-title);color:white;} .whiteBlock.sideMenu.sideMenuWidthBorders ul{border:1px solid var(--gray-border);} .whiteBlock.sideMenu.sideMenuWidthBorders ul li a{display: flex;align-items:center;justify-content: space-between;} .whiteBlock.sideMenu.sideMenuWidthBorders ul li a:after{ margin-right:5px;font-family: "Font Awesome 5 Free"; content: "\f359"; font-size:15px; color:#d1d1d1; } .whiteBlock.sideMenu ul.subMenu{ margin:0!important; border:0; border-top:1px solid var(--gray-border); display:none; } /* .whiteBlock.sideMenu ul.subMenu.visible{ display:flex; flex-direction: column; } */ .whiteBlock.sideMenu ul.subMenu li{ position:relative; } .whiteBlock.sideMenu ul.subMenu li:before{ position:absolute; content:''; margin-inline-start: 5%; top:0; height:100%; width:1px; border-inline-start: 1px dashed #bbb; } .whiteBlock.sideMenu ul.subMenu li a{ padding:12px 10%; color:var(--menu-bg-color); } .whiteBlock.sideMenu ul.subMenu li.active a{ background:var(--basic-gray); } .whiteBlock.sideMenu span.title{display:flex;font-size:15px;padding-bottom:22px;color:var(--menu-bg-color);} .whiteBlock.sideMenu .title{display:flex;font-size:15px;padding-bottom:22px;color:var(--menu-bg-color);} .whiteBlock.sideMenu .threeLinesIcon{position:relative;width:13px;border-bottom:4px solid var(--basic-blue);display:block;height:12px;margin-left:10px;} .whiteBlock.sideMenu .threeLinesIcon:before{position:absolute;top:0;right:0;background:var(--basic-blue);width:5px;content:'';display:block;height:3px;} .whiteBlock.sideMenu .threeLinesIcon:after{position:absolute;top:4.5px;right:0;background:var(--basic-blue);width:9px;content:'';display:block;height:3px;} .workersPage .workersMenu{} .workersPage .workersBlock .topBlock{border-bottom:1px solid var(--gray-border);padding-bottom:15px;width:100%;margin-bottom:25px;} .workersPage .workersBlock .topBlock span{margin-left:18px;} .workersPage .workersBlock .topBlock .grayBtn{margin-right:15px;} .workersPage .workersBlock .topBlock .search{position:relative;margin-left:20px;margin-right:20px;} .workersPage .workersBlock .topBlock .search button{background:none;outline:0;border:0;margin-left:8px;} .workersPage .workersBlock .topBlock .search button i{color:#bbbbbb;} .workersPage .workersList{width:100%;margin:0;gap:15px;} .workersPage .workersList > li{ position:relative;min-width:254px;max-width:254px;border:1px solid var(--gray-border);height:275px;margin-bottom:0.1vw; border-top-left-radius: 15px; border-top-right-radius: 15px; } .workersPage .workersList li .workerDataField{width:100%;border-top:1px solid var(--gray-border);background:var(--basic-gray);padding:22px 3px;text-align:center;height:100%;} /* .workersPage .workersList li:nth-child(4n ){margin-left:0;} */ .workersPage .workersBlock ul.summary{display:flex;width:100%;margin:20px;} .workersPage .workersBlock ul.summary li{display:flex;align-items:center;justify-content:center;width:30%;padding:0 10px;margin-left:5%;color:#4c5c71;font-size:15px;font-weight:500;height:115px;border:1px solid var(--gray-border);border-top:3px solid black;} .workersPage .workersBlock ul.summary li:nth-child(2){border-top-color:var(--basic-green);} .workersPage .workersBlock ul.summary li:nth-child(3){border-top-color:var(--basic-blue);margin-left:0;} .workersPage .workersBlock ul.summary li span{font-size:22px;} .workersPage .workersBlock ul.summary li .inner{display:flex;align-items:center;} .workersPage .workersBlock ul.summary li .inner div{margin-right:5px;} .starColorsDropDown{margin-top:8px;min-width: 85px;max-width: 85px;} .starColorsDropDown.show{display:flex!important;padding:0;flex-wrap:Wrap;transform: translateY(32px) translateX(-50%)!important;left:50%;} .starColorsDropDown .dropdown-item{position:relative;width:50%;height: 35px;font-size:15px;display:flex;align-items:center;justify-content:center;border-top:1px solid var(--gray-border);} .starColorsDropDown .dropdown-item:nth-child(1),.starColorsDropDown .dropdown-item:nth-child(2){border-top:0;} .starColorsDropDown .dropdown-item:nth-child(2n+2){border-right:1px solid var(--gray-border);} .starColorsDropDown .dropdown-item span.smallSideNumber{color:rgb(65, 65, 65);font-size:9px;position:absolute;left:4px;bottom:2px;} .topSelect{width:150px;margin-left:15px;} .topSelect:last-child{margin:0;} .topSelect .dropdown-item.active,.topSelect .dropdown-item:active{background:var(--basic-gray);} .topSelect button{background:none!important;height:auto;border:0;outline:0;padding:0;margin:0;} .bootstrap-select .dropdown-toggle .filter-option-inner-inner{color:#212529;font-size:15px;font-weight:400;} .bootstrap-select .dropdown-toggle .filter-option-inner-inner{max-width:100%;overflow:hidden;white-space: nowrap; text-overflow: ellipsis; } .topSelect button span.name span{display:none;} .topSelect button span.name{margin-right:1.05vw;color:var(--basic-txt-color);} .topSelect button:focus{border:0; outline: none;box-shadow:0;} .topSelect .dropdown-toggle::after{border: solid #9d9d9d;border-width: 0 2px 2px 0;display: inline-block;padding: 3px;background:none;transform: rotate(45deg);-webkit-transform: rotate(45deg);margin-top:-4px;margin-right:0.73vw;} .topSelect .show .dropdown-toggle::after{border-color: var(--menu-bg-color);transform: rotate(225deg);-webkit-transform: rotate(225deg);margin-top: 0;} .topSelect .dropdown-menu a{padding:13px 0.99vw 11px 0.99vw;border-bottom:} .topSelect .dropdown-menu li{border-bottom:1px solid #e0e0e0;padding-bottom:1px;} .topSelect .dropdown-menu li.no-results{font-size:14px;padding:13px 0.99vw 11px 0.99vw;} .topSelect .dropdown-menu li:last-child{border-bottom:0;} .topSelect .dropdown-menu{border:0;box-shadow: 0px 1px 6.65px 0.35px rgba(0, 0, 0, 0.1);padding-bottom: 0;} .topSelect .bs-searchbox{margin-bottom:8px;} .topSelect .bs-searchbox input{max-height:35px;box-shadow:0!important;font-size:14px;} .topSelect .bs-searchbox input:focus{box-shadow:none!important;} .topSelect .settings img{width:15px;border-radius:0;height:auto;margin-left:0.3vw;} .topSelect .dropdown-menu li .settings span.name{font-size:14px;margin-right:0;color:var(--basic-txt-color)!important;} .topSelect .dropdown-menu li .settings{margin:0px auto;} .topSelect .dropdown-item.active, .topSelect .dropdown-item:active{color:#212529!important;} .topSelect.shiftStractureViewTypeSelectContainer {width:145px;} .topSelect.shiftStractureViewModeSelectContainer {width:110px;} .workersPage .workersList li .info{position:relative;text-align:center;padding:15px 11% 0 11%;height:68%;} .workerBasicInfo .imgBorder{width:auto;height:auto;position:Relative;border:1px solid var(--gray-border);border-radius:50%;} .workerBasicInfo .profileImg{position:relative;min-width: 100%;width: 100%;height: 100px;border-radius:50%;overflow:hidden;} .workersPage .workersList li .info .status{position:absolute;transform:translate(-50%);right:2px;bottom:2px;border:2px solid white;height:15px;width:15px;background:#cccccc;border-radius:50%;} .workersPage .workersList li.online .info .status{background:#3cbe89;} .grid-stack-inner-container .workerOnlineStatus { /* position:absolute; */ transform:translate(70%, 100%); /* right: 35px; */ /* top: 63%; */ /* bottom:calc(67% - 5vh); */ border:2px solid white; height:15px; width:15px; background:#cccccc; border-radius:50%; } .grid-stack-inner-container .workerOnlineStatus.online{ background:#3cbe89; } /* .workersPage .workersList li .info .profileImg img{width:100%;position:absolute;} */ .workerBasicInfo .profileImg img { display: inline; margin: 0 auto; height: 100px; width: 100px; object-fit: cover; } .workerBasicInfo .profileImg img.imageShape_Rectangle{ width:100%; min-height:unset; /*height:auto;*/ position:absolute; top:50%;right:0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } /* .workerBasicInfo .profileImg img.imageShape_RectangleV{ width:auto; min-height:100%; height:100%; position:absolute; left:50%;top:0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); } */ /* .workerBasicInfo{background:red;} */ .workerBasicInfo a.infoLink,.workerBasicInfo a.telLink{border-radius:50%;display:flex;justify-content:center;align-items:center;border:1px solid var(--gray-border);text-decoration:none;min-width: 32px;height: 32px;font-size: 13px;color:#c2c2c2;} .workersPage .workersList li .info span.name{display:block;margin:0px auto;text-align:center;width:100%;max-width:100%;} .workersPage .workersList li .info span.name svg{max-width:15px;} .workerBasicInfo a.infoLink svg{width:20px;margin-right:2px;margin-top:4px;fill:#c2c2c2;} .workerBasicInfo a.infoLink:hover,.workerBasicInfo a.telLink:hover{color:var(--basic-green);border-color:var(--basic-green);} .workerBasicInfo a.infoLink:hover svg{fill:var(--basic-green);} .workerBasicInfo .imgHolder{position:relative;min-width:100px;margin-right:1.5vw;margin-left:1.5vw;} .workersPage .workersList li:before{width:100%;right:0;height:0px;display:block;background:#3cbe89;content:'';position:absolute;bottom:0;} .workersPage .workersList li:before{opacity:0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .workersPage .workersList li:hover:before{height:3px;opacity:1;} .workersPage .workersList .workerDataField{color:#a2a2a2;font-size:13px;} .workersPage .workersList .workerDataField > span:first-child{display:flex;justify-content:center;align-items:center;} .workersPage .workersList .workerDataField > span:first-child i{margin-left:5px;} .workersPage .workersList .workerDataField .dataHolder{display:block;position:relative;margin:0px auto;text-align:center;color:var(--menu-bg-color);font-size:28px;margin-top:15px;} .workersPage .workersList .workerDataField .dataHolder.twoRows{font-size:20px;margin-top:5px;} .workersPage .workersList .workerDataField .dataHolder.threeRows{font-size:14px;margin-top:5px;} .workersPage .workersList .workerDataField .dataHolder .timeInfo{text-align:center;font-size:10px;font-weight:500;color:#a2a2a2;position:absolute;} .workersPage .workersList .workerDataField .dataHolder .timeInfo span{width:100%;font-size:14px;font-weight:400;color:var(--basic-txt-color);width:100%;display:block;text-align:center;margin-top:2px;} .workersPage .workersList .workerDataField .dataHolder .timeInfo:first-child{right:0;} .workersPage .workersList .workerDataField .dataHolder .timeInfo:last-child{left:0;} .workersPage .workersList .workerDataField.contactInfo .dataHolder{text-align:right;margin-bottom:5px;display:flex;align-items: center;} .workersPage .workersList .workerDataField.contactInfo .dataHolder i{color:var(--basic-blue);} .workersPage .workersList .openDropDown{position:relative;position:absolute;top:0;left:0;transform:translateY(-50%);margin-top:8px;} .workersPage .workersList .workerNamHolder{position:relative;padding: 0 1.7vw;margin:14px 0;} .workersPage .workersList li a span.openArrow{margin-top:0;left: 0;border: 1px solid var(--gray-border);background:white;border-radius:50%;height:1.7vw;width:1.7vw;} .workersPage .workersList li a span.openArrow:after{content: '';position: absolute;border: solid hsl(209, 26%, 23%);border-width: 0 2px 2px 0;margin-top: -0.1vw; display: inline-block;padding: 0.15vw;background: none;transform: rotate(45deg);-webkit-transform: translate(-50%,-50%) rotate(45deg);left:50%;top:50%;margin-top:-0.1vw;margin-left:-0.01vw;} .generalDropDownMenHolder.workersMenu{margin-top:20px;} .tooltip.statusOnLine .tooltip-inner{ background-color: #3cbe89; } .tooltip.statusOffLine .tooltip-inner{ background-color: #202b30; } .tooltip.statusOnLine[x-placement^=bottom] .arrow::before{border-bottom-color: #3cbe89 !important;} .tooltip.statusOnLine[x-placement^=top] .arrow::before{border-top-color: #3cbe89 !important;} .tooltip.statusOnLine[x-placement^=left] .arrow::before{border-left-color: #3cbe89 !important;} .tooltip.statusOnLine[x-placement^=right] .arrow::before{border-right-color: #3cbe89 !important;} .tooltip.statusOffLine[x-placement^=bottom] .arrow::before{border-bottom-color: #202b30 !important;} .tooltip.statusOffLine[x-placement^=top] .arrow::before{border-top-color: #202b30 !important;} .tooltip.statusOffLine[x-placement^=left] .arrow::before{border-left-color: #202b30 !important;} .tooltip.statusOffLine[x-placement^=right] .arrow::before{border-right-color: #202b30 !important;} .tooltip .arrow{bottom:0.5px;} .workerContactMenu .dropdown-menu{min-width:250px;text-align: right!important;} .workerContactMenu .dropdown-item{display:flex;gap: 0 8px;align-items: center;direction:rtl;} .workerContactMenu .dropdown-item i{font-size:15px;} /* .workerContactMenu .dropdown-item:first-child i{font-size:18px;} */ .workerContactMenu .mailLink i{color: #EA4335;} .workerContactMenu .telephoneLink i{color: var(--basic-blue);} .workerContactMenu .whatsappLink i{color: #25D366;font-size:18px;} .workerContactMenu .label{font-size:13px;padding:13px 0.7vw 11px 0.99vw;color:#a2a2a2;} .workersPage .workersList li .checks{position:absolute;left:20px;top:17px;} /* .workersPage .workersList li .workerDataField.todayHours{display:none!important;} */ .workersPage .workersList li .workerDataField.contactInfo{padding:0;padding-top:24px;} .workersPage .workersList .workerDataField.contactInfo .inner{display:flex;flex-wrap:wrap;height:100%;} .workersPage .workersList .workerDataField.contactInfo .contactDataHolder{background:white;width:100%;} .workersPage .workersList .workerDataField.contactInfo .dataHolder{min-width:34px;width:34px;overflow:hidden;border-left:1px solid var(--gray-border);margin:0;position:relative;} .workersPage .workersList .workerDataField.contactInfo .dataHolder .icon{min-height:100%;cursor:pointer;transition: all 0.5s ease-in-out;min-width:34px;width:34px;color:#263238;} .workersPage .workersList .workerDataField.contactInfo .dataHolder .icon i{color:#263238;} .workersPage .workersList .workerDataField.contactInfo .dataHolder.opened .icon{max-width:28px;min-width: 28px;} .workersPage .workersList .workerDataField.contactInfo .dataHolder:last-child{border-left:0;} .workersPage .workersList .workerDataField.contactInfo .dataHolder .data{transition: all 0.3s ease-in-out;padding-left:5px;height:auto;direction:ltr;display:inline;white-space: nowrap;position:absolute;right:34px;max-width:calc(100% - 28px);top:50%;transform:translateY(-50%);} .workersPage .workersList .workerDataField.contactInfo .dataHolder.opened{width:calc(100% - 60px);flex: 1;} .workersPage .workersList .workerDataField.contactInfo .inner > span{display:block;text-align:center;margin:0px auto;width:100%;border-bottom: 1px solid var(--gray-border);padding-bottom:8px;} .workersPage .workersList a{position:relative;} .workersPage .workersList a .linkChecked{font-size:10px;display:flex;align-items:Center;overflow:hidden;justify-content: center;color:white;background:#3cbe89;border-radius:50%;width:18px;height:18px;position:absolute;top:0;right:0;transform: translate(30%,-50%);padding-bottom:2px;} .workersPage .workersList .workerDataField.contactInfo .dataHolder.opened .data{right:28px;} .workersPage .workersList li .workerActionBtns{width:50px;border-top:1px solid var(--gray-border);min-width:25px;max-height:100%;overflow-y:hidden;} .workersPage .workersList li .workerActionBtns li{border-left:1px solid var(--gray-border);border-bottom:1px solid var(--gray-border);width:100%;height:33.93%!important;margin:0;/*border-left:0;*/border-right: 0;border-top:0;display:flex;align-items:center;justify-content: center;} .workersPage .workersList li .workerActionBtns li a{color:#d5d5d5;height:100%;width:100%;display:flex;align-items:center;justify-content: center;text-decoration:none!important;} .workersPage .workersList li .workerActionBtns li a:hover{background:var(--basic-gray);color:var(--basic-blue);} .workersPage .workersList li .workerActionBtns li:last-child{border-bottom:0;} .workersPage .workersList li .workerActionBtns li:first-child a:hover{background:var(--basic-gray);color:var(--basic-green);} .workersPage .workersList li .workerActionBtns li:before{display:none!important;} .workersPage .workersList li .bottomRow{height:32%;} .workersPage .workersList li .infoIcons{} .workersPage .workersList li .infoIcons svg{fill:#bbbbbb;width: 16px;} .workersPage .workersList li .infoIcons svg path{fill:#bbbbbb;} .workersPage .workersList li .infoIcons i{color:#bbbbbb;font-size:15px;} .workersPage .workersList li .infoIcons span{margin-left:8px;display:flex;align-items: flex-end;} .workersPage .workersList li .infoIcons span.active svg{fill:var(--basic-green);} .workersPage .workersList li .infoIcons span.active svg path{fill:var(--basic-green);} .workersPage .workersList li .infoIcons span.active i{color:var(--basic-green);} .workersPage .showWorkersFilters svg{width:22px;} /* .workersPage.menuIsOpen .workersList li} /* @media handheld, only screen and (max-width:1385px) { /* .workersPage .workersList li:nth-child(4n+4){margin-left:1.3vw;} .workersPage .workersList li:nth-child(3n+3){margin-left:0;} */ #buildingsModal .floor{justify-content: flex-start;} .categoryItem.category_color_0{background:white;color:black;border: dashed 1px black;} .categoryItem.category_color_1{background:var(--basic-blue-middle);} .categoryItem.category_color_2{background:var(--basic-green-dark);} .categoryItem.category_color_3{background:#FFDB58;} .categoryItem.category_color_4{background:##FF5733;} .categoryItem.category_color_5{background:#FF5;} .categoryItem.category_color_6{background:#EE82EE;} /* .categoryItem.category_color_7{background:#777;} */ .starIcon.color_ > i{color:#999999;} .starIcon.color_ > i:before{content: "\f005";font-weight: 400;} .starIcon.color_96 > i{color:#999999;} .starIcon.color_96 > i:before{content: "\f005";font-weight: 400;} .starIcon.color_97 > i{color:#999999;} .starIcon.color_97 > i:before{content: "\f005";font-weight: 400;} .starIcon.color_98 > i{color:#999999;} .starIcon.color_98 > i:before{content: "\f005";font-weight: 400;} .starIcon.color_99 > i{color:#999999;} .starIcon.color_99 > i:before{content: "\f005";font-weight: 400;} .starIcon.color_100 > i{color:#999999;} .starIcon.color_100 > i:before{content: "\f005";font-weight: 400;} .starIcon.color_101 > i{color:#999999;} .starIcon.color_102 > i{color:#333ff8;} .starIcon.color_102 > i:before{content: "\f005";font-weight: 400;} .starIcon.color_103 > i{color:#333ff8;} .starIcon.color_104 > i{color:#8d00bc;} .starIcon.color_104 > i:before{content: "\f005";font-weight: 400;} .starIcon.color_105 > i{color:#8d00bc;} .starIcon.color_106 > i{color:#d22e32;} .starIcon.color_106 > i:before{content: "\f005";font-weight: 400;} .starIcon.color_107 > i{color:#d22e32;} .starIcon.color_108 > i{color:#ff9522;} .starIcon.color_108 > i:before{content: "\f005";font-weight: 400;} .starIcon.color_109 > i{color:#ff9522;} .starIcon.color_110 > i{color:#f5e011;} .starIcon.color_110 > i:before{content: "\f005";font-weight: 400;} .starIcon.color_111 > i{color:#f5e011;} .starIcon.color_112 > i{color:#53b823;} .starIcon.color_112 > i:before{content: "\f005";font-weight: 400;} .starIcon.color_113 > i{color:#53b823;} .starIcon.color_196 > i{color:#999999;} .starIcon.color_296 > i{color:#999999;} .starIcon.color_396 > i{color:#999999;} .starIcon.color_196 > i:before{content: "\f005";font-weight: 400;} .starIcon.color_296 > i:before{content: "\f005";font-weight: 400;} .starIcon.color_396 > i:before{content: "\f005";font-weight: 400;} .starIcon.color_197 > i{color:#999999;} .starIcon.color_297 > i{color:#999999;} .starIcon.color_397 > i{color:#999999;} .starIcon.color_197 > i:before{content: "\f005";font-weight: 400;} .starIcon.color_297 > i:before{content: "\f005";font-weight: 400;} .starIcon.color_397 > i:before{content: "\f005";font-weight: 400;} .starIcon.color_198 > i{color:#999999;} .starIcon.color_298 > i{color:#999999;} .starIcon.color_398 > i{color:#999999;} .starIcon.color_198 > i:before{content: "\f005";font-weight: 400;} .starIcon.color_298 > i:before{content: "\f005";font-weight: 400;} .starIcon.color_398 > i:before{content: "\f005";font-weight: 400;} .starIcon.color_199 > i{color:#999999;} .starIcon.color_299 > i{color:#999999;} .starIcon.color_399 > i{color:#999999;} .starIcon.color_199 > i:before{content: "\f005";font-weight: 400;} .starIcon.color_299 > i:before{content: "\f005";font-weight: 400;} .starIcon.color_399 > i:before{content: "\f005";font-weight: 400;} .starIcon.color_200 > i{color:#999999;} .starIcon.color_300 > i{color:#999999;} .starIcon.color_200 > i:before{content: "\f005";font-weight: 400;} .starIcon.color_300 > i:before{content: "\f005";font-weight: 400;} .starIcon.color_201 > i{color:#999999;} .starIcon.color_301 > i{color:#999999;} .starIcon.color_202 > i{color:#333ff8;} .starIcon.color_302 > i{color:#333ff8;} .starIcon.color_202 > i:before{content: "\f005";font-weight: 400;} .starIcon.color_302 > i:before{content: "\f005";font-weight: 400;} .starIcon.color_203 > i{color:#333ff8;} .starIcon.color_303 > i{color:#333ff8;} .starIcon.color_204 > i{color:#8d00bc;} .starIcon.color_304 > i{color:#8d00bc;} .starIcon.color_204 > i:before{content: "\f005";font-weight: 400;} .starIcon.color_304 > i:before{content: "\f005";font-weight: 400;} .starIcon.color_205 > i{color:#8d00bc;} .starIcon.color_305 > i{color:#8d00bc;} .starIcon.color_206 > i{color:#d22e32;} .starIcon.color_306 > i{color:#d22e32;} .starIcon.color_206 > i:before{content: "\f005";font-weight: 400;} .starIcon.color_306 > i:before{content: "\f005";font-weight: 400;} .starIcon.color_207 > i{color:#d22e32;} .starIcon.color_307 > i{color:#d22e32;} .starIcon.color_208 > i{color:#ff9522;} .starIcon.color_308 > i{color:#ff9522;} .starIcon.color_208 > i:before{content: "\f005";font-weight: 400;} .starIcon.color_308 > i:before{content: "\f005";font-weight: 400;} .starIcon.color_209 > i{color:#ff9522;} .starIcon.color_309 > i{color:#ff9522;} .starIcon.color_210 > i{color:#f5e011;} .starIcon.color_310 > i{color:#f5e011;} .starIcon.color_210 > i:before{content: "\f005";font-weight: 400;} .starIcon.color_310 > i:before{content: "\f005";font-weight: 400;} .starIcon.color_211 > i{color:#f5e011;} .starIcon.color_311 > i{color:#f5e011;} .starIcon.color_212 > i{color:#53b823;} .starIcon.color_312 > i{color:#53b823;} .starIcon.color_212 > i:before{content: "\f005";font-weight: 400;} .starIcon.color_312 > i:before{content: "\f005";font-weight: 400;} .starIcon.color_213 > i{color:#53b823;} .starIcon.color_313 > i{color:#53b823;} .projectStatusChangeDropDown {min-width:200px} .projectStatusChangeDropDown a {font-size:15px !important;padding:15px 8px 10px 10px;} .projectStatusChangeDropDown .projectStatusIcon span{padding-right:26px;} .projectStatusChangeDropDown .dropdown-header{font-size:14px !important;} .projectStatusesDropDown .projectStatusIcon span{padding-right:26px;} .projectStatusesDropDown .dropdown-header{font-size:14px !important;} .projectStatusesDropDown {min-width:130px} .projectStatusesDropDown a {font-size:15px;padding:15px 8px 10px 10px;} .projectStatusesDropDown .dropdown-item{display:flex;} .projectStatusChangeDropDown .dropdown-item{display:flex;justify-content:space-between;padding-right:5px!important;padding-left:8px!important;} .projectStatusChangeDropDown .counter { border-radius: 50%; background: var(--basic-green); font-size: 11px; width: 17px; height: 17px; color: white; display: flex; align-items: center; justify-content: center; } .projectStatusIcon { width:17px; height:17px; margin: 0 10px; } .projectStatusIcon.active { background:url('../../images/icons/projects_statuses/active.svg'); } .projectStatusIcon.preliminary { background:url('../../images/icons/projects_statuses/preliminary.svg'); } .projectStatusIcon.pending { background:url('../../images/icons/projects_statuses/pending.svg'); } .projectStatusIcon.completed { background:url('../../images/icons/projects_statuses/completed.svg'); } .projectStatusIcon.cancelled { background:url('../../images/icons/projects_statuses/cancelled.svg'); } #userImage.color_0, .userAvatar.color_0, #selectAvatarColors li>a.userAvatarColorSelector.color_0 { background:#17b3a3; } #userImage.color_1, .userAvatar.color_1, #selectAvatarColors li>a.userAvatarColorSelector.color_1 { background:#db514a; } #userImage.color_2, .userAvatar.color_2, #selectAvatarColors li>a.userAvatarColorSelector.color_2 { background:#c4890b; } #userImage.color_3, .userAvatar.color_3, #selectAvatarColors li > a.userAvatarColorSelector.color_3 { background:#66a75b; } #userImage.color_4, .userAvatar.color_4, #selectAvatarColors li > a.userAvatarColorSelector.color_4 { background:#9970b4; } #userImage.color_5, .userAvatar.color_5, #selectAvatarColors li > a.userAvatarColorSelector.color_5 { background:#2a393a; } #userImage.color_6, .userAvatar.color_6, #selectAvatarColors li > a.userAvatarColorSelector.color_6 { background:#528fff; } #userImage.color_7, .userAvatar.color_7, #selectAvatarColors li > a.userAvatarColorSelector.color_7 { background:#b7c3c9; } /* */ .baseInfoPage .basicBlock .top{padding-bottom:10px;border-bottom:0 solid var(--gray-border);margin-bottom:15px;} .baseInfoPage .basicBlock .top span.title{color:var(--menu-bg-color);font-size: 18px;font-weight:500;margin:0;} .workerInfoPage{} .workerInfoPage .rightContainer{min-width:18.5%;max-width:18.5%;} .workerInfoPage .leftContainer{min-width:39%;max-width:39%;} .workerInfoPage .middleContainer{min-width:39%;max-width:39%;} .workerInfoPage .whiteBlock .top{padding-bottom:10px;border-bottom:0 solid var(--gray-border);margin-bottom:15px;} .workerInfoPage .whiteBlock .top span.title{color:var(--menu-bg-color);font-size: 18px;font-weight:500;margin:0;} .workerInfoPage .whiteBlock .saveBtn{min-width:95px;justify-content:Center;} .workerInfoPage .whiteBlock{max-width:100%;padding:18px 1.2vw!important;} .workerInfoPage .whiteBlockPAddings{max-width:100%;padding:18px 1.2vw!important;} .workerInfoPage .bootstrap-select .dropdown-menu li a span.text{margin:0!important;} .workerInfoPage.newWorker .middleContainer{display:flex;width:90%;max-width:90%;} .workerInfoPage.newWorker .middleContainer .whiteBlock:first-child{width:45%;margin-left:15px;} .workerInfoPage.newWorker .middleContainer .whiteBlock:last-child{width:45%;} .workerInfoPage .profile{padding:0!important;} .workerInfoPage .profile .userType{position:relative;color:#d4d4d4;font-size:13px;} .workerInfoPage .profile .userType i:first-child{position:relative;z-index:99;color:var(--basic-green);margin-top:0;} .workerInfoPage .profile .userType i:last-child{position:absolute;left:-3px;font-size:15px;margin-top:-2px;} .workerInfoPage .profile .userType i:nth-child(2){color:white;z-index:9;position:absolute;left:0px;margin-top:-1px;} .workerInfoPage .profile .userType.contractor i:last-child{color:var(--basic-green);} .workerInfoPage .profile .top{} .workerInfoPage .profile .top button{font-size:15px;width:24px;max-height:24px;min-width:24px;display:flex;align-items:Center;justify-content: center;} .workerInfoPage .profile .top button.blackBtn{color:var(--menu-bg-color);border:1px solid var(--menu-bg-color);background:white;} .workerInfoPage .profile .top button.blackBtn:hover{color:white;background:var(--menu-bg-color);} .workerInfoPage .btns button{margin:0;margin-left:12px;} .workerInfoPage .btns button:last-child{margin:0;} .workerInfoPage .imgUpload{margin-top:10px;} .workerInfoPage .imgUpload .image{background:none;margin-bottom:24px;} .workerInfoPage .imgUpload .image{height:7.1vw;width:100%;} .workerInfoPage .imgUpload .image .circle{ /* height:7.1vw;width:7.1vw;min-width:7.1vw; */ height: 100%; width: 100%; object-fit: cover; } .workerInfoPage .imgUpload .image .inner{height: 7.1vw;width: 7.1vw;min-width: 7.1vw;} .workerInfoPage .imgUpload .image .inner .status{width:15px;height:15px;border-radius:15px;border:2px solid white;position:absolute;right:8px;bottom:-2px;background:#cccccc;} .workerInfoPage .imgUpload .image a.edit,.workerInfoPage .imgUpload .image a.delete{border-width:1px;position:absolute;top:0;left:auto;right:auto;width:35px;height:35px;font-size:12px;} .workerInfoPage .imgUpload .image a.delete{background:white;color:#b9b9b9;border:1px solid #b9b9b9;left:-35px;} .workerInfoPage .imgUpload .image a.edit{background:var(--basic-green);color:white;border:0;right:-35px;} .workerInfoPage .imgUpload .imgButtons{height:35px;width:120%!important;overflow:hidden;position:absolute;bottom:5px;display:flex;justify-content: space-between;right: -10%;} .workerInfoPage .imgUpload:hover .image a.delete{left:0;} .workerInfoPage .imgUpload:hover .image a.edit{right:0;} .workerInfoPage .basicInfo{color:#a8a8a8;font-size:13px;} /* .workerInfoPage .basicInfo .content{text-align:center;} */ .workerInfoPage .basicInfo .content{width:100%;} .workerInfoPage .basicInfo span.name{display:block;margin:0px auto;color:var(--menu-bg-color);font-size:18px;max-width:95%;text-align:center;} .workerInfoPage .basicInfo span.profession{display:block;font-size:15px;text-align:center;} .workerInfoPage a.profileCircleBtn[href]{text-decoration:none;color:#b9b9b9;border-radius:50%;border:1px solid #b9b9b9;font-size:13px;display:flex;align-items:center;justify-content: center;max-width:28px;min-width:28px;height:28px;} .workerInfoPage a.profileCircleBtn svg{fill:#b9b9b9;max-width:90%;} .workerInfoPage a.profileCircleBtn.workerContactsLink {padding-right: 1px;padding-top: 2px;} .workerInfoPage a.profileCircleBtn:hover{color:var(--basic-green);border-color:var(--basic-green);} .workerInfoPage a.profileCircleBtn:hover svg{fill:var(--basic-green);} .workerInfoPage .profileCircleBtn.content{margin:0 8px;} .workerInfoPage .profileCircleBtn.workerEmail{font-size:15px;} .workerInfoPage .online .status{background:#3cbe89!important;} .workFinancialInfoMinify .workInfo{width:100%;} .workFinancialInfoMinify .workInfo .showMore{min-width:100%;height:fit-content;border:0;border-bottom:1px solid var(--gray-border);display: flex;justify-content: center;align-items: center;padding:5px;} .workFinancialInfoMinify .workInfo .buttonInFinancialInfoBlock { min-width:100%!important; height:fit-content!important; border:0; border-bottom:0; display: flex; justify-content: center; align-items: center; padding:5px; color: var(--basic-blue); background: #f2f8ff; max-height: 20px; width: 90%; } .workFinancialInfoMinify .workInfo .gotoWorkerSalaryComponentsBtn:not(.visible) { display:none; } .workFinancialInfoMinify .workInfo .gotoWorkerSalaryComponentsBtn { border-radius: 3px; font-size:13px!important; font-weight: 500; min-width:auto!important; flex:1; margin-inline: 3px; text-align: center; margin-bottom: 10px; } .workFinancialInfoMinify .workInfo .gotoWorkerSalaryComponentsBtn.visible { display:block; } .workFinancialInfoMinify .workInfo li:not(.showMore) .showMoreButton{ border-radius: 3px;font-size:13px!important;font-weight: 500;min-width:auto!important;flex:1; margin-block: auto 3px;margin-inline: 3px; } .workFinancialInfoMinify .workInfo .showMoreButton .secondText{display: none;} .workFinancialInfoMinify .workInfo .showMoreButton.visible .secondText{ display: block; } .workFinancialInfoMinify .workInfo .showMoreButton.visible .text{ display: none; } .workFinancialInfoMinify .workInfo ul{width:100%;border-top:1px solid var(--gray-border);margin-bottom:0;} .workFinancialInfoMinify .workInfo li{ position:relative;flex-wrap:wrap;max-width: 48%;min-width:48%;border-left:1px solid var(--gray-border);border-bottom:1px solid var(--gray-border);height:auto;min-height:112px; display: flex; flex-direction: column; margin-right: 7px; } .workFinancialInfoMinify .workInfo li:nth-child(2n+2){border-left:0;} .workFinancialInfoMinify .workInfo li .content{width:90%;color:#9c9c9c;font-weight:400;font-size:14px;margin-top: 30px;} .workFinancialInfoMinify .workInfo li .hiddenContent:first { margin-top: 10px; } .workFinancialInfoMinify .workInfo li .hiddenContent{ display: flex; flex-direction: column; /* padding-block-start: 10px; */ transition: max-height 0.15s ease-out; /* padding-inline: 5px; */ max-height: 400px; /* margin-inline: 3px; */ /* margin-block-end: 3px; */ overflow: hidden; height:0; width:100%; background: #8ecfff2b; margin-bottom:10px; } .workFinancialInfoMinify .workInfo li .hiddenContent.visible{ height:fit-content; min-height:50px; overflow-y: scroll; } .workFinancialInfoMinify .workInfo li .hiddenContent .row{ display: flex; flex-direction: column; /* justify-content: space-between; */ width:100%; gap:2px; border-bottom:1px solid var(--gray-border); padding:10px; height: 37px; } .workFinancialInfoMinify .workInfo li .hiddenContent .row.divider { background-color: white; justify-content: space-between; margin: 0; width: 100%; height: 75px; } .workFinancialInfoMinify .workInfo li .hiddenContent .row span.label{font-size:15px;color:#222222;} .workFinancialInfoMinify .workInfo li .hiddenContent .row span.value { font-size:15px; margin-inline:5px; text-align: left; text-decoration: underline; text-underline-offset: 3px; } .workFinancialInfoMinify .workInfo li .hiddenContent .row span.label.subLabel { font-size:13px; } .workFinancialInfoMinify .workInfo li .hiddenContent .row span.value.subValue { font-size:13px; text-align: left; text-decoration: none; } .workFinancialInfoMinify .workInfo li .counter{position:Relative;margin-top:10px;border-bottom: 1px solid var(--menu-bg-color);font-size:26px;color:var(--menu-bg-color);font-weight:300;} .workFinancialInfoMinify .workInfo li .month{position:absolute;top:-1px;right:0;color:white;font-size: 12px;font-weight:400;padding:7px;background:#24374d;} #timesTableMonthTextLabel{position:relative;top:0px;margin-inline-end:auto;color:white;font-size: 14px;font-weight:400;padding:7px;background:#24374d;height: fit-content;display: block;width: fit-content;} .workFinancialInfoMinify .workInfo li .filesBtn{position:absolute;bottom:-1px;left:-1px;border:1px solid #3cbe89;color:#3cbe89;font-size:12px;padding:5px;} .workFinancialInfoMinify .workInfo li .salaryBlockIcon{position:absolute;bottom:-1px;left:-1px;font-size:12px;padding:5px;} .workFinancialInfoMinify .workInfo li .payWorkerSalaryBtn{cursor:pointer;position:absolute;top:75%;left:2px;font-size:12px;padding:5px;} .workFinancialInfoMinify .workInfo li .filesBtn.disabled{color:var(--gray-border);border-color:var(--gray-border);} .workFinancialInfoMinify .workInfo li:first-child .counter.isTimerActivated:before{width:10px;border:2px solid white;position:absolute;top:50%;transform:translateY(-50%);right:-15px;height:10px;border-radius:50%;display:inline-block;content:'';background:#cccccc;} .workFinancialInfoMinify .workInfo li:first-child .counter.isTimerActivated.online:before{background:#3cbe89;} .workerInfoPage .online .workInfo li:first-child .counter:before{background:#3cbe89!important;} .workerInfoPage .online .workInfo li:first-child .counter{margin-right:7px;} .workFinancialInfoMinify .workInfo li .content span{text-align:center;width:100%;} .workFinancialInfoMinify .workerAttendanceLinks{width:100%;margin-bottom:0;} .workFinancialInfoMinify .workerAttendanceLinks li{width:100%;border-top:1px solid var(--gray-border);} .workFinancialInfoMinify .workerAttendanceLinks li:first-child{border-top:0;} .workFinancialInfoMinify .workerAttendanceLinks a{cursor:pointer;display:flex;align-items:center;width:100%;padding:14px 15%;color:#151b20;font-size:14px;text-decoration: none;} .workFinancialInfoMinify .workerAttendanceLinks a i{font-size:13px;color:#151b20;display:block;margin-left:0.5vw;} .workerInfoPage .workFinancialInfoMinify{border-top:1px solid var(--gray-border);} .workerInfoPage .workFinancialInfoMinify .workInfo ul{border-top:0;} .workFinancialSummaryInfoMinify .workInfo{width:100%;position:relative;padding-inline:28px;overflow: hidden;border-bottom:1px solid var(--gray-border);border-top:1px solid var(--gray-border);} .workFinancialSummaryInfoMinify .workInfo .owl-dots{display:none;} .workFinancialSummaryInfoMinify .workInfoList{width:100%;position:relative;padding-inline:28px;overflow: hidden;} .workFinancialSummaryInfoMinify .workInfo ul{width:100%;max-width:100%;overflow:hidden;margin-bottom:0;} .workFinancialSummaryInfoMinify .workInfo li{position:relative;max-width: 100%;min-width:100%;border-left:1px solid var(--gray-border);height:112px;} .workFinancialSummaryInfoMinify .workInfo li .icon{ position: absolute; left:0; top:50%; transform: translate(-50%,-50%); background:var(--basic-blue); color:white; font-size:22px; display: flex; align-items: center; justify-content: center; width:35px; height:35px; border-radius: 50%; } .workFinancialSummaryInfoMinify .workInfo li:nth-child(5){border-left:0;} .workFinancialSummaryInfoMinify .workInfo li .content{width:100%;color:#9c9c9c;font-weight:400;font-size:14px;display:flex;align-items:center;flex-direction: column;} .workFinancialSummaryInfoMinify .workInfo li .counter{position:Relative;margin-top:10px;border-bottom: 1px solid var(--menu-bg-color);font-size:26px;color:var(--menu-bg-color);font-weight:300;} .workFinancialSummaryInfoMinify .workInfo li .counter:nth-child(3){margin-top:10px;border-bottom: none;font-size:20px;font-weight:300;} .workFinancialSummaryInfoMinify .workInfo li .month{position:absolute;top:-1px;right:0;color:white;font-size: 12px;font-weight:400;padding:7px;background:#24374d;} .workFinancialSummaryInfoMinify .workInfo li .filesBtn{position:absolute;bottom:-1px;left:-1px;border:1px solid #3cbe89;color:#3cbe89;font-size:12px;padding:5px;} .workFinancialSummaryInfoMinify .workInfo li .salaryBlockIcon{position:absolute;bottom:-1px;left:-1px;font-size:12px;padding:5px;} .workFinancialSummaryInfoMinify .workInfo li .payWorkerSalaryBtn{cursor:pointer;position:absolute;top:75%;left:2px;font-size:12px;padding:5px;} .workFinancialSummaryInfoMinify .workInfo li .filesBtn.disabled{color:var(--gray-border);border-color:var(--gray-border);} .workFinancialSummaryInfoMinify .workInfo li:first-child .counter.isTimerActivated:before{width:10px;border:2px solid white;position:absolute;top:50%;transform:translateY(-50%);right:-15px;height:10px;border-radius:50%;display:inline-block;content:'';background:#cccccc;} .workFinancialSummaryInfoMinify .workInfo li:first-child .counter.isTimerActivated.online:before{background:#3cbe89;} .workFinancialSummaryInfoMinify .workInfo li .content span{text-align:center;width:100%;} .workFinancialSummaryInfoMinify .workerAttendanceLinks{width:100%;margin-bottom:0;} .workFinancialSummaryInfoMinify .workerAttendanceLinks li{width:100%;border-top:1px solid var(--gray-border);} .workFinancialSummaryInfoMinify .workerAttendanceLinks li:first-child{border-top:0;} .workFinancialSummaryInfoMinify .workerAttendanceLinks a{cursor:pointer;display:flex;align-items:center;width:100%;padding:14px 15%;color:#151b20;font-size:14px;text-decoration: none;} .workFinancialSummaryInfoMinify .workerAttendanceLinks a i{font-size:13px;color:#151b20;display:block;margin-left:0.5vw;} .workerInfoPage .workFinancialSummaryInfoMinify{border-top:1px solid var(--gray-border);} .workerInfoPage .workFinancialSummaryInfoMinify .workInfo ul{border-top:0;} .workFinancialSummaryInfoMinify .owl-stage{ display: flex; } .workFinancialSummaryInfoMinify .owl-prev,.workFinancialSummaryInfoMinify .owl-next{ position: absolute; top: 0; background: white; z-index: 9; border-inline-end: 1px solid var(--gray-border); height: 100%; padding: 0 9px; display: flex; align-items: center; color: #b4b4b4; font-size: 13px; } .workFinancialSummaryInfoMinify .buttonsContainer{ } .workFinancialSummaryInfoMinify .owl-next{ left:0; border:0; border-inline-start: 1px solid var(--gray-border); } .workFinancialSummaryInfoMinify .owl-prev{ right:0; } .workerInfoList .owl-item { /* max-width: 260px; */ } .workerInfoPage .personalInfo{} .workerInfoPage .personalInfo .flexedStart{align-items:flex-start;} .workerInfoPage .personalInfo .field{width:47.7%;} .workerInfoPage .personalInfo .field label{color:#151b20;font-size:13px;font-weight:500;} .workerInfoPage .inputFiled{max-height:40px;} .workerInfoPage .basicFields .inputFiled input{font-size:14px;} .workerInfoPage .inputFiled textarea.input{padding:8px 0.8vw;/*min-height:60px;*/} .workerInfoPage .paymentFields .field{width:68%;} .workerInfoPage .paymentFields .smallField{width:27%;} .workerInfoPage .emptyTable{padding:12px;text-align:Center;width:16vw;background:#f7f7f7;border:1px solid var(--gray-border);margin:0px auto;color:var(--menu-bg-color);display:block;font-size:15px;min-width:16vw;max-width:100%;margin-bottom:25px;paymentFields} .workerInfoPage .customRadioBtnList,.workerInfoPage .paymentFields{width:47.5%;} .workerInfoPage .personalInfo .all_fields{width:47.5%;} #editBank_modal .bootstrap-select .dropdown-menu{height:175px!important;transform: translate3d(0, 0, 0px)!important;min-width:100%!important;max-width:100%;} .customRadioBtnList{padding:11px 0.9vw;background:#f7f7f7;border:1px solid var(--gray-border);width:100%;} .customRadioBtnList .title{color:#151b20;font-size:13px;font-weight:500;width:100%;margin-bottom:15px;} .customRadioBtnList .svgHolder{width:32px;height:32px;max-width:32px;max-height:32px;position:relative;overflow:hidden;margin:0px auto;margin-bottom:9px;display:flex;align-items:Center;justify-content: center;} .customRadioBtnList .svgHolder i{font-size:24px;color:#bfbfbf;} .customRadioBtnList .svgHolder svg{max-width:100%;width:100%;fill:#bfbfbf;} .customRadioBtnList .svgHolder svg path{fill:#bfbfbf;} .customRadioBtnList .svgHolder svg path{fill:#bfbfbf;} .customRadioBtnList .svgHolder img{max-width:100%;max-height:100%;position:absolute;margin:0!important;display:flex;align-items:center;justify-content:center;} /* .customRadioBtnList > li:hover img{filter: invert(56%) sepia(29%) saturate(1414%) hue-rotate(126deg) brightness(95%) contrast(82%);} */ /* .customRadioBtnList > li label input:checked + .inner img{filter: invert(56%) sepia(29%) saturate(1414%) hue-rotate(126deg) brightness(95%) contrast(82%);} */ .customRadioBtnList > li label input:checked + .inner svg{fill:var(--basic-green);} .customRadioBtnList:not(#workerWorkWeekTypeRadio) > li label input:checked + .inner:not(.doNotFill) svg path{fill:var(--basic-green);} .customRadioBtnList > li label input:checked + .inner .svgHolder > i{color:var(--basic-green);} .customRadioBtnList > li label input[type="radio"]{position:absolute;width:0;height:0;opacity:0;} .customRadioBtnList > li{width:47%;height: 105px;margin-bottom:15px;background:white;border:1px solid var(--gray-border);display:flex;align-items:Center;justify-content: center;} .customRadioBtnList li label{display:flex;align-items:Center;justify-content: center;width:100%;height:100%;cursor:pointer;margin: 0;} .customRadioBtnList li.fieldHolder.disabled{opacity:0.4;} .customRadioBtnList li.fieldHolder{border:0;} .customRadioBtnList li.fieldHolder > label{cursor:auto;box-shadow: 0px 1px 6.65px 0.35px rgba(0, 0, 0, 0.1);border:0;} .customRadioBtnList li.fieldHolder .inputFiled{background:#f7f7f7!important;} .customRadioBtnList li label .inner{max-width:90%;margin:0px auto;} .customRadioBtnList li label .inner span{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;color:#bfbfbf;font-size:15px;font-weight:400;text-align:Center;display:block;margin:0px auto;user-select:none;} .customRadioBtnList li label .inner .field label{margin-bottom:8px;} .customRadioBtnList li label .inner .dropdown{max-height:100%;margin:0;} .customRadioBtnList li label .inner .inputFiled{max-height:35px;margin:0;} .customRadioBtnList li label .inner .inputFiled input{vertical-align: middle} .customRadioBtnList li label input:checked + .inner span,.customRadioBtnList li:hover label .inner span{color:var(--basic-green);} .customRadioBtnList li.selected{border-color:var(--basic-green);} .customRadioBtnList.disabled li.selected{border-color:inherit;} .customRadioBtnList li .inner .field{width:90%;margin:0px auto;} .customRadioBtnList li .inner .field .inputFiled{padding:0;width:100%;margin:0px auto;margin-bottom:8px!important;} .customRadioBtnList li .datepicker{padding:2px!important;font-size:13px!important;} .customRadioBtnList li .inner .field .inputFiled input{padding:5px!important;font-size:13px!important;} .customRadioBtnList li .inner .field .inputFiled input#workerSalary{text-align:center;direction:ltr;} .customRadioBtnList .inputFiled .bootstrap-select .dropdown-toggle .filter-option-inner-inner{font-size:14px;} .customRadioBtnList > li.option > label {position: relative;} .customRadioBtnList > li.option > label input[type="radio"]:checked + div.inner .selected{display:flex;} .customRadioBtnList > li.option > label > div.inner .selected {display:none;position:absolute;top:14px;right:10px;background:var(--basic-green);border-radius:15px;height:18px;width:18px;align-items: center;padding-right:5px;color:white;font-size:8px;} .customRadioBtnList > li.option > label > div.inner .selected i {margin-left:5px;font-size:8px;} @keyframes fadein { from { opacity: 0; } to { opacity: 1.0; } } .initialWizardBlockContainer { -webkit-animation: fadein 0.1s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 0.1s; /* Firefox < 16 */ -ms-animation: fadein 0.1s; /* Internet Explorer */ -o-animation: fadein 0.1s; /* Opera < 12.1 */ animation: fadein 0.1s; } .initialWizardBlockContainer .titleFull {font-size: 22px;text-align: center;} .initialWizardBlockContainer .customRadioBtnList {background: #f0f6ff;} .initialWizardBlockContainer .customRadioBtnList .title {font-size: 20px;text-align: center;} .initialWizardBlockContainer .customRadioBtnList > li{height: 265px;} .initialWizardBlockContainer .customRadioBtnList li label input:checked + .inner span, .initialWizardBlockContainer .customRadioBtnList li label .inner span{font-size:18px;font-weight: bold;padding-top:10px;} .chooseFeatureWizardBlockContainer .titleFull {font-size: 22px;} .chooseFeatureWizardBlockContainer .customRadioBtnList {background: #f0f6ff;} .chooseFeatureWizardBlockContainer .customRadioBtnList .title {font-size: 20px;} /* .chooseFeatureWizardBlockContainer .customRadioBtnList > li{height: 265px;} */ .chooseFeatureWizardBlockContainer .customRadioBtnList li label input:checked + .inner span, .chooseFeatureWizardBlockContainer .customRadioBtnList li label .inner span{font-size:18px;font-weight: bold;} .chooseFeatureWizardBlockContainer .customRadioBtnList .svgHolder {margin-bottom:0;} .chooseFeatureWizardBlockContainer .customRadioBtnList {flex-direction: column;} .chooseFeatureWizardBlockContainer .customRadioBtnList > li {width:100%} @media only screen and (max-width: 600px) { .initialWizardBlockContainer .customRadioBtnList {flex-direction: column;} .initialWizardBlockContainer .customRadioBtnList > li {width:100%} } .workerInfoPage .payment .icon{border-left:0;border-right:1px solid var(--gray-border);color:#a7a7a7;font-size:14px;} .workerInfoPage .payment .icon i{color:#a7a7a7;font-size:14px;} .workerInfoPage .payment .filter-option-inner-inner{font-size:14px;max-width:100%;overflow:hidden;white-space: nowrap; text-overflow: ellipsis; display: block;} /* .workerInfoPage .payment .dropdown{max-width:calc(100% - 40px);} */ .workerInfoPage .viewAllLink{color:var(--menu-bg-color);font-size:15px;height:40px;display:flex;align-items:Center;margin-left:8px;} #impotPricesModal .smallScrollItemsTable{width:430px;} .smallScrollItemsTable{width:100%;border:1px solid var(--gray-border);/*border-bottom:0;*/border-right:1px solid var(--gray-border);} .smallScrollItemsTable .row{width:100%;display:flex;min-height:41px;border-bottom:1px solid var(--gray-border);border-left:1px solid var(--gray-border);} .smallScrollItemsTable .row .column{color:#9f9f9f;padding: 4px 0.9vw;font-size:15px;font-weight:400;display:flex;align-items:center;border-left:1px solid var(--gray-border);} .smallScrollItemsTable .row .column:last-child{border-left:0;} .smallScrollItemsTable .row.tableHeaders .column{color: #151b20;border-bottom:2px solid #ececec;padding:padding: 6px 0.9vw;} .smallScrollItemsTable .row .column-1{width:60%;} .smallScrollItemsTable .row .column-2{width:18%;} .smallScrollItemsTable .row .column-3{width:22%;} .smallScrollItemsTable .row .column-8{width:8%;} .smallScrollItemsTable .row .column-10{width:10%;} .smallScrollItemsTable .row .column-20{width:20%;} .smallScrollItemsTable .row .column-30{width:30%;} .smallScrollItemsTable .row .column-40{width:40%;} .smallScrollItemsTable .row .column-50{width:50%;} .smallScrollItemsTable .row .column-60{width:60%;} .smallScrollItemsTable .row .column-70{width:70%;} .smallScrollItemsTable .row .column-80{width:80%;} .smallScrollItemsTable .row .column-90{width:90%;} /* .smallScrollItemsTable .row .column .dropdown-toggle{padding:0;} */ .smallScrollItemsTable .row .column .inputFiled{margin:0;width:100%;max-height:38px;background:white;} .smallScrollItemsTable .row .column .inputFiled .input{font-size:14px;} .smallScrollItemsTable .row .column label{margin:0;width:100%;height:100%;} .smallScrollItemsTable .row.active{background:#f5f5f5;} .smallScrollItemsTable .row .dropdown {max-height:38px;} .smallScrollItemsTable .bootstrap-select>.dropdown-toggle .filter-option-inner-inner{font-size:14px;} .smallScrollItemsTable .rowsContainer{max-height:/*305px*/90%;overflow-y:auto;width:calc(100% + 21px);} .smallScrollItemsTable .rowsContainer .row{margin:0;max-width: 429px;} #impotPricesModal .scrollbarBlue::-webkit-scrollbar{width:5px;} #impotPricesModal .scrollbarBlue::-webkit-scrollbar-thumb{border:0;} .select2-selection__choice__display {color: black !important;} .select2-container[dir="ltr"] {text-align:left !important;} .select2-container[dir="ltr"] span.selection {text-align:left !important;} .select2-container[dir="ltr"] span.selection span.select2-selection {text-align:left !important;direction: ltr !important;} #workersTimesConfirmModal{} #workersTimesConfirmModal .row .column-1{width:56%;} #workersTimesConfirmModal .row .column-2,#workersTimesConfirmModal .row .column-3{width:22%;} .inventoryCircle{width:284px;height:291px;background:;position:relative;} .inventoryCircle #Layer_1{position:absolute;top:2px;left:0;width: 138px;} .inventoryCircle #Layer_3{position:relative;width:100%;} .inventoryCircle .right_top{position:absolute;;top:2px;right:0;width: 138px;} .inventoryCircle #Layer_5{position:relative;width: 100%;} .inventoryCircle #Layer_6{position:relative;width: 100%;} /* .inventoryCircle #Layer_6{position:absolute;bottom:19px;right:2px;width: 114px;} */ /* .inventoryCircle #Layer_6{position:absolute;bottom:14px;right:5px;width: 111px;} */ .inventoryCircle #Layer_2{position:absolute;top: 6px;left: 4px;width: 130px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .inventoryCircle #Layer_2:hover{top:4px;left:1px;} .inventoryCircle #Layer_4{position:absolute;top: 6px;right: 4px;width: 130px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .inventoryCircle #Layer_4:hover{top:4px;right:1px;} .inventoryCircle .innerCircle{display:flex;align-items:center;justify-content:center;width:90px;height:90px;background:#f4f6f5;border-radius:50%;position:Absolute;right:96.9px;top:101.7px;} .inventoryCircle #Layer_7{position:relative;width: 100%;} /* .inventoryCircle #Layer_7{position:absolute;bottom:0.9px;right:83.4px;width: 116px;} */ .inventoryCircle .middle_bottom{position:absolute;bottom:0.9px;right:83.4px;width: 116px;} .inventoryCircle .left_bottom{position:absolute;bottom:19px;left:2px;width: 114px;} .inventoryCircle .left_bottom #Layer_8{position:absolute;width:83px;top:13px;left:12px;} .inventoryCircle .right_bottom{position:absolute;bottom:19px;right:2px;width: 114px;} .inventoryCircle .right_bottom #Layer_9{position:absolute;width:83px;top:13px;right:12px;} .inventoryCircle .middle_bottom #Layer_10{position:absolute;width:92px;top:30px;right:12.6px;} .inventoryCircle .innerElement{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .inventoryCircle .innerElement{transform:scale(0.9);} .inventoryCircle .left_top .innerElement,.inventoryCircle .right_top .innerElement{transform:scale(0.9);} /* .inventoryCircle .innerElement:hover{transform:scale(1);} */ .inventoryCircle > div:hover .innerElement{transform:scale(1);} .inventoryCircle .smallCounter{position:Absolute;z-index:9999;font-weight: 400;font-size:12px;color:#000000;} .inventoryCircle .right_top .smallCounter{left:39px;top:102px;} .inventoryCircle .right_bottom .smallCounter{left:17px;top:22px;} .inventoryCircle .left_bottom .smallCounter{right:17px;top:22px;} .inventoryCircle .middle_bottom .smallCounter{right:49px;top:14px;} .inventoryCircle .innerCircle .content{width:90%;margin:0px auto;text-align:Center;} .inventoryCircle .innerCircle .content span{-webkit-transition: all 0.3s ease-in-out;opacity:1;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .inventoryCircle .innerCircle .content span.opacity0{opacity:0;} .inventoryCircle .innerCircle .content span{display:block;color:#000000;text-align:center;font-size:22px;} .inventoryCircle .innerCircle .content span.smaller{font-size:11px;} .inventoryCircle .innerCircle .content span.smaller{font-size:11px;} .panelBlock span.title{color:var(--basic-txt-color);font-size:16px;font-weight:400;display:block;text-align:right;} .panelBlock span.title i{color:var(--basic-blue);margin-left:8px;font-size:13px;} .panelBlock .radioCustomList{width:100%;margin-top:15px;overflow-y:auto;max-height:calc(100% - 139px);} .panelBlock .radioCustomList li{width:100%;position:relative;margin-bottom:10px;} .panelBlock .radioCustomList li label{margin:0;width:100%;height:auto;display:block;cursor:pointer;} .panelBlock .radioCustomList li label .item{background:white;width:100%;display:flex;justify-content:space-between;padding:0 9%;height:63px;align-items:center;border:1px solid var(--gray-border);} .panelBlock .radioCustomList li label .item span{color:var(--menu-bg-color);font-size:15px;font-weight:400;max-width:90%;} .panelBlock .radioCustomList li label input[type="radio"]:checked + .item{background:var(--basic-green);} .panelBlock .radioCustomList li label input[type="radio"]:checked + .item span{color:white;} .panelBlock .radioCustomList li label input[type="radio"]{position:absolute;width:0;height:0;opacity:0;} .panelBlock .radioCustomList li label .item:after{content:'';z-index:9;position:absolute;left:1.04vw;border-radius:50%;border:2px solid var(--gray-border);width:9px;height:9px;} .panelBlock .radioCustomList li label input[type="radio"]:checked + .item:after{border-color:white;} .panelBlock .checkboxCustomList{width:100%;margin-top:15px;overflow-y:auto;max-height:calc(100% - 139px);} .panelBlock .checkboxCustomList li{width:100%;position:relative;margin-bottom:10px;} .panelBlock .checkboxCustomList li label{margin:0;width:100%;height:auto;display:block;cursor:pointer;} .panelBlock .checkboxCustomList li label .item{background:white;width:100%;display:flex;justify-content:space-between;padding:0 9%;height:63px;align-items:center;border:1px solid var(--gray-border);} .panelBlock .checkboxCustomList li label .item span{color:var(--menu-bg-color);font-size:15px;font-weight:400;max-width:90%;} .panelBlock .checkboxCustomList li label input[type="checkbox"]:checked + .item{background:var(--basic-green);} .panelBlock .checkboxCustomList li label input[type="checkbox"]:checked + .item span{color:white;} .panelBlock .checkboxCustomList li label input[type="checkbox"]{position:absolute;width:0;height:0;opacity:0;} .panelBlock .checkboxCustomList li label .item:after{content:'';z-index:9;position:absolute;left:1.04vw;border-radius:50%;border:2px solid var(--gray-border);width:9px;height:9px;} .panelBlock .checkboxCustomList li label input[type="checkbox"]:checked + .item:after{border-color:white;} /* #permissionsPage .workersList{min-height: calc(100% - 190px);max-height: calc(100% - 89px);overflow-y: auto;} */ .inventoryManage{} .inventoryManage .mainBlock{width:60.07%!important;min-width:60.07%;} .inventoryManage .panelBlock{max-height:calc(100vh - 263px);width:18.58%!important;min-width:18.28%;} .inventoryManage .panelBlock .customItemsList{max-height:calc(100% - 101px);} .inventoryManage .customItemsList.buildingsList li .item:after{content: '';border: solid #cacaca;border-width: 0 2px 2px 0;margin-top: -0.1vw;display: inline-block;padding: 2px;margin-top:2px;background: none;width:auto;height:auto;border-radius:0;transform: rotate(135deg);} .inventoryManage .customItemsList.buildingsList li .item .content i{font-size:22px;color:#c5c5c5;display:block;margin-left:0.7vw;} .inventoryManage .customItemsList.buildingsList .content{width:100%;} .inventoryManage .customItemsList.buildingsList span{max-width:calc(100% - 0.8vw - 30px)!important;} .inventoryManage .radioCustomList li label input[type="radio"]:checked + .item .content i{color:white;} .inventoryManage .checkboxCustomList li label input[type="checkbox"]:checked + .item .content i{color:white;} .inventoryManage .all{margin:0;width:100%;} .inventoryManage .all li:first-child,.inventoryManage .all li:nth-child(2){border-top:1px solid var(--gray-border);} .inventoryManage .all li{width:50%;min-width:50%;border:1px solid var(--gray-border);border-top:0;padding:1.05vw 0 0 0;display:flex;flex-wrap:wrap;justify-content: center;} .inventoryManage .all li .inventoryCircle{margin-bottom:22px;} .inventoryManage .all li .metirialName{background:var(--basic-gray);width:100%;padding:15px;border-top:1px solid var(--gray-border);color:black;display:flex;justify-content:center;} .inventoryManage .all li:nth-child(2n+2){border-right:0;} .inventoryManage .mainBlock .top{margin-bottom:15px;} .jobsTablesPage{} .jobsTablesPage .tableContainer{width:50%;} .jobsTablesPage .tableContainer .column{min-width:40px;width:6%;} .jobsTablesPage .tableContainer .column-1{width:15%;} .jobsTablesPage .tableContainer .column-2{width:23%;} .jobsTablesPage .tableContainer .column-3{width:17%;} .jobsTablesPage .tableContainer .column-4{width:23%;} .jobsTablesPage .tableContainer .column-5{width:14%;} .jobsTablesPage .tableContainer .column{padding:0 15px;} .jobsTablesPage .tableContainer span.title{color:var(--basic-txt-color);font-size:18px;display:block;margin-bottom:25px;} .jobsTablesPage .tableContainer:nth-child(2n+2) .row.headers{background:#222c3a;} .workersTablePage .leftSide .field{display:block;margin-left:15px;} #multiEditJobsModal .inputFiled{margin:0;} #multiEditJobsModal .field label.customCheckBox{margin:0;} #multiEditJobsModal .field{margin-bottom:15px;} #multiEditJobsModal .basicSelectPicker{width:100%;} /*#multiEditJobsModal label.customCheckBox input[type="checkbox"]:checked + span.checkbox:after{top:-1.5px;}*/ /* #multiEditBuildingPricesModal .inputFiled{margin:0;} #multiEditBuildingPricesModal .field label.customCheckBox{margin:0;} #multiEditBuildingPricesModal .field{margin-bottom:15px;} #multiEditBuildingPricesModal .basicSelectPicker{width:100%;} #multiEditBuildingPricesModal label.customCheckBox input[type="checkbox"]:checked + span.checkbox:after{top:-1.5px;} */ #prepareGreenInvoiceModalBody{} #prepareGreenInvoiceModalBody .field .ktoggle-container{display:flex;align-items: center;} #prepareGreenInvoiceModalBody .field .ktoggle-container label{margin:0 10px;display:flex;align-items: center;max-width:100px;} #prepareGreenInvoiceModalBody .field .ktoggle-container p{margin:0;} #shiftsPreferencesLisModal{} #shiftsPreferencesLisModal .header{width:100%;margin-bottom:25px;} #shiftsPreferencesLisModal .header h5{font-size:24px;color:var(--basic-txt-color);font-weight:400;text-align:center;} #shiftsPreferencesLisModal .header .title span{font-weight:300;font-size:15px;color:var(--baisc-txt-color);text-align:center;} #shiftsPreferencesLisModal .header .side{display:flex;align-items: center;justify-content: space-between;} #shiftsPreferencesLisModal .header .side span{color:#9d9d9d;font-size:12px;width:46px;padding: 0 5px;} #shiftsPreferencesLisModal .header .side button{color:#c9c9c9;font-size:18px;display:flex;align-items:center;justify-content:center;width:26px;height:28px;border:1px solid var(--gray-border);transform: rotate(-180deg);} #shiftsPreferencesLisModal .header .side button:hover{background:#f3f3f3;} #shiftsPreferencesLisModal .header .side.prevShift span{margin-right:5px;} #shiftsPreferencesLisModal .header .side.nextShift span{margin-left:5px;} #shiftsPreferencesLisModal .tableHolder{max-height:270px;overflow-y:auto;} #shiftsPreferencesLisModal .table{margin-bottom:0;} #shiftsPreferencesLisModal .table .row.headers{border-top:1px solid #E4E4E4;background:#f3f3f3;} #shiftsPreferencesLisModal .table .row.headers .column{color:var(--basic-txt-color);} #shiftsPreferencesLisModal .table .row.headers .column:not(:last-child){border-left: 1px solid #E4E4E4;} #shiftsPreferencesLisModal .table .row .column-1{width:30%;} #shiftsPreferencesLisModal .table .row .column-2{width:14%;} #shiftsPreferencesLisModal .table label.customCheckBox span.checkbox{margin:0;} #shiftsPreferencesLisModal .table .row:not(.headers) .column-1{text-align:right;font-size:14px;justify-content: space-between;padding: 0 2%;} #shiftsPreferencesLisModal .scrollbarBlue::-webkit-scrollbar {width:9px;} #shiftsPreferencesLisModal .table .column-1 i{font-size:15px;color:#959595;} #shiftsPreferencesLisModal .table .column-1 i.blocked{color:#f33e3e;} .ceeateChequPage .chosenActionButtonsContainer {display:flex;min-width:400px;justify-content:space-between;} .multiCheques .chosen-drop, .ceeateChequPage .chosen-drop { /*min-width:400px;*/ } .multiCheques .chosenActionButtonsContainer { display:flex; justify-content:space-between; min-width:150px; flex-direction: column; } .ceeateChequPage .chosenActionButtonsContainer { display:flex; min-width:150px; justify-content:space-between; flex-direction: column; } .multiCheques .chosen-container.chosen-with-drop .chosen-drop, .ceeateChequPage .chosen-container.chosen-with-drop .chosen-drop { box-shadow: rgb(149 157 165 / 50%) 0px 8px 25px !important; border: solid 1px #aaa !important; border-radius: 2px; } .multiCheques .chosen-container.chosen-with-drop .chosen-drop { min-width: 400px; } #itemComponentsModal{} /* #itemComponentsModal .modal-dialog{width:550px;} */ #itemComponentsModal .smallScrollItemsTable{width:100%;} #itemComponentsModal .smallScrollItemsTable .row{width:100%;} #itemComponentsModal .smallScrollItemsTable .rowsContainer{width:calc(100%);} #itemComponentsModal .smallScrollItemsTable .rowsContainer .row{max-width:100%;} #itemComponentsModal .smallScrollItemsTable .row .column-1{width:48%;} #itemComponentsModal .smallScrollItemsTable .row .column-2{width:30%;} #itemComponentsModal .smallScrollItemsTable .row .column-8{width:8%;} #itemComponentsModal .smallScrollItemsTable .row .column-10{width:10%;} #itemComponentsModal .smallScrollItemsTable .row .column-20{width:20%;} #itemComponentsModal .smallScrollItemsTable .row .column-30{width:30%;} #itemComponentsModal .smallScrollItemsTable .row .column-40{width:40%;} #itemComponentsModal .smallScrollItemsTable .row .column-50{width:50%;} #itemComponentsModal .smallScrollItemsTable .row .column-60{width:60%;} #itemComponentsModal .smallScrollItemsTable .row .column-70{width:70%;} #itemComponentsModal .smallScrollItemsTable .row .column-80{width:80%;} #itemComponentsModal .smallScrollItemsTable .row .column-90{width:90%;} #itemComponentsModal .smallScrollItemsTable .row .column{padding:4px 5px;} #itemComponentsModal .smallScrollItemsTable .row.tableHeaders .column{font-size:14px;} .gridBlockShapeEdit{} .gridBlockShapeEdit .editingView{width:80%;padding:70px 0 150px 0px;border-bottom:1px solid var(--gray-border);} .gridBlockShapeEdit .editingView .smallBlock{width:80px;height:80px;margin:0px auto;} .gridBlockShapeEdit .editingView .mediumBlock{width:120px;height:120px;margin:0px auto;} .gridBlockShapeEdit .editingView .block{width:250px;height:250px;margin:0px auto;} .gridBlockShapeEdit .allTemplates{padding-top:25px;} .gridBlockShapeEdit .allTemplates .grid-stack-item{width: 6vw;margin-left:calc((100% - 60vw) / 9);margin-bottom:0.9vw;position:relative;height:6vw;} .gridBlockShapeEdit .allTemplates .grid-stack-item .grid-stack-item-content{width:100%;height:100%;position:absolute;} .gridBlockShapeEdit .allTemplates .grid-stack-item:nth-child(10n+10){margin-left:0;} .fontSizeSlect .bootstrap-select .dropdown-menu li a span.text{font-size:unset} .fontSizeSlect .bootstrap-select .dropdown-menu .inner{max-height:200px;} .accordionTabs.editingTab{margin-bottom:20px;width:100%;} .gridBlockShapeEdit .editingTab .field{margin-bottom:20px;} .accordionTabs .editingTab .top{width:100%;min-height:25px;height:36px;padding:10px;background:var(--basic-gray);cursor:pointer;margin-bottom:8px;} .accordionTabs .editingTab.hideContentOnload{max-height:36px;overflow:hidden;} .accordionTabs .editingTab.visible .top i{transform: rotate(-180deg);} .gridBlockShapeEdit .editingTab .inputFiled .bootstrap-select{width:100%;} /* .accordionTabs .editingTab .inner{display:none;} */ .gridBlockShapeEdit .sp-replacer,.customColorPicker .sp-replacer{width:100%;height:100%;} .gridBlockShapeEdit .sp-replacer .sp-dd,.customColorPicker .sp-replacer .sp-dd{display:none;} .gridBlockShapeEdit .inputFiled.colorPricerHolder{border:0;min-height:30px!important;height:30px; } .gridBlockShapeEdit .inputFiled.colorPricerHolder .sp-replacer,.customColorPicker .sp-replacer{border-radius:3px;border:1px solid 1px solid var(--gray-border);} .gridBlockShapeEdit .iconsLibaray{width:100%;max-height:150px;overflow-y:auto;margin-bottom:15px;} .gridBlockShapeEdit .iconsList{align-items: center;} .gridBlockShapeEdit .iconsList li{margin-left:3px;margin-bottom:8px;} .gridBlockShapeEdit .iconsList li span{cursor:pointer} .gridBlockShapeEdit .iconsLibaray svg{width:25px;} .gridBlockShapeEdit .currentIcons{} .gridBlockShapeEdit .currentIcons li{width:100%;display:flex;padding-left:15px;align-items:center;justify-content: space-between;margin-bottom:10px;position:relative;} .gridBlockShapeEdit .cornerTextsList button{max-height:35px!important;} .gridBlockShapeEdit .currentIcons .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){max-width:150px!important;} .gridBlockShapeEdit .editingTab span.label {display:block;margin: 0;margin-bottom: 8px;color: #a2a2a2;font-size: 13px} .gridBlockShapeEdit .grid-stack-item-content{position:Relative;} .gridBlockShapeEdit .placingBox{width:100%;height:100%;position:absolute;z-index:9; background: rgba(46, 115, 252, 0.11)} .gridBlockShapeEdit .placingBox .selectPlace{position:absolute;border:1px dashed rgba(98, 155, 255, 0.81);width:20px;height:20px;} .gridBlockShapeEdit .placingBox .selectPlace.top{top:5px;} .gridBlockShapeEdit .placingBox .selectPlace.right{right:5px;} .gridBlockShapeEdit .placingBox .selectPlace.left{left:5px;} .gridBlockShapeEdit .placingBox .selectPlace.bottom{bottom:5px;} .gridBlockShapeEdit .placingBox .selectPlace.center{transform: translate();} .gridBlockShapeEdit .texts{width:100%;max-height:150px;overflow-y:auto;margin-bottom:15px;} .gridBlockShapeEdit .cornerTextsList{} .gridBlockShapeEdit .cornerTextsList li{display:flex;justify-content: space-between;margin-bottom:8px;position:relative;padding-left:15px;} .gridBlockShapeEdit .cornerTextsList .inputFiled{max-width:40%!important;max-height:35px;} .gridBlockShapeEdit .cornerTextsList button,.gridBlockShapeEdit .texts .regBtn{max-height:35px!important;} .gridBlockShapeEdit .cornerTextsList .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){max-width:calc(60% - 15px);max-height:35px;} .gridBlockShapeEdit .editingTab li .removeBtn{position:absolute;top:50%;transform: translateY(-50%);left:0;font-size:11px;color:var(--basic-red);} .gridBlockShapeEdit .editingTab li .removeBtn svg{width:10px;fill:var(--basic-red);} /* .gridBlockShapeEdit .editingTab.visible .inner{display:block;} */ /* #projectsInfo .paymentDateOptions{} #projectsInfo .paymentDateOptions .flexed{flex-wrap:wrap;} #projectsInfo .paymentDateOptions label{width:100%;margin:0;margin-bottom:10px;} #projectsInfo .paymentDateOptions label:nth-child(2){width:auto;flex:1;min-width: fit-content;} #projectsInfo .paymentDateOptions label > label{width:auto;margin:0;} #projectsInfo .paymentDateOptions button{height:44px!important;min-width:46px!important;border-right:0;} */ .field > .combinedRadioSelectField{} .field > .combinedRadioSelectField .flexed{flex-wrap:wrap;} .field > .combinedRadioSelectField label{width:100%;margin:0;margin-bottom:10px;} .field > .combinedRadioSelectField label:nth-child(2){width:auto;flex:1;min-width: fit-content;} .field > .combinedRadioSelectField label > label{width:auto;margin:0;} .field > .combinedRadioSelectField button{height:44px!important;min-width:46px!important;border-right:0;} .smallChartBlock .chartContainer{width:450px;height:350px;margin:0px auto;direction:ltr;} .smallChartBlock .chartContainer *{direction:ltr;} .smallChartBlock .chartContainer text{direction:rtl;} .chartViewPage .topBlock{border-bottom:1px solid var(--gray-border);padding-bottom:15px;} .chartViewPage .topBlock .title{color:var(--basic-txt-color);font-size:15px;font-weight:400;margin-bottom:0;} .chartViewPage .topBlock .title i{color:var(--basic-blue);font-size:13px;margin-left:8px;} .chartViewPage .topBlock .title strong{font-weight:500;} .chartViewPage .itemsSideList .swtichBtnHolder{margin:0px auto;} .chartViewPage .chartContainer{width:100%;height:750px;} .chartViewPage .chartContainer * {direction:ltr !important;} .orgInfoPage{} .orgInfoPage .infoBlock{width:35vw!important;} .orgInfoPage .infoBlock .top{margin-bottom:20px;} .orgInfoPage .infoBlock .field{width:calc(50% - 15px);} .orgInfoPage .signSection{margin-bottom:25px;} .orgInfoPage .orgInfo .top .regBtn { font-size: 15px; display: flex; align-items: Center; justify-content: center; } .orgInfoPage .orgInfo .imgUpload .image a{left:50%;right:auto;transform: translateX(-50%) translateY(40%);margin-left:90px;} .orgInfoPage .orgInfo .imgUpload .image a.delete{margin-left:-90px;} .scheduleInfo{} .scheduleInfo .stepsContainer{} .scheduleInfo .stepsContainer .step{display:none;} .scheduleInfo .stepsContainer .step.visible{display:block;} /* .scheduleInfo .top button{width:65px;display: flex;justify-content: center;} */ .scheduleInfo .table .column:hover .cell:first-child{border-color:#e2e2e2!important;} .scheduleInfo .table .column .cell{ transition: background-color 0.3s ease;} .scheduleInfo .table .column .cell:hover{background:#fffb0738;} .scheduleInfo .workersPreferences .weeklyRow.daysRow{margin-bottom:10px;} .scheduleInfo .workersList .workersGroup{padding:3px;background:none;flex-direction: column;height:auto;} .scheduleInfo .workersList .workersGroup.yellowGroup{background:#ffeac2;} .scheduleInfo .workersList .workersGroup.lightGreenGroup{background:#ddffc2;} .scheduleInfo .workersList .workersGroup.greenGroup{background:#c2ffe3;} .scheduleInfo .workersList .workersGroup.purpleGroup{background:#c2d6ff;} .scheduleInfo .workersList .workersGroup.blueGroup{background:#c2faff;} .scheduleInfo .workersList .workersGroup .groupTitle{font-size:12px;width:100%;display:flex;justify-content: center;} .scheduleInfo .workersList .workersGroup .workersList li{background:white;margin-top:2px;border:1px solid var(--gray-border);} /* .workerpaymentstatusmodal{border-top:8px solid var(--basic-green);} */ .styledconfirmbox .jconfirm-box:before{content:'';height:8px;width:100%;top:-8px;right:0;background:var(--basic-green);position: absolute;} .styledconfirmbox .jconfirm-box{border-radius:0!important;box-shadow: unset!important;overflow: visible!important;} .styledconfirmbox .jconfirm-box div.jconfirm-title-c .jconfirm-title{ color: var(--basic-txt-color); font-size: 36px!important; font-weight: 300; margin: 0px auto; text-align: center; margin-top: 15px; margin-bottom:15px; } .styledconfirmbox .jconfirm-box div.jconfirm-title-c{padding-bottom:0!important;display:flex!important;justify-content: center;line-height:auto!important;} .styledconfirmbox .jconfirm-box div.jconfirm-content-pane .jconfirm-content{text-align:Center;color:#7a7a7a;font-size:17px;padding-bottom:20px;display:flex;justify-content: center;} .styledconfirmbox .jconfirm-box .jconfirm-buttons{display:flex;justify-content: space-between;min-width:100%;} .styledconfirmbox .jconfirm-box .jconfirm-buttons button{width:30.5%;flex-direction:column;height:auto;min-height:115px;background:white!important;display:flex!important;justify-content:center;border-radius:0!important;border:1px solid var(--gray-border)!important;padding: 20px!important;text-align: center;align-items: center;} .styledconfirmbox .jconfirm-box .jconfirm-buttons button img{margin:0px auto;display:block;margin-bottom:8px;} .styledconfirmbox .jconfirm-box .jconfirm-buttons button:active,.styledconfirmbox .jconfirm-box .jconfirm-buttons button:hover{background:#f3f3f3!important;} .jconfirm-box .basicFields{} .jconfirm-box .basicFields .field { font-size: 17px; } .jconfirm-box .basicFields .inputFiled{margin-bottom:8px;width:100%;} .jconfirm-box .selectInConfirmBtn{width:100%;} .jconfirm-box .basicFields label { font-size: 13px; color: var(--basic-txt-color); /* display: block; */ margin-bottom: 6px; } .jconfirm-box .jconfirm-buttons{display:flex;} .shiftsPage{} .shiftsPage .top{width:100%;} .shiftsPage .top span.title{color:var(--basic-txt-color);font-size:15px;white-space: nowrap;} .shiftsPage .top span.title i{margin-left:8px;color:var(--basic-blue);font-size:13px;} .shiftsPage .top .shift{color:#4d5c71;font-size:15px;margin-left: 30px;} .shiftsPage .top .shift span i{color:var(--basic-blue);font-size:16px;} .shiftsPage .top .shift a[href]{padding: 0 0.73vw;border-radius:0;text-decoration:none!important;color:#4d5c71;font-size:14px;display:flex!important;align-items:center;border:1px solid #e2e2e2;height:37px;} .shiftsPage .top .shift a.active,.shiftsPage .top .shift a:hover{background:var(--basic-gray);} .shiftsPage .top .shift span a[href]{border-left:0;border-right:0;} .shiftsPage .top .arrowRight{margin-left:0;display:flex;align-items:center;border-top-right-radius:5px;border-bottom-right-radius:5px;} .shiftsPage .top .arrowLeft{margin-right:0;display:flex!important;align-items:center;border-top-left-radius:5px;border-bottom-left-radius:5px;border-right:0;} .shiftsPage .top .shift a.disabled{opacity:0.5;} .shiftsPage .top .btn{height:36px;background:var(--basic-blue);color:white;font-size: 15px;font-weight:500;padding:0 12px 0 14px;} .shiftsPage .top .btn i{margin-left:4px;} .shiftsPage .top .doubleArrow i{transform:rotate(90deg);width: 7px; height: 2px;} .shiftsPage .top .doubleArrow{display:flex;position:relative;align-items:center;} .shiftsPage .top .arrowLeft .doubleArrow{margin-right:5px;} .shiftsPage .top .doubleArrow i:last-child{margin-right:-3px;} .shiftsPage .top .arrowRight .doubleArrow{transform:rotate(180deg);} .shiftsPage .top .doubleArrow{position:relative;width:11px;} .shiftsPage .top .doubleArrow i:first-child{position:absolute;right:0;} .shiftsPage .top .doubleArrow i:last-child{position:absolute;left:0;} .chartsPage{} .chartsPage .allContent{align-items: flex-start;gap:15px;} .chartsPage .tableBlock{flex:1;} .chartsPage .allCharts{gap:15px;} .chartsPage .allCharts .chartContainer{width:calc(100% - 7.5px);max-width:calc(100% - 7.5px);margin-bottom:0;} .chartContainer .chartBody *{direction:ltr;} .chartContainer text{direction:rtl;} .chartContainer > div.chartBody{border-top:1px solid var(--gray-border);padding-top:15px;height: 450px;} .chartContainer .title{direction:rtl;color: var(--menu-bg-color);font-size: 18px;font-weight: 500;margin: 0;} .chartContainer .top{padding-bottom: 10px;} /*.chartContainer *[aria-labelledby*="-title"]{display:none;}*/ .chartsPage .tableBlock{margin-left:0!important;margin-right:0!important;} .chartsPage .sideMenu{position: sticky;top:104px;} .timeInput {direction:ltr !important} .shiftsInfoModal .top{color:var(--basic-blue);font-size:16px;margin-bottom:25px;} .shiftsInfoModal .top button.btn{font-size:14px;padding:0;margin:0;} /* .shiftsInfoModal i{margin-left:5px;} */ .shiftsInfoModal .rightW{width:42%;} .shiftsInfoModal label{font-size:12px;font-weight:500;color:var(--basic-blue);} /* .shiftsInfoModal .lineWrapper{width:100%;} */ .shiftsInfoModal .selectHolder{width:100%;height: 45px;} .shiftsInfoModal .bootstrap-select{width:100%;height:100%;} .shiftsInfoModal .bootstrap-select button{width:100%;height:100%;background:#f5f5f5;border:1px solid #dedede;} .shiftsInfoModal .bootstrap-select>.dropdown-toggle:after{border: solid #4d5b72;border-width: 0 2px 2px 0;display: inline-block;padding: 3px;background: none;transform: rotate(45deg);-webkit-transform: rotate(45deg);margin-top: -4px;margin-right: 4px;margin-left: 0.1vw;} .timeBox{height:82px;width:101px;border:1px solid #dedede;border-radius: 2px;} .timeBox.singleBox{width:56px;} .timeBox .inputs{width:100%;height: 45px;position:relative;border-bottom:1px solid #dedede;border-top:1px solid #dedede;background:#f5f5f5;direction:ltr;justify-content: center;} .timeBox .inputs input{background:none;width:32px;color:#4d5b72;font-size:24px;text-align:center;padding-left: 0 !important;} .timeBox .inputs input.days{width:30px;} .timeBox .inputs input:first-child{text-align:right;} .timeBox .inputs input:last-child{text-align:left;} .timeBox .inputs .timeInput.hours {margin-right:3px;} .timeBox .inputs .timeInput.minutes {margin-left:3px;} .timeBox .arrows{height:18px;} .timeBox .inputs span{color:#4d5b72;font-size:24px;display:block;margin-top:-4px;} .timeBox .inputs .dropdown {position:absolute;bottom:0;width:100%!important;height:100%!important;z-index:-1;overflow:hidden;right:0;} .timeInputSelectBox{top:80px!important;} .timeBox .inputs button.dropdown-toggle{position:absolute;bottom:0;right:0;width:100%!important;height:0!important;overflow:hidden;} .timeBox .inputs .dropdown-toggle .filter-option-inner-inner,.timeBox .inputs .bootstrap-select>.dropdown-toggle:after{display:none;} .timeBox .arrows{display:flex;padding-left:17px;gap:19px;} .timeBox .arrows a[href]{color:#4d5b72;font-size:16px;text-decoration:none;margin-right:0;padding:0 5px;} .timeBox .arrows a[href]:hover{color:var(--basic-blue);} .timeBox .arrows.up a[href]{transform:rotate(-180deg);} .timeBox .arrows a:first-child{margin-left:0;} /* .timeBox .arrows.down{padding-right:25px;} */ .shiftsInfoModal .times{margin-top:19px;} .shiftsInfoModal .modal-body{padding:1rem 2rem;} .shiftsInfoModal .notes{margin-top:19px;} .shiftsInfoModal .space{font-size:16px;color:#4d5b72;margin-top:21px;} .shiftsInfoModal .infoBox{position:relative;overflow:hidden;width:100%;border:1px solid #dedede;background:#f5f5f5;padding:25px 10px 0 10px;display:flex;gap:15px;border-radius: 2px;} .shiftsInfoModal .infoBox .inputBox{border:1px solid #dedede;border-radius:2px;background:white;height:40px;justify-content: center;color:#4d5b72;font-size:14px;} .shiftsInfoModal .infoBox .inputBox span{margin: 0 5px;} .shiftsInfoModal .infoBox .lineWrapper{margin-bottom:16px;} .shiftsInfoModal .infoBox:before{position:absolute;top:0;right:0;height:4px;width:100%;background:var(--basic-blue);content:' ';} .shiftsInfoModal .bottom{margin-top:30px;} /* .shiftsInfoModal .bottom button{border-radius: 2px;background:#f5f5f5;border:1px solid #dedede;border-radius:2px;height:33px;padding:0 13px;} .shiftsInfoModal .bottom button.blueBtn{background:var(--basic-blue);border-color:var(--basic-blue);} .shiftsInfoModal .bottom button.whiteBtn{background:white;border-color:#cacaca;} .shiftsInfoModal .bottom button:hover{opacity:0.8;} .shiftsInfoModal .bottom button i{font-size:16px;margin-left:8px;} */ .shiftsInfoModal .privateLink{color:var(--basic-blue);font-size:14px;} .shiftsInfoModal .privateLink strong{color:var(--basic-blue);} .shiftsInfoModal .bottom button.blueBtn i{color:white;} .shiftsInfoModal .bottom button.whiteBtn i{color:black;} .shiftsInfoModal .bottomLine{width:100%;margin-top: 19px;} .shiftsInfoModal .bottomLine .inputFiled{width:44%;} .shiftsInfoModal .bottomLine .btn{border:1px solid #dedede;font-size:14px;border-radius:5px;background:#f5f5f5;color:#4d5b72;box-shadow:none!important;} .shiftsInfoModal .bottomLine .btn i{margin-left:4px;color:#3c7bf3;} .shiftsInfoModal .bottomLine .btn:active,.shiftsInfoModal .bottomLine .btn:hover{border-color:#3c7bf3;} .shiftsInfoModal .colorCircle{display:block;background:red;width:18px;height:18px;content:' ';border-radius:50%;} .shiftsInfoModal .bottomLine .selectHolder{width:70px;} .shiftsInfoModal .bottom label{margin-bottom:0;color:var(--basic-txt-color);font-weight:400;font-size:15px} /* .shiftsInfoModal label.customCheckBox input[type="checkbox"]:checked + span.checkbox:after{top: 0;} */ /*O*/ .shiftsInfoModal .colorCircle.shiftColorBlue{background:var(--basic-blue);} .shiftsInfoModal .colorCircle.shiftColorRed{background:#f08080;} .shiftsInfoModal .colorCircle.shiftColorGreen{background:#36c777;} .shiftsInfoModal .colorCircle.shiftColorPink{background:#ff1493;} .shiftsInfoModal .colorCircle.shiftColorPurple{background:#8a2be2;} .shiftsInfoModal .colorCircle.shiftColorBlack{background:#000;} .shiftsInfoModal .inputFiled {width: auto;height: 41px;border: 1px solid var(--gray-border);border-radius: 5px;display: flex;} .shiftsInfoModal .inputFiled input{border-radius:5px;width:100%;font-size:15px;color:#4d5b72;padding-left:12px;padding-right:12px;} .shiftsInfoModal .infoBox .inputBox{position:relative;padding-left:37px;} .shiftsInfoModal .infoBox .inputBox .icon{width:37px;height:100%;background:#bebebe;position:absolute;left:0;font-size:12px;color:white;} .shiftsInfoModal .infoBox .inputBox .icon i{color:white;font-size:9px;margin:0;} .shiftsInfoModal .infoBox .inputBox .icon.checkIcon i{font-size:13px;margin:0;} .shiftsInfoModal a.cancelShift[href]{color:#4d5b72;font-size:15px;display:flex;align-content: center;text-decoration:none;} /* .shiftsInfoModal a.cancelShift i{color:#f33c3c;margin-right:10px;} */ .shiftsInfoModal .inputFiled .selectHolder{max-width:49px;height:auto;border-left:1px solid var(--gray-border);} .shiftsInfoModal .top-8{margin-top:8px;} .shiftsInfoModal .dropdown-menu li{padding-top:0;padding-bottom:0;} .shiftsInfoModal .innerTitle{border-bottom:1px solid var(--gray-border);} .shiftsInfoModal .gridBlockShapeEdit{background:white;padding-top:10px;} .shiftsInfoModal .gridBlockShapeEdit .editingTab .inner{display:block!important;} .accordionTabs .editTabTitle{width:100%;padding:5px 0;font-weight:500;font-size:17px;color:var(--basic-txt-color);margin-bottom:5px;border-bottom:1px solid var(--gray-border);} .shiftsInfoModal .shiftColorSelect .filter-option{min-width:18px;} .shiftsInfoModal .modal-body{padding-bottom:75px!important;} .shiftsInfoModal .modal-footer{align-items: flex-end;height:75px;} /* .shiftsInfoModal .modal-footer > div.flexed{flex-direction: column;} */ .viewtypeconfirmbox{max-width:550px;} .viewtypeconfirmbox button{white-space: normal!important;max-width:40%!important;width:auto!important;} .shiftsInfoModal .cancelShift{min-width:38px;} .projectInfoPage .number{width:fit-content;} /* .projectInfoPage .dataBlock{flex:1;} */ .projectInfoPage .dataBlock .content{width:calc(100% - 3.38vw);} .projectInfoPage .workersCarousel {margin:0;max-width: 190px;} .projectInfoPage .workersCarousel li{ display: flex; width: 30px; height: 30px; border-radius: 50%; border: solid black 1px; overflow: hidden; background: var(--gray-border); } .projectInfoPage .workersCarousel li img{ height: 100%; width: 100%; object-fit: cover; } /* .projectInfoPage .workersCarousel{ flex:1; } */ .projectInfoPage .carouselHolder{gap:8px;flex:1;} .projectInfoPage .carouselHolder > button{ background:none; display:flex; align-items: center; justify-content: center; width:fit-content; /* height:100%; */ border:0; } .buildingStructureViewPage .allContent.flexGap-15{gap:15px!important;} .tabulator { margin-bottom:0 !important; } .infoPageLogoImg img.imageShape_Rectangle{ height:auto!important; width:100%!important; min-width:100%; object-fit: cover!important; position:absolute!important; } /* .adaptedImg img.imageShape_Rectangle{ width: 100%; min-height: unset; position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } */ .buildingStructureViewPage .tableBlock {padding-top:0!important;padding-right:0!important;padding-left:0!important;} .buildingStructureViewPage .tableHeader{border-top:0;border-left:0;border-right:0;margin-bottom:25px;} .buildingStructureViewPage .tableHeader:empty{display:none!important;} .buildingStructureViewPage .innerContainer{padding: 0 1.0vw;position:Relative;} .buildingStructureViewPage .tableHeader .hasSelectPickerBtns button.dropdown-toggle:after{left:0;} .buildingStructureViewPage .tableHeader .hasSelectPickerBtns .inputFiled.selectPicker_btns{border-right:1px solid #e7e7e78f!important;} .buildingStructureViewPage .tableHeader .regBtn{max-height:35px!important;} .buildingStructureViewPage .tableHeader .btnsHolder{padding: 5px 5px;} .buildingStructureViewPage .tableHeader .field .seachInput{border-right:1px solid var(--gray-border)!important;} .buildingStructureViewPage .tableHeader .bootstrap-select .dropdown-toggle .filter-option-inner-inner{ gap: 8px; display: flex; align-items: center;} .workerAttendanceNewRowModal{} .workerAttendanceNewRowModal .datepicker-inline { margin-left: 130px; } .workerAttendanceNewRowModal .datepicker.datepicker-inline td { padding: 15px 15px; } /* .workerAttendanceNewRowModal .datepicker.datepicker-inline tr td:first-child{padding-right:0;} */ .timeRecordsPage{} .timeRecordsPage .firstBlock{flex:1;max-width:450px;} .timeRecordsPage .secondBlock{min-width:30vw;} .timeRecordsPage .thirdBlock{width:30%;flex:1;} .timeRecordsPage .blocksContainer{min-width:70%;flex:1;} .timeRecordsPage .topButtonsContainer {overflow-y: auto} .timeRecordsPage .allContent{flex-wrap:nowrap;} @media screen and (max-width: 1215px) { .timeRecordsPage .blocksContainer{min-width:500px;} .timeRecordsPage .firstBlock{max-width:323px;min-width: 323px;} } .iconsDropDownMenu{} .iconsDropDownMenu .dropdown-menu{min-width:190px;padding:0!important;} .iconsDropDownMenu .iconsMenu{ display:flex; flex-wrap:wrap; gap:0; margin-bottom:0; } .iconsDropDownMenu ul.iconsMenu li{ width:calc(100% / 3); display:flex; justify-content: center; align-items:center; } .iconsDropDownMenu ul.iconsMenu li a{ width:100%; min-height:100%; padding:4px 4px; box-shadow:0px 0px 6.65px 0.31px #97a8bd2b; display:flex; justify-content: center; align-items:center; } .iconsDropDownMenu ul.iconsMenu li a:hover{ animation: fadeHoverBackground 1s forwards; -webkit-animation: fadeHoverBackground 1s forwards; } @keyframes fadeHoverBackground { from {background-color:white;} to {background-color:#97a8bd75;} } .iconsDropDownMenu ul.iconsMenu li:nth-child(3n+3){ border-left:0; } .iconsDropDownMenu .iconsMenu li img{ width:43px; height:43px; } .buildingStructureViewPage .selectBox{display:flex;min-height:100%;} .buildingStructureViewPage .selectBox .selectPicker_btns .selectPickerBtns{height:45px;} .buildingStructureViewPage .selectBox .field{min-height:45px;display:flex;} .buildingStructureViewPage .selectBox .field .inputFiled{min-height:45px;display:flex;width:150px;min-width:150px;} .buildingStructureViewPage .selectBox .inputFiled .form-control.dropdown { width: 100%; padding: 0; position: relative; display: flex; flex: 1; height: 45px!important; align-items: center; } .buildingStructureViewPage .selectBox label{align-items:center;display:flex;} /* .vehiclesPage{} */ .page2blocks .mainInfoBlock .fields{width:100%!important;} .vehiclesPage .columnImg{margin:0;} .vehiclesPage .mainInfoBlock .field{width:280px;} .vehiclesPage .mainInfoBlock .allFields{width:100%;gap:15px;} .vehiclesPage .mainInfoBlock .blockLinks{min-width:100%;} .vehiclesPage .mainInfoBlock .tagsArea{margin-top:15px} .vehiclesPage .mainInfoBlock .leftSide{justify-content: flex-end;} .vehiclesPage .filedsContainer .field{width:calc(33% - 15px);} .vehiclesPage .filedsContainer .field.textAreaField{width:calc(66% - 15px);} .vehiclesPage .whiteBlock .title,.vehiclesPage .whiteBlock .fullName{font-size:16px;color:var(--basic-txt-color);} .vehiclesPage .selectCat{position:relative;display:flex;width:100%!important;} .vehiclesPage .contactsList .topBox .bootstrap-select .dropdown-toggle::after{border-color:#bebebe!important;} /* .vehiclesPage .mainInfoBlock .columnImg{align-items:flex-start;} */ /* .inlineSelectField{display:flex;width:auto;} .inlineSelectField .field{display:flex;width:auto;min-width:100%;gap:8px;} .inlineSelectField .basicSelectPicker {display:flex;width:auto;min-width:100%;} .inlineSelectField .field label{margin:0;display:flex;align-items: center;} .inlineSelectField .field .inputFiled{min-width:200px;} .inlineSelectField .inputFiled .form-control{min-width:100%;min-height:100%;} .inlineSelectField .inputFiled .form-control.dropdown button.dropdown-toggle{min-width:100%;min-height:100%;display:flex;align-items:center;} */ .vehiclesPage .imgUpload.objectImageContainer .image{position:relative;min-width:100%;width: 12vw;height: 12vw;background:url('../../images/imgDotesBg.png')repeat;border-radius: 0;margin-bottom:21px;} .vehiclesPage .imgUpload.objectImageContainer .image .circle{border-radius:25%;width:11vw;height:11vw;position:absolute;background:white;overflow:hidden;} .vehiclesPage .imgUpload.objectImageContainer .image .circle img{width:100%;height:100%;position:absolute;} .vehiclesPage .imgUpload.objectImageContainer .image a.edit{background:var(--basic-blue);width:35px;height:35px;} .vehiclesPage .clientName{padding:4px;background:#F6F6F6;color:#a0a0a0;font-size:13px;} .vehiclesPage .smallBlock{} .vehiclesPage .smallBlock .fields{display:flex;flex-wrap:wrap;gap:15px;} .vehiclesPage .smallBlock .fields .field{width:calc(50% - 7.5px);} .vehiclesPage .columnImg{margin-left:0!important;min-width:175px;} .vehiclesPage .smallBlock .fields{} .vehiclesPage .vehiclesList{padding-right:0!important;padding-left:0!important;} .vehiclesPage .panelBlock{ position: sticky; top: 104px; max-height: calc(100vh - 104px - 15px); } .vehiclesPage .contactsList .top, .vehiclesPage .contactsList .topBox, .vehiclesPage .contactsList .contacts li{ padding-right:10px; padding-left:10px; } .vehiclesPage .contactsList .contacts li label{ gap:4px; } .vehiclesPage .contactsList .contacts{max-height: 350px!important;} .baseInfoPage .objectsListContainer .objectsUl li.objectsListItem label .img, .vehiclesPage .vehiclesList .vehicles li.vehicleListItem label .img{ line-height: 1; box-sizing: content-box; white-space: nowrap; min-width: 45px; width: 45px; height: 45px; overflow:hidden; border:1px solid black; margin:0!important; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .vehiclesPage .vehicleListItem.active { background:var(--basic-gray); } .vehiclesPage .vehicleListItem .img img{ width: 100%; height: 100%; object-fit: cover; } .vehiclesPage .infoAndLinks .vehicleDriverContainer { margin-right: 4px; margin-left: 0px; } .vehiclesPage .infoAndLinks .vehicleDriverImageContainer.profileImg { display: flex; width: 3.2vw; min-width: 3.2vw; height: 3.2vw; border-radius: 50%; border: 1px solid #00000082; margin-left: 6px; margin-top: 10px; position: relative; overflow: hidden; background: var(--gray-border); } .vehiclesPage .vehiclesList .vehicles li .profileImg { display: flex; width: 45px; min-width: 45px; height: 45px; border-radius: 50%; border: 1px solid #00000082; margin-left: 6px; position: relative; overflow: hidden; background: var(--gray-border); } .vehiclesPage .infoAndLinks .vehicleDriverImageContainer.profileImg img, .vehiclesPage .vehiclesList .vehicles li .profileImg img { display: inline; margin: 0 auto; height: 60px; width: 60px; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); } /* .clientsPage #clientImageContainer.image{position:relative;width: 12vw;height: 12vw;background:url('../../images/imgDotesBg.png')repeat;border-radius: 0;margin-bottom:21px;} .clientsPage #clientImageContainer.image .circle{border-radius:25%;width:11vw;height:11vw;position:absolute;background:white;overflow:hidden;} .clientsPage #clientImageContainer.image .circle img{width:100%;position:absolute;} .clientsPage #clientImageContainer.image a.edit{background:var(--basic-blue);width:35px;height:35px;} */ .objectImageContainer .image{background:none;margin-bottom:24px;} .objectImageContainer .image{height:7.1vw;width:100%;} .objectImageContainer .image .circle{ /* height:7.1vw;width:7.1vw;min-width:7.1vw; */ height: 100%; width: 100%; object-fit: cover; } .objectImageContainer .image .inner{height: 7.1vw;width: 7.1vw;min-width: 7.1vw;} .objectImageContainer .image .inner .status{width:15px;height:15px;border-radius:15px;border:2px solid white;position:absolute;right:8px;bottom:10px;background:#cccccc;} .objectImageContainer .image a.edit,.objectImageContainer .image a.delete{border-width:1px;position:absolute;top:0;left:auto;right:auto;width:35px;height:35px;font-size:12px;} .objectImageContainer .image a.delete{background:white;color:#b9b9b9;border:1px solid #b9b9b9;left:-35px;} .objectImageContainer .image a.edit{background:var(--basic-green);color:white;border:0;right:-40px;} .objectImageContainer .imgButtons{height:35px;width:100%!important;overflow:hidden;position:absolute;bottom:5px;display:flex;justify-content: space-between;right: 0;} .objectImageContainer:hover .image a.delete{left:0;} .objectImageContainer:hover .image a.edit{right:0;} .wizardFieldsContainer .field.halfWidthField { width: 45%; } .wizardFieldsContainer .field.fullWidthField .bootstrap-select, .wizardFieldsContainer .field.fullWidthField { width: 100%; } .wizardFieldsContainer .basicFields { margin: 20px; } .wizardFieldsContainer .field:not(:last-child) { margin-bottom: 30px; } .wizardFieldsContainer .basicFields .field label i { margin: unset; } .wizardFieldsContainer .customRadioBtnList .svgHolder { /* width:50px; */ height:40px; max-width:unset; max-height:unset; } .combinedDropdownBtnGroup.btn-group.show, .combinedSaveBtnGroup.btn-group.show { display: flex !important; } .combinedDropdownBtnGroup .dropdown-item, .combinedSaveBtnGroup .dropdown-item { font-size:14px; line-height:35px; } .multiNotesEditor{ position: relative; width: 100%; background: white; border:1px solid var(--gray-border); } .multiNotesEditor .noteRow { border-bottom: 1px solid var(--gray-border); width: 100%; min-height:fit-content; height:fit-content; position: relative; } .multiNotesEditor .noteRow .noteDateField{ position:absolute; font-size:9px; right:8px; bottom:2px; color:#9a9a9a; } .blockRegularRow .removeRowBtnContainer , .multiNotesEditor .removeRowBtnContainer { display:flex; align-items:center; padding: 0 3px; color:#bebebe; } .removeOfficeItemBlockBtnContainer button { color:#bebebe; } .blockRegularRow .removeRowBtnContainer button, .multiNotesEditor .removeRowBtnContainer button { color:#bebebe; font-size:20px; padding-top:12px; } .multiNotesEditor .noteRow:last-child{border-bottom:0;} .multiNotesEditor textarea::-webkit-resizer { display: none; } .multiNotesEditor .textarea{ box-shadow: none !important; border:0; width: 100%; min-height: 41px; border-radius: 0; outline: 0; padding: 5px 8px; font-size: 15px; border-bottom:0!important; background:none; list-style: none; display:flex; align-items:center; white-space: pre-wrap; } .clientsPage .multiNotesEditor .textarea{padding:5px 8px 20px 8px;} .multiNotesEditor.scrollEditor {max-height:100%;overflow-y:auto;} .multiNotesEditorContainer{max-height:calc(5 * 41px);min-height:calc(5 * 41px);} .multiNotesEditor .noteRow:nth-child(2n+2) { background: var(--basic-gray); } .multiInputsList{} .multiInputsList .inputContainer{ background:white; border-bottom: 1px solid var(--gray-border); width: 100%; min-height:41px; display:flex; max-height:41px; } .multiInputsList .inputContainer:nth-child(2n+2) { background: var(--basic-gray); } .multiInputsList .inputContainer .input{ min-height:100%; flex:1; background:none; border:0; outline:0; padding-right: 4px ; } .multiInputsList .removeRowBtn { color: #bebebe; font-size: 14px; display:flex; justify-content: center; align-items: center; padding-right: 3px ; padding-left: 4px; } .multiInputsListContainer{ } .clientsPage .smallBlock{ display:flex; flex-direction: column; } .clientsPage .smallBlock .fields .multiInputsListContainer{ flex:1; gap:8px; display:flex; min-height:100%; flex-direction: column; justify-content: space-between; } .clientsPage .smallBlock .fields.multiListsContainer{ flex-wrap:nowrap; flex:1; display:flex; } .workerWhatsappPhoneNumberHolder{display:flex;flex-direction: row-reverse;} .workerWhatsappPhoneNumberHolder .regBtn{border:0;} .workerWhatsappPhoneNumberHolder .phoneNumberPrefix{min-height:100%;} .workerWhatsappPhoneNumberHolder .bootstrap-select .dropdown-toggle .filter-option-inner-inner{line-height:14px;} .workerWhatsappPhoneNumberHolder .bootstrap-select>.dropdown-toggle:after{margin-top:0;} .inboundMessageRoutingRuleRow .phoneNumberPrefix .dropdown {max-width: 85px;} .documentBuilderPageMainSection .catNumberColumn{width:14%;} .documentBuilderPageMainSection .paymentMethodColumn{width:10%;} .documentBuilderPageMainSection .descriptionColumn{width:40%;max-width:500px;} .documentBuilderPageMainSection .documentIncomeTableContainer .descriptionColumn .chosen-container {max-width:94%} .documentBuilderPageMainSection .documentPaymentsTableContainer .descriptionColumn .chosen-container {max-width:94%;} .documentBuilderPageMainSection .paymentDateColumn{width:20%;} .documentBuilderPageMainSection .amountColumn{min-width:80px;width:6%;} .documentBuilderPageMainSection .priceUnitsColumn{min-width:82px;} .documentBuilderPageMainSection .priceColumn{width:20%;min-width:35px;} .documentBuilderPageMainSection .rowDiscountSumColumn{width:10%;min-width:90px;} .documentBuilderPageMainSection .totalValColumn{width:10%;} .documentBuilderPageMainSection .rowSumColumn{width:15%;} .documentBuilderPageMainSection input {/*text-align: center;*/ border-radius:0!important;} #documentIncomeTable.serviceCallTable .catNumberColumn{min-width:0 !important; width:0 !important;padding:0 !important;} #documentIncomeTable.serviceCallTable .amountColumn{min-width:0 !important; width:0 !important;padding:0 !important;} #documentIncomeTable.serviceCallTable .priceUnitsColumn{min-width:0 !important; width:0 !important;padding:0 !important;} #documentIncomeTable.serviceCallTable .priceColumn{min-width:0 !important; width:0 !important;padding:0 !important;} #documentIncomeTable.serviceCallTable .rowDiscountSumColumn{min-width:0 !important; width:0 !important;padding:0 !important;} #documentIncomeTable.serviceCallTable .totalValColumn{min-width:0 !important; width:0 !important;padding:0 !important;} #documentIncomeTable.serviceCallTable .rowSumColumn{min-width:0 !important; width:0 !important;padding:0 !important;} #documentPaymentsTable.serviceCallTable .paymentDateColumn{min-width:0 !important; width:0 !important;padding:0 !important;} #documentPaymentsTable.serviceCallTable .rowSumColumn{min-width:0 !important; width:0 !important;padding:0 !important;} #documentPaymentsTable.serviceCallTable .paymentMethodColumn{min-width:0 !important; width:0 !important;padding:0 !important;} .documentBuilderPageMainSection .documentIncomeTableContainer .descriptionColumn .chosen-container.chosen-disabled .chosen-single b {display:none !important;} .documentBuilderPageMainSection .documentPaymentsTableContainer .descriptionColumn .chosen-container.chosen-disabled .chosen-single b {display:none !important;} .documentBuilderPageMainSection .documentIncomeTableContainer .descriptionColumn .chosen-container.chosen-disabled .search-choice-close {display:none !important;} .documentBuilderPageMainSection .documentPaymentsTableContainer .descriptionColumn .chosen-container.chosen-disabled .search-choice-close {display:none !important;} .pageSidePanel .fullWidthBtn {margin:0!important;margin-bottom:18px!important;display:flex!important;width:100%;background: var(--basic-gray)!important;border: 1px solid #e6e6e6!important; border-radius: 0!important;height:54px!important;color:#2b3b4a!important;font-size:16px!important;} .pageSidePanel .fullWidthBtn:hover {border-color:var(--basic-blue)!important;} .pageSidePanel .fullWidthBtn i {color:var(--basic-title)!important;font-size:16px!important;margin-left:5px!important;display:block!important;} #clientInfoHolder .filed {margin:auto;width:45%;} .taxDocumentsPage.preOrder .all{gap:15px;width:100%;} .taxDocumentsPage.preOrder .orderInfo{flex:1;max-width:100%;} .taxDocumentsPage .modalBottomCheckboxContainer{min-width:250px;} .taxDocumentsPage.preOrder .orderInfo .filed{margin:0;width:100%;} .taxDocumentsPage .orderDetailsBottom{flex-wrap:wrap;gap:10px;} .taxDocumentsPage.preOrder .columns2x{display:flex;flex-wrap:wrap;} .taxDocumentsPage.preOrder .columns2x .column{flex:1;min-width: 250px;width:100%;} .taxDocumentsPage.preOrder .columns2x .column:last-child{width:40%;max-width:365px;} .taxDocumentsPage.preOrder .columns2x .selectpickerHolder{width:100%;height:45px;} .taxDocumentsPage.preOrder .columns2x .selectpickerHolder .basicSelectPicker{border-top:0!important;} /*.taxDocumentsPage.preOrder .documentTypeSelectionContainer .field{min-width:250px;}*/ .taxDocumentsPage.preOrder .tabsContainer{min-height:unset;} .taxDocumentsPage.preOrder .basicSelectPicker button.dropdown-toggle{border:0!important;} .taxDocumentsPage.preOrder .orderInfo .basicSelectPicker{ border:1px solid var(--gray-border); min-height: 40px; } .taxDocumentsPage .documentPropertiesContainer .inputFiled.textarea{min-height:unset!important;display:flex;font-size:15px;} .taxDocumentsPage .documentPropertiesContainer .inputFiled.textarea textarea{min-height:175px;} .taxDocumentsPage .documentTypeSelectionContainer {width:50%; border-left:1px solid var(--gray-border); padding:20px;} .documentBuilderPageMainSection .taxDocumentTable .taxDocumentsTableRow{margin:0;padding:7px 1.5%;background:white;width:100%;font-size:15px;border-bottom:1px solid #e1e1e1;color:#4d5c71;} .documentBuilderPageMainSection .taxDocumentTable .taxDocumentsTableRow:nth-child(2n+2){background:var(--basic-gray);} .documentBuilderPageMainSection .taxDocumentTable .taxDocumentsTableRow.titleRow{width:100%;background:#4d5c71;color:white;font-size:16px;min-height:50px;border-bottom:0;} .documentBuilderPageMainSection .taxDocumentTable .input{font-size:15px;color:#4d5c71;background:none!important;border:0!important;font-weight:400;outline:0!important;box-shadow:0!important;padding:0 5px;width:100%;height:100%!important;display:block;min-width:50px;} .documentBuilderPageMainSection .taxDocumentTable .inputFiled{position:Relative;display:block;font-size:15px;color:#4d5c71;font-weight:400;width:100%;height:45px;border:1px solid #e8e8e8;background:white;} .uploadFilesModal{} .uploadFilesModal ul{display:inline-flex;flex-wrap:wrap;gap:15px;} .uploadFilesModal ul li{flex: 1 1 0;min-width:180px;} .orgInfoPageCreateMode{} .orgInfoPageCreateMode .allBlocks{ justify-content: center; background:url('../../images/dotesBg.png')repeat; min-width:100%; border: 1px solid var(--gray-border-light); border-radius: 0; } .orgInfoPageCreateMode .allBlocks .whiteBlock{border-top:0;border-bottom:0;} .orgInfoPageCreateMode .infoBlock .title { color: #4d5b72; font-size: 22px; font-weight: 500; margin: 0; display: flex; align-items: center; } .orgInfoPageCreateMode .infoBlock .title span { font-size: 15px; height: fit-content; display: flex; align-items: center; } .main .sidePanelItemsList{width:100%;margin-top:15px;min-height:15vw;max-height:36vw;overflow-y:auto;} .main .sidePanelItemsList li{width:100%;margin-bottom:0;position:relative;margin-bottom:8px;} .main .sidePanelItemsList li > div{border:1px solid var(--gray-border);} .main .sidePanelItemsList li > div label{cursor:pointer;width:100%;min-height:44px;padding:15px 20px;display:flex;background:white;} .main .sidePanelItemsList li > div label.checked{background:var(--basic-gray);} .main .sidePanelItemsList li > div:hover label{background:var(--basic-gray);text-decoration:none;color:#2b3b4a;} .main .sidePanelItemsList li > div label span{font-size:15px;} .main .sidePanelItemsList li > div i{} .main .sidePanelItemsList li .fav{height:calc(100% - 2px);border-right: 1px solid #e7e8e8;position:absolute;left:1px;top:1px;padding:12px;background:var(--basic-gray);color:var(--menu-bg-color);} .main .sidePanelItemsList li .fav.active{background:var(--basic-blue);color:white;} .main .sidePanelItemsList li label{margin:0;} .KMultiToggle { padding:3px; position:relative; border:1px solid var(--gray-border); min-height:40px; display: flex; flex-direction: row; gap:5px; border-radius:4px; align-items: center } .KMultiToggle li { min-height:100%; } .KMultiToggle li:not(.indicator) { z-index:2; } .KMultiToggle li a { text-decoration:none; display:flex; align-items:center; padding:8px; font-size:15px; color:var(--baisc-txt-color); min-height:100%; } .KMultiToggle li.active a { color:white; } .KMultiToggle .title { padding: 0 8px; flex-grow: 2; } .KMultiToggle li.indicator{ z-index:0; box-sizing: border-box; position: absolute; display: inline-block; min-height: unset; height: calc(100% - 4px); border-radius:4px; -webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1.05); transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1.05); top: 50%; transform:translateY(-50%); background-color: var(--basic-blue); } /*#chequesDatesFilterModal .modal-dialog{width:420px;max-width:90%;}*/ .arrowBetweenFields{height:40px;display:flex;align-items:center;justify-content: center;} .wizardPage {display:flex;flex-direction:column;min-height: calc(100vh - 70px);justify-content: flex-start} .wizardPage .breadCrumbs{flex:0;} .wizardPage footer{margin-top:auto;} .wizardBlockContainer{width:100%;flex:1;margin-bottom:25px;display:flex;} .wizardBlockContainer .wizardBlock{display:flex;flex-direction:column;min-height:100%;min-width:450px;width: fit-content;margin-left:auto;margin-right:auto;margin-top:40px;margin-bottom:10px;border-right: 1px solid var(--gray-border);border-left: 1px solid var(--gray-border);} .wizardBlockContainer .wizardBlock .wizardFieldsContainer{flex:1;display:flex;flex-direction: column;justify-content:space-between;/*min-height:100%;*/} .wizardBlockContainer .wizardBlock .wizardBottom{/*max-width:400px;*/margin:20px;/*margin-top:auto!important;margin-bottom:15px;*/} .wizardBlockContainer .wizardBlock .wizardBottom .saveBtn {min-width: 100px !important;justify-content:center;} .wizardBlockContainer .wizardBlock #organization_info_form{max-width:400px;} .wizardBlockContainer .wizardBlock #initial_info_form{} .wizardBlockContainer .wizardBlock #worker_info_form{max-width:400px;} .wizardBlockContainer.initialWizardBlockContainer .wizardBlock{min-width:50%;margin-bottom: 100px;} .wizardBlockContainer.initialWizardBlockContainer .wizardBlock .wizardFieldsContainer{margin-top:10%;min-height:0} .attachmentsTable{width:100%;display:flex;flex-direction: column;row-gap: 4px;overflow-x: auto;} .attachmentsTable .row{min-width:100%;width:fit-content;display:flex;flex-wrap:nowrap;gap:8px;padding-bottom:4px;padding-inline: 5px;} .attachmentsTable .row:not(:last-child){ border-bottom:1px solid var(--gray-border); } .attachmentsTable .column{width:170px;display:flex;justify-content: flex-start;gap:10px;align-items: center;} .attachmentsTable .column:not(:first-child){ justify-content: center } .attachmentsTable .headerRow{border-bottom:1px solid var(--gray-border);background:#dee2e6;margin-block-end: 5px;} .attachmentsTable .headerRow .column{ height:45px; } .attachmentsTable .row .column:first-child{width:220px;} .attachmentsTable .amountAttachmentsContainer { width:100%; height:55px; } .attachmentsTable .amountAttachmentsContainer { color:var(--basic-txt-color); position: relative; font-size:14px; border-radius: 4px; background: var(--basic-gray); } .attachmentsTable .amountAttachmentsContainer i.plusIcon{ color:rgba(161, 177, 199, 0.75); font-size:28px; } .attachmentsTable .amountAttachmentsContainer.filled{ background:#e6f4e7; color:white; } .attachmentsTable .amountAttachmentsContainer .fileIcon{ position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); font-size:38px; color:#86c384; } .attachmentsTable .amountAttachmentsContainer .dropdown-menu { min-width: 400px; } .attachmentsTable .amountAttachmentsContainer button, .attachmentsTable .amountAttachmentsContainer a{ width:100%; height:100%; display:flex; justify-content: center; align-items: center; text-decoration: none!important; color:inherit; position: relative; z-index:9; font-size: 14px; padding-block-start: 5px; border-radius: 4px; } .attachmentsTable .profileImg { position: relative; overflow: hidden; background: var(--basic-gray); min-width: 44px; min-height: 44px; max-width: 44px; max-height: 44px; border-radius: 50%; } .attachmentsTable .profileImg img{ width: 44px; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } #chequesPages .mobileAlert{display: none;} .filesMenu{ border:1px solid var(--gray-border) } .filesMenu,.filesMenu .sub-level-1{ background: white !important } .filesMenu .cd-accordion__label.cd-accordion__label--icon-folder{ border-block-end: 1px solid var(--gray-border); } .filesMenu .cd-accordion__label{ /* background: #ababab !important */ /* transition: all 0.5s ease-in-out; */ padding-inline-start: 8px; border-block-end: 1px solid var(--gray-border); } .filesMenu .cd-accordion__label:hover{ background: var(--basic-gray); } .filesMenu .sub-level-1,.filesMenu .sub-level-1 .cd-accordion__label{ /* background: #bbbbbb !important; */ } .filesMenu .sub-level-2,.filesMenu .sub-level-2 .cd-accordion__label{ /* background: #dddddd!important */ } .filesMenu .sub-level-3,.filesMenu .sub-level-3 .cd-accordion__label{ /* background: #eeeeee!important */ } .filesMenu label,.filesMenu a.cd-accordion__label{ min-height:40px; display:flex; align-items: center; gap:5px; margin:0; position: relative; } .filesMenu a.cd-accordion__label{ min-height:30px; } .multiLevelAccordionLevelContainer.selectedLevel { background-color: #eee !important; } .multiLevelAccordionLevelContainer.selectedLevel:hover { background-color: #ddd; } .cd-accordion__item[depth="1"] { background: #fff; } .cd-accordion__item[depth="2"] { background: #fff; } .cd-accordion__item[depth="3"] { background: #fff; } .sub-level-2 .cd-accordion__item .leaveLevel, .sub-level-1 .cd-accordion__item .foldingArrow { width: 50px; } .sub-level-3 .cd-accordion__item .leaveLevel, .sub-level-2 .cd-accordion__item .foldingArrow { width: 70px; } .sub-level-4 .cd-accordion__item .leaveLevel, .sub-level-3 .cd-accordion__item .foldingArrow { width: 90px; } .sub-level-5 .cd-accordion__item .leaveLevel, .sub-level-4 .cd-accordion__item .foldingArrow { width: 110px; } .sub-level-6 .cd-accordion__item .leaveLevel, .sub-level-5 .cd-accordion__item .foldingArrow { width: 130px; } .sub-level-7 .cd-accordion__item .leaveLevel, .sub-level-6 .cd-accordion__item .foldingArrow { width: 150px; } .sub-level-8 .cd-accordion__item .leaveLevel, .sub-level-7 .cd-accordion__item .foldingArrow { width: 170px; } .sub-level-9 .cd-accordion__item .leaveLevel, .sub-level-8 .cd-accordion__item .foldingArrow { width: 190px; } .sub-level-9 .cd-accordion__item .foldingArrow { width: 210px; } .foldedLevel .innerAccordionLevelItem, .leaveLevel .innerAccordionLevelItem { width: 100%; height: 100%; position: absolute; border-right: 2px dashed #8f8f8f; top: 0px; left: 0px; z-index: -1; } .cd-accordion__item[depth="2"] .accordionLevelItem .innerAccordionLevelItem { width: 100%; position: absolute; left: -29px; z-index: 100; } .cd-accordion__item[depth="3"] .accordionLevelItem .innerAccordionLevelItem { width: 100%; position: absolute; left: -47px; z-index: 100; } .cd-accordion__item[depth="4"] .accordionLevelItem .innerAccordionLevelItem { width: 100%; position: absolute; left: -66px; z-index: 100; } .cd-accordion__item[depth="5"] .accordionLevelItem .innerAccordionLevelItem { width: 100%; position: absolute; left: -85px; z-index: 100; } .cd-accordion__input .cd-accordion__label::before{ position:absolute; left:0; } .cd-accordion__label--icon-folder::before { position: absolute; left:8px; } .cd-accordion__sub .cd-accordion__label:not(.cd-accordion__label--icon-folder):before { display:block; min-height:inherit; width:4px; content:''; border-inline-start: 2px dashed var(--gray-border); } .colorGray { color: gray !important; } .incomeColorGreen0 { color: #68ad5c !important; } .expensesColorRed0 { color: #dc4534 !important; } .expensesColorOrange1 { color: #e46d27 !important; } .financesColorBlue1 { color: #007FFF !important; } .futureVATValueValue { text-decoration: underline; text-underline-offset: 6px; text-decoration-thickness: 2px; text-decoration-color: #007FFF !important; text-decoration-style: dotted !important; } .fixedFloatingLeftBottomBtn { position:fixed; width:60px; height:60px; bottom:20px; left:20px; background-color:#0C9; color:#FFF; border-radius:50px; text-align:center; z-index: 9999999999999999; } .fixedFloatingLeftBottomBtn img { padding-top: 14px; } .fixedFloatingLeftBottomBtn.wizardShortcutBtn { bottom:20px; left:20px; background-color: #3c7bf3; color:#FFF; border-radius:50px; text-align:center; z-index: 9999999999999999; } .floatingPringBtn { -webkit-animation: fadein 1s; bottom: 60px; } .floatingPringBtn.mobileFloatingPrintBtn { left: 60px; bottom: 22px; } .floatingPringBtn i { font-size: 26px; margin-top: 16px; } .floatingPringBtn:hover { color: white; } .floatingPringBtn:hover i { color: white; } .clientTaxDocumentsList .clientDocument .content { width: 100% !important; } .clientTaxDocumentsList .clientDocument .clientDocumentItemInfo { min-width: 105px; } .clientTaxDocumentsList .clientDocument .clientDocumentItemInfo.clientDocumentTypeName { min-width: 145px; } .clientTaxDocumentsList .clientDocument .clientDocumentItemInfo.clientDocumentNumber { min-width: 95px; } .clientTaxDocumentsList .clientDocument .clientDocumentItemInfo.clientDocumentMonth { min-width: 80px; } .clientTaxDocumentsList .clientDocument .clientDocumentItemInfo.clientDocumentCreationDate { min-width: 80px; } .clientTaxDocumentsList .clientDocument .clientDocumentItemInfo.clientDocumentSum { min-width: 110px; } .loadFinanceFromFileBankAccountContainer .field { margin-left: 10px; width: 245px; } .financeTransactionMonthKey_tableFilterSelect button { min-width: 115px !important; } .financeMonth_tableFilterSelect button { min-width: 115px !important; } .inputFiled textarea{padding:0.8vw;} .generalPopupWindow { display: none; width: 187px; padding: 10px 8px 8px 8px; margin-bottom: 7px; transform: translate(-50%,-100%); margin-top: -8px; text-align: center; min-height: 75px; position: absolute; background: white; box-shadow: 0px 2px 5px 7px rgba(0, 0, 0, 0.1); border-top: 3px solid var(--basic-blue); z-index: 9000000000; } .generalPopupWindow.upsideDown { margin-top: 10px; border-bottom: 3px solid var(--basic-blue); border-top: inherit; } .generalPopupWindow.errorWindow { border-bottom: 3px solid var(--basic-red); } .generalPopupWindow.warningWindow { border-bottom: 3px solid var(--basic-orange); } .generalPopupWindow:before { position: absolute; bottom: -6px; content: ''; width: 0; height: 0; margin-left: 11px; left: 50%; transform: translateX(-50%); border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid white; } .generalPopupWindow.upsideDown:before { top: -6px; bottom: unset; left: 50%; /* transform: translateX(-50%); */ border-bottom: 20px solid white; border-top: unset; z-index: -1; } .generalPopupWindow .titleText { /* color: #4d5b72; */ color: #000; font-size: 20px; font-weight: bold; display: block; text-align: center; margin: 0px auto; margin-bottom: 4px; } .generalPopupWindow .contentHtml { font-size: 17px; text-align: center; min-height: 20px; max-height: 200px; max-width: 100%; overflow: hidden !important; /* white-space: nowrap; */ text-overflow: ellipsis; margin: 15px; } .generalPopupWindow .contentHtml a { text-decoration: underline; text-underline-offset: 3px; } .generalPopupWindow .hiddenContent { display: none; } .generalPopupWindow .smallText { font-size: 15px; } .generalPopupWindow label.customCheckBox input[type="checkbox"]:checked+span.checkbox:after { left: 2.5px; top: -5px; } .generalPopupWindowButtonsContainer { display: flex; padding-bottom: 10px; } .generalPopupWindowButtonsContainer button { width: 100%; font-size: 16px !important; font-weight: normal !important; text-shadow: none !important; margin-bottom: 4px; margin-left: 2px; margin-right: 2px; display: inline-block; padding: 6px 12px; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; user-select: none; border-radius: 4px; min-height: 1em; transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,-webkit-box-shadow .1s ease; -webkit-tap-highlight-color: transparent; border: 0; } .appearAfter1s { opacity: 0; -webkit-animation: fadein 0.1s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 0.1s; /* Firefox < 16 */ -ms-animation: fadein 0.1s; /* Internet Explorer */ -o-animation: fadein 0.1s; /* Opera < 12.1 */ animation: fadein 0.1s; animation-delay: 1s; animation-fill-mode: forwards; } .invoicesRowFiledsToggle .toggleSwitch { opacity: 0.1; } @keyframes fadeInAndAlmostFadeOutAnimation { 0% { opacity: 0.1 } 50% { opacity: 1.0 } 100% { opacity: 0.1 } } .invoicesRowFiledsToggle .toggleSwitch.changed { -webkit-animation: fadeInAndAlmostFadeOutAnimation 1.0s; -moz-animation: fadeInAndAlmostFadeOutAnimation 1.0s; -ms-animation: fadeInAndAlmostFadeOutAnimation 1.0s; -o-animation: fadeInAndAlmostFadeOutAnimation 1.0s; animation: fadeInAndAlmostFadeOutAnimation 1.0s; animation-delay: 1.0s; animation-fill-mode: forwards; } .invoicesRowFiledsToggle:hover .toggleSwitch { -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 0.5s; /* Firefox < 16 */ -ms-animation: fadein 0.5s; /* Internet Explorer */ -o-animation: fadein 0.5s; /* Opera < 12.1 */ animation: fadein 0.5s; animation-delay: 0.5s; animation-fill-mode: forwards; } .documentCreationPageTopSelect{margin:0 20px;} .documentCreationPageTopSelect .dropdown-item.active, .documentCreationPageTopSelect .dropdown-item:active{background:var(--basic-gray);} .documentCreationPageTopSelect button.regBtn{height:20px !important;background:none!important;border:0;outline:0;padding:0;margin:0;} .documentCreationPageTopSelect button span.name span{display:none;} .documentCreationPageTopSelect button span.name{margin-right:1.05vw;color:var(--basic-txt-color);} .documentCreationPageTopSelect button:focus{border:0; outline: none;box-shadow:0;} .documentCreationPageTopSelect .dropdown-toggle::after{border: solid #9d9d9d;border-width: 0 2px 2px 0;display: inline-block;padding: 3px;background:none;transform: rotate(45deg);-webkit-transform: rotate(45deg);margin-top:-4px;margin-right:0.73vw;} .documentCreationPageTopSelect .show .dropdown-toggle::after{border-color: var(--menu-bg-color);transform: rotate(225deg);-webkit-transform: rotate(225deg);margin-top: 0;} .documentCreationPageTopSelect .dropdown-menu a{padding:13px 0.99vw 11px 0.99vw;border-bottom:} .documentCreationPageTopSelect .dropdown-menu li{border-bottom:1px solid #e0e0e0;padding-bottom:1px;} .documentCreationPageTopSelect .dropdown-menu li.no-results{font-size:14px;padding:13px 0.99vw 11px 0.99vw;} .documentCreationPageTopSelect .dropdown-menu li:last-child{border-bottom:0;} .documentCreationPageTopSelect .dropdown-menu{border:0;box-shadow: 0px 1px 6.65px 0.35px rgba(0, 0, 0, 0.1);padding-bottom: 0;} .documentCreationPageTopSelect .bs-searchbox{margin-bottom:8px;} .documentCreationPageTopSelect .bs-searchbox input{max-height:35px;box-shadow:0!important;font-size:14px;} .documentCreationPageTopSelect .bs-searchbox input:focus{box-shadow:none!important;} .documentCreationPageTopSelect .settings img{width:15px;border-radius:0;height:auto;margin-left:0.3vw;} .documentCreationPageTopSelect .dropdown-menu li .settings span.name{font-size:14px;margin-right:0;color:var(--basic-txt-color)!important;} .documentCreationPageTopSelect .dropdown-menu li .settings{margin:0px auto;} .documentCreationPageTopSelect .dropdown-item.active, .documentCreationPageTopSelect .dropdown-item:active{color:#212529!important;} .bankAccountPayWithChequeSelectContainer .filter-option-inner-inner { display: flex; justify-content: space-around; } .bankAccountPayWithChequeSelectContainer .filter-option-inner-inner img { margin: 0 8px !important; } #deliveryModalInner { padding: 10px; } .forceZeroWidth { width: 0 !important; } .bottomPadding80 { padding-bottom: 80px !important; } .bottomPadding100 { padding-bottom: 100px !important; } .forceBottom50px { bottom: 50px !important; }