/*====================================
 Free To Use For Personal And Commercial Usage
 Author: http://binarytheme.com
 Share Us if You Like our work 
 Enjoy Our Codes For Free always.
======================================*/
.panel-heading.settings {
  background-color: #53A3A3;
  color: #fff;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}
a.paginate_button {
    margin: 1px 3px;
    cursor: pointer;
    font-weight: bold;
}
.member-dropdown > div {
  width: 100%;
}
.login_page .page-header {
  color: #fff;
}
img.fb-display {
  border-radius: 50px;
}
a.pop {
  position: relative;
  text-decoration: none;
}
a.pop span {
  display: none;
}
a.pop:hover span {
  display: block;
  position: absolute;
  padding: .5em;
  content: attr(title);
  min-width: 120px;
  text-align: center;
  width: auto;
  height: auto;
  white-space: nowrap;
  top: -32px;
  background: rgba(0, 0, 0, .8);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  color: #fff;
  font-size: .86em;
}
a.pop:hover span:after {
  position: absolute;
  display: block;
  content: "";
  border-color: rgba(0, 0, 0, .8) transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  height: 0;
  width: 0;
  bottom: -16px;
  left: 1em;
}
a#toggle {
  cursor: pointer;
}
#toggle #eye {
  font-size: 18px !important;
}
/* user image section */
.user-section {
  margin-top: 20px;
  font-size: 22px;
  background-color: rgb(83, 163, 163);
}
.user-section-inner {
  height: 65px;
  width: 65px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  display: inline-block;
  float: left;
  margin-right: 15px;
  margin-top: 20px;
}
.dropdown-toggle > img {
  border-radius: 40px;
  position: relative;
  top: -10px;
}
.user-section-inner img {
  margin-left: 10px;
  width: 55px;
  height: 60px;
}
.input-group.custom-search-form {
  margin-top: 30px;
}
.user-info {
  color: #000 !important;
  display: inline-block;
  padding: 15px;
  margin-bottom: 0px
}
.user-text-online {
  font-size: 18px;
  color: #fff
}
.user-circle-online {
  width: 15px !important;
  height: 15px !important;
}
nav #side-menu {
  margin-top: 5px;
}
/* side-menu section */
.nav > li > a:hover, .nav > li > a:focus {
  background-color: rgba(74, 72, 126, 0);
}
.navbar-top-links .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #fff;
}
.navbar-top-links > li > a {
  color: #FFFFFF;
}
.nav > li > a {
  color: #333;
  padding: 5px 10px;
}
a.user_profile_pic {
  height: 50px;
  width: 50px;
}
a.user_profile_pic img {
  height: 50px;
  width: 50px;
}
#side-menu {
  background-color: #04B173;
}
#side-menu a i {
  color: #d22130;
  font-size: 20px;
  margin-right: 15px;
}
#side-menu a {
  background: rgba(0, 0, 0, 0) url("../img/bg-leather.jpg") repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-size: 16px;
  height: 55px;
  padding: 18px 10px;
  text-align: left;
}
.selected {
  background-color: rgb(83, 163, 163);
}
/* back colors */
.blue {
  background-color: rgb(113, 159, 241);
}
.green {
  background-color: rgb(144, 236, 192);
}
.red {
  background-color: rgb(255, 102, 133);
}
.yellow {
  background-color: rgb(237, 253, 46);
}
/* No border */
.no-boder {
  border: 0px solid #5bc0de !important;
}
/* tap nvbar Section */
.clearfix::before, .clearfix::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after, .form-horizontal .form-group::before, .form-horizontal .form-group::after, .btn-toolbar::before, .btn-toolbar::after, .btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after, .nav::before, .nav::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after, .navbar-collapse::before, .navbar-collapse::after, .pager::before, .pager::after, .panel-body::before, .panel-body::after, .modal-footer::before, .modal-footer::after {
  content: " ";
  display: table;
}
*::before, *::after {
  box-sizing: border-box;
}
.clearfix::after, .container::after, .container-fluid::after, .row::after, .form-horizontal .form-group::after, .btn-toolbar::after, .btn-group-vertical > .btn-group::after, .nav::after, .navbar::after, .navbar-header::after, .navbar-collapse::after, .pager::after, .panel-body::after, .modal-footer::after {
  clear: both;
}
.clearfix::before, .clearfix::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after, .form-horizontal .form-group::before, .form-horizontal .form-group::after, .btn-toolbar::before, .btn-toolbar::after, .btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after, .nav::before, .nav::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after, .navbar-collapse::before, .navbar-collapse::after, .pager::before, .pager::after, .panel-body::before, .panel-body::after, .modal-footer::before, .modal-footer::after {
  content: " ";
  display: table;
}
*::before, *::after {
  box-sizing: border-box;
}
#navbar {
  background-color: #fff;
  color: #333;
}
.navbar-brand {
  margin: 5px;
  padding: 5px;
}
.navbar-brand img {
  height: 45px;
}
.top-label {
  position: absolute;
  top: 50%;
  right: 50%;
  margin-top: -24px;
  margin-right: -24px;
}
/*large font*/
.large-font {
  font-size: 18px;
}
.body-Login-back {
  background-color: #84B899;
}
.margin-tips {
  margin: 5px;
}
.navbar-default {
  border-color: #27A6BE;
}
/*media queries*/
.feet {
  color: #fff;
  font-size: 16px;
}
/*.panel-body {
    padding: 0;
}*/
@media only screen and (min-width:768px) {
  #page-wrapper {
    position: inherit;
    margin: 0;
    padding: 0 30px;
    min-height: 1000px;
  }
}
@media only screen and (max-width:768px) {
  .navbar-brand img {
    height: 30px;
  }
  #wrapper {
    margin-top: 115px !important;
  }
}