/* dashboard */

.sidebar{
    height:100vh;

    background: linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.9)),url('../assets/images/13.png');

    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 5px 7px 25px #999;


  } 

  .bottom-border{
    border-bottom:2px solid #eee;
    
 
  }

  .sider-link{
    border-bottom:1px solid #fff;
    box-shadow: 1px 2px 5px #444;
  }
  .sider-link a{
   
    color:#fff;
    transition: all 1s;
  }
  .sider-link a:hover{
    background:#d9d9d9;
    border-radius:5px;
    font-weight: 600;

   
  }

  .school .card{
    background:#008000;
    color:#fff;  
    transition:all 1s;
      
  }
  .school .card:hover{
   background:#339933;
   color:#f1f1f1;
   border-radius:10px;
  }
  
  .task .card{
  background:#B8860B; 
   color:#fff; 
   font-size:15px;
   transition:all 1s;
  }
  .task .card:hover{
  background:#765607; 
  border-radius:10px;
  }
  .elite .card{
      
   background:#4682B4;
   color:#fff; 
   font-size:15px;
   transition:all 1s;  
  }
  .elite .card:hover{
      
   background:#6086A6;
   color:#fff; 
   font-size:15px;
   border-radius:10px;
  }
  .setting .card{
   background:#800080;
   color:#fff; 
   font-size:15px;
   transition:all 1s;    
  }
  .setting .card:hover{
   background:#993399;
   font-size:15px;
   border-radius:10px;   
  }
  .team .card{
   background:#5F9EA0;
   color:#fff; 
   font-size:15px;
   transition:all 1s;    
  }
  .team .card:hover{
    background:#7FB1B3;
   color:#fff; 
   font-size:15px;
   border-radius:10px;  
  }
  .booking .card{
   background:#CD5C5C;
   color:#fff; 
   font-size:15px;
   transition:all 1s;    
  }

  .booking .card:hover{
   background: #A44A4A;
   color:#fff; 
   font-size:15px;
   border-radius:10px;    
  }
  .event .card{
   background:#0A2F53;
   color:#fff; 
   font-size:15px;
   transition:all 1s;    
  }
  .event .card:hover{
   background:#3B5975;
   color:#fff; 
   font-size:15px;
   border-radius:10px;      
  }


 /* page home (1) */
  /* home */

  .fs-30 { font-size:30px; }
  h2{
 
    text-shadow: 1px 1px 2px gray;
  }
  /* home */

/* profile page  */
.profile_page span{
  width:120px;;
}
.profile_page .btn{
  width:100%;
}
/* profile page  */









  /* login */
  .form{
   
    width:80%;
    margin:0 auto;
    /* background:#e4e9ed; */
    background:#F1F1F1;
    /* background:#212529; */
    padding:20px;
    border-radius:10px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}
.form .btn{
    width:100%;
}

/* login */

/* register  */


.form{
   
  width:90%;
  margin:0 auto;
  /* background:#e4e9ed; */
  background:#fff;
  /* background:#F1F1F1; */
  padding:20px;
  border-radius:10px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.form .btn{
  width:100%;
}
/* register  */


  /* from page  */










  @media(max-width:768px){
  .sidebar{
   position:static;
   height:auto;
  }
  .top-navbar{
    position:static;
  }
  }