.char_btn, .char_btn2, .char_btn3, .char_btn4, .char_btn5, .char_btn6, .char_btn7{ filter: brightness(65%);transition: 0.3s;}

.c-active {filter: brightness(100%);transition: 0.3s;cursor:pointer;}
.char_btn:hover {filter: brightness(100%);transition: 0.3s;cursor:pointer;}
.char_btn2:hover {filter: brightness(100%);transition: 0.3s;cursor:pointer;}
.char_btn3:hover {filter: brightness(100%);transition: 0.3s;cursor:pointer;}
.char_btn4:hover {filter: brightness(100%);transition: 0.3s;cursor:pointer;}
.char_btn5:hover {filter: brightness(100%);transition: 0.3s;cursor:pointer;}
.char_btn6:hover {filter: brightness(100%);transition: 0.3s;cursor:pointer;}
.char_btn7:hover {filter: brightness(100%);transition: 0.3s;cursor:pointer;}

.char-select{width:100%; background-image:url(img/char/bg.jpg);background-size:100% 100%;padding:0; margin:0 auto;border:2px solid}

.modal{top:7%}
#customers {

  border-collapse: collapse;
  width: 100%;
	color:black;
}

#customers td  {
  border: 1px solid #ddd;
  padding: 6px;
  color:#000
}

#customers tr:nth-child(even){background-color: #f2f2f2;}
#customers td:nth-child(2) {font-size:18px}
#customers td:nth-child(2), #customers td:nth-child(3), #customers td:nth-child(4){
  text-align: center;
  vertical-align: middle;
}
#customers tr:hover {background-color: #ddd;}

#customers th {
	padding: 8px 6px 8px 6px;
  text-align: center;
  background-color: #C00;
  color: white;
}

.bigfont {font-size:15px}
.all_left{text-align: left !important}