@charset "UTF-8";

@font-face{
    font-family: 'ploni';
    font-weight: 400; /*(regular)*/
    font-style: normal;
    src: url('/wp-content/webfont_files/ploni-regular-aaa.woff2') format('woff2'),
        url('/wp-content/webfont_files/ploni-regular-aaa.woff') format('woff');
}
@font-face{
    font-family: 'ploni';
    font-weight: 700; /*(bold)*/
    font-style: normal;
    src: url('/wp-content/webfont_files/ploni-bold-aaa.woff2') format('woff2'),
        url('/wp-content/webfont_files/ploni-bold-aaa.woff') format('woff');
}
@font-face{
    font-family: 'ploni';
    font-weight: 900; /*(black)*/
    font-style: normal;
    src: url('/wp-content/webfont_files/ploni-black-aaa.woff2') format('woff2'),
        url('/wp-content/webfont_files/ploni-black-aaa.woff') format('woff');
}

div#wrapLogIn {
    width: 80%;
    margin: 0 auto;
    padding: 20px 0px;
}

input.inputText {
    border-radius: 5px;
}

button#login, #pasvortrestarigi, #addUser, #addcomp, .wideButton{
    width: 100%;
    background-color: #24A385;
    color: white;
    border: 0px;
    border-radius: 10px;
    height: 50px;
    margin-top: 10px;
}

#wrapLogIn #forgetPass {
    float: left;
    color: gray;
}

#wrapLogIn input[type="checkbox"] {
    position: relative;
    top: 4px;
}

#wrapLogIn input[type="checkbox"] + label {
    color: gray;
}

input#passLogin {
    margin-bottom: 20px;
}

h1.title {
    font-size: 18px;
    width: fit-content;
    margin: 0 auto;
    margin-bottom: 20px;
}
header#site-header {
    display: none !important;
}
#header_page {
    display: flex;
    justify-content: space-between;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
    padding: 10px;
    align-items: center;
}
img.profile {
    width: 44px;
    height: 44px;
    border-radius: 25px;
    border: 0.5px solid #A1A1A1;
}

li.userItem {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 10px;
    border: 1px solid #EAEAEA;
    padding: 10px;
    position: relative;
    width: 100%;
}

li.userItem > * {
    margin: 0px 5px;
}

ul#wrapUsersList {
    padding: 0px;
    margin: 10px 0;
}
input.search[type="text"] {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.13);
    border: 0px;
    padding: 10px;
}

svg.searchImg {
    position: relative;
    right: -10px;
    float: left;
    top: -34px;
}
footer#footer_page {
    display: flex;
    position: fixed;
    justify-content: space-around;
    width: 100%;
    bottom: 0px;
    box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 32%);
    padding: 20px 0px;
    border-radius: 25px 25px 0px 0px;
    right: 0px;
    background-color: white;
}
.menueItemHome {
    width: 43%;
    height: 15vh;
    border: 1px solid #24A385;
    border-radius: 10px;
    margin: 10px;
    display: inline-block;
    text-align: center;
    position: relative;
}
div#wrapHome {
    padding: 10px;
    /* position: relative; */
}
.imgMenueItemHome {
    position: absolute;
    bottom: 6vh;
    margin: 1px 0 0 0;
    width: 100%;
    padding: 0 41%;
    box-sizing: border-box;
    left: 0px;
}

.imgMenueItemHome + label {position: absolute;bottom: 2vh;width: 100%;left: 0px;}
.menuLink {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}
.menueItemHome:hover {
    background-color: #24A3851F;
}
.menuLink.visited  svg {
    stroke: #24A385;
}

.menuLink.usersLink.visited  path {
    stroke: #24A385;
}

.menuLink.visited span {
    color: #24A385;
}
button#addUser, #addcomp {
    margin-top: 0px;
    margin-bottom: 15px;
}

div#body {
    padding-top: 20px;
    padding-bottom: 60px;
    /* position: relative; */
}

button#saveUser, #deleteUser, #saveComp, #deleteComp, .popup button {
    width: 100%;
    margin: 5px 0;
    border-radius: 10px;
    background-color: #24A385;
    color: white;
    border: 0px;
    padding: 15px;
}


