.calendar{
  width:100%;
}
.calendar tr th,
.calendar tr td{
  border: 1px solid #cccccc;
  width: auto;
  text-align: center;
}
.calendar tr th{
  padding: 20px;
  background-color: #e9ecef;
}
.calendar tr td{
  padding: 15px;
  vertical-align: top;
}
#txtMonth{
  text-align: center;
}
.btn{
  margin-top:10px;
}
.txtNormal{
  color: #198754;
}
.txtWarning{
  color: #ff9900;
}
.txtDanger{
  color: #ff0000;
}
a,a:hover{
  text-decoration: none;
  color: #a81549;
}
.calendarAdmin{
  text-align: center;
  width:100%;
}
.tableData {
    width: 100%;
    margin-top:15px;
}
.tableData thead{
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080;
}
.tableData tr th{
    padding:20px;
    background: #ffffff;
}
.tableData tr td,
.tableData tr td{
    padding:8px;
    border-bottom: 1px solid #808080;
}
.tableData tr:nth-child(even) {
    background: #ffffff;
}
.tableData tr:nth-child(odd) {
    background: #f2f2f2;
}
@media (max-width: 820px) {
    .calendarAdmin,
    .tableData,
    .bottomtableHeader {
        width: 1000px;
    }
}
.calendarAdmin .dayList{
  font-size: 18px;
  font-weight: bold;
}
.calendarAdmin tr th,
.calendarAdmin tr td{
  width:150px;
}
.calendarAdmin .toDay{
  color: #a81549;
}
.calendarAdmin .btn{
  width:95%;
}
.calendarAdmin .btn span{
  float: right;
}
.btn-danger,
.btn-danger:hover{
  background-color: #a81549;
}
.btn-success,
.btn-success:hover{
  background-color: #1f931f;
}
.alert{
  position: absolute;
  right: 15px;
  width: 400px;
  padding: 10px;
  z-index: 10;
}
table tr th,
table tr td {
    vertical-align: middle;
}