/*css for all*/
*{
  margin:0px;
  padding: 0;
  font-family: sans-serif;

}
.a{
  text-decoration: none;
  font-weight: bold;
  color: #ff6b81;

}
.wrapper{

  /* padding: 1%; */
  width: 100%;
  margin: 0 auto;
}
.wrapper-order{

  padding: 1%;
  width: 100%;
  margin: 0 auto;
}
.text-center{
  text-align:  center;
}
.clearfix
{
  float: none;
  clear:both;
}
.full{
  width:  100%;
}

.tbl{
  width: 30%;
}
table tr th{
  border-bottom: 1px solid black;
  padding: 1%;
  text-align: left;
}
table tr td{
  padding: 1%;
}
 .btnprimary{
   background-color: #23306a ;
   padding: 1%;
   color: white;
   text-decoration: none;
   font-weight: bold;
 }
 .btnprimary:hover{
   background-color: #3742fa;

 }
 .btnsecondary{
   background-color: #7bc00f;
   padding: 1%;
   color: white;
   text-decoration: none;
   font-weight: bold;
 }
 .btnsecondary:hover{
   background-color: #20d533;

 }
 .btndanger{
   background-color: #ff6b81;
   padding: 1%;
   color: white;
   text-decoration: none;
   font-weight: bold;
 }
 .btndanger:hover{
   background-color: #ff4757;

 }
 .success{
   color: green;
 }
 .error{
   color: red;
 }
 /*css for menu*/
.menu{
  text-align: center;
  border-bottom: 1px solid grey;


}
.menu ul{
  list-style-type: none;
}
.menu ul li{
  display: inline;
  /* padding: 1%; */

}
.menu ul li a{
   text-decoration: none;
   font-weight: bold;
   color: #ff6b81;
   margin-bottom: 2%;
}
.menu ul li a:hover{
 font-weight: bold;
   color: #ff4757;
}
 /*css for main content*/
.main-content{

  background-color:  #f1f2f6;
}
.col-4{
  background-color: white;
  width: 13%;
  margin: 1%;
  padding: 2%;
  float: left;
}
 /*css for footer
.footer{
  background: #ff4757;
  color: white;

}
/*css for login*/
.login1{
  width: 20%;
  border: 1px solid grey;
  margin: 10% auto;
  padding: 3%;
}
/*css for new table */
.login{
    width: 100%;
    height:;
    padding: 1px 0 0;
    margin-top:px ;
    align-items: center;
    display: flex;
    justify-content: center;


}
.login-form{
     width: 50%;
     height:;
     padding: 1px 0 0;
     margin:100px auto;
     align-items: center;
     display: flex;
     justify-content: center;
     background-color: red;

}

.form{
    width: 20%;
    border-radius: px;

    background: #FFCCCC;
     /* background: rgba(0,0,0,0.5);  */

    align-items: center;

    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin:10% auto;


}
 .table{
   width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

 }

.table input{
     padding: 10px 40px;
     border: 10px;
     display: flex;
     justify-content: center;

     margin-bottom: 10px;



}
.table p{
    text-align: right;
    text-decoration: none;


}

.register1{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 98%;


}
.btn-login{
  padding: 10px 40px;
  color: gray;
  display: flex;
  justify-content: center;
  margin-left: 50px;
  background-color: chartreuse;

  margin-top: 10px;
  border-radius: 15px;
  cursor: pointer;
  text-transform: uppercase;
}
.btn-login:hover{
  background: fuchsia;
transform:scale(1.2);
}

.text{
    color: hotpink;
    margin: 15px 0 0;
    padding-left: 2px;
}

/*css for aprove admin */

!important