label.textUserField {
    color: #898A8D;
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

* {
    font-family: "Ploni";
}

#body input.itemField{
    border: 0px;
    border-bottom: 1px solid #EAEAEA;
    padding-right: 0px;
}

button {
    cursor: pointer;
}
p.compUserList {
    float: left;
    position: absolute;
    left: 20px;
}
svg.return {
    position: absolute;
    cursor: pointer;
}
svg.editPost, #wrapDetailsUser .displayPass{
    position: absolute;
    left: 10px;
    cursor: pointer;
}
.wrapList {
    list-style: none;
    padding: 0px;
    max-width: 100%;
}

.itemList {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px;
    width: 100%;
    position: relative;
}

p.name {
    margin-right: 10px;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    position: relative;
    top: -5px;
}

p.numCompList, .nameCompProduct {
    position: absolute;
    bottom: -1px;
    right: 64px;
}

svg.testsCompItem {
    position: absolute;
    left: 40px;
}

svg.prodCompItem {
    position: absolute;
    left: 10px;
}
img.addItem {
    position: relative;
    top: 8px;
    right: 5px;
}
.popup {
    position: fixed;
    top: 50%;
    background-color: white;
    width: 80%;
    border-radius: 10px;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 50px 20px;
    z-index: 1;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
}

p.titlePopup {
    font-size: 18px;
}

.bold {
    font-weight: bold;
}

.popup button {
    padding: 6px;
}

.popup button svg, #saveUser svg, #deleteUser svg, .svgRelative, .wideButton svg{
    position: relative;
    top: 5px;
    right: 3px;
}
div#backgroundPopup {
    position: fixed;
    background-color: #00000075;
    width: 100vw;
    height: 100vh;
    z-index: 1;
    top: 0px;
    right: 0px;
    display: none;
}

button#deleteUserOk, button#deleteUser, #deleteCompOk, .trashButton {
    background-color: #144B4F;
}
input#levelUser, #compUser {
    width: 100%;
    text-align: start;
}

div#selectLevelUser {
    padding: 25px;
}

svg.closePopup {
    position: absolute;
    top: 10px;
    left: 10px;
    cursor: pointer;
}

.selectLevel, .selectComp, .selectType, .selectTypeTest, .selectTypeNewReport {
    width: 100%;
    display: block;
    border-radius: 5px;
    border: 1px solid #EAEAEA;
    background: #FFF;
    padding: 10px;
    margin: 5px 0px;
    text-decoration: none !important;
}
.selected {
    background-color: #EAEAEA;
}
.transparent {
    background-color: transparent !important;
}
svg.okGreen {
    stroke: #24A385;
    margin-bottom: 5px;
}
input#isCreatePass {
    margin-top: 40px;
    margin-bottom: 15px;
}
.createPassArea{
    display: none;
}
.pointer{
    cursor: pointer;
}
.openPopupSelect {
    position: relative;
    bottom: 30px;
    float: left;
    z-index: -1;
}
.openPopupSelect svg {
    margin-right: 5px;
}
.addImage {
    height: 50px;
    border-radius: 7px;
    border: 1px dashed #BFBFBF;
    text-align: center;
    padding-top: 30px;
}
svg.okGreen.svgRelative {
    top: 11px;
    right: auto;
    left: 5px;
}
p.message {
    text-align: center;
}
button#deleteComp {
    position: absolute;
    width: 114px;
    padding: 7px 10px;
    border-radius: 5px;
    background: #ED0039;
    left: 10px;
    top: 116px;
    text-align: start;
    cursor: pointer;
    font-size: 15px;
}

button#deleteComp svg {
    position: absolute;
}
div#wrapCompTabs {
    display: flex;
    width: 100%;
    justify-content: space-around;
    background-color: #24A3851F;
}

button.compTab {
    border: 0px;
    background-color: transparent;
    padding: 18px 0px;
    cursor: pointer;
    border-radius: 0px;
    outline: 0px !important;
}

button.tabNow {
    border-bottom: 2px solid #000;
}
button#addGrower {
    margin-bottom: 10px;
}

ul#wrapGrowersList {
    list-style: none;
    padding: 0px;
}

