.modalTechnician {
    display: block;
    margin: 10px auto;
}

tbody tr.clickRow:hover {
	cursor: pointer;
}
thead {
	min-width: 100%;
}

input[type="text"], input[type="date"], select {
    height: 30px;
    padding-left: 5px;
}

i {
	color: rgba(0,0,0,0.4);
}

td.ongoing-btn i, td.schedule-btn i, td.back-btn i {transition: 0.2s;}
td.ongoing-btn:hover, td.schedule-btn:hover, td.back-btn:hover {cursor: pointer;}
td.ongoing-btn:hover i, td.schedule-btn:hover i, td.back-btn:hover i {color: black;}

.available-tech{
    color:rgb(7, 174, 12);  /* hex= #07ae0c */
}

.doublebooked-tech{
   color:#dc3545;  
}

tr .spnTooltip {
  position:relative;
  -moz-transform: translateX(-102%);
  -ms-transform: translateX(-102%);
  -webkit-transform: translateX(-102%);
  -o-transform: translateX(-102%);
  transform: translateX(-102%);
  display: none;
  z-index:14; 
  padding:6px;
  line-height:10px;
  }
  .spnTooltip::after {
                content: "";
                position: absolute;
                top: 50%;
                left: 100%;
                margin-top: -6px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent transparent transparent rgb(102, 101, 101);
              }
  td:hover .spnTooltip{
      display:inline; position:absolute; color:#fff;
      border:1px solid rgb(102, 101, 101); background:rgb(102, 101, 101);white-space: nowrap;border-radius: 6px;}
  .callout {z-index:20;padding:0px;border:0;}
  select option:disabled {
    background-color: #d9d9d9
  }

.assignedTechs-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom:10px;
}
.technamestyle{
 /*  width:200px;
   overflow-wrap: break-word;
   */
  

}
.techsIconBtn{
    margin-left:1px;
}
.techsIconBtn:hover{
    border:1px solid black;
    background-color: #e8e4e4;
}
.bootstrap-select .btn:focus {
    outline: none !important;
}