.navbar-brand{font-family: 'Patua One', cursive;letter-spacing:2px;}

/*Contact section*/
.content-header{
  font-family: 'Oleo Script', cursive;
  color:#fcc500;
  font-size: 45px;
}

.section-content{
  text-align: center; 

}
#contact{
    
    font-family:  'myFirstFont',serif;
  padding-top: 0px;
  width: 100%;
  height: fit-content;
  background: #3a6186; /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #3a6186 , #89253e); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #3a6186 , #89253e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color : #fff;  
    overflow:hidden;  
}
.contact-section{
  padding-top: 0px;
  padding-bottom: 40px;
}
.contact-section .col-md-6{
  width: 50%;
}

.form-group{
  margin-top: 10px;
}
label{
  font-size: 1.3em;
  line-height: 1em;
  font-weight: normal;
}
.form-control{
  font-size: 1.3em;
  color: #080808;
}
textarea.form-control {
    height: 135px;
    resize: none;
   /* margin-top: px;*/
}

.submit{
  font-size: 1.1em;
  float: right;
  width: 150px;
  background-color: transparent;
  color: #fff;

}






/* The side navigation menu */
.sidenav {
    height: 100%;
    width: 0; 
    position: fixed; 
    z-index: 9999; 
    top: 0;
    left: 0;
    background-color: #111; 
    overflow-x: hidden; 
    padding-top: 60px; 
    transition: 0.5s;
}

/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 17px;
    color: #818181;
    display: block;
    transition: 0.3s;
   font-family:  'myFirstFont',serif;
}

.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

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

#main {
    transition: margin-left .5s;
}




 .login{font-size:4rem;font-family:  'myFirstFont',serif;margin-top:140px;}
 .login_form{margin-top:0px;background-color:orange;border-radius:10px;}
 .login_form label{font-family:  'myFirstFont',serif;font-size:15px;color:black;border-radius:10px;font-weight:bold;}
 .login_btn{border:0px;border-radius:1px;font-family:  'myFirstFont',serif;font-size:20px;background-color:limegreen;color:#192436;font-weight:bold;}
 #mess{font-family:  'myFirstFont',serif;margin-top:100px;color:limegreen;background-color:#182232;border-radius:10px;text-align:center;font-size:20px;}

 .select_option .header{margin-top:-42px;color:white;font-size:20px;font-family: 'Patua One', cursive;}
 .select_option select{margin-top:0px;color:black;font-size:16px;font-family: "Roboto";}
 .card{margin-top:60px;}
 .card p a{color: rgba(5, 29, 155, 0.94);font-size: 20px;font-family: 'myFirstFont',serif;border: 3px solid #6e00ff;font-weight: bold;background-color: #FFC107;}

 #account_details{margin-top:50px;}

 .table{background-color:rgba(0, 255, 102, 0.94);border-radius:4px;border:2px solid white;}
 .table thead{background-color:rgba(255, 141, 0, 0.0);font-size:16px;font-family:  'myFirstFont',serif;color:white;}
 .table thead tr th{text-align:center;}
 td{text-align:center;color:white;font-size:20px;font-family:  'myFirstFont',serif;background-color:limegreen;border-right: 2px solid white;}
 #acc_no{color:white;font-family:'myFirstFont',serif;font-size:20px;} 
 
 #mess2{text-align:center;color:white;font-size:20px;}

 .daily_payment label{color:white;font-family:  'myFirstFont',serif;}
 .daily_payment .header{font-size:4rem;text-align:center;color:white;font-family: 'Patua One', cursive;}
 .payment{margin-top:100px;}

.pagination 
  {
    display: inline-block;
  }

.pagination a {
    color: white;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
}

.pagination a.active {
    background-color: #4CAF50;
    color: white;
    border-radius: 5px;
}

.pagination a:hover:not(.active) {
    background-color: #ddd;
    border-radius: 5px;
}
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}