li.growerItem {
    padding: 5px;
    border-radius: 10px;
    border: 1px solid #EAEAEA;
    margin: 5px 0px;
}
.wrapProductField{
    display: inline-block;
    width: 50%;
    position: relative;
}
.testProductItem {
    position: absolute;
    left: 10px;
}
.typeProductItem {
    position: absolute;
    left: 50px;
}
.typeProductItem, .testProductItem {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 9.273px;
}
button.buttonTestStage {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #144B4F;
    background: rgba(36, 163, 133, 0.12);
    position: relative;
}

.buttonTestStage svg {
    position: absolute;
    left: 20px;
    top: 18px;
}
button.buttonTestStage ~ *:not(button.buttonTestStageNow ~ *){
    display: none !important;
}
.buttonTestStageNow{
    background-color: #24A3851F;
}
.wrapTestField {
  position: relative; 
}

svg.arrowListEmpty {
    position: absolute;
    top: 19px;
    right: 181px;
}
ul#wrapListForTest {
    padding: 0px;
    max-height: 35vh;
    overflow: auto;
}
button#addTest, #addSubTest {
    position: absolute;
    border-radius: 5px;
    background: #24A385;
    border: 0px;
    color: white;
    padding: 5px 7px;
    left: 10px;
    top: 116px;
    text-align: start;
    cursor: pointer;
    font-size: 15px;
    width: 113px;
}

button#addTest{
	margin-top: 3%;
	margin-left: 3%;
}
svg.addTestIcon {
    float: left;
   padding-right: 3%;

}


button#addTest img {
    position: absolute;
}
#selectProduct p.titlePopup {
    text-align: start;
    font-weight: 600;
}

div#selectProduct {
    padding-top: 15px;
}

input.searchPopup {
    border-radius: 50px !important;
    border: 1px solid #EAEAEA !important;
    font-size: 14px;
}
div#selectgrower .name {
    margin-top: 10px;
    margin-bottom: 0px;
}
.detailsStage {
    border-radius: 10px;
    border: 1px solid #EAEAEA;
    padding: 5px;
    padding-bottom: 46px;
}

button.buttonTestStage {
    /* margin-bottom: 10px; */
    text-align: start;
}

.detailsStage .textField {
    font-weight: 600;
    margin: 0px 5px;
}
button.editStage {
    border-radius: 5px;
    background: #7B7B7B;
    border: 0px;
    color: white;
    padding: 5px 12px;
    float: left;
    cursor: pointer;
}
.leftItemProdList {
    position: absolute;
    left: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.productForTestItem.itemList {
    border-radius: 15px;
    border: 1px solid #EAEAEA;
    margin: 5px 0px;
}
.wrapLineSummaryTest {
    display: flex;
    justify-content: space-evenly;
}

#summaryTest .itemList {
    align-items: flex-start;
}

div#summaryTest {
    padding: 5px;
    border-radius: 15px;
    border: 1px solid #EAEAEA;
    margin-bottom: 10px;
}

.wrapLineSummaryTest div:last-child {
    position: relative;
    right: 30px;
}
button#addSubTest {
    top: auto;
    width: 120px;
    padding: 8px 10px;
    position: relative;
    float: left;
    margin-bottom: 100px;
    margin-top: 10px;
    left: 0px;
}
.low-Z-index{
    z-index: 0 !important;
}
div#need2TestsField {
    width: 83%;
}
.wrongTestInTable {
    border-radius: 5px;
    background: #686868;
    color: white;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    text-align: center;
    line-height: 55px;
    position: relative;
}

.wrongTestInTable svg path {
    fill: white;
}

.wrongTestInTable svg {
    position: absolute;
    top: 8px;
    margin-right: 5px;
}
.hidden{
    /* visibility: hidden; */
    display: none;
}
/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 34px;
  }
  
  /* Hide default HTML checkbox */
  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  /* The slider */
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;border-radius: 50px; /* שינוי מהגדרות Figma */
  border: 1px solid #C3C3C3; /* שינוי מהגדרות Figma */
  background: #FFF; /* שינוי מהגדרות Figma */
  

    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    right: 4px;
    bottom: 4px;
    background-color: #24A385;
    -webkit-transition: .4s;
    transition: .4s;
  }

  /* .switchHarakim .slider:before{
    background-color: #24A385;

  }

  .switchKtifa .slider:before{
    background-color: #EAEAEA;

  } */
  
  input:checked + .slider {
    background-color: white;
  }
  
  input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(-37px);
    -ms-transform: translateX(-37px);
    transform: translateX(-37px);
  }
  
  /* Rounded sliders */
  .slider.round {
    border-radius: 34px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }
  #levelUser[value="מנהל"] ~ .compUserArea {
    display: none;
  }
  .wrapSwitchHarakim {
    padding: 8px 10px;
    border-radius: 5px;
}

