.sidebar {
  height: 100%;
  width: 200px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #f6f6f6;
  overflow-x: hidden;
  padding-top: 55px;
  box-shadow:5px 0px 5px #d4d4d4;
}

.sidebar a {
  background-color: #0052CC;
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 20px;
  color: #ffffff;
  display: block;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.15) 35%,rgba(0, 0, 0, 0.12) 100%);
}

.sidebar a:hover {
  color: #f1f1f1;
}

.sidebar ul a {
    background:#f6f6f6;
    color:#0052CC;
    font-size:16px;
    padding:5px 5px 5px 16px;
    font-weight:bolder;
    border-bottom:solid 1px #0052cc;
}

.sidebar ul a:hover {
    background:white;
    color:orange;
}

.admin-navbar{
    background-color: #0052CC;
    font-size: 20px;
    color: #ffffff;
    display: block;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.15) 35%,rgba(0, 0, 0, 0.12) 100%);
    font-weight:bold;
}

.admin-navbar a {
   
}

.dropdown {
    margin-right:50px;
}

.dropdown label {
    cursor:pointer;
}

.dropdown .dropdown-menu {
    padding:0px;
}

.dropdown .dropdown-menu li {
    background-color: #0052CC;
    color: #ffffff;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.15) 35%,rgba(0, 0, 0, 0.12) 100%);
}

.main {
  margin-left: 200px;
  padding: 0px 10px; 
}

.content-div {
    /* border: solid 2px; */
    box-shadow: 0px 0px 8px teal;
    background-color: white;
    padding: 10px;
    margin-top: 10px;
    margin-bottom:20px;
}

.content-div h2 {
    background-color: #0052CC;
    color: white;
    text-align: center;
    padding: 5px;
}

.form-row {
    margin-bottom:8px;
}

.content-div label {
    font-weight: bold;
    color: #555555;
}

@media screen and (max-height: 450px) {
  .sidebar {padding-top: 15px;}
  .sidebar a {font-size: 18px;}
}

