@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600);
*{
    list-style: none;
    text-decoration: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Lato, Helvetica, sans-serif;
}
.dropdown-list{
   display: none;
}
.dropdown:hover .dropdown-list{
   display: block;
}

.btn-courses{
   border: none;
   background-color: rgb(5, 41, 104);
   color: white;
   font-size: 16px;
   transition: background-color 0.3s, color 0.3s;
   width: 100%;
   margin-left: 0;
   text-align: left;
}


.footer{
   text-align: center;
   position:absolute; bottom:0px;
   background-color: rgb(5, 41, 104);
   color: white;
   width: 100%;
}

body{
   background-image:url(../Media/UFVcampus.jpg);
   background-repeat: no-repeat;
   background-size: cover;
}

input[type=text], select, textarea {
   width: 500px; 
   padding: 12px;
   box-sizing: border-box; 
   margin-top: 6px; 
   margin-bottom: 16px; 
}
 

input[type=submit] {
   background-color: rgb(5, 41, 104);
   color: white;
   padding: 12px 20px;
   border:none;
   cursor: pointer;
}
 

input[type=submit]:hover {
   background-color: rgb(59, 105, 184);
   cursor:pointer;
}
.container{
   padding-left: 36%;
   padding-top: 4%;
}

.fname,
.lname,
.topic,
.subject,
.submit{
   display: block;
}


#sidebar1 {
   position: absolute;
   width: 300px;
   height: 100%;
   background: rgb(5, 41, 104);
   left: -300px;
   transition: .4s;
}

#sidebar1 .toggle-btn:hover{
   cursor:pointer;
}

#sidebar1 .toggle-btn {
   position: absolute;
   top: 30px;
   left: 330px;
}

.toggle-btn span {
   width: 45px;
   height: 4px;
   background: #000;
   display: block;
   margin-top: 4px;
}

#sidebar1.active {
   left: 0;
}



.menu .sidebar .profile{
   margin-bottom: 30px;
   text-align: center;
   margin-top: 40px;
}
.menu .sidebar .profile img{
   display: block;
   width: 100px;
   height: 100px;
   border-radius: 50%;
   margin: 0 auto;
}
.menu .sidebar .profile h3{
   color: #ffffff;
   margin: 10px 0 5px;
}
.menu .sidebar .profile p{
   color: rgb(206, 240, 253);
   font-size: 14px;
}

.menu .sidebar ul li a{
   display: block;
   padding: 13px 30px;
   border-bottom: 1px solid #10558d;
   color: rgb(241, 237, 237);
   font-size: 16px;
   position: relative;
}
.menu .sidebar ul li a .icon{
   color: #dee4ec;
   width: 30px;
   display: inline-block;
}
.menu .sidebar ul li a:hover,
.menu .sidebar ul li a.active{
    color: #0c7db1;
    background:white;
    border-right: 2px solid rgb(5, 41, 104);
    transition: 0.5s;
}
.menu .sidebar ul li a:hover .icon,
.menu .sidebar ul li a.active .icon{
    color: #0c7db1;
    transition: 0.5s;
}
.menu .sidebar ul li a:hover:before,
.menu .sidebar ul li a.active:before{
    display: block;
}

.rrss{
   display: inline-flex;
   cursor:pointer;
}
.title{
   padding-top: 5%;
   font-size: 40px;
   color:rgb(5, 41, 104);
   font-weight: bold;
   text-align: center;
   margin-left: 5%;
}