.card a{
    color:#00bcd4 !important;
}
.card-header .card-title , .card-category{
    text-align: right !important;
}
.main_table{
    overflow-y: scroll;
}
.main_table th , td{
    font-size: 10px !important;
    text-align: center !important;
}
.main_table th {
    color:#00bcd4 !important;
        font-weight: bold !important;

}
.tbl_main th , td{
    font-size: 12px !important;
    text-align: center !important;
}

.text-white th{
    color:white !important;
}
.fa-ss{
    font-size: 10px !important;
}
.btn-ss{
  
    padding:5px !important;
}
.btn-control{
    margin:5px !important;
}
.form-group p{
   direction: rtl !important;
   text-align: right !important;
}
.alert{
    width:80% !important;
    margin-right:10% !important;
    height: 45px;
    line-height:5px;
    text-align: center !important;
    font-weight: bold !important;
}
.title{
    color:White;
    float:right;
    height: 45px;
    line-height:20px;
    text-align: center;
        padding:10px;
    padding-right: 20px;
    padding-left: 20px;
    border-radius:5px;
}
.bg-warning{
    background-color:orange !important;
}
.fa {
    color:orange !important;
}
.btn .fa{
    color:white !important;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  background-color: white;
  overflow-x: hidden;
  transition: 0.6s;
  padding-top: 60px;
  
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}