/* @font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Italic.woff') format('woff2'),
         url('../fonts/OpenSans-Italic.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} */

*{
        font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
        font-style:normal;
}


#showroom{
    height: 44px;
    transition: height 0.3s ease-in-out;
    /* overflow: hidden; */
}
#submenu_showrooms a:hover{
    /* transform: translatey(-100px); */
    background-color: rgba(110, 110, 110, 0.336) !important;
    color:#00652e !important;
    color:white !important;
}
#showroom.open  {
    height: 125px;
    /* transform:translatey(0px); */
}

#icon{
    transform-origin: center; /* Set rotation origin to center */
    transition: transform 1s ease; /* Slow down the transition duration */

}
.rotate{
    rotate:-180deg !important;
}
.active{
    background: #eb1c24;
}

.menu-hamburger{
    /* background: red; */
}
.menu-hamburger :hover{
 cursor:pointer;
 padding:2px;
}
.content{
    margin: 0px 0px 0px 250px;
    /* transform: translatex(300px); */
}

.slowdown{
    transition: all .3s ease-in-out;}
.sidebar{
    transform: translatex(-250px);
    
}
tbody tr td{
 opacity: 65%;
 font-size: 14px;
 padding:15px 5px !important;
 text-align: center;
 border-right:1px solid rgba(128, 128, 128, 0.137);
}
tbody tr td:last-child{
    border-right:none;
}
.profile:hover{
/* padding:2px; */
transform: scale(.8);
color: #eb1c24;
cursor:pointer;
}
#logoutbtn{
    background:#00652e;
    cursor:pointer;
}
#logoutcard{
    transition: transform height .3s ease;
    z-index: 1000;
}
#logoutbtn:hover{
    background: rgba(104, 104, 104, 0.521);
}

.hide{
    max-height: 0px !important;
    overflow: hidden;
    opacity:0;
}
.delete:hover{
    fill:white !important;
    transition: fill .2s ease; 
    background:#eb1c24;
}

.create input{
    background: #00652e0a !important;
    /* background: #1db963fa !important; */
    
}
input:focus{
    border-color: #146639 !important;
    box-shadow: 0 0 0 .25rem rgb(0 101 46 / 0.25) !important;
    /* outline:#00652e  !important */
}

.edit:hover{
 fill:white !important;
 transition: fill .2s ease; 
 background:#00652e;
}

#tb:hover{
    color:red !important
}