ze_zeCustomFields{
  text-transform: capitalize;
  font-size:12px;
}

ze_zeCustomFields .settingsTabs{
    margin: 0;
    padding: 0;
    line-height: 30px;
    list-style: none;
  
}

ze_zeCustomFields .settingsTabs{
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    cursor: pointer;
    text-align: start;
    min-height: 40px;
}

ze_zeCustomFields .settingsTabs:hover{
   background-color: #eeeeee;
}

ze_zeCustomFields .headlineCustomFields {
    display: flex;
    width: 100%;
}     


ze_zeCustomFields .projectTitle {
    flex-grow: 1;
    font-size: 14px;
    text-align: start;
    font-weight: bold;
    line-height: 40px;
    margin-inline-start: 10px;
}       


ze_zeCustomFields .addOptionsDragList {
    cursor: move;
    width: 100px;
    line-height: 40px;
    border-left: 1px solid #dadada;
    text-align: center;
} 

ze_zeCustomFields .plus{
  font-size: 16px;
  position: absolute;
  top: 12px;
  inset-inline-end: -23px;
  cursor: pointer;
}
ze_zeCustomFields .minus{
  font-size: 16px;
  position: absolute;
  top: 12px;
  inset-inline-end: -50px;
  cursor: pointer;
}
ze_zeCustomFields .addOptionsPlus{
  max-height: 196px;
  overflow-y: auto;
}

ze_zeCustomFields .addOptionsDrag{
    position: absolute;
    inset-inline-start:-20px;
    top: -1px;
    height: 42px;
    font-size: 12px;
    cursor: move;
    background: white;
    width: 20px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #dadada;
}

ze_zeCustomFields .isShow {
    width: 34px;
    height: 34px;
    line-height: 32px;
    border-radius: 100%;
    cursor: pointer;
    margin-top: 2px;
    border: 1px solid transparent;
}


ze_zeCustomFields .flexGrow {
    width: -webkit-fill-available;
}



ze_zeCustomFields .customFieldsFrRow{
  display:flex;
}

ze_zeCustomFields .customFieldsFrRowIn{
  min-width:50px;
  margin-inline-end:3px;
  margin-top: 5px;
}


ze_zeCustomFields .result:hover {
  cursor: pointer;
  background-color: #FFF59D !important;
}



ze_zeCustomFields .size13{
  position: relative;
  inset-inline-start: -3px;
  vertical-align: middle;
  width: inherit;
}
ze_zeCustomFields .mizogLabel:hover{
  background:#e6e6e6;
  border: 1px solid #bdbdbd;

}

ze_zeCustomFields .mizugSelect{
  width:100%;
}


ze_zecustomfields .toolbar{
  width: unset !important;
}


ze_zecustomfields .detailsHeader{
  display: flex;
  padding: 5px 4px;
  align-items: baseline;
  gap: 8px;
  border-bottom: 1px solid #e0e0e0;
}


ze_zecustomfields .boxDetails{
    text-align:start;
    font-size: 13px;
    height: 40px;
    font-size: 16px;
    border-bottom: #D9D9D9 1px solid;
    color:#333333;
}

ze_zecustomfields .contactsName{
     background-color:white;
     height:40px;
     line-height:40px;
     font-weight: bold;
}

ze_zecustomfields div.frRow{
  align-items: center;
  display: flex;
  background-color: white;
  border-bottom: 1px solid #D9D9D9;
  cursor: pointer;
}

ze_zecustomfields div.frRow result{
  cursor:pointer;
}

ze_zecustomfields div.frRow.header{
  border:0;
  padding-inline-start: 10px;
  display: flex !important;
  text-transform: capitalize;
  background-color: #eeeeee;
  font-weight: bold;
}
ze_zecustomfields div.frRow.toolbar {
 height:40px;
 padding: 0px 22px;
 width: 900px;
}


ze_zecustomfields div.frRow div {
    height: 40px;
    line-height: 41px;
    margin-inline-end: 4px;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


ze_zecustomfields .defaultSearchField{
  display: none;
}

ze_zecustomfields .switch {
    position: relative;
    display: inline-block;
    width: 54px;
    height: 29px !important;
    margin: 4px;
    direction: ltr;
}

ze_zecustomfields .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    inset-inline-start: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .2s;
    transition: .2s;
}

html[dir="rtl"] .addButtonCF {
   position: absolute;
   top: 5px;
   inset-inline-start: 5px;
}

html[dir="ltr"] .addButtonCF {
    position: absolute;
    top: 5px;
    inset-inline-end: 5px;
}


.addButtonSpanCF {
   text-align: start;
   flex: 1;
   direction: rtl;
}

html[dir="ltr"] .addButtonSpanCF {
  text-align: start;
   flex: 1;
   direction: ltr;
}