.logo_image {
    width: 400px !important;
    margin-left: -20px;
}

.login-box .card{
background-color:rgba(255,255,255,0);
}

.login-box .login-card-body{
background-color:rgba(255,255,255,0.8);
backdrop-filter:blur(15px);
border-radius:20px;

}

body.login-page {
  background-color: #333333;
}


.brand-link .brand-image-xs {
  max-height: 40px;
}

.logo-xl.brand-image-xs, .logo-xs.brand-image-xs {
  left: 45px;
}
.login-box button,.navbar-gray,
[class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus {
  background: linear-gradient(323deg, #fd6565, #ff24f7, #f95b5b);
}

td {
  font-size: 13px;
}

td img {
  height: 30px;
  width: 30px;
}

th:nth-child(2),th:nth-child(3) {
  max-width: 80px;
}

th:nth-child(4) {
  max-width: 100px;
}

table th.man{background-color: #d1eeff;}
table th.man:before{
font-family: 'Font Awesome 5 Free';
content:"\f183";
margin-right:2px;
font-weight:bold;

}

table th.woman{
  background-color: #ffd8dd;
}
table th.woman:before{
font-family: 'Font Awesome 5 Free';
content:"\f182";
margin-right:2px;
font-weight:bold;

}

table th.choice{
  background-color: #ffd8dd;
}

table th.random{
  background-color: #d8ffdd;
}

table th.show{
  background-color: #d1eeff;
}

table th.hide{
  background-color: #ffd8dd;
}

table th.yet{
  background-color: #d8d8d8;
}


table thead{font-size:10px}
table thead th{width: 100px;}

div[data-url="https://lvch.msys.cloud/network/usage/act"]
table{
  table-layout: fixed;
  text-align: center;
}
tbody tr:nth-child(even){background-color: #ffffff;} 
tbody tr:nth-child(odd) {background-color: #fbfbfb;}

table.usage_table thead tr th.usage_date,
table.usage_table tbody td:first-child,
table.usage_table_dt thead tr th.usage_time,
table.usage_table_dt tbody td:first-child

{
background-color: #ffffff;
position:sticky;
left:0;
}
table.usage_table tbody td button{font-size:10px}
thead tr:first-child th{
  position:sticky;
  top:0;
  background-color: #f7f7f7;
  
}
@media only screen and (max-width: 767px){

}
.feel-icon .card-body > .col-sm-12{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}


.col-sm-12 > div[class*="feel_"]{
  background-color: #000000;
  padding: 10px;
  margin: 10px;
  border-radius: 10px;
 color:#ffffff;
 text-align: center;
 box-shadow: 5px 5px 0px #dcdcdc;
}
div[class*="feel_"]:first-of-type{width:100%;}

div.feel_value{
  font-size: 40px;
  font-weight: bold;
}
div.feel_title:before{
font-size:50px;
  display: block;
}
div.feel_1 div.feel_title:before{
  content:"🌞";
}
div.feel_2 div.feel_title:before{
  content:"🏠";
}
div.feel_3 div.feel_title:before{
  content:"🌜";
}
div.feel_4 div.feel_title:before{
  content:"🍻";
}
div.feel_5 div.feel_title:before{
  content:"😊";
}
div.feel_6 div.feel_title:before{
  content:"😡";
}
div.feel_7 div.feel_title:before{
  content:"😭";
}
div.feel_8 div.feel_title:before{
  content:"😆";
}

div.card-header {
  
}