.emaildiv, .passworddiv{
    margin-bottom: 25px;
}
.emaildiv .text-danger, .passworddiv .text-danger{
    margin-top: 8px;
}

.leadId:hover{
    color:red;
    text-decoration: underline;
}

.leadId{
  text-decoration: underline;
  color:green;
}
.select-wrapper {
    margin-top:74px;
}

.nav-link{
    font-size: 18px;
}

.keyname{
    color: rgba(0,0,0,0.54);
    display: inline-block;
    font-size: 13px;
    line-height: 35px;
    width: 200px;
}
.imgcls{
    width:130px;
    height:130px;
    margin-right:30px;
}

.primaryclass{
    background-color: rgba(255, 255, 255, 0.7);
     text-align: left;
     border: solid 5px #ffffff;
     padding:10px;
    
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    background-color:#F1F2F7!important;
}

.nav-tabs{
    font-size: medium;
}   

.nav-tabs li a.active {
    color: #222 !important;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

body {
    background: white;
    font-family: sans-serif;
    color: #5e5e5e;
  }
  
  #menu {
    position: fixed;
    z-index: 9999; /* Most times is 2000 used as middle */
    visibility: hidden;
    opacity: 0;
    
    padding: 0px;
    font-family: sans-serif;
    font-size: 11px;
    background: #fff;
    color: #555;
    border: 1px solid #C6C6C6;
    
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    
    -webkit-box-shadow: 2px 2px 2px 0px rgba(143, 144, 145, 1);
    -moz-box-shadow: 2px 2px 2px 0px rgba(143, 144, 145, 1);
    box-shadow: 2px 2px 2px 0px rgba(143, 144, 145, 1);
  }
  
  #menu a {
    display: block;
    color: #555;
    text-decoration: none;
    padding: 6px 8px 6px 30px;
    width: 250px;
    position: relative;
  }
  
  #menu a img,
  #menu a i.fa {
    height: 20px;
    font-size: 17px;
    width: 20px;
    position: absolute;
    left: 5px;
    top: 2px;
  }
  
  #menu a span {
    color: #BCB1B3;
    float: right;
  }
  
  #menu a:hover {
    color: #fff;
    background: #3879D9;
  }
  
  #menu hr {
    border: 1px solid #EBEBEB;
    border-bottom: 0;
  }

  .card{
   border:solid#bbb 0.5px
  }

  .bg-light{
    margin-left:2px;
    margin-right: 2px;
  }

.ui-autocomplete {
    background: #ffffff;
    border-radius: 0px;
    border: #EBEBEB solid 2px;
    width: 17%;
    padding: 7px;
    text-align: left;
    height: 200px;
    overflow: hidden;
    overflow-y: scroll;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.ui-menu-item {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.ui-menu-item:hover {
  padding: 15px;
  cursor: pointer;
  background-color: rgb(216, 211, 211);
  color: rgb(9, 9, 250);
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}
/* #title_id,#select_id{
  font-family: -webkit-body;
  font-weight: bold;
}

#description_id{
  font-family: -webkit-body;
  font-weight: bold;
  margin-top: -15px;
}

.input-field>label {
  color: none!im;
} */
.select2-selection .select2-selection--multiple{
  height: 2px!important;
  color:red;
}

.select2-container .select2-selection--multiple {
  min-height:2px;
}

.login100-form {
  -webkit-animation: expand 2s;
}
@-webkit-keyframes expand {
  0%{height:0px}
  100%{height:600px}
}
.textalign{
  text-align: left;
}
@media only screen and (min-width: 320px) and (max-width: 767px){
  .textalign{
    text-align: center;
  }
  .forwordIcon{
    margin-top: 5% !important;
  }

  .effect-9{
      border: 1px solid #ccc;
       padding: 7px 14px 9px;
        transition: 0.4s;
  }

  .myactiveclass{
    color:red;
  }
}