@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@600&family=Poppins:wght@500&family=Raleway:wght@600;700&family=Rubik:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@600&family=Poppins:wght@500&family=Raleway:wght@600;700&family=Rubik:wght@400;500&display=swap');

 /* font-family: 'Rubik', sans-serif; */
/* .ui{
  width: 100%;
    display: flex;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 10px;
} */
 .main_page{
  width: 100%;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
/*  border: 20px solid black;
    -webkit-border-image: url(unnamed.png) 30 round;
    -o-border-image: url(unnamed.png) 30 round;
    border-image: url(unnamed.png) 30 round; */
    border-radius: 10px;
    margin: 10px 10px 10px 10px;
	padding: 5px;
	border: 5px solid green;
 }
 .main_div{
display: flex;
justify-content: space-between;
border-bottom: 1px solid black;
 } 
 .main_div img{
width: 96px; padding-left: 10px;
 
 }


 @media(max-width: 767px){
  .main_div img{
width: 96px; 
padding-left: 10px;
 }
  .heading h5{
  margin-top: 21px;
  background: black;
  padding-top: 8px;
  padding-left: 10px;
  padding-bottom: 8px;
  color: white;
  font-family: 'Rubik', sans-serif; 
  font-size: 8px !important;
  border-top-left-radius: 80px;


 }


 }

 .heading h5{
  background: black;
  padding-top: 8px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 8px;
  color: white;
  font-family: 'Rubik', sans-serif; 
  font-size: 12px;
  margin-top: 40px;
  border-top-left-radius: 80px;

 }
 h6{
  font-family: 'Rubik', sans-serif; 
  font-size: 12px;
  padding-left: 5px;
 }
 .main_register{
  font-size: 20px;
  border-radius: 5px;
  text-align: center;
  font-family: 'Rubik', sans-serif;
 }
 label{
  margin-left: 2px;
  font-size: 13px;
  border-radius: 5px;
  text-align: center;
  font-family: 'Rubik', sans-serif;
 }
 .form-control::placeholder {
font-size: 12px;
 font-family: 'Rubik', sans-serif;
}
.form-control{
  border: 1px solid #b0bd6c;
}
.date{
  font-size: 12px !important;
 font-family: 'Rubik', sans-serif;
}



.flex{
  display: flex;
  margin-top: 20px;
 
}

.radio{
padding-left: 10px;
margin-right: 5px;
height: 10px;
}
table th{
 font-size: 12px !important;
font-family: 'Rubik', sans-serif;
text-shadow: none !important;

}
table td{
 font-size: 12px !important; 
font-family: 'Rubik', sans-serif;
text-shadow: none !important;
border-bottom: 1px solid #dee2e6;
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #b0bd6c;
}

.table-bordered td, .table-bordered th {
    border: 1px solid #b0bd6c;
}
.submit{
  width: 50% !important;
  height: 40px;
 border: 1px solid green;
 background: white;
 font-family: 'Rubik', sans-serif;
 padding: 5px 40px;
}
.side_bar{
  width: 100%;
  height: 1400px;
  background: white;
  position: relative;
  left: 30px;
  margin-top: px;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   border-radius: 10px;

}
@media(max-width: 767px){
 .side_bar{
  left: 0px;
}
}
.side_bar h4{
   font-size: 12px;
   font-family: 'Rubik', sans-serif;
   /* padding-top: 20px; */
   padding-left: 10px;
   z-index: 9999;
   color: black;
   position: absolute;
   top: 0;
}
.way_way{
  width: 100%;
  position: absolute;
  top: 25px;
  z-index: 25;
}
.way_way_second{
   width: 100%;
  position: absolute;
  top: 185px;
  z-index: 25; 
}
.shing{
  font-size: 12px !important;
  font-family: 'Rubik', sans-serif;
}