.profile-header {
    padding: 20px;
}

#avatar-crop-controls {
    opacity: 1;
    padding: 5px 25px;
}

.modal-body .croppie-container {
    padding: 0 0 15px;
}

.modal-body .cr-slider {
    cursor: pointer;
}

.modal-body .cr-slider::-webkit-slider-runnable-track {
    height: 12px;
    border: 0;
    border-radius: 3px;
    background: #e9e9e9;
    border: 1px solid #aaa;
}

.modal-body .cr-slider::-webkit-slider-thumb {
    border-radius: 6px;
    height: 24px;
    width: 24px;
    border: 1px solid #aaa;
    background-color: #fff;
    margin-top: -7px;
}

body .navbar.profile-menu-nav li a:hover,
body .navbar.profile-menu-nav li.active a:hover {
    background: none;
}

body .navbar.profile-menu-nav li.active a {
  border-bottom: 2px solid;
}

body.whitewood {
  background: url(/static/images/sample_background.jpg);
}

body.whitewood h1.media-heading {
  color: #000;
}

body.whitewood h5.media-subheading {
  color: #000;
}

body.whitewood .navbar.profile-menu-nav {
  background: #373737;
}

body.whitewood .navbar.profile-menu-nav li a {
  color: #cecece;
}

body.whitewood.navbar.profile-menu-nav li a:hover {
  color: #cecece;
}

body.whitewood .navbar.profile-menu-nav li.active a {
  border-bottom: 2px solid #ee4f9c;
}

body.whitewood .text-highlight {
  color: #ee4f9c;
}

body.whitewood .profile-header {
    background: #f0f0f0;
}

body.pinkish {
  background: #ea2280;
}

body.pinkish h1.media-heading {
  color: #fff;
}

body.pinkish h5.media-subheading {
  color: #fff;
}

/*body.pinkish .navbar.profile-menu-nav {
  background: #373737;
}

body.pinkish .navbar.profile-menu-nav li a {
  color: #cecece;
}

body.pinkish.navbar.profile-menu-nav li a:hover {
  color: #cecece;
}*/

body.pinkish .navbar.profile-menu-nav li.active a {
  border-bottom: 2px solid #ee4f9c;
}
/*
body.pinkish .navbar.profile-menu-nav li.active a:hover {
  background: #4e4e4e;
  color: #bdbdbd;
}*/

body.pinkish .text-highlight {
  color: #ee4f9c;
}

body.pinkish .profile-header {
    background: #ee4f9c;
}