.switchHarakim input:checked + .slider:before {
    background-color: #ED0039;
}

.switchKtifa input:checked + .slider:before {
    /* background-color: #EAEAEA; */
    background-color: #ED0039;
}

span.swichText {
    position: absolute;
    top: 9px;
}

.switchHarakim input:checked ~ .round:after {
    content: 'כן';
    margin-right: 20px;
}

.switchKtifa input:checked ~ .round:after {
    content: 'אתמול';
    margin-right: 20px;
}

.switchKtifa input:checked ~ .round.dateRound:after {
    content: attr(data-content-before);
}

.switchHarakim input ~ .round:after {
    content: 'לא';
    margin-right: 35px;
    font-size: 16px;
    position: relative;
    top: 9px;
}

.switchKtifa input ~ .round:after {
    content: 'היום';
    margin-right: 35px;
    font-size: 16px;
    position: relative;
    top: 9px;
}

.switchKtifa input ~ .round.dateRound:after {
    content: attr(data-content);
}

label.switch.switchHarakim {
    margin-right: 10px;
}
input[class^=message] {
    border-radius: 50px;
    border: 1px solid #EAEAEA !important;
    padding: 10px 15px !important;
}
svg.sentMes {
    position: absolute;
    left: 10px;
    top: 10px;
}
.wrapSwitchHarakim, .wrapSwitchHarakim + .wrapTestField, #saveStage {
    margin-bottom: 10px;
}
button.testItem {
    border-radius: 5px;
    border: 1px solid #144B4F;
    background: #E4F4F0;
    color: #144B4F;
    /* margin-bottom: 123px; */
}
svg.testItemIcon path {
    stroke: #144B4F;
}
button#addSubTest svg {
    position: absolute;
    left: 14px;
}
.dt-length, .dt-layout-cell.dt-end, [aria-live="polite"] {
    display: none !important;
}
span.dt-column-order {
    right: 10px !important;
    position: relative !important;
}

th.dt-orderable-asc {
    text-align: center !important;
    padding-right: 0px !important;
}
button#okTestAdmin {
    background-color: #ED0039;
    border-radius: 5px;
    color: white;
    border: 0px;
    position: fixed;
    bottom: 100px;
}
button#deleteProduct {
    border-radius: 5px;
    background: #ED0039;
    color: white;
    border: 0px;
    padding-left: 40px;
    margin-top: 10px;
}

button#deleteProduct svg {
    position: absolute;
}

div#wrapProductComp {
    text-align: center;
}

input.checkProd {
    margin-left: 5px;
}

li.productItem .nameCompProduct {right: 81px;}
img.imgProd {
    max-width: 100px;
}

.wrapImages {
/*   */
	display: none;
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
    margin-top: 10px;
}
.detailsTestItemList {
    width: calc(95% - 20px);
    background-color: white;
    border: 0px !important;
    padding-bottom: 10px;
}
table tr{
    /* position: relative; */
    width: 95vw;
}
span#supervisorReport {
    display: block;
}
#wrapTestsList th {
    border: 0px;
    padding-left: 0px;
    /* max-width: 67px; */
    /* display: inline-block; */
}

thead {
    position: relative;
}
.empty span.dt-column-order {
    display: none;
}

thead tr {
    border-radius: 2px;
    background: #EAEAEA;
    border-bottom: 10px solid white;
}

tr.wrapTestItem {border-radius: 10px;/* border: 1px solid #EAEAEA; *//* margin: 10px 0px; *//* padding: 10px 0px; *//* display: revert; */outline: 1px solid #EAEAEA;}

tr.wrapTestItem td {
    border: 0px;
    padding: 8px 10px;
}

.wrapTestItem td {
    background-color: white !important;
}

table#wrapTestsList {
    border-collapse: separate;
    border-spacing: 0px 10px;
    width: 100% !important;
}
main#content {
    max-width: 95%;
}
button#okNewReport[disabled] {
    background: #EEE;
}
button#okNewReport {
    position: absolute;
    width: 90%;
    bottom: 99px;
}

