.drop-coler-bg{
    background-color: #ff7f27;
    color: white;
    
  }

  .drop-coler-bg:hover {
    background-color: rgba(255, 255, 255, 0.363);
    border-radius: 4px;
    color: white;
}
  
  .drop-coler{
    background-color: rgba(0, 0, 0, 0.466);
    /* color: white; */
  }

    .drop-coler:hover {
    background-color: rgba(0, 0, 0, 0.473);
    border-radius: 4px;
    color: white;
}

.drop-coler-item{
   /* for now thare no need */
   color: white;

}

.drop-coler-item:hover{
  background-color: #ff7d27;
    border-radius: 4px;
}

.col-md-9 .coler-upre-nave{
    border: white;
    border-left: 1px solid;
    font-size:15px;
    border-radius: 0px;
    transform: skewX(-20deg);
}

.col-md-12 .coler-upre-nave{
    border: white;
    border-left: 1px solid;
    font-size:15px;
    border-radius: 0px;
    transform: skewX(-20deg);

}

.coler-upre-nave:hover{
    background-color: #ff7d27;
    
}