/*.box{
    margin-top: 10px;
    margin-bottom: 10px;
}*/

.font{
    font-family: 'Roboto', sans-serif;
    font-size:12px;
    color:#8c8c8c;
}

.title{
    margin-top: 20px;
    font-family: 'Roboto', sans-serif;
    font-size:15px;
    color:#b5b8bc;
}
.edit-pen{
    color:#b5b8bc;
    cursor: pointer;
    font-size: 1.3rem;
    float: right;
    margin-left: 1rem;
}
.clip{
    color:#b5b8bc;
    cursor: pointer;
}
.clip:hover{
    color:#b3b3b3;
    cursor: pointer;
}
.dot {
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.dot p{
    margin-top: 0px;
    margin-bottom: 0px;
    top: 50%;
    left: 50%;
}

.fieldTitle{
    position: absolute;
    top: -10px;
    left: 20px;
    background: white;
    font-family: 'Roboto', sans-serif;
    font-size:13px;
    color:#595959;
    /*font-weight: bold;*/
}
.ttitle{
    font-family: 'Roboto', sans-serif;
    font-size:13px;
    color:#b5b8bc;
}
.table{
    font-family: 'Roboto', sans-serif;
    font-size:13px;
    color:#b5b8bc;
}
thead tr th{
    color: #595959;
}
.settings-machineAdd-model{
        font-family: 'Roboto', sans-serif;
        font-size:15px;
        font-weight: medium;  
        color:#b5b8bc;
}

.input-box { 
  position: relative; 
}

.input-box .input { 
  display: block; 
  background: #fff; 
}

.unit { 
  position: absolute; 
  display: block; 
  right: 5px; 
  top: 9px; 
  z-index: 9; 
}

#count_message{
    font-family: 'Roboto', sans-serif;
    font-size:12px;  
    color:#b5b8bc;
    margin-top: -15px;
    margin-right: 10px;
}

.card-img-top{
    height: 150px;
    transition: transform .2s;
}
.card-img-top:hover{
    transform: scale(1.01);
    
}
#card:hover{
    box-shadow: 2px 2px 8px 2px;
}


 .contentGeneralSettings::-webkit-scrollbar {
    width: 10px;
}

.contentGeneralSettings::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

.contentGeneralSettings::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

.genmtop{
    margin-top: 1rem; 
}
.fontheight{
    height: 3rem;
}
.dividercss{
    display: flex;
    /*text-align: center;*/
    align-items: center;
    height: 2rem;

}
.content-container{
  margin-left: 2rem;
  margin-right: 2rem;
}
.reason-box{
  padding: 10px;
  border:1px solid rgb(232,232,232,232);
  border-radius: 10px;
  margin:10px;
  position: relative;
}
.flex-container{
  display: flex;
}
.alignmargin{
  margin-left: 2.8rem;
  margin-bottom: 0;
  padding: 0;
}
.fieldCard{
      border-radius: 10px 10px 10px 10px;
}