svg.iconRed path {
    fill: red;
}

svg.iconRed {
    position: absolute;
    top: 0px;
    right: 110px;
}
.none{
    display: none !important;
}
.wrapLine, .detailsTestItemList p {
    background: #F7F7F7;
    margin: 5px 0px;
    padding: 5px;
}
/* div#wrapfieldTest1 {
    margin-bottom: 65px;
} */

#wrapNewReport .itemField {
    border-radius: 5px;
    border: 1px solid #D9D9D9 !important;
    padding-right: 5px !important;
    display: inline-block;
    width: 45%;
    margin-right: 10px;
}

#wrapNewReport label.textField {
    font-weight: 600;
}

#wrapNewReport .wrapTestField {
    margin: 15px 0px;
}
label.switch.switchKtifa {
    width: 100px;
    border: 1px solid #EAEAEA;
    border-radius: 50px;
}

.switchKtifa input:checked + .slider:before {
    -webkit-transform: translateX(-65px);
    -ms-transform: translateX(-65px);
    transform: translateX(-65px);
}
.detailsTestItemList td {
    border-bottom: 1px solid #EAEAEA!important;
    border-left: 1px solid #EAEAEA!important;
    border-right: 1px solid #EAEAEA !important;
}

#wrapTestsList td {
    border: 0px;
}

/*  */
#wrapTest .textField {font-weight: bold;}

#wrapTest .wrapTestField.wrapSwitchHarakim > span {
    font-weight: bold !important;
    padding-right: 6px;
	    padding-left: 1%;

}

#wrapTest .wrapTestField.wrapSwitchKtifa > span {
    font-weight: bold !important;
	padding-right:10px;
	    padding-left: 1%;

}


#wrapTest .wrapTestField > .addImage
{
	float:right;
	margin-left: 3%;
	width: 48%;
	text-align: center;
	border-radius: 10px;
	padding: 5px;
}

#wrapTest .wrapTestField > .addImage >p
{
	margin-top: -5%; 
}
#wrapTest .saveStage
{
	border: 1px solid #000;
	background-color: rgba(36, 163, 133, 0.12);
	width: 49%;
	box-sizing: border-box;
	text-align: center;
	padding: 13px 37px;
	border-radius: 10px;
	margin-bottom: 5%;
}
#wrapTest .saveStage >svg
{
	float: left;
}


div#wrapTest .saveStage svg path {
	fill: black; 
}
div#wrapTest .wrapTestField .message {
	border-radius: 10px;
	border: 1px solid  #EAEAEA;
	background-color: #FFF;
}
div#wrapTest  .detailsStageEdit{
	border-radius: 0px 0px 10px 10px;
	border-right: 1px solid #303030;
	border-bottom: 1px solid #303030;
	border-left: 1px solid #303030;
	background-color: #F7F7F7;
    padding-right: 6px;  
    padding-bottom: 6px; 
    padding-left: 6px;   
	    padding-top: 12px; 

}
#wrapTest .wrapStage{
    padding-bottom: 12px; 
}
/*  */

/* עבור מסכים רגילים */

div#wrapTest .wrapTestField:has(label + input) {
    width: 58%; 
    display: flex;  
	align-items: center;
    box-sizing: border-box;
    padding: 5px; 
}

div#wrapTest .wrapTestField label {
    white-space: nowrap; 
    flex-shrink: 0; 
	margin-right:5px; 
	padding-left: 7%;
}

div#wrapTest .wrapTestField input {
	margin-left:5%;
    flex-grow: 1; 
    box-sizing: border-box; 
    width: 0; 
}

/* התאמה לגלקסי */
@media (max-width: 360px) {
    div#wrapTest .wrapTestField :has(label + input) {
        width: 100%;
        display: block; 
      margin-bottom: 10px;  
    }

    div#wrapTest .wrapTestField input {
         width: 100%;
		margin-left: 0;
    }
}

#returnFromReport:not([id^=wrapComp] + #reports #returnFromReport) {
    display: none;
}