/*
 https://andrejgajdos.com/custom-select-dropdown
*/
.form-control-div {
 min-height: 50px;
    border: 1px solid #767676;
    border-radius: 0;
    text-align: center;
    box-shadow: none;
 display: flex;
 align-items: center;
    justify-content: center;
}
.form-control-div.error {
    border-color:#ff596e;
    box-shadow:none
}
.custom-select-wrapper {
     position: relative;
     user-select: none;
     width: 100%;
}
 .custom-select {
     position: relative;
     display: flex;
     flex-direction: column;
  border: none !important;
}
 .custom-select__trigger {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 0 22px;
     background: #ffffff;
     cursor: pointer;
   font-size: 14px;
   color: #555;
}
 .custom-options {
     position: absolute;
     display: block;
     top: 100%;
     left: 0;
     right: 0;
     border: 1px solid;
     border-top: 0;
     background: #ffffff;
     transition: all 0.5s;
     opacity: 0;
     visibility: hidden;
     pointer-events: none;
     z-index: 10;
 max-height:400px;
 overflow-y:auto;
}
 .custom-select.open .custom-options {
     opacity: 1;
     visibility: visible;
     pointer-events: all;
}
 .custom-option {
     position: relative;
     display: block;
     padding: 0 22px 0 22px;
     font-size: 18px; /* 22px; */
     font-weight: 300;
     color: #767676;
     line-height: 40px;  /* 60px; */
     cursor: pointer;
     transition: all 0.5s;
}
 .custom-option:hover {
     cursor: pointer;
     background-color: #4BA840;
}
 .custom-option.selected {
     color: #ffffff;
     background-color: #4BA840;
}
.ui-menu {
    list-style:none;
   
    margin: 0;
    display:block;
    float: left;
     right: 0;
     border: 1px solid;
     border-top: 0;
     background: #ffffff;
     z-index: 2;
     padding-inline-start : 0;
 max-height:400px;
 overflow-y:auto;
}
.ui-menu .ui-menu {
    margin-top: -3px;
}
.ui-menu .ui-menu-item {
    margin:0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
     padding: 0 22px 0 22px;
     font-size: 22px;
     font-weight: 300;
     line-height: 60px;
     cursor: pointer;
     transition: all 0.5s;

text-align: center;
}


.ui-menu .ui-menu-item:hover {
    cursor: pointer;
    background-color: #4BA840;
}

.btn-input-all {
border-radius:0px !important;
min-width:60px;
line-height:normal;
}