*{
  font-family: 'Lato', sans-serif;
}
nav{
  background-color:#ec7e1e;
  height: 50px;
  width:100%;
}

main{
  background: linear-gradient(to top right,rgba(0, 0, 0, 0.735),#00000060),url('../../uploads/back4.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  max-height: 100%;
 

}

.logo-strip img{
  width:250px;
  display: block;
  margin:0 auto;
}
.logo-container{
  background-color: white;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.logo-container img{
  max-width: 100%;
  padding: 0px 50px;
  display: block;
  margin: 0 auto;
}
.shadow-container{
  border-radius: 10px;
 
  box-shadow: 0px 0px 19px 0px rgba(87, 87, 87, 0.699);
}
.login-container{
 
  padding:70px;
  margin:0 auto;
  border-radius:10px;
}

.top-container{
  background:linear-gradient(to bottom right,#fc4b1ac7,#f7b633e5),url('../../uploads/index.jpg');
  height: 40vh;
  background-size:cover;
height: 350px;
}
.top-content{
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.top-container h3{

  color:white;
  font-size:24px;
  margin-bottom:20px;
}
.top-container input[type="text"],
.top-container input[type="password"]{
  margin-bottom:25px;
  border:0;
}
.bottom-container{
  padding:30px 0px;
  background-color: white;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.c-btn{
  color:white;
  border:0;
  width:  200px;
  display: block;
  margin:0 auto;
  margin-bottom:20px;
  height: 45px;
  border-radius: 6px;
  cursor: pointer;
}
.facebook-btn{
  background-color:#3b5998 !important;
}
.twitter-btn{
  background-color: #55acee !important;
}

.bottom-container a{
  color:rgb(39, 39, 39);
  
  text-decoration:none !important;
}
.bottom-container a:hover{
  color:black;
}
.bottom-container p{
  text-align: center;
}

.top-container label{
  color:white;
}

.top-content p{
  color:white;
  text-align: center;
}
.logo-strip{
  background-color:transparent;
}
.body-container{
  background-color:white;
}
.dashboard-service{
  text-decoration:none !important;
  border-radius: 5px;
  background-color:white;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
  height: 130px;
  margin:10px 0px;
  box-sizing: border-box;
  transition:all .2s;
}
.dashboard-service:hover{
  transform: scale(1.1);
}
.left-service{
  height: 130px;
}
.left-service i{
  color:#ec7e1e;
  font-size: 60px;
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.right-service h3{
  color:rgb(56, 56, 56);
  line-height: 130px;
  text-align: center;
  text-decoration-line: none !important;
  font-weight: 700;
}
.card-body{
  max-height: 490px;
}
.dashboard-service-container .card{
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
}
footer{
  width: 100%;
  height:47px;
  background-color:#ec7e1e; 
}
.notification-container .card-body{

  overflow-y: auto;
}
.notification-single{

}