.main_content {
  max-width: 1300px;
  margin: 0 auto;
}
#user_manage {
  font-size: 15px;
}
.menu{
  background-color : #c9daf842;
  font-weight: bold;
}
.before {
  color: grey;
}
.yes .col7 {
  color: #d44e4c;
}
.no .col7 {
  color: #518cc4;
}
.waiting .col7{
  color: grey;
}
.search{
  margin-top: 30px;
  text-align: left;
}
.no_reserve{
  text-align: center;
  font-size: 18px;
  margin-top: 40px;
}
.before-today{
  color: grey;
}
.list_row{
  min-height: 30px;
  height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
}
.list_row select {
  height: 27px;
}
#search_list {
  text-align: right;
  margin-bottom: 15px;
}
.col{
  display: inline-block;
  text-align: center;
}
.col0{
  width: 6%;
}
.col1{
  width: 14%;
}
.col2{
  width: 9%;
}
.col3{
  width: 15%;
}
.col4{
  width: 14%;
}
.col5{
  width: 14%;
}
.col6{
  width: 17%;
}
.col7{
  width: 7%;
  font-weight: bold;
}

.far .tooltip_email{
  visibility: hidden;
  width: 220px;
  background-color: white;
  color: black;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  border: 1px solid black;
  position: absolute;
  z-index: 1;
}
.far:hover .tooltip_email{
  visibility: visible;
}

.change{
  font-size: 15px;
  border-radius: 5px;
  background: white;
}
.approval{
  border: 1px #518cc4 solid;
  color: #518cc4;
}
.reject{
  border: 1px #d44e4c solid;
  color: #d44e4c;
}

.change.approval:hover{
  background: #518cc424;
}
.change.reject:hover{
  background: #d44e4c1f;
}


button:hover{
  background: #e3e3e3;
}

button{
  border: 1px solid;
  border-radius: 5px;
  background: white;
}

canvas{
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

#msg_graph{
  display: none;
}
@media (max-width: 1100px) {
  .index {
    display: none;
  }
  .roomname {
    width: 15%;
  }
  .usingdate {
    width: 11%;
  }
}

@media (max-width: 980px) {
  .homeX {
    display: none;
  }
  .etc2 {
    display: none;
  }
  .roomname {
    width: 20%;
  }
  .purpose {
    width: 20%;
  }
  .approve {
    width: 12%;
  }
}

@media (max-width: 980px) {
  .etc1 {
    display: none;
  }
  .usingdate {
    width: 14%;
  }
  .roomname {
    width: 23%;
  }
  .usingdate {
    width: 14%;
  }
  .purpose {
    width: 23%;
  }
  .usingtime {
    width: 22%;
  }

}

@media (max-width: 710px) {
  .purpose {
    display: none;
  }
  .roomname {
    width: 25%;
  }
  .usingdate {
    width: 23%;
  }
  .usingtime {
    width: 27%;
  }
  .approve {
    width: 16%;
  }
}
@media (max-width: 492px) {
  .approve {
    display: none;
  }
  #statusOption {
    display: none;
  }
  .roomname {
    width: 37%;
  }
  .usingdate {
    width: 30%;
  }
  .usingtime {
    width: 30%;
  }
}
@media (max-width: 410px) {
  #list {
    font-size: 12px;
  }
  .main_content {
    padding : 0 20px !important;
  }
  .main_title {
    font-size: 30px !important;
  }
}



@media (max-width: 750px) {
  #canvas{
    display:none !important;
  }
  #msg_graph{
    display: inline-block;;
  }
}