body {
  padding: 50px;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}

a {
  color: #00b7ff;
}
.sidebar-toggler {
  margin-bottom: 10px;
}
.logo-default {
  width: 120px;
}

/* Styling for cards on dasgboars */
.dashboard-stat .details .desc {
  padding: 10px;
  font-size: large;
}

.dashboard-stat .details .number {
  padding: 10px;
  padding-top: 0;
  font-size: large;
}

/* Css for manageusers page */
.filter-container-btn {
  padding-top: 10px;
}
/* 
Css for dashboard card */
.dashboard-stat .more {
  padding-bottom: 22px;
}

.error {
  color: red;
}
.active-user {
  height: 20px;
  width: 20px;
  background-color: green;
  border-radius: 50% !important;
  display: inline-block;
}
.inactive-user {
  height: 20px;
  width: 20px;
  background-color: red;
  border-radius: 50% !important;
  display: inline-block;
}
.pending-user {
  height: 20px;
  width: 20px;
  background-color: #f0ad4e;
  border-radius: 50% !important;
  display: inline-block;
}


#video_player {
  width: 100%;
}
.status_td {
  text-align: center;
  vertical-align: middle;
}

#rememberme,
#forget-password {
  font-size: 14px;
}

.btns {
  padding-top: 25px;
}
textarea {
  border-style: none;
  border-color: Transparent;
  overflow: auto;
  outline: none;
}
.talent {
  margin-top: 4px !important;
}

#profile_picture {
  border-radius: 50% !important;
  width: 150px;
  height: 150px;
  margin: 15px 0;
}

.time {
  max-width: 130px !important;
}
.page-header.navbar
  .top-menu
  .navbar-nav
  > li.dropdown-extended
  .dropdown-menu
  .dropdown-menu-list
  > li
  > a {
  padding: 10px 5px 18px;
}

.notification_msg {
  padding-left: 12px !important;
}

.notification_pagination {
  background-color: #eee;
  padding: 4px;
  border: 1px solid rgb(212, 205, 205);
}

.top_spacing {
  margin-top: 4px !important;
}

td.info-tooltip div {
  display: none;
}

/* Common responsive table wrapper for admin unresponsive pages.
Use this on any wide table so mobile users can swipe left/right. */
.admin-table-scroll {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

td.info-tooltip:hover {
  position: relative;
  cursor: pointer;
}

td.info-tooltip:hover div {
  position: absolute;
  /* this will let you align the popup with flexibility */
  top: 0px;
  /* change this depending on how far from the top you want it to align */
  left: -60px;
  /* change this depending on how far from the left you want it align */
  display: block;
  width: 250px;
  height: 50px;
  background-color: #fff;
  /* give this your own width */
}
.unread {
  background-color: burlywood;
}
.details,
.time {
  color: rgb(22, 21, 21);
}
.page-header.navbar .page-logo .logo-default {
  margin: 10px 0 0 0 !important;
}
.title {
  font-size: 13px !important;
}
