/* ===== CSS combinado de QLETRAS =====
   Generado a partir de: AdminLTE.css + front.css + responsive.css
   + skins/skin-red.css + noty.css + site-extra.css + modern.css
   Unificado en un solo archivo para reducir de 6 pedidos HTTP a 1
   y acelerar la carga. Si necesitás editar un estilo puntual,
   buscá el bloque correspondiente marcado abajo. ===== */

/* ---- AdminLTE.css ---- */

/*!
 *   AdminLTE v2.3.2
 *   Author: Almsaeed Studio
 *	 Website: Almsaeed Studio <http://almsaeedstudio.com>
 *   License: Open source - MIT
 *           Please visit http://opensource.org/licenses/MIT for more information
!*/
/*
 * Core: General Layout Style
 * -------------------------
 */
html,
body {
  min-height: 100%;
}
.layout-boxed html,
.layout-boxed body {
  height: 100%;
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'Open Sans', sans-serif,Arial;
  font-weight: 400;
  overflow-x: hidden;
  overflow-y: auto;
}
/* Layout */
.wrapper {
  min-height: 100%;
  position: relative;
  overflow: hidden;
}
.wrapper:before,
.wrapper:after {
  content: " ";
  display: table;
}
.wrapper:after {
  clear: both;
}
.layout-boxed .wrapper {
  max-width: 1250px;
  margin: 0 auto;
  min-height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  position: relative;
}
.layout-boxed {
  background: url('../img/boxed-bg.html') repeat fixed;
}
/*
 * Content Wrapper - contains the main content
 * ```.right-side has been deprecated as of v2.0.0 in favor of .content-wrapper  ```
 */
.content-wrapper,
.right-side,
.main-footer {
  -webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  -moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  -o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  margin-left: 230px;
  z-index: 820;
}
.layout-top-nav .content-wrapper,
.layout-top-nav .right-side,
.layout-top-nav .main-footer {
  margin-left: 0;
}
@media (max-width: 767px) {
  .content-wrapper,
  .right-side,
  .main-footer {
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .sidebar-collapse .content-wrapper,
  .sidebar-collapse .right-side,
  .sidebar-collapse .main-footer {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .sidebar-open .content-wrapper,
  .sidebar-open .right-side,
  .sidebar-open .main-footer {
    -webkit-transform: translate(230px, 0);
    -ms-transform: translate(230px, 0);
    -o-transform: translate(230px, 0);
    transform: translate(230px, 0);
  }
}
.content-wrapper,
.right-side {
  min-height: 100%;
  background-color: #fff;
  z-index: 800;
}
.main-footer {
  background: #fff;
  padding: 15px;
  color: #444;
  border-top: 1px solid #d2d6de;
}
/* Fixed layout */
.fixed .main-header,
.fixed .main-sidebar,
.fixed .left-side {
  position: fixed;
}
.fixed .main-header {
  top: 0;
  right: 0;
  left: 0;
}
.fixed .content-wrapper,
.fixed .right-side {
  padding-top: 50px;
}
@media (max-width: 767px) {
  .fixed .content-wrapper,
  .fixed .right-side {
    padding-top: 100px;
  }
}
.fixed.layout-boxed .wrapper {
  max-width: 100%;
}
body.hold-transition .content-wrapper,
body.hold-transition .right-side,
body.hold-transition .main-footer,
body.hold-transition .main-sidebar,
body.hold-transition .left-side,
body.hold-transition .main-header > .navbar,
body.hold-transition .main-header .logo {
  /* Fix for IE */
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
/* Content */
.content {
    min-height: 433px;
    /* padding: 15px; */
    /* margin-right: auto; */
    /* margin-left: auto; */
    /* padding-left: 15px; */
    /* padding-right: 15px; */
    padding-top: 0.8em;
    margin-bottom: 18px;
}
/* H1 - H6 font */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Open Sans', sans-serif,Arial;
}
/* General Links */
a {
  color: #3c8dbc;
}
a:hover,
a:active,
a:focus {
  outline: none;
  text-decoration: none;
  color: #72afd2;
}
/* Page Header */
.page-header {
  margin: 10px 0 20px 0;
  font-size: 22px;
}
.page-header > small {
  color: #666;
  display: block;
  margin-top: 5px;
}
/*
 * Component: Main Header
 * ----------------------
 */
.main-header {
  position: relative;
  max-height: 100px;
  z-index: 1030;
}
.main-header > .navbar {
  -webkit-transition: margin-left 0.3s ease-in-out;
  -o-transition: margin-left 0.3s ease-in-out;
  transition: margin-left 0.3s ease-in-out;
  margin-bottom: 0;
  margin-left: 230px;
  border: none;
  min-height: 50px;
  border-radius: 0;
}
.layout-top-nav .main-header > .navbar {
  margin-left: 0;
}
.main-header #navbar-search-input.form-control {
  background: rgba(255, 255, 255, 0.2);
  border-color: transparent;
}
.main-header #navbar-search-input.form-control:focus,
.main-header #navbar-search-input.form-control:active {
  border-color: rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.9);
}
.main-header #navbar-search-input.form-control::-moz-placeholder {
  color: #ccc;
  opacity: 1;
}
.main-header #navbar-search-input.form-control:-ms-input-placeholder {
  color: #ccc;
}
.main-header #navbar-search-input.form-control::-webkit-input-placeholder {
  color: #ccc;
}
.main-header .navbar-custom-menu,
.main-header .navbar-right {
  float: right;
}
@media (max-width: 991px) {
  .main-header .navbar-custom-menu a,
  .main-header .navbar-right a {
    color: inherit;
    background: transparent;
  }
}
@media (max-width: 767px) {
  .main-header .navbar-right {
    float: none;
  }
  .navbar-collapse .main-header .navbar-right {
    margin: 7.5px -15px;
  }
  .main-header .navbar-right > li {
    color: inherit;
    border: 0;
  }
}
.main-header .sidebar-toggle {
  float: left;
  background-color: transparent;
  background-image: none;
  padding: 15px 15px;
  font-family: fontAwesome;
}
.main-header .sidebar-toggle:before {
  content: "\f0c9";
}
.main-header .sidebar-toggle:hover {
  color: #fff;
}
.main-header .sidebar-toggle:focus,
.main-header .sidebar-toggle:active {
  background: transparent;
}
.main-header .sidebar-toggle .icon-bar {
  display: none;
}
.main-header .navbar .nav > li.user > a > .fa,
.main-header .navbar .nav > li.user > a > .glyphicon,
.main-header .navbar .nav > li.user > a > .ion {
  margin-right: 5px;
}
.main-header .navbar .nav > li > a > .label {
  position: absolute;
  top: 9px;
  right: 7px;
  text-align: center;
  font-size: 9px;
  padding: 2px 3px;
  line-height: .9;
}
.main-header .logo {
  -webkit-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  display: block;
  float: left;
  height: 50px;
  font-size: 20px;
  line-height: 50px;
  text-align: center;
  width: 230px;
  font-family: 'Open Sans', sans-serif,Arial;
  padding: 0 15px;
  font-weight: 300;
  overflow: hidden;
}
.main-header .logo .logo-lg {
  display: block;
}
.main-header .logo .logo-mini {
  display: none;
}
.main-header .navbar-brand {
  color: #fff;
}
.content-header {
  position: relative;
  padding: 15px 15px 0 15px;
}
.content-header > h1 {
  margin: 0;
  font-size: 24px;
}
.content-header > h1 > small {
  font-size: 15px;
  display: inline-block;
  padding-left: 4px;
  font-weight: 300;
}
.content-header > .breadcrumb {
  float: right;
  background: transparent;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  padding: 7px 5px;
  position: absolute;
  top: 15px;
  right: 10px;
  border-radius: 2px;
}
.content-header > .breadcrumb > li > a {
  color: #444;
  text-decoration: none;
  display: inline-block;
}
.content-header > .breadcrumb > li > a > .fa,
.content-header > .breadcrumb > li > a > .glyphicon,
.content-header > .breadcrumb > li > a > .ion {
  margin-right: 5px;
}
.content-header > .breadcrumb > li + li:before {
  content: '>\00a0';
}
@media (max-width: 991px) {
  .content-header > .breadcrumb {
    position: relative;
    margin-top: 5px;
    top: 0;
    right: 0;
    float: none;
    background: #d2d6de;
    padding-left: 10px;
  }
  .content-header > .breadcrumb li:before {
    color: #97a0b3;
  }
}
.navbar-toggle {
  color: #fff;
  border: 0;
  margin: 0;
  padding: 15px 15px;
}
@media (max-width: 991px) {
  .navbar-custom-menu .navbar-nav > li {
    float: left;
  }
  .navbar-custom-menu .navbar-nav {
    margin: 0;
    float: left;
  }
  .navbar-custom-menu .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .main-header {
    position: relative;
  }
  .main-header .logo,
  .main-header .navbar {
    width: 100%;
    float: none;
  }
  .main-header .navbar {
    margin: 0;
  }
  .main-header .navbar-custom-menu {
    float: right;
  }
}
@media (max-width: 991px) {
  .navbar-collapse.pull-left {
    float: none !important;
  }
  .navbar-collapse.pull-left + .navbar-custom-menu {
    display: block;
    position: absolute;
    top: 0;
    right: 40px;
  }
}
/*
 * Component: Sidebar
 * ------------------
 */
.main-sidebar,
.left-side {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 50px;
  min-height: 100%;
  width: 230px;
  z-index: 810;
  -webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out;
  -moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out;
  -o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
}
@media (max-width: 767px) {
  .main-sidebar,
  .left-side {
    padding-top: 100px;
  }
}
@media (max-width: 767px) {
  .main-sidebar,
  .left-side {
    -webkit-transform: translate(-230px, 0);
    -ms-transform: translate(-230px, 0);
    -o-transform: translate(-230px, 0);
    transform: translate(-230px, 0);
  }
}
@media (min-width: 768px) {
  .sidebar-collapse .main-sidebar,
  .sidebar-collapse .left-side {
    -webkit-transform: translate(-230px, 0);
    -ms-transform: translate(-230px, 0);
    -o-transform: translate(-230px, 0);
    transform: translate(-230px, 0);
  }
}
@media (max-width: 767px) {
  .sidebar-open .main-sidebar,
  .sidebar-open .left-side {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.sidebar {
  padding-bottom: 10px;
}
.sidebar-form input:focus {
  border-color: transparent;
}
.user-panel {
  position: relative;
  width: 100%;
  padding: 10px;
  overflow: hidden;
}
.user-panel:before,
.user-panel:after {
  content: " ";
  display: table;
}
.user-panel:after {
  clear: both;
}
.user-panel > .image > img {
  width: 100%;
  max-width: 45px;
  height: auto;
}
.user-panel > .info {
  padding: 5px 5px 5px 15px;
  line-height: 1;
  position: absolute;
  left: 55px;
}
.user-panel > .info > p {
  font-weight: 600;
  margin-bottom: 9px;
}
.user-panel > .info > a {
  text-decoration: none;
  padding-right: 5px;
  margin-top: 3px;
  font-size: 11px;
}
.user-panel > .info > a > .fa,
.user-panel > .info > a > .ion,
.user-panel > .info > a > .glyphicon {
  margin-right: 3px;
}
.sidebar-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sidebar-menu > li {
  position: relative;
  margin: 0;
  padding: 0;
}
.sidebar-menu > li > a {
  padding: 12px 5px 12px 15px;
  display: block;
}
.sidebar-menu > li > a > .fa,
.sidebar-menu > li > a > .glyphicon,
.sidebar-menu > li > a > .ion {
  width: 20px;
}
.sidebar-menu > li .label,
.sidebar-menu > li .badge {
  margin-top: 3px;
  margin-right: 5px;
}
.sidebar-menu li.header {
  padding: 10px 25px 10px 15px;
  font-size: 12px;
}
.sidebar-menu li > a > .fa-angle-left {
  width: auto;
  height: auto;
  padding: 0;
  margin-right: 10px;
  margin-top: 3px;
}
.sidebar-menu li.active > a > .fa-angle-left {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.sidebar-menu li.active > .treeview-menu {
  display: block;
}
.sidebar-menu .treeview-menu {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 5px;
}
.sidebar-menu .treeview-menu .treeview-menu {
  padding-left: 20px;
}
.sidebar-menu .treeview-menu > li {
  margin: 0;
}
.sidebar-menu .treeview-menu > li > a {
  padding: 5px 5px 5px 15px;
  display: block;
  font-size: 14px;
}
.sidebar-menu .treeview-menu > li > a > .fa,
.sidebar-menu .treeview-menu > li > a > .glyphicon,
.sidebar-menu .treeview-menu > li > a > .ion {
  width: 20px;
}
.sidebar-menu .treeview-menu > li > a > .fa-angle-left,
.sidebar-menu .treeview-menu > li > a > .fa-angle-down {
  width: auto;
}
/*
 * Component: Sidebar Mini
 */
@media (min-width: 768px) {
  .sidebar-mini.sidebar-collapse .content-wrapper,
  .sidebar-mini.sidebar-collapse .right-side,
  .sidebar-mini.sidebar-collapse .main-footer {
    margin-left: 50px !important;
    z-index: 840;
  }
  .sidebar-mini.sidebar-collapse .main-sidebar {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 50px !important;
    z-index: 850;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li {
    position: relative;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a {
    margin-right: 0;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span {
    border-top-right-radius: 4px;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span {
    border-bottom-right-radius: 4px;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom-right-radius: 4px;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
  .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
    display: block !important;
    position: absolute;
    width: 180px;
    left: 50px;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span {
    top: 0;
    margin-left: -3px;
    padding: 12px 5px 12px 20px;
    background-color: inherit;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
    top: 44px;
    margin-left: 0;
  }
  .sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .info,
  .sidebar-mini.sidebar-collapse .sidebar-form,
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span,
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu,
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right,
  .sidebar-mini.sidebar-collapse .sidebar-menu li.header {
    display: none !important;
    -webkit-transform: translateZ(0);
  }
  .sidebar-mini.sidebar-collapse .main-header .logo {
    width: 50px;
  }
  .sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini {
    display: block;
    margin-left: -15px;
    margin-right: -15px;
    font-size: 18px;
  }
  .sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg {
    display: none;
  }
  .sidebar-mini.sidebar-collapse .main-header .navbar {
    margin-left: 50px;
  }
}
.sidebar-menu,
.main-sidebar .user-panel,
.sidebar-menu > li.header {
  white-space: nowrap;
  overflow: hidden;
}
.sidebar-menu:hover {
  overflow: visible;
}
.sidebar-form,
.sidebar-menu > li.header {
  overflow: hidden;
  text-overflow: clip;
}
.sidebar-menu li > a {
  position: relative;
}
.sidebar-menu li > a > .pull-right {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -7px;
}
/*
 * Component: Control sidebar. By default, this is the right sidebar.
 */
.control-sidebar-bg {
  position: fixed;
  z-index: 1000;
  bottom: 0;
}
.control-sidebar-bg,
.control-sidebar {
  top: 0;
  right: -230px;
  width: 230px;
  -webkit-transition: right 0.3s ease-in-out;
  -o-transition: right 0.3s ease-in-out;
  transition: right 0.3s ease-in-out;
}
.control-sidebar {
  position: absolute;
  padding-top: 50px;
  z-index: 1010;
}
@media (max-width: 768px) {
  .control-sidebar {
    padding-top: 100px;
  }
}
.control-sidebar > .tab-content {
  padding: 10px 15px;
}
.control-sidebar.control-sidebar-open,
.control-sidebar.control-sidebar-open + .control-sidebar-bg {
  right: 0;
}
.control-sidebar-open .control-sidebar-bg,
.control-sidebar-open .control-sidebar {
  right: 0;
}
@media (min-width: 768px) {
  .control-sidebar-open .content-wrapper,
  .control-sidebar-open .right-side,
  .control-sidebar-open .main-footer {
    margin-right: 230px;
  }
}
.nav-tabs.control-sidebar-tabs > li:first-of-type > a,
.nav-tabs.control-sidebar-tabs > li:first-of-type > a:hover,
.nav-tabs.control-sidebar-tabs > li:first-of-type > a:focus {
  border-left-width: 0;
}
.nav-tabs.control-sidebar-tabs > li > a {
  border-radius: 0;
}
.nav-tabs.control-sidebar-tabs > li > a,
.nav-tabs.control-sidebar-tabs > li > a:hover {
  border-top: none;
  border-right: none;
  border-left: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.nav-tabs.control-sidebar-tabs > li > a .icon {
  font-size: 16px;
}
.nav-tabs.control-sidebar-tabs > li.active > a,
.nav-tabs.control-sidebar-tabs > li.active > a:hover,
.nav-tabs.control-sidebar-tabs > li.active > a:focus,
.nav-tabs.control-sidebar-tabs > li.active > a:active {
  border-top: none;
  border-right: none;
  border-bottom: none;
}
@media (max-width: 768px) {
  .nav-tabs.control-sidebar-tabs {
    display: table;
  }
  .nav-tabs.control-sidebar-tabs > li {
    display: table-cell;
  }
}
.control-sidebar-heading {
  font-weight: 400;
  font-size: 16px;
  padding: 10px 0;
  margin-bottom: 10px;
}
.control-sidebar-subheading {
  display: block;
  font-weight: 400;
  font-size: 14px;
}
.control-sidebar-menu {
  list-style: none;
  padding: 0;
  margin: 0 -15px;
}
.control-sidebar-menu > li > a {
  display: block;
  padding: 10px 15px;
}
.control-sidebar-menu > li > a:before,
.control-sidebar-menu > li > a:after {
  content: " ";
  display: table;
}
.control-sidebar-menu > li > a:after {
  clear: both;
}
.control-sidebar-menu > li > a > .control-sidebar-subheading {
  margin-top: 0;
}
.control-sidebar-menu .menu-icon {
  float: left;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  text-align: center;
  line-height: 35px;
}
.control-sidebar-menu .menu-info {
  margin-left: 45px;
  margin-top: 3px;
}
.control-sidebar-menu .menu-info > .control-sidebar-subheading {
  margin: 0;
}
.control-sidebar-menu .menu-info > p {
  margin: 0;
  font-size: 11px;
}
.control-sidebar-menu .progress {
  margin: 0;
}
.control-sidebar-dark {
  color: #b8c7ce;
}
.control-sidebar-dark,
.control-sidebar-dark + .control-sidebar-bg {
  background: #222d32;
}
.control-sidebar-dark .nav-tabs.control-sidebar-tabs {
  border-bottom: #1c2529;
}
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a {
  background: #181f23;
  color: #b8c7ce;
}
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus {
  border-left-color: #141a1d;
  border-bottom-color: #141a1d;
}
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:active {
  background: #1c2529;
}
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover {
  color: #fff;
}
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:hover,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:focus,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:active {
  background: #222d32;
  color: #fff;
}
.control-sidebar-dark .control-sidebar-heading,
.control-sidebar-dark .control-sidebar-subheading {
  color: #fff;
}
.control-sidebar-dark .control-sidebar-menu > li > a:hover {
  background: #1e282c;
}
.control-sidebar-dark .control-sidebar-menu > li > a .menu-info > p {
  color: #b8c7ce;
}
.control-sidebar-light {
  color: #5e5e5e;
}
.control-sidebar-light,
.control-sidebar-light + .control-sidebar-bg {
  background: #f9fafc;
  border-left: 1px solid #d2d6de;
}
.control-sidebar-light .nav-tabs.control-sidebar-tabs {
  border-bottom: #d2d6de;
}
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a {
  background: #e8ecf4;
  color: #444444;
}
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a,
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover,
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus {
  border-left-color: #d2d6de;
  border-bottom-color: #d2d6de;
}
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover,
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus,
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:active {
  background: #eff1f7;
}
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a,
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:hover,
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:focus,
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:active {
  background: #f9fafc;
  color: #111;
}
.control-sidebar-light .control-sidebar-heading,
.control-sidebar-light .control-sidebar-subheading {
  color: #111;
}
.control-sidebar-light .control-sidebar-menu {
  margin-left: -14px;
}
.control-sidebar-light .control-sidebar-menu > li > a:hover {
  background: #f4f4f5;
}
.control-sidebar-light .control-sidebar-menu > li > a .menu-info > p {
  color: #5e5e5e;
}
/*
 * Component: Dropdown menus
 * -------------------------
 */
/*Dropdowns in general*/
.dropdown-menu {
  box-shadow: none;
  border-color: #eee;
}
.dropdown-menu > li > a {
  color: #777;
}
.dropdown-menu > li > a > .glyphicon,
.dropdown-menu > li > a > .fa,
.dropdown-menu > li > a > .ion {
  margin-right: 10px;
}
.dropdown-menu > li > a:hover {
  background-color: #da2128;
  color: #fff;
}
.dropdown-menu > .divider {
  background-color: #eee;
}
.navbar-nav > .notifications-menu > .dropdown-menu,
.navbar-nav > .messages-menu > .dropdown-menu,
.navbar-nav > .tasks-menu > .dropdown-menu {
  width: 280px;
  padding: 0 0 0 0;
  margin: 0;
  top: 100%;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li,
.navbar-nav > .messages-menu > .dropdown-menu > li,
.navbar-nav > .tasks-menu > .dropdown-menu > li {
  position: relative;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.header,
.navbar-nav > .messages-menu > .dropdown-menu > li.header,
.navbar-nav > .tasks-menu > .dropdown-menu > li.header {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #ffffff;
  padding: 7px 10px;
  border-bottom: 1px solid #f4f4f4;
  color: #444444;
  font-size: 14px;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  font-size: 12px;
  background-color: #fff;
  padding: 7px 10px;
  border-bottom: 1px solid #eeeeee;
  color: #444 !important;
  text-align: center;
}
@media (max-width: 991px) {
  .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
  .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
  .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
    background: #fff !important;
    color: #444 !important;
  }
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover,
.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover,
.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover {
  text-decoration: none;
  font-weight: normal;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu {
  max-height: 200px;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: hidden;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
  display: block;
  white-space: nowrap;
  /* Prevent text from breaking */
  border-bottom: 1px solid #f4f4f4;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {
  background: #f4f4f4;
  text-decoration: none;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
  color: #444444;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 10px;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion {
  width: 20px;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a {
  margin: 0;
  padding: 10px 10px;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img {
  margin: auto 10px auto auto;
  width: 40px;
  height: 40px;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 {
  padding: 0;
  margin: 0 0 0 45px;
  color: #444444;
  font-size: 15px;
  position: relative;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small {
  color: #999999;
  font-size: 10px;
  position: absolute;
  top: 0;
  right: 0;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p {
  margin: 0 0 0 45px;
  font-size: 12px;
  color: #888888;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:before,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
  content: " ";
  display: table;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
  clear: both;
}
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
  padding: 10px;
}
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > h3 {
  font-size: 14px;
  padding: 0;
  margin: 0 0 10px 0;
  color: #666666;
}
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > .progress {
  padding: 0;
  margin: 0;
}
.navbar-nav > .user-menu > .dropdown-menu {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  padding: 1px 0 0 0;
  border-top-width: 0;
  width: 280px;
}
.navbar-nav > .user-menu > .dropdown-menu,
.navbar-nav > .user-menu > .dropdown-menu > .user-body {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
  height: 175px;
  padding: 10px;
  text-align: center;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
  z-index: 5;
  height: 90px;
  width: 90px;
  border: 3px solid;
  border-color: transparent;
  border-color: rgba(255, 255, 255, 0.2);
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
  z-index: 5;
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  font-size: 17px;
  margin-top: 10px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {
  display: block;
  font-size: 12px;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body {
  padding: 15px;
  border-bottom: 1px solid #f4f4f4;
  border-top: 1px solid #dddddd;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body:before,
.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
  content: " ";
  display: table;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
  clear: both;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body a {
  color: #444 !important;
}
@media (max-width: 991px) {
  .navbar-nav > .user-menu > .dropdown-menu > .user-body a {
    background: #fff !important;
    color: #444 !important;
  }
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
  background-color: #f9f9f9;
  padding: 10px;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:before,
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
  content: " ";
  display: table;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
  clear: both;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
  color: #666666;
}
@media (max-width: 991px) {
  .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {
    background-color: #f9f9f9;
  }
}
.navbar-nav > .user-menu .user-image {
  float: left;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin-right: 10px;
  margin-top: -2px;
}
@media (max-width: 767px) {
  .navbar-nav > .user-menu .user-image {
    float: none;
    margin-right: 0;
    margin-top: -8px;
    line-height: 10px;
  }
}
/* Add fade animation to dropdown menus by appending
 the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)*/
.open:not(.dropup) > .animated-dropdown-menu {
  backface-visibility: visible !important;
  -webkit-animation: flipInX 0.7s both;
  -o-animation: flipInX 0.7s both;
  animation: flipInX 0.7s both;
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transition-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    transform: perspective(400px);
  }
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
  }
}
/* Fix dropdown menu in navbars */
.navbar-custom-menu > .navbar-nav > li {
  position: relative;
}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
  position: absolute;
  right: 0;
  left: auto;
}
@media (max-width: 991px) {
  .navbar-custom-menu > .navbar-nav {
    float: right;
  }
  .navbar-custom-menu > .navbar-nav > li {
    position: static;
  }
  .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
    position: absolute;
    right: 5%;
    left: auto;
    border: 1px solid #ddd;
    background: #fff;
  }
}
/*
 * Component: Form
 * ---------------
 */
.form-control {
  border-radius: 0;
  box-shadow: none;
  border-color: #d2d6de;
}
.form-control:focus {
  border-color: #3c8dbc;
  box-shadow: none;
}
.form-control::-moz-placeholder,
.form-control:-ms-input-placeholder,
.form-control::-webkit-input-placeholder {
  color: #bbb;
  opacity: 1;
}
.form-control:not(select) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form-group.has-success label {
  color: #00a65a;
}
.form-group.has-success .form-control {
  border-color: #00a65a;
  box-shadow: none;
}
.form-group.has-warning label {
  color: #f39c12;
}
.form-group.has-warning .form-control {
  border-color: #f39c12;
  box-shadow: none;
}
.form-group.has-error label {
  color: #dd4b39;
}
.form-group.has-error .form-control {
  border-color: #dd4b39;
  box-shadow: none;
}
/* Input group */
.input-group .input-group-addon {
  border-radius: 0;
  border-color: #d2d6de;
  background-color: #fff;
}
/* button groups */
.btn-group-vertical .btn.btn-flat:first-of-type,
.btn-group-vertical .btn.btn-flat:last-of-type {
  border-radius: 0;
}
.icheck > label {
  padding-left: 0;
}
/* support Font Awesome icons in form-control */
.form-control-feedback.fa {
  line-height: 34px;
}
.input-lg + .form-control-feedback.fa,
.input-group-lg + .form-control-feedback.fa,
.form-group-lg .form-control + .form-control-feedback.fa {
  line-height: 46px;
}
.input-sm + .form-control-feedback.fa,
.input-group-sm + .form-control-feedback.fa,
.form-group-sm .form-control + .form-control-feedback.fa {
  line-height: 30px;
}
/*
 * Component: Progress Bar
 * -----------------------
 */
.progress,
.progress > .progress-bar {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.progress,
.progress > .progress-bar,
.progress .progress-bar,
.progress > .progress-bar .progress-bar {
  border-radius: 1px;
}
/* size variation */
.progress.sm,
.progress-sm {
  height: 10px;
}
.progress.sm,
.progress-sm,
.progress.sm .progress-bar,
.progress-sm .progress-bar {
  border-radius: 1px;
}
.progress.xs,
.progress-xs {
  height: 7px;
}
.progress.xs,
.progress-xs,
.progress.xs .progress-bar,
.progress-xs .progress-bar {
  border-radius: 1px;
}
.progress.xxs,
.progress-xxs {
  height: 3px;
}
.progress.xxs,
.progress-xxs,
.progress.xxs .progress-bar,
.progress-xxs .progress-bar {
  border-radius: 1px;
}
/* Vertical bars */
.progress.vertical {
  position: relative;
  width: 30px;
  height: 200px;
  display: inline-block;
  margin-right: 10px;
}
.progress.vertical > .progress-bar {
  width: 100%;
  position: absolute;
  bottom: 0;
}
.progress.vertical.sm,
.progress.vertical.progress-sm {
  width: 20px;
}
.progress.vertical.xs,
.progress.vertical.progress-xs {
  width: 10px;
}
.progress.vertical.xxs,
.progress.vertical.progress-xxs {
  width: 3px;
}
.progress-group .progress-text {
  font-weight: 600;
}
.progress-group .progress-number {
  float: right;
}
/* Remove margins from progress bars when put in a table */
.table tr > td .progress {
  margin: 0;
}
.progress-bar-light-blue,
.progress-bar-primary {
  background-color: #3c8dbc;
}
.progress-striped .progress-bar-light-blue,
.progress-striped .progress-bar-primary {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-green,
.progress-bar-success {
  background-color: #00a65a;
}
.progress-striped .progress-bar-green,
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-aqua,
.progress-bar-info {
  background-color: #00c0ef;
}
.progress-striped .progress-bar-aqua,
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-yellow,
.progress-bar-warning {
  background-color: #f39c12;
}
.progress-striped .progress-bar-yellow,
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-red,
.progress-bar-danger {
  background-color: #dd4b39;
}
.progress-striped .progress-bar-red,
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
/*
 * Component: Small Box
 * --------------------
 */
.small-box {
  border-radius: 2px;
  position: relative;
  display: block;
  margin-bottom: 20px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.small-box > .inner {
  padding: 10px;
}
.small-box > .small-box-footer {
  position: relative;
  text-align: center;
  padding: 3px 0;
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  display: block;
  z-index: 10;
  background: rgba(0, 0, 0, 0.1);
  text-decoration: none;
}
.small-box > .small-box-footer:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.15);
}
.small-box h3 {
  font-size: 38px;
  font-weight: bold;
  margin: 0 0 10px 0;
  white-space: nowrap;
  padding: 0;
}
.small-box p {
  font-size: 15px;
}
.small-box p > small {
  display: block;
  color: #f9f9f9;
  font-size: 13px;
  margin-top: 5px;
}
.small-box h3,
.small-box p {
  z-index: 5px;
}
.small-box .icon {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  position: absolute;
  top: -10px;
  right: 10px;
  z-index: 0;
  font-size: 90px;
  color: rgba(0, 0, 0, 0.15);
}
.small-box:hover {
  text-decoration: none;
  color: #f9f9f9;
}
.small-box:hover .icon {
  font-size: 95px;
}
@media (max-width: 767px) {
  .small-box {
    text-align: center;
  }
  .small-box .icon {
    display: none;
  }
  .small-box p {
    font-size: 12px;
  }
}
/*
 * Component: Box
 * --------------
 */
.box {
  position: relative;
  border-radius: 3px;
  background: #ffffff;
  border-top: 3px solid #d2d6de;
  margin-bottom: 20px;
  width: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.box.box-primary {
  border-top-color: #3c8dbc;
}
.box.box-info {
  border-top-color: #00c0ef;
}
.box.box-danger {
  border-top-color: #0063cc;
}
.box.box-warning {
  border-top-color: #f39c12;
}
.box.box-success {
  border-top-color: #00a65a;
}
.box.box-default {
  border-top-color: #d2d6de;
}
.box.collapsed-box .box-body,
.box.collapsed-box .box-footer {
  display: none;
}
.box .nav-stacked > li {
  border-bottom: 1px solid #f4f4f4;
  margin: 0;
}
.box .nav-stacked > li:last-of-type {
  border-bottom: none;
}
.box.height-control .box-body {
  max-height: 300px;
  overflow: auto;
}
.box .border-right {
  border-right: 1px solid #f4f4f4;
}
.box .border-left {
  border-left: 1px solid #f4f4f4;
}
.box.box-solid {
  border-top: 0;
}
.box.box-solid > .box-header .btn.btn-default {
  background: transparent;
}
.box.box-solid > .box-header .btn:hover,
.box.box-solid > .box-header a:hover {
  background: rgba(0, 0, 0, 0.1);
}
.box.box-solid.box-default {
  border: 1px solid #d2d6de;
}
.box.box-solid.box-default > .box-header {
  color: #444444;
  background: #d2d6de;
  background-color: #d2d6de;
}
.box.box-solid.box-default > .box-header a,
.box.box-solid.box-default > .box-header .btn {
  color: #444444;
}
.box.box-solid.box-primary {
  border: 1px solid #3c8dbc;
}
.box.box-solid.box-primary > .box-header {
  color: #ffffff;
  background: #3c8dbc;
  background-color: #3c8dbc;
}
.box.box-solid.box-primary > .box-header a,
.box.box-solid.box-primary > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-info {
  border: 1px solid #00c0ef;
}
.box.box-solid.box-info > .box-header {
  color: #ffffff;
  background: #00c0ef;
  background-color: #00c0ef;
}
.box.box-solid.box-info > .box-header a,
.box.box-solid.box-info > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-danger {
  border: 1px solid #dd4b39;
}
.box.box-solid.box-danger > .box-header {
  color: #ffffff;
  background: #dd4b39;
  background-color: #dd4b39;
}
.box.box-solid.box-danger > .box-header a,
.box.box-solid.box-danger > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-warning {
  border: 1px solid #f39c12;
}
.box.box-solid.box-warning > .box-header {
  color: #ffffff;
  background: #f39c12;
  background-color: #f39c12;
}
.box.box-solid.box-warning > .box-header a,
.box.box-solid.box-warning > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-success {
  border: 1px solid #00a65a;
}
.box.box-solid.box-success > .box-header {
  color: #ffffff;
  background: #00a65a;
  background-color: #00a65a;
}
.box.box-solid.box-success > .box-header a,
.box.box-solid.box-success > .box-header .btn {
  color: #ffffff;
}
.box.box-solid > .box-header > .box-tools .btn {
  border: 0;
  box-shadow: none;
}
.box.box-solid[class*='bg'] > .box-header {
  color: #fff;
}
.box .box-group > .box {
  margin-bottom: 5px;
}
.box .knob-label {
  text-align: center;
  color: #333;
  font-weight: 100;
  font-size: 12px;
  margin-bottom: 0.3em;
}
.box > .overlay,
.overlay-wrapper > .overlay,
.box > .loading-img,
.overlay-wrapper > .loading-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.box .overlay,
.overlay-wrapper .overlay {
  z-index: 50;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
}
.box .overlay > .fa,
.overlay-wrapper .overlay > .fa {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  color: #000;
  font-size: 30px;
}
.box .overlay.dark,
.overlay-wrapper .overlay.dark {
  background: rgba(0, 0, 0, 0.5);
}
.box-header:before,
.box-body:before,
.box-footer:before,
.box-header:after,
.box-body:after,
.box-footer:after {
  content: " ";
  display: table;
}
.box-header:after,
.box-body:after,
.box-footer:after {
  clear: both;
}
.box-header {
  color: #444;
  display: block;
  padding: 10px;
  position: relative;
}
.box-header.with-border {
  border-bottom: 1px solid #f4f4f4;
}
.collapsed-box .box-header.with-border {
  border-bottom: none;
}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion,
.box-header .box-title {
  display: inline-block;
  font-size: 18px;
  margin: 0;
  line-height: 1;
}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion {
  margin-right: 5px;
}
.box-header > .box-tools {
  position: absolute;
  right: 10px;
  top: 5px;
}
.box-header > .box-tools [data-toggle="tooltip"] {
  position: relative;
}
.box-header > .box-tools.pull-right .dropdown-menu {
  right: 0;
  left: auto;
}
.btn-box-tool {
  padding: 5px;
  font-size: 12px;
  background: transparent;
  color: #97a0b3;
}
.open .btn-box-tool,
.btn-box-tool:hover {
  color: #606c84;
}
.btn-box-tool.btn:active {
  box-shadow: none;
}
.box-body {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 10px;
}
.no-header .box-body {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.box-body > .table {
  margin-bottom: 0;
}
.box-body .fc {
  margin-top: 5px;
}
.box-body .full-width-chart {
  margin: -19px;
}
.box-body.no-padding .full-width-chart {
  margin: -9px;
}
.box-body .box-pane {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
}
.box-body .box-pane-right {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
}
.box-footer {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top: 1px solid #f4f4f4;
  padding: 10px;
  background-color: #ffffff;
}
.chart-legend {
  margin: 10px 0;
}
@media (max-width: 991px) {
  .chart-legend > li {
    float: left;
    margin-right: 10px;
  }
}
.box-comments {
  background: #f7f7f7;
}
.box-comments .box-comment {
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}
.box-comments .box-comment:before,
.box-comments .box-comment:after {
  content: " ";
  display: table;
}
.box-comments .box-comment:after {
  clear: both;
}
.box-comments .box-comment:last-of-type {
  border-bottom: 0;
}
.box-comments .box-comment:first-of-type {
  padding-top: 0;
}
.box-comments .box-comment img {
  float: left;
}
.box-comments .comment-text {
  margin-left: 40px;
  color: #555;
}
.box-comments .username {
  color: #444;
  display: block;
  font-weight: 600;
}
.box-comments .text-muted {
  font-weight: 400;
  font-size: 12px;
}
/* Widget: TODO LIST */
.todo-list {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: auto;
}
.todo-list > li {
  border-radius: 2px;
  padding: 10px;
  background: #f4f4f4;
  margin-bottom: 2px;
  border-left: 2px solid #e6e7e8;
  color: #444;
}
.todo-list > li:last-of-type {
  margin-bottom: 0;
}
.todo-list > li > input[type='checkbox'] {
  margin: 0 10px 0 5px;
}
.todo-list > li .text {
  display: inline-block;
  margin-left: 5px;
  font-weight: 600;
}
.todo-list > li .label {
  margin-left: 10px;
  font-size: 9px;
}
.todo-list > li .tools {
  display: none;
  float: right;
  color: #dd4b39;
}
.todo-list > li .tools > .fa,
.todo-list > li .tools > .glyphicon,
.todo-list > li .tools > .ion {
  margin-right: 5px;
  cursor: pointer;
}
.todo-list > li:hover .tools {
  display: inline-block;
}
.todo-list > li.done {
  color: #999;
}
.todo-list > li.done .text {
  text-decoration: line-through;
  font-weight: 500;
}
.todo-list > li.done .label {
  background: #d2d6de !important;
}
.todo-list .danger {
  border-left-color: #dd4b39;
}
.todo-list .warning {
  border-left-color: #f39c12;
}
.todo-list .info {
  border-left-color: #00c0ef;
}
.todo-list .success {
  border-left-color: #00a65a;
}
.todo-list .primary {
  border-left-color: #3c8dbc;
}
.todo-list .handle {
  display: inline-block;
  cursor: move;
  margin: 0 5px;
}
/* Chat widget (DEPRECATED - this will be removed in the next major release. Use Direct Chat instead)*/
.chat {
  padding: 5px 20px 5px 10px;
}
.chat .item {
  margin-bottom: 10px;
}
.chat .item:before,
.chat .item:after {
  content: " ";
  display: table;
}
.chat .item:after {
  clear: both;
}
.chat .item > img {
  width: 40px;
  height: 40px;
  border: 2px solid transparent;
  border-radius: 50%;
}
.chat .item > .online {
  border: 2px solid #00a65a;
}
.chat .item > .offline {
  border: 2px solid #dd4b39;
}
.chat .item > .message {
  margin-left: 55px;
  margin-top: -40px;
}
.chat .item > .message > .name {
  display: block;
  font-weight: 600;
}
.chat .item > .attachment {
  border-radius: 3px;
  background: #f4f4f4;
  margin-left: 65px;
  margin-right: 15px;
  padding: 10px;
}
.chat .item > .attachment > h4 {
  margin: 0 0 5px 0;
  font-weight: 600;
  font-size: 14px;
}
.chat .item > .attachment > p,
.chat .item > .attachment > .filename {
  font-weight: 600;
  font-size: 13px;
  font-style: italic;
  margin: 0;
}
.chat .item > .attachment:before,
.chat .item > .attachment:after {
  content: " ";
  display: table;
}
.chat .item > .attachment:after {
  clear: both;
}
.box-input {
  max-width: 200px;
}
.modal .panel-body {
  color: #444;
}
/*
 * Component: Info Box
 * -------------------
 */
.info-box {
  display: block;
  min-height: 90px;
  background: #fff;
  width: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  margin-bottom: 15px;
}
.info-box small {
  font-size: 14px;
}
.info-box .progress {
  background: rgba(0, 0, 0, 0.2);
  margin: 5px -10px 5px -10px;
  height: 2px;
}
.info-box .progress,
.info-box .progress .progress-bar {
  border-radius: 0;
}
.info-box .progress .progress-bar {
  background: #fff;
}
.info-box-icon {
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
  display: block;
  float: left;
  height: 90px;
  width: 90px;
  text-align: center;
  font-size: 45px;
  line-height: 90px;
  background: rgba(0, 0, 0, 0.2);
}
.info-box-icon > img {
  max-width: 100%;
}
.info-box-content {
  padding: 5px 10px;
  margin-left: 90px;
}
.info-box-number {
  display: block;
  font-weight: bold;
  font-size: 18px;
}
.progress-description,
.info-box-text {
  display: block;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.info-box-text {
  text-transform: uppercase;
}
.info-box-more {
  display: block;
}
.progress-description {
  margin: 0;
}
/*
 * Component: Timeline
 * -------------------
 */
.timeline {
  position: relative;
  margin: 0 0 30px 0;
  padding: 0;
  list-style: none;
}
.timeline:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #ddd;
  left: 31px;
  margin: 0;
  border-radius: 2px;
}
.timeline > li {
  position: relative;
  margin-right: 10px;
  margin-bottom: 15px;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li > .timeline-item {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  margin-top: 0;
  background: #fff;
  color: #444;
  margin-left: 60px;
  margin-right: 15px;
  padding: 0;
  position: relative;
}
.timeline > li > .timeline-item > .time {
  color: #999;
  float: right;
  padding: 10px;
  font-size: 12px;
}
.timeline > li > .timeline-item > .timeline-header {
  margin: 0;
  color: #555;
  border-bottom: 1px solid #f4f4f4;
  padding: 10px;
  font-size: 16px;
  line-height: 1.1;
}
.timeline > li > .timeline-item > .timeline-header > a {
  font-weight: 600;
}
.timeline > li > .timeline-item > .timeline-body,
.timeline > li > .timeline-item > .timeline-footer {
  padding: 10px;
}
.timeline > li > .fa,
.timeline > li > .glyphicon,
.timeline > li > .ion {
  width: 30px;
  height: 30px;
  font-size: 15px;
  line-height: 30px;
  position: absolute;
  color: #666;
  background: #d2d6de;
  border-radius: 50%;
  text-align: center;
  left: 18px;
  top: 0;
}
.timeline > .time-label > span {
  font-weight: 600;
  padding: 5px;
  display: inline-block;
  background-color: #fff;
  border-radius: 4px;
}
.timeline-inverse > li > .timeline-item {
  background: #f0f0f0;
  border: 1px solid #ddd;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.timeline-inverse > li > .timeline-item > .timeline-header {
  border-bottom-color: #ddd;
}
/*
 * Component: Button
 * -----------------
 */
.btn {
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid transparent;
}
.btn.uppercase {
  text-transform: uppercase;
}
.btn.btn-flat {
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-width: 1px;
}
.btn:active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn:focus {
  outline: none;
}
.btn.btn-file {
  position: relative;
  overflow: hidden;
}
.btn.btn-file > input[type='file'] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  opacity: 0;
  filter: alpha(opacity=0);
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}
.btn-default {
  background-color: #f4f4f4;
  color: #444;
  border-color: #ddd;
}
.btn-default:hover,
.btn-default:active,
.btn-default.hover {
  background-color: #e7e7e7;
}
.btn-primary {
  background-color: #3c8dbc;
  border-color: #367fa9;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.hover {
  background-color: #367fa9;
}
.btn-success {
  background-color: #00a65a;
  border-color: #008d4c;
}
.btn-success:hover,
.btn-success:active,
.btn-success.hover {
  background-color: #008d4c;
}
.btn-info {
  background-color: #00c0ef;
  border-color: #00acd6;
}
.btn-info:hover,
.btn-info:active,
.btn-info.hover {
  background-color: #00acd6;
}
.btn-danger {
  background-color: #dd4b39;
  border-color: #d73925;
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger.hover {
  background-color: #d73925;
}
.btn-warning {
  background-color: #f39c12;
  border-color: #e08e0b;
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning.hover {
  background-color: #e08e0b;
}
.btn-outline {
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active {
  color: rgba(255, 255, 255, 0.7);
  border-color: rgba(255, 255, 255, 0.7);
}
.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn[class*='bg-']:hover {
  -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);
}
.btn-app {
  border-radius: 3px;
  position: relative;
  padding: 15px 5px;
  margin: 0 0 10px 10px;
  min-width: 80px;
  height: 60px;
  text-align: center;
  color: #666;
  border: 1px solid #ddd;
  background-color: #f4f4f4;
  font-size: 12px;
}
.btn-app > .fa,
.btn-app > .glyphicon,
.btn-app > .ion {
  font-size: 20px;
  display: block;
}
.btn-app:hover {
  background: #f4f4f4;
  color: #444;
  border-color: #aaa;
}
.btn-app:active,
.btn-app:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-app > .badge {
  position: absolute;
  top: -3px;
  right: -10px;
  font-size: 10px;
  font-weight: 400;
}
/*
 * Component: Callout
 * ------------------
 */
.callout {
  border-radius: 3px;
  margin: 0 0 20px 0;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #eee;
}
.callout a {
  color: #fff;
  text-decoration: underline;
}
.callout a:hover {
  color: #eee;
}
.callout h4 {
  margin-top: 0;
  font-weight: 600;
}
.callout p:last-child {
  margin-bottom: 0;
}
.callout code,
.callout .highlight {
  background-color: #fff;
}
.callout.callout-danger {
  border-color: #c23321;
}
.callout.callout-warning {
  border-color: #c87f0a;
}
.callout.callout-info {
  border-color: #0097bc;
}
.callout.callout-success {
  border-color: #00733e;
}
/*
 * Component: alert
 * ----------------
 */
.alert {
  border-radius: 3px;
}
.alert h4 {
  font-weight: 600;
}
.alert .icon {
  margin-right: 10px;
}
.alert .close {
  color: #000;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.alert .close:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.alert a {
  color: #fff;
  text-decoration: underline;
}
.alert-success {
  border-color: #008d4c;
}
.alert-danger,
.alert-error {
  border-color: #d73925;
}
.alert-warning {
  border-color: #e08e0b;
}
.alert-info {
  border-color: #00acd6;
}
/*
 * Component: Nav
 * --------------
 */
.nav > li > a:hover,
.nav > li > a:active,
.nav > li > a:focus {
  color: #444;
  background: #f7f7f7;
}
/* NAV PILLS */
.nav-pills > li > a {
  border-radius: 0;
  border-top: 3px solid transparent;
  color: #444;
}
.nav-pills > li > a > .fa,
.nav-pills > li > a > .glyphicon,
.nav-pills > li > a > .ion {
  margin-right: 5px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  border-top-color: #3c8dbc;
}
.nav-pills > li.active > a {
  font-weight: 600;
}
/* NAV STACKED */
.nav-stacked > li > a {
  border-radius: 0;
  border-top: 0;
  border-left: 3px solid transparent;
  color: #444;
}
.nav-stacked > li.active > a,
.nav-stacked > li.active > a:hover {
  background: transparent;
  color: #444;
  border-top: 0;
  border-left-color: #3c8dbc;
}
.nav-stacked > li.header {
  border-bottom: 1px solid #ddd;
  color: #777;
  margin-bottom: 10px;
  padding: 5px 10px;
  text-transform: uppercase;
}
/* NAV TABS */
.nav-tabs-custom {
  margin-bottom: 20px;
  background: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.nav-tabs-custom > .nav-tabs {
  margin: 0;
  border-bottom-color: #f4f4f4;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.nav-tabs-custom > .nav-tabs > li {
  border-top: 3px solid transparent;
  margin-bottom: -2px;
  margin-right: 5px;
}
.nav-tabs-custom > .nav-tabs > li > a {
  color: #444;
  border-radius: 0;
}
.nav-tabs-custom > .nav-tabs > li > a.text-muted {
  color: #999;
}
.nav-tabs-custom > .nav-tabs > li > a,
.nav-tabs-custom > .nav-tabs > li > a:hover {
  background: transparent;
  margin: 0;
}
.nav-tabs-custom > .nav-tabs > li > a:hover {
  color: #999;
}
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover,
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus,
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {
  border-color: transparent;
}
.nav-tabs-custom > .nav-tabs > li.active {
  border-top-color: #3c8dbc;
}
.nav-tabs-custom > .nav-tabs > li.active > a,
.nav-tabs-custom > .nav-tabs > li.active:hover > a {
  background-color: #fff;
  color: #444;
}
.nav-tabs-custom > .nav-tabs > li.active > a {
  border-top-color: transparent;
  border-left-color: #f4f4f4;
  border-right-color: #f4f4f4;
}
.nav-tabs-custom > .nav-tabs > li:first-of-type {
  margin-left: 0;
}
.nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
  border-left-color: transparent;
}
.nav-tabs-custom > .nav-tabs.pull-right {
  float: none !important;
}
.nav-tabs-custom > .nav-tabs.pull-right > li {
  float: right;
}
.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
  margin-right: 0;
}
.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type > a {
  border-left-width: 1px;
}
.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
  border-left-color: #f4f4f4;
  border-right-color: transparent;
}
.nav-tabs-custom > .nav-tabs > li.header {
  line-height: 35px;
  padding: 0 10px;
  font-size: 20px;
  color: #444;
}
.nav-tabs-custom > .nav-tabs > li.header > .fa,
.nav-tabs-custom > .nav-tabs > li.header > .glyphicon,
.nav-tabs-custom > .nav-tabs > li.header > .ion {
  margin-right: 5px;
}
.nav-tabs-custom > .tab-content {
  background: #fff;
  padding: 10px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.nav-tabs-custom .dropdown.open > a:active,
.nav-tabs-custom .dropdown.open > a:focus {
  background: transparent;
  color: #999;
}
.nav-tabs-custom.tab-primary > .nav-tabs > li.active {
  border-top-color: #3c8dbc;
}
.nav-tabs-custom.tab-info > .nav-tabs > li.active {
  border-top-color: #00c0ef;
}
.nav-tabs-custom.tab-danger > .nav-tabs > li.active {
  border-top-color: #dd4b39;
}
.nav-tabs-custom.tab-warning > .nav-tabs > li.active {
  border-top-color: #f39c12;
}
.nav-tabs-custom.tab-success > .nav-tabs > li.active {
  border-top-color: #00a65a;
}
.nav-tabs-custom.tab-default > .nav-tabs > li.active {
  border-top-color: #d2d6de;
}
/* PAGINATION */
.pagination > li > a {
  background: #fafafa;
  color: #666;
}
.pagination.pagination-flat > li > a {
  border-radius: 0 !important;
}
/*
 * Component: Products List
 * ------------------------
 */
.products-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.products-list > .item {
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  padding: 10px 0;
  background: #fff;
}
.products-list > .item:before,
.products-list > .item:after {
  content: " ";
  display: table;
}
.products-list > .item:after {
  clear: both;
}
.products-list .product-img {
  float: left;
}
.products-list .product-img img {
  width: 50px;
  height: 50px;
}
.products-list .product-info {
  margin-left: 60px;
}
.products-list .product-title {
  font-weight: 600;
}
.products-list .product-description {
  display: block;
  color: #999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.product-list-in-box > .item {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 1px solid #f4f4f4;
}
.product-list-in-box > .item:last-of-type {
  border-bottom-width: 0;
}
/*
 * Component: Table
 * ----------------
 */
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-top: 1px solid #f4f4f4;
}
.table > thead > tr > th {
  border-bottom: 2px solid #f4f4f4;
}
.table tr td .progress {
  margin-top: 5px;
}
.table-bordered {
  border: 1px solid #f4f4f4;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #f4f4f4;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table.no-border,
.table.no-border td,
.table.no-border th {
  border: 0;
}
/* .text-center in tables */
table.text-center,
table.text-center td,
table.text-center th {
  text-align: center;
}
.table.align th {
  text-align: left;
}
.table.align td {
  text-align: right;
}
/*
 * Component: Label
 * ----------------
 */
.label-default {
  background-color: #d2d6de;
  color: #444;
}
/*
 * Component: Direct Chat
 * ----------------------
 */
.direct-chat .box-body {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  position: relative;
  overflow-x: hidden;
  padding: 0;
}
.direct-chat.chat-pane-open .direct-chat-contacts {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.direct-chat-messages {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  padding: 10px;
  height: 250px;
  overflow: auto;
}
.direct-chat-msg,
.direct-chat-text {
  display: block;
}
.direct-chat-msg {
  margin-bottom: 10px;
}
.direct-chat-msg:before,
.direct-chat-msg:after {
  content: " ";
  display: table;
}
.direct-chat-msg:after {
  clear: both;
}
.direct-chat-messages,
.direct-chat-contacts {
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  -moz-transition: -moz-transform 0.5s ease-in-out;
  -o-transition: -o-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
.direct-chat-text {
  border-radius: 5px;
  position: relative;
  padding: 5px 10px;
  background: #d2d6de;
  border: 1px solid #d2d6de;
  margin: 5px 0 0 50px;
  color: #444444;
}
.direct-chat-text:after,
.direct-chat-text:before {
  position: absolute;
  right: 100%;
  top: 15px;
  border: solid transparent;
  border-right-color: #d2d6de;
  content: ' ';
  height: 0;
  width: 0;
  pointer-events: none;
}
.direct-chat-text:after {
  border-width: 5px;
  margin-top: -5px;
}
.direct-chat-text:before {
  border-width: 6px;
  margin-top: -6px;
}
.right .direct-chat-text {
  margin-right: 50px;
  margin-left: 0;
}
.right .direct-chat-text:after,
.right .direct-chat-text:before {
  right: auto;
  left: 100%;
  border-right-color: transparent;
  border-left-color: #d2d6de;
}
.direct-chat-img {
  border-radius: 50%;
  float: left;
  width: 40px;
  height: 40px;
}
.right .direct-chat-img {
  float: right;
}
.direct-chat-info {
  display: block;
  margin-bottom: 2px;
  font-size: 12px;
}
.direct-chat-name {
  font-weight: 600;
}
.direct-chat-timestamp {
  color: #999;
}
.direct-chat-contacts-open .direct-chat-contacts {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.direct-chat-contacts {
  -webkit-transform: translate(101%, 0);
  -ms-transform: translate(101%, 0);
  -o-transform: translate(101%, 0);
  transform: translate(101%, 0);
  position: absolute;
  top: 0;
  bottom: 0;
  height: 250px;
  width: 100%;
  background: #222d32;
  color: #fff;
  overflow: auto;
}
.contacts-list > li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 10px;
  margin: 0;
}
.contacts-list > li:before,
.contacts-list > li:after {
  content: " ";
  display: table;
}
.contacts-list > li:after {
  clear: both;
}
.contacts-list > li:last-of-type {
  border-bottom: none;
}
.contacts-list-img {
  border-radius: 50%;
  width: 40px;
  float: left;
}
.contacts-list-info {
  margin-left: 45px;
  color: #fff;
}
.contacts-list-name,
.contacts-list-status {
  display: block;
}
.contacts-list-name {
  font-weight: 600;
}
.contacts-list-status {
  font-size: 12px;
}
.contacts-list-date {
  color: #aaa;
  font-weight: normal;
}
.contacts-list-msg {
  color: #999;
}
.direct-chat-danger .right > .direct-chat-text {
  background: #dd4b39;
  border-color: #dd4b39;
  color: #ffffff;
}
.direct-chat-danger .right > .direct-chat-text:after,
.direct-chat-danger .right > .direct-chat-text:before {
  border-left-color: #dd4b39;
}
.direct-chat-primary .right > .direct-chat-text {
  background: #3c8dbc;
  border-color: #3c8dbc;
  color: #ffffff;
}
.direct-chat-primary .right > .direct-chat-text:after,
.direct-chat-primary .right > .direct-chat-text:before {
  border-left-color: #3c8dbc;
}
.direct-chat-warning .right > .direct-chat-text {
  background: #f39c12;
  border-color: #f39c12;
  color: #ffffff;
}
.direct-chat-warning .right > .direct-chat-text:after,
.direct-chat-warning .right > .direct-chat-text:before {
  border-left-color: #f39c12;
}
.direct-chat-info .right > .direct-chat-text {
  background: #00c0ef;
  border-color: #00c0ef;
  color: #ffffff;
}
.direct-chat-info .right > .direct-chat-text:after,
.direct-chat-info .right > .direct-chat-text:before {
  border-left-color: #00c0ef;
}
.direct-chat-success .right > .direct-chat-text {
  background: #00a65a;
  border-color: #00a65a;
  color: #ffffff;
}
.direct-chat-success .right > .direct-chat-text:after,
.direct-chat-success .right > .direct-chat-text:before {
  border-left-color: #00a65a;
}
/*
 * Component: Users List
 * ---------------------
 */
.users-list > li {
  width: 25%;
  float: left;
  padding: 10px;
  text-align: center;
}
.users-list > li img {
  border-radius: 50%;
  max-width: 100%;
  height: auto;
}
.users-list > li > a:hover,
.users-list > li > a:hover .users-list-name {
  color: #999;
}
.users-list-name,
.users-list-date {
  display: block;
}
.users-list-name {
  font-weight: 600;
  color: #444;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.users-list-date {
  color: #999;
  font-size: 12px;
}
/*
 * Component: Carousel
 * -------------------
 */
.carousel-control.left,
.carousel-control.right {
  background-image: none;
}
.carousel-control > .fa {
  font-size: 40px;
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -20px;
}
/*
 * Component: modal
 * ----------------
 */
.modal {
  background: rgba(0, 0, 0, 0.3);
}
.modal-content {
  border-radius: 0;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
  border: 0;
}
@media (min-width: 768px) {
  .modal-content {
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
  }
}
.modal-header {
  border-bottom-color: #f4f4f4;
}
.modal-footer {
  border-top-color: #f4f4f4;
}
.modal-primary .modal-header,
.modal-primary .modal-footer {
  border-color: #307095;
}
.modal-warning .modal-header,
.modal-warning .modal-footer {
  border-color: #c87f0a;
}
.modal-info .modal-header,
.modal-info .modal-footer {
  border-color: #0097bc;
}
.modal-success .modal-header,
.modal-success .modal-footer {
  border-color: #00733e;
}
.modal-danger .modal-header,
.modal-danger .modal-footer {
  border-color: #c23321;
}
/*
 * Component: Social Widgets
 * -------------------------
 */
.box-widget {
  border: none;
  position: relative;
}
.widget-user .widget-user-header {
  padding: 20px;
  height: 120px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.widget-user .widget-user-username {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 25px;
  font-weight: 300;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.widget-user .widget-user-desc {
  margin-top: 0;
}
.widget-user .widget-user-image {
  position: absolute;
  top: 65px;
  left: 50%;
  margin-left: -45px;
}
.widget-user .widget-user-image > img {
  width: 90px;
  height: auto;
  border: 3px solid #fff;
}
.widget-user .box-footer {
  padding-top: 30px;
}
.widget-user-2 .widget-user-header {
  padding: 20px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.widget-user-2 .widget-user-username {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 25px;
  font-weight: 300;
}
.widget-user-2 .widget-user-desc {
  margin-top: 0;
}
.widget-user-2 .widget-user-username,
.widget-user-2 .widget-user-desc {
  margin-left: 75px;
}
.widget-user-2 .widget-user-image > img {
  width: 65px;
  height: auto;
  float: left;
}
/*
 * Page: Mailbox
 * -------------
 */
.mailbox-messages > .table {
  margin: 0;
}
.mailbox-controls {
  padding: 5px;
}
.mailbox-controls.with-border {
  border-bottom: 1px solid #f4f4f4;
}
.mailbox-read-info {
  border-bottom: 1px solid #f4f4f4;
  padding: 10px;
}
.mailbox-read-info h3 {
  font-size: 20px;
  margin: 0;
}
.mailbox-read-info h5 {
  margin: 0;
  padding: 5px 0 0 0;
}
.mailbox-read-time {
  color: #999;
  font-size: 13px;
}
.mailbox-read-message {
  padding: 10px;
}
.mailbox-attachments li {
  float: left;
  width: 200px;
  border: 1px solid #eee;
  margin-bottom: 10px;
  margin-right: 10px;
}
.mailbox-attachment-name {
  font-weight: bold;
  color: #666;
}
.mailbox-attachment-icon,
.mailbox-attachment-info,
.mailbox-attachment-size {
  display: block;
}
.mailbox-attachment-info {
  padding: 10px;
  background: #f4f4f4;
}
.mailbox-attachment-size {
  color: #999;
  font-size: 12px;
}
.mailbox-attachment-icon {
  text-align: center;
  font-size: 65px;
  color: #666;
  padding: 20px 10px;
}
.mailbox-attachment-icon.has-img {
  padding: 0;
}
.mailbox-attachment-icon.has-img > img {
  max-width: 100%;
  height: auto;
}
/*
 * Page: Lock Screen
 * -----------------
 */
/* ADD THIS CLASS TO THE <BODY> TAG */
.lockscreen {
  background: #d2d6de;
}
.lockscreen-logo {
  font-size: 35px;
  text-align: center;
  margin-bottom: 25px;
  font-weight: 300;
}
.lockscreen-logo a {
  color: #444;
}
.lockscreen-wrapper {
  max-width: 400px;
  margin: 0 auto;
  margin-top: 10%;
}
/* User name [optional] */
.lockscreen .lockscreen-name {
  text-align: center;
  font-weight: 600;
}
/* Will contain the image and the sign in form */
.lockscreen-item {
  border-radius: 4px;
  padding: 0;
  background: #fff;
  position: relative;
  margin: 10px auto 30px auto;
  width: 290px;
}
/* User image */
.lockscreen-image {
  border-radius: 50%;
  position: absolute;
  left: -10px;
  top: -25px;
  background: #fff;
  padding: 5px;
  z-index: 10;
}
.lockscreen-image > img {
  border-radius: 50%;
  width: 70px;
  height: 70px;
}
/* Contains the password input and the login button */
.lockscreen-credentials {
  margin-left: 70px;
}
.lockscreen-credentials .form-control {
  border: 0;
}
.lockscreen-credentials .btn {
  background-color: #fff;
  border: 0;
  padding: 0 10px;
}
.lockscreen-footer {
  margin-top: 10px;
}
/*
 * Page: Login & Register
 * ----------------------
 */
.login-logo,
.register-logo {
  font-size: 35px;
  text-align: center;
  margin-bottom: 25px;
  font-weight: 300;
}
.login-logo a,
.register-logo a {
  color: #444;
}
.login-page,
.register-page {
  background: #d2d6de;
}
.login-box,
.register-box {
  width: 360px;
  margin: 7% auto;
}
@media (max-width: 768px) {
  .login-box,
  .register-box {
    width: 90%;
    margin-top: 20px;
  }
}
.login-box-body,
.register-box-body {
  background: #fff;
  padding: 20px;
  border-top: 0;
  color: #666;
}
.login-box-body .form-control-feedback,
.register-box-body .form-control-feedback {
  color: #777;
}
.login-box-msg,
.register-box-msg {
  margin: 0;
  text-align: center;
  padding: 0 20px 20px 20px;
}
.social-auth-links {
  margin: 10px 0;
}
/*
 * Page: 400 and 500 error pages
 * ------------------------------
 */
.error-page {
  width: 600px;
  margin: 20px auto 0 auto;
}
@media (max-width: 991px) {
  .error-page {
    width: 100%;
  }
}
.error-page > .headline {
  float: left;
  font-size: 100px;
  font-weight: 300;
}
@media (max-width: 991px) {
  .error-page > .headline {
    float: none;
    text-align: center;
  }
}
.error-page > .error-content {
  margin-left: 190px;
  display: block;
}
@media (max-width: 991px) {
  .error-page > .error-content {
    margin-left: 0;
  }
}
.error-page > .error-content > h3 {
  font-weight: 300;
  font-size: 25px;
}
@media (max-width: 991px) {
  .error-page > .error-content > h3 {
    text-align: center;
  }
}
/*
 * Page: Invoice
 * -------------
 */
.invoice {
  position: relative;
  background: #fff;
  border: 1px solid #f4f4f4;
  padding: 20px;
  margin: 10px 25px;
}
.invoice-title {
  margin-top: 0;
}
/*
 * Page: Profile
 * -------------
 */
.profile-user-img {
  margin: 0 auto;
  width: 100px;
  padding: 3px;
  border: 3px solid #d2d6de;
}
.profile-username {
  font-size: 21px;
  margin-top: 5px;
}
.post {
  border-bottom: 1px solid #d2d6de;
  margin-bottom: 15px;
  padding-bottom: 15px;
  color: #666;
}
.post:last-of-type {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.post .user-block {
  margin-bottom: 15px;
}
/*
 * Social Buttons for Bootstrap
 *
 * Copyright 2013-2015 Panayiotis Lipiridis
 * Licensed under the MIT License
 *
 * https://github.com/lipis/bootstrap-social
 */
.btn-social {
  position: relative;
  padding-left: 44px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.btn-social > :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.btn-social.btn-lg {
  padding-left: 61px;
}
.btn-social.btn-lg > :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
.btn-social.btn-sm {
  padding-left: 38px;
}
.btn-social.btn-sm > :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
.btn-social.btn-xs {
  padding-left: 30px;
}
.btn-social.btn-xs > :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
.btn-social-icon {
  position: relative;
  padding-left: 44px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 34px;
  width: 34px;
  padding: 0;
}
.btn-social-icon > :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.btn-social-icon.btn-lg {
  padding-left: 61px;
}
.btn-social-icon.btn-lg > :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
.btn-social-icon.btn-sm {
  padding-left: 38px;
}
.btn-social-icon.btn-sm > :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
.btn-social-icon.btn-xs {
  padding-left: 30px;
}
.btn-social-icon.btn-xs > :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
.btn-social-icon > :first-child {
  border: none;
  text-align: center;
  width: 100%;
}
.btn-social-icon.btn-lg {
  height: 45px;
  width: 45px;
  padding-left: 0;
  padding-right: 0;
}
.btn-social-icon.btn-sm {
  height: 30px;
  width: 30px;
  padding-left: 0;
  padding-right: 0;
}
.btn-social-icon.btn-xs {
  height: 22px;
  width: 22px;
  padding-left: 0;
  padding-right: 0;
}
.btn-adn {
  color: #ffffff;
  background-color: #d87a68;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-adn:focus,
.btn-adn.focus {
  color: #ffffff;
  background-color: #ce563f;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-adn:hover {
  color: #ffffff;
  background-color: #ce563f;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-adn:active,
.btn-adn.active,
.open > .dropdown-toggle.btn-adn {
  color: #ffffff;
  background-color: #ce563f;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-adn:active,
.btn-adn.active,
.open > .dropdown-toggle.btn-adn {
  background-image: none;
}
.btn-adn .badge {
  color: #d87a68;
  background-color: #ffffff;
}
.btn-bitbucket {
  color: #ffffff;
  background-color: #205081;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-bitbucket:focus,
.btn-bitbucket.focus {
  color: #ffffff;
  background-color: #163758;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-bitbucket:hover {
  color: #ffffff;
  background-color: #163758;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-bitbucket:active,
.btn-bitbucket.active,
.open > .dropdown-toggle.btn-bitbucket {
  color: #ffffff;
  background-color: #163758;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-bitbucket:active,
.btn-bitbucket.active,
.open > .dropdown-toggle.btn-bitbucket {
  background-image: none;
}
.btn-bitbucket .badge {
  color: #205081;
  background-color: #ffffff;
}
.btn-dropbox {
  color: #ffffff;
  background-color: #1087dd;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-dropbox:focus,
.btn-dropbox.focus {
  color: #ffffff;
  background-color: #0d6aad;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-dropbox:hover {
  color: #ffffff;
  background-color: #0d6aad;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-dropbox:active,
.btn-dropbox.active,
.open > .dropdown-toggle.btn-dropbox {
  color: #ffffff;
  background-color: #0d6aad;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-dropbox:active,
.btn-dropbox.active,
.open > .dropdown-toggle.btn-dropbox {
  background-image: none;
}
.btn-dropbox .badge {
  color: #1087dd;
  background-color: #ffffff;
}
.btn-facebook {
  color: #ffffff;
  background-color: #3b5998;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-facebook:focus,
.btn-facebook.focus {
  color: #ffffff;
  background-color: #2d4373;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-facebook:hover {
  color: #ffffff;
  background-color: #2d4373;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-facebook:active,
.btn-facebook.active,
.open > .dropdown-toggle.btn-facebook {
  color: #ffffff;
  background-color: #2d4373;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-facebook:active,
.btn-facebook.active,
.open > .dropdown-toggle.btn-facebook {
  background-image: none;
}
.btn-facebook .badge {
  color: #3b5998;
  background-color: #ffffff;
}
.btn-flickr {
  color: #ffffff;
  background-color: #ff0084;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-flickr:focus,
.btn-flickr.focus {
  color: #ffffff;
  background-color: #cc006a;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-flickr:hover {
  color: #ffffff;
  background-color: #cc006a;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-flickr:active,
.btn-flickr.active,
.open > .dropdown-toggle.btn-flickr {
  color: #ffffff;
  background-color: #cc006a;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-flickr:active,
.btn-flickr.active,
.open > .dropdown-toggle.btn-flickr {
  background-image: none;
}
.btn-flickr .badge {
  color: #ff0084;
  background-color: #ffffff;
}
.btn-foursquare {
  color: #ffffff;
  background-color: #f94877;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-foursquare:focus,
.btn-foursquare.focus {
  color: #ffffff;
  background-color: #f71752;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-foursquare:hover {
  color: #ffffff;
  background-color: #f71752;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-foursquare:active,
.btn-foursquare.active,
.open > .dropdown-toggle.btn-foursquare {
  color: #ffffff;
  background-color: #f71752;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-foursquare:active,
.btn-foursquare.active,
.open > .dropdown-toggle.btn-foursquare {
  background-image: none;
}
.btn-foursquare .badge {
  color: #f94877;
  background-color: #ffffff;
}
.btn-github {
  color: #ffffff;
  background-color: #444444;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-github:focus,
.btn-github.focus {
  color: #ffffff;
  background-color: #2b2b2b;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-github:hover {
  color: #ffffff;
  background-color: #2b2b2b;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-github:active,
.btn-github.active,
.open > .dropdown-toggle.btn-github {
  color: #ffffff;
  background-color: #2b2b2b;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-github:active,
.btn-github.active,
.open > .dropdown-toggle.btn-github {
  background-image: none;
}
.btn-github .badge {
  color: #444444;
  background-color: #ffffff;
}
.btn-google {
  color: #ffffff;
  background-color: #dd4b39;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-google:focus,
.btn-google.focus {
  color: #ffffff;
  background-color: #c23321;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-google:hover {
  color: #ffffff;
  background-color: #c23321;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-google:active,
.btn-google.active,
.open > .dropdown-toggle.btn-google {
  color: #ffffff;
  background-color: #c23321;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-google:active,
.btn-google.active,
.open > .dropdown-toggle.btn-google {
  background-image: none;
}
.btn-google .badge {
  color: #dd4b39;
  background-color: #ffffff;
}
.btn-instagram {
  color: #ffffff;
  background-color: #3f729b;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-instagram:focus,
.btn-instagram.focus {
  color: #ffffff;
  background-color: #305777;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-instagram:hover {
  color: #ffffff;
  background-color: #305777;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-instagram:active,
.btn-instagram.active,
.open > .dropdown-toggle.btn-instagram {
  color: #ffffff;
  background-color: #305777;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-instagram:active,
.btn-instagram.active,
.open > .dropdown-toggle.btn-instagram {
  background-image: none;
}
.btn-instagram .badge {
  color: #3f729b;
  background-color: #ffffff;
}
.btn-linkedin {
  color: #ffffff;
  background-color: #007bb6;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-linkedin:focus,
.btn-linkedin.focus {
  color: #ffffff;
  background-color: #005983;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-linkedin:hover {
  color: #ffffff;
  background-color: #005983;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-linkedin:active,
.btn-linkedin.active,
.open > .dropdown-toggle.btn-linkedin {
  color: #ffffff;
  background-color: #005983;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-linkedin:active,
.btn-linkedin.active,
.open > .dropdown-toggle.btn-linkedin {
  background-image: none;
}
.btn-linkedin .badge {
  color: #007bb6;
  background-color: #ffffff;
}
.btn-microsoft {
  color: #ffffff;
  background-color: #2672ec;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-microsoft:focus,
.btn-microsoft.focus {
  color: #ffffff;
  background-color: #125acd;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-microsoft:hover {
  color: #ffffff;
  background-color: #125acd;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-microsoft:active,
.btn-microsoft.active,
.open > .dropdown-toggle.btn-microsoft {
  color: #ffffff;
  background-color: #125acd;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-microsoft:active,
.btn-microsoft.active,
.open > .dropdown-toggle.btn-microsoft {
  background-image: none;
}
.btn-microsoft .badge {
  color: #2672ec;
  background-color: #ffffff;
}
.btn-openid {
  color: #ffffff;
  background-color: #f7931e;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-openid:focus,
.btn-openid.focus {
  color: #ffffff;
  background-color: #da7908;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-openid:hover {
  color: #ffffff;
  background-color: #da7908;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-openid:active,
.btn-openid.active,
.open > .dropdown-toggle.btn-openid {
  color: #ffffff;
  background-color: #da7908;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-openid:active,
.btn-openid.active,
.open > .dropdown-toggle.btn-openid {
  background-image: none;
}
.btn-openid .badge {
  color: #f7931e;
  background-color: #ffffff;
}
.btn-pinterest {
  color: #ffffff;
  background-color: #cb2027;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-pinterest:focus,
.btn-pinterest.focus {
  color: #ffffff;
  background-color: #9f191f;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-pinterest:hover {
  color: #ffffff;
  background-color: #9f191f;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-pinterest:active,
.btn-pinterest.active,
.open > .dropdown-toggle.btn-pinterest {
  color: #ffffff;
  background-color: #9f191f;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-pinterest:active,
.btn-pinterest.active,
.open > .dropdown-toggle.btn-pinterest {
  background-image: none;
}
.btn-pinterest .badge {
  color: #cb2027;
  background-color: #ffffff;
}
.btn-reddit {
  color: #000000;
  background-color: #eff7ff;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-reddit:focus,
.btn-reddit.focus {
  color: #000000;
  background-color: #bcddff;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-reddit:hover {
  color: #000000;
  background-color: #bcddff;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-reddit:active,
.btn-reddit.active,
.open > .dropdown-toggle.btn-reddit {
  color: #000000;
  background-color: #bcddff;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-reddit:active,
.btn-reddit.active,
.open > .dropdown-toggle.btn-reddit {
  background-image: none;
}
.btn-reddit .badge {
  color: #eff7ff;
  background-color: #000000;
}
.btn-soundcloud {
  color: #ffffff;
  background-color: #ff5500;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-soundcloud:focus,
.btn-soundcloud.focus {
  color: #ffffff;
  background-color: #cc4400;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-soundcloud:hover {
  color: #ffffff;
  background-color: #cc4400;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-soundcloud:active,
.btn-soundcloud.active,
.open > .dropdown-toggle.btn-soundcloud {
  color: #ffffff;
  background-color: #cc4400;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-soundcloud:active,
.btn-soundcloud.active,
.open > .dropdown-toggle.btn-soundcloud {
  background-image: none;
}
.btn-soundcloud .badge {
  color: #ff5500;
  background-color: #ffffff;
}
.btn-tumblr {
  color: #ffffff;
  background-color: #2c4762;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-tumblr:focus,
.btn-tumblr.focus {
  color: #ffffff;
  background-color: #1c2d3f;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-tumblr:hover {
  color: #ffffff;
  background-color: #1c2d3f;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-tumblr:active,
.btn-tumblr.active,
.open > .dropdown-toggle.btn-tumblr {
  color: #ffffff;
  background-color: #1c2d3f;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-tumblr:active,
.btn-tumblr.active,
.open > .dropdown-toggle.btn-tumblr {
  background-image: none;
}
.btn-tumblr .badge {
  color: #2c4762;
  background-color: #ffffff;
}
.btn-twitter {
  color: #ffffff;
  background-color: #55acee;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-twitter:focus,
.btn-twitter.focus {
  color: #ffffff;
  background-color: #2795e9;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-twitter:hover {
  color: #ffffff;
  background-color: #2795e9;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-twitter:active,
.btn-twitter.active,
.open > .dropdown-toggle.btn-twitter {
  color: #ffffff;
  background-color: #2795e9;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-twitter:active,
.btn-twitter.active,
.open > .dropdown-toggle.btn-twitter {
  background-image: none;
}
.btn-twitter .badge {
  color: #55acee;
  background-color: #ffffff;
}
.btn-vimeo {
  color: #ffffff;
  background-color: #1ab7ea;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-vimeo:focus,
.btn-vimeo.focus {
  color: #ffffff;
  background-color: #1295bf;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-vimeo:hover {
  color: #ffffff;
  background-color: #1295bf;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-vimeo:active,
.btn-vimeo.active,
.open > .dropdown-toggle.btn-vimeo {
  color: #ffffff;
  background-color: #1295bf;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-vimeo:active,
.btn-vimeo.active,
.open > .dropdown-toggle.btn-vimeo {
  background-image: none;
}
.btn-vimeo .badge {
  color: #1ab7ea;
  background-color: #ffffff;
}
.btn-vk {
  color: #ffffff;
  background-color: #587ea3;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-vk:focus,
.btn-vk.focus {
  color: #ffffff;
  background-color: #466482;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-vk:hover {
  color: #ffffff;
  background-color: #466482;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-vk:active,
.btn-vk.active,
.open > .dropdown-toggle.btn-vk {
  color: #ffffff;
  background-color: #466482;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-vk:active,
.btn-vk.active,
.open > .dropdown-toggle.btn-vk {
  background-image: none;
}
.btn-vk .badge {
  color: #587ea3;
  background-color: #ffffff;
}
.btn-yahoo {
  color: #ffffff;
  background-color: #720e9e;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-yahoo:focus,
.btn-yahoo.focus {
  color: #ffffff;
  background-color: #500a6f;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-yahoo:hover {
  color: #ffffff;
  background-color: #500a6f;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-yahoo:active,
.btn-yahoo.active,
.open > .dropdown-toggle.btn-yahoo {
  color: #ffffff;
  background-color: #500a6f;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-yahoo:active,
.btn-yahoo.active,
.open > .dropdown-toggle.btn-yahoo {
  background-image: none;
}
.btn-yahoo .badge {
  color: #720e9e;
  background-color: #ffffff;
}
/*
 * Plugin: Full Calendar
 * ---------------------
 */
.fc-button {
  background: #f4f4f4;
  background-image: none;
  color: #444;
  border-color: #ddd;
  border-bottom-color: #ddd;
}
.fc-button:hover,
.fc-button:active,
.fc-button.hover {
  background-color: #e9e9e9;
}
.fc-header-title h2 {
  font-size: 15px;
  line-height: 1.6em;
  color: #666;
  margin-left: 10px;
}
.fc-header-right {
  padding-right: 10px;
}
.fc-header-left {
  padding-left: 10px;
}
.fc-widget-header {
  background: #fafafa;
}
.fc-grid {
  width: 100%;
  border: 0;
}
.fc-widget-header:first-of-type,
.fc-widget-content:first-of-type {
  border-left: 0;
  border-right: 0;
}
.fc-widget-header:last-of-type,
.fc-widget-content:last-of-type {
  border-right: 0;
}
.fc-toolbar {
  padding: 10px;
  margin: 0;
}
.fc-day-number {
  font-size: 20px;
  font-weight: 300;
  padding-right: 10px;
}
.fc-color-picker {
  list-style: none;
  margin: 0;
  padding: 0;
}
.fc-color-picker > li {
  float: left;
  font-size: 30px;
  margin-right: 5px;
  line-height: 30px;
}
.fc-color-picker > li .fa {
  -webkit-transition: -webkit-transform linear 0.3s;
  -moz-transition: -moz-transform linear 0.3s;
  -o-transition: -o-transform linear 0.3s;
  transition: transform linear 0.3s;
}
.fc-color-picker > li .fa:hover {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  transform: rotate(30deg);
}
#add-new-event {
  -webkit-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.external-event {
  padding: 5px 10px;
  font-weight: bold;
  margin-bottom: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  cursor: move;
}
.external-event:hover {
  box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.2);
}
/*
 * Plugin: Select2
 * ---------------
 */
.select2-container--default.select2-container--focus,
.select2-selection.select2-container--focus,
.select2-container--default:focus,
.select2-selection:focus,
.select2-container--default:active,
.select2-selection:active {
  outline: none;
}
.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
  border: 1px solid #d2d6de;
  border-radius: 0;
  padding: 6px 12px;
  height: 34px;
}
.select2-container--default.select2-container--open {
  border-color: #3c8dbc;
}
.select2-dropdown {
  border: 1px solid #d2d6de;
  border-radius: 0;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #3c8dbc;
  color: white;
}
.select2-results__option {
  padding: 6px 12px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
  padding-right: 0;
  height: auto;
  margin-top: -4px;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 6px;
  padding-left: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 28px;
  right: 3px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  margin-top: 0;
}
.select2-dropdown .select2-search__field,
.select2-search--inline .select2-search__field {
  border: 1px solid #d2d6de;
}
.select2-dropdown .select2-search__field:focus,
.select2-search--inline .select2-search__field:focus {
  outline: none;
  border: 1px solid #3c8dbc;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}
.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[aria-selected=true]:hover {
  color: #444;
}
.select2-container--default .select2-selection--multiple {
  border: 1px solid #d2d6de;
  border-radius: 0;
}
.select2-container--default .select2-selection--multiple:focus {
  border-color: #3c8dbc;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #d2d6de;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #3c8dbc;
  border-color: #367fa9;
  padding: 1px 10px;
  color: #fff;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  margin-right: 5px;
  color: rgba(255, 255, 255, 0.7);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 10px;
}
/*
 * General: Miscellaneous
 * ----------------------
 */
.pad {
  padding: 10px;
}
.margin {
  margin: 10px;
}
.margin-bottom {
  margin-bottom: 20px;
}
.margin-bottom-none {
  margin-bottom: 0;
}
.margin-r-5 {
  margin-right: 5px;
}
.inline {
  display: inline;
}
.description-block {
  display: block;
  margin: 10px 0;
  text-align: center;
}
.description-block.margin-bottom {
  margin-bottom: 25px;
}
.description-block > .description-header {
  margin: 0;
  padding: 0;
  font-weight: 600;
  font-size: 16px;
}
.description-block > .description-text {
  text-transform: uppercase;
}
.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black,
.bg-red-active,
.bg-yellow-active,
.bg-aqua-active,
.bg-blue-active,
.bg-light-blue-active,
.bg-green-active,
.bg-navy-active,
.bg-teal-active,
.bg-olive-active,
.bg-lime-active,
.bg-orange-active,
.bg-fuchsia-active,
.bg-purple-active,
.bg-maroon-active,
.bg-black-active,
.callout.callout-danger,
.callout.callout-warning,
.callout.callout-info,
.callout.callout-success,
.alert-success,
.alert-danger,
.alert-error,
.alert-warning,
.alert-info,
.label-danger,
.label-info,
.label-warning,
.label-primary,
.label-success,
.modal-primary .modal-body,
.modal-primary .modal-header,
.modal-primary .modal-footer,
.modal-warning .modal-body,
.modal-warning .modal-header,
.modal-warning .modal-footer,
.modal-info .modal-body,
.modal-info .modal-header,
.modal-info .modal-footer,
.modal-success .modal-body,
.modal-success .modal-header,
.modal-success .modal-footer,
.modal-danger .modal-body,
.modal-danger .modal-header,
.modal-danger .modal-footer {
  color: #fff !important;
}
.bg-gray {
  color: #000;
  background-color: #d2d6de !important;
}
.bg-gray-light {
  background-color: #f7f7f7;
}
.bg-black {
  background-color: #111111 !important;
}
.bg-red,
.callout.callout-danger,
.alert-danger,
.alert-error,
.label-danger,
.modal-danger .modal-body {
  background-color: #dd4b39 !important;
}
.bg-yellow,
.callout.callout-warning,
.alert-warning,
.label-warning,
.modal-warning .modal-body {
  background-color: #f39c12 !important;
}
.bg-aqua,
.callout.callout-info,
.alert-info,
.label-info,
.modal-info .modal-body {
  background-color: #00c0ef !important;
}
.bg-blue {
  background-color: #0073b7 !important;
}
.bg-light-blue,
.label-primary,
.modal-primary .modal-body {
  background-color: #3c8dbc !important;
}
.bg-green,
.callout.callout-success,
.alert-success,
.label-success,
.modal-success .modal-body {
  background-color: #00a65a !important;
}
.bg-navy {
  background-color: #001f3f !important;
}
.bg-teal {
  background-color: #39cccc !important;
}
.bg-olive {
  background-color: #3d9970 !important;
}
.bg-lime {
  background-color: #01ff70 !important;
}
.bg-orange {
  background-color: #ff851b !important;
}
.bg-fuchsia {
  background-color: #f012be !important;
}
.bg-purple {
  background-color: #605ca8 !important;
}
.bg-maroon {
  background-color: #d81b60 !important;
}
.bg-gray-active {
  color: #000;
  background-color: #b5bbc8 !important;
}
.bg-black-active {
  background-color: #000000 !important;
}
.bg-red-active,
.modal-danger .modal-header,
.modal-danger .modal-footer {
  background-color: #d33724 !important;
}
.bg-yellow-active,
.modal-warning .modal-header,
.modal-warning .modal-footer {
  background-color: #db8b0b !important;
}
.bg-aqua-active,
.modal-info .modal-header,
.modal-info .modal-footer {
  background-color: #00a7d0 !important;
}
.bg-blue-active {
  background-color: #005384 !important;
}
.bg-light-blue-active,
.modal-primary .modal-header,
.modal-primary .modal-footer {
  background-color: #357ca5 !important;
}
.bg-green-active,
.modal-success .modal-header,
.modal-success .modal-footer {
  background-color: #008d4c !important;
}
.bg-navy-active {
  background-color: #001a35 !important;
}
.bg-teal-active {
  background-color: #30bbbb !important;
}
.bg-olive-active {
  background-color: #368763 !important;
}
.bg-lime-active {
  background-color: #00e765 !important;
}
.bg-orange-active {
  background-color: #ff7701 !important;
}
.bg-fuchsia-active {
  background-color: #db0ead !important;
}
.bg-purple-active {
  background-color: #555299 !important;
}
.bg-maroon-active {
  background-color: #ca195a !important;
}
[class^="bg-"].disabled {
  opacity: 0.65;
  filter: alpha(opacity=65);
}
.text-red {
  color: #dd4b39 !important;
}
.text-yellow {
  color: #f39c12 !important;
}
.text-aqua {
  color: #00c0ef !important;
}
.text-blue {
  color: #0073b7 !important;
}
.text-black {
  color: #111111 !important;
}
.text-light-blue {
  color: #3c8dbc !important;
}
.text-green {
  color: #00a65a !important;
}
.text-gray {
  color: #d2d6de !important;
}
.text-navy {
  color: #001f3f !important;
}
.text-teal {
  color: #39cccc !important;
}
.text-olive {
  color: #3d9970 !important;
}
.text-lime {
  color: #01ff70 !important;
}
.text-orange {
  color: #ff851b !important;
}
.text-fuchsia {
  color: #f012be !important;
}
.text-purple {
  color: #605ca8 !important;
}
.text-maroon {
  color: #d81b60 !important;
}
.link-muted {
  color: #7a869d;
}
.link-muted:hover,
.link-muted:focus {
  color: #606c84;
}
.link-black {
  color: #666;
}
.link-black:hover,
.link-black:focus {
  color: #999;
}
.hide {
  display: none !important;
}
.no-border {
  border: 0 !important;
}
.no-padding {
  padding: 0 !important;
}
.no-margin {
  margin: 0 !important;
}
.no-shadow {
  box-shadow: none !important;
}
.list-unstyled,
.chart-legend,
.contacts-list,
.users-list,
.mailbox-attachments {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list-group-unbordered > .list-group-item {
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}
.flat {
  border-radius: 0 !important;
}
.text-bold,
.text-bold.table td,
.text-bold.table th {
  font-weight: 700;
}
.text-sm {
  font-size: 12px;
}
.jqstooltip {
  padding: 5px !important;
  width: auto !important;
  height: auto !important;
}
.bg-teal-gradient {
  background: #39cccc !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39cccc), color-stop(1, #7adddd)) !important;
  background: -ms-linear-gradient(bottom, #39cccc, #7adddd) !important;
  background: -moz-linear-gradient(center bottom, #39cccc 0%, #7adddd 100%) !important;
  background: -o-linear-gradient(#7adddd, #39cccc) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39cccc', GradientType=0) !important;
  color: #fff;
}
.bg-light-blue-gradient {
  background: #3c8dbc !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3c8dbc), color-stop(1, #67a8ce)) !important;
  background: -ms-linear-gradient(bottom, #3c8dbc, #67a8ce) !important;
  background: -moz-linear-gradient(center bottom, #3c8dbc 0%, #67a8ce 100%) !important;
  background: -o-linear-gradient(#67a8ce, #3c8dbc) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important;
  color: #fff;
}
.bg-blue-gradient {
  background: #0073b7 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0073b7), color-stop(1, #0089db)) !important;
  background: -ms-linear-gradient(bottom, #0073b7, #0089db) !important;
  background: -moz-linear-gradient(center bottom, #0073b7 0%, #0089db 100%) !important;
  background: -o-linear-gradient(#0089db, #0073b7) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important;
  color: #fff;
}
.bg-aqua-gradient {
  background: #00c0ef !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00c0ef), color-stop(1, #14d1ff)) !important;
  background: -ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important;
  background: -moz-linear-gradient(center bottom, #00c0ef 0%, #14d1ff 100%) !important;
  background: -o-linear-gradient(#14d1ff, #00c0ef) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;
  color: #fff;
}
.bg-yellow-gradient {
  background: #f39c12 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f39c12), color-stop(1, #f7bc60)) !important;
  background: -ms-linear-gradient(bottom, #f39c12, #f7bc60) !important;
  background: -moz-linear-gradient(center bottom, #f39c12 0%, #f7bc60 100%) !important;
  background: -o-linear-gradient(#f7bc60, #f39c12) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important;
  color: #fff;
}
.bg-purple-gradient {
  background: #605ca8 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #605ca8), color-stop(1, #9491c4)) !important;
  background: -ms-linear-gradient(bottom, #605ca8, #9491c4) !important;
  background: -moz-linear-gradient(center bottom, #605ca8 0%, #9491c4 100%) !important;
  background: -o-linear-gradient(#9491c4, #605ca8) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9491c4', endColorstr='#605ca8', GradientType=0) !important;
  color: #fff;
}
.bg-green-gradient {
  background: #00a65a !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00a65a), color-stop(1, #00ca6d)) !important;
  background: -ms-linear-gradient(bottom, #00a65a, #00ca6d) !important;
  background: -moz-linear-gradient(center bottom, #00a65a 0%, #00ca6d 100%) !important;
  background: -o-linear-gradient(#00ca6d, #00a65a) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important;
  color: #fff;
}
.bg-red-gradient {
  background: #dd4b39 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dd4b39), color-stop(1, #e47365)) !important;
  background: -ms-linear-gradient(bottom, #dd4b39, #e47365) !important;
  background: -moz-linear-gradient(center bottom, #dd4b39 0%, #e47365 100%) !important;
  background: -o-linear-gradient(#e47365, #dd4b39) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#dd4b39', GradientType=0) !important;
  color: #fff;
}
.bg-black-gradient {
  background: #111111 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #111111), color-stop(1, #2b2b2b)) !important;
  background: -ms-linear-gradient(bottom, #111111, #2b2b2b) !important;
  background: -moz-linear-gradient(center bottom, #111111 0%, #2b2b2b 100%) !important;
  background: -o-linear-gradient(#2b2b2b, #111111) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111111', GradientType=0) !important;
  color: #fff;
}
.bg-maroon-gradient {
  background: #d81b60 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d81b60), color-stop(1, #e73f7c)) !important;
  background: -ms-linear-gradient(bottom, #d81b60, #e73f7c) !important;
  background: -moz-linear-gradient(center bottom, #d81b60 0%, #e73f7c 100%) !important;
  background: -o-linear-gradient(#e73f7c, #d81b60) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#d81b60', GradientType=0) !important;
  color: #fff;
}
.description-block .description-icon {
  font-size: 16px;
}
.no-pad-top {
  padding-top: 0;
}
.position-static {
  position: static !important;
}
.list-header {
  font-size: 15px;
  padding: 10px 4px;
  font-weight: bold;
  color: #666;
}
.list-seperator {
  height: 1px;
  background: #f4f4f4;
  margin: 15px 0 9px 0;
}
.list-link > a {
  padding: 4px;
  color: #777;
}
.list-link > a:hover {
  color: #222;
}
.font-light {
  font-weight: 300;
}
.user-block:before,
.user-block:after {
  content: " ";
  display: table;
}
.user-block:after {
  clear: both;
}
.user-block img {
  width: 40px;
  height: 40px;
  float: left;
}
.user-block .username,
.user-block .description,
.user-block .comment {
  display: block;
  margin-left: 50px;
}
.user-block .username {
  font-size: 16px;
  font-weight: 600;
}
.user-block .description {
  color: #999;
  font-size: 13px;
}
.user-block.user-block-sm .username,
.user-block.user-block-sm .description,
.user-block.user-block-sm .comment {
  margin-left: 40px;
}
.user-block.user-block-sm .username {
  font-size: 14px;
}
.img-sm,
.img-md,
.img-lg,
.box-comments .box-comment img,
.user-block.user-block-sm img {
  float: left;
}
.img-sm,
.box-comments .box-comment img,
.user-block.user-block-sm img {
  width: 30px !important;
  height: 30px !important;
}
.img-sm + .img-push {
  margin-left: 40px;
}
.img-md {
  width: 60px;
  height: 60px;
}
.img-md + .img-push {
  margin-left: 70px;
}
.img-lg {
  width: 100px;
  height: 100px;
}
.img-lg + .img-push {
  margin-left: 110px;
}
.img-bordered {
  border: 3px solid #d2d6de;
  padding: 3px;
}
.img-bordered-sm {
  border: 2px solid #d2d6de;
  padding: 2px;
}
.attachment-block {
  border: 1px solid #f4f4f4;
  padding: 5px;
  margin-bottom: 10px;
  background: #f7f7f7;
}
.attachment-block .attachment-img {
  max-width: 100px;
  max-height: 100px;
  height: auto;
  float: left;
}
.attachment-block .attachment-pushed {
  margin-left: 110px;
}
.attachment-block .attachment-heading {
  margin: 0;
}
.attachment-block .attachment-text {
  color: #555;
}
.connectedSortable {
  min-height: 100px;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.sort-highlight {
  background: #f4f4f4;
  border: 1px dashed #ddd;
  margin-bottom: 10px;
}
.full-opacity-hover {
  opacity: 0.65;
  filter: alpha(opacity=65);
}
.full-opacity-hover:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.chart {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.chart svg,
.chart canvas {
  width: 100% !important;
}
/*
 * Misc: print
 * -----------
 */
@media print {
  .no-print,
  .main-sidebar,
  .left-side,
  .main-header,
  .content-header {
    display: none !important;
  }
  .content-wrapper,
  .right-side,
  .main-footer {
    margin-left: 0 !important;
    min-height: 0 !important;
    -webkit-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    -o-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
  }
  .fixed .content-wrapper,
  .fixed .right-side {
    padding-top: 0 !important;
  }
  .invoice {
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0;
  }
  .invoice-col {
    float: left;
    width: 33.3333333%;
  }
  .table-responsive {
    overflow: auto;
  }
  .table-responsive > .table tr th,
  .table-responsive > .table tr td {
    white-space: normal !important;
  }
}

/* ---- front.css ---- */
.h1, h1 {
    font-size: 25px;
}
p {
    margin: 0 0 2px;
    line-height: 1.5;
    text-align: center
}
.puntos {
    height: 25px!important;
    text-overflow: ellipsis!important;
    white-space: nowrap!important;
    overflow: hidden;
    width: 100%;
    float: left
}
a {
    color: #6a6a6a
}
a:hover {
    color: #da2128
}
ul,
li {
    list-style-type: none;
    padding: 0;
    margin: 7px 0 7px 0
}
#logo {
    background: url(../img/logo.webp) 0 0px no-repeat;
    width: 182px;
    max-height: 60px;
    display: block;
    opacity: .93;
    height: 60px
}
.row {
    margin-right: -30px;
    margin-left: -30px;
}
.dashboard-banner {
    padding-top: 80px;
    padding-bottom: 80px;
    background: url(../img/head-bg.webp) repeat-x;
    text-align: center;
    position: relative;
    border-bottom: 5px solid #da2128
}
.dashboard-banner .dashboard-banner__content {
    color: #fff;
    max-width: 60%;
    margin: auto;
    position: relative
}
.dashboard-banner .dashboard-banner__content>h1 {
    margin-bottom: 30px;
    font-size: 3em;
    font-weight: 700
}
.dashboard-banner .dashboard-banner__content>h5 {
    line-height: 22px;
    margin-bottom: 20px
}
.dashboard-banner:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0, 0, 0, 0.2)
}
.title2 {
    border-bottom: 3px solid #000000;
    line-height: 24px;
    font-weight: 400;
    padding-bottom: 3px;
    font-size: 15px;
    color: #777;
    text-shadow: 0 1px 1px #FFF
}
#adletra {
    padding: 0;
    display: block
}
.enc {
    float: left;
    width: 100%;
    margin-top: 15px
}
.enc h1 {
    display: inline-block;
    border-bottom: 3px solid #000000;
    margin-bottom: -3px;
    line-height: 24px;
    font-weight: 400;
    padding-bottom: 3px;
    font-size: 14px;
    text-transform: uppercase;
    color: #777;
    text-shadow: 0 1px 1px #FFF
}
.tops {
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: auto;
    height: auto;
    z-index: 4;
    background: #000;
    opacity: .7;
    padding: 10px;
    font-size: 16px;
    color: #fff!important
}
.gen_artist {
    float: left;
    width: 15%;
    height: auto;
    margin: 10px .8%
}
.img_artist {
    width: 100%;
    float: left;
    opacity: 1;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px
}
.img_artist:hover {
    -webkit-filter: contrast(1.3);
    -moz-filter: contrast(1.3);
    -o-filter: contrast(1.3);
    filter: contrast(1.3)
}
.cont_artist {
    float: left;
    width: 100%;
    position: relative
}
.cont_genartist {
    width: 90%;
    height: 50px;
    float: left;
    padding: 10px 5%;
    position: relative
}
.nom_genartist {
    color: #3E3E3E;
    font-size: 18px
}
.nom_gen_artist {
    font-style: italic;
    color: #999;
    font-size: 14px
}
.art_rec {
    float: left;
    width: 15%;
    height: auto;
    margin: 10px .8%
}
.cont_imgart1,
.cont_imgart2,
.cont_imgart3,
.cont_imgart4,
.cont_imgart5,
.cont_imgart6 {
    float: left;
    width: 100%;
    overflow: hidden;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    position: relative
}
.cont_art1,
.cont_art2,
.cont_art3,
.cont_art4,
.cont_art5,
.cont_art6 {
    width: 90%;
    height: auto;
    float: left;
    padding: 10px 5%;
    position: relative
}
.img_artrecom1,
.img_artrecom2,
.img_artrecom3,
.img_artrecom4,
.img_artrecom5,
.img_artrecom6 {
    width: 100%;
    float: left;
    height: 100%;
    filter: blur(5px);
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px)
}
.img_circ1,
.img_circ2,
.img_circ3,
.img_circ4,
.img_circ5,
.img_circ6 {
    position: absolute;
    width: 70%;
    left: 15%;
    top: 15%;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s
}
.img_cuadr1,
.img_cuadr2,
.img_cuadr3,
.img_cuadr4,
.img_cuadr5,
.img_cuadr6 {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s
}
.nom_can1,
.nom_can2,
.nom_can3,
.nom_can4,
.nom_can5,
.nom_can6 {
    color: #3E3E3E;
    font-size: 16px
}
#hola {
    text-align: center;
    margin-top: 14px;
    margin-bottom: 12px
}
.title-h2 {
    font-size: 24px;
    color: #da2128;
    font-weight: 700;
    display: inline-block;
    text-transform: uppercase
}
.title-h3-user {
    font-size: 51px;
    font-family: 'Open Sans', sans-serif, Arial;
    letter-spacing: -1px;
    font-weight: 700
}
.jumbotron p {
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.3
}
.jumbotron {
    background-color: rgba(255, 255, 255, 0.46)
}
.s-bar {
    width: 100%;
    margin: 0 auto;
    padding: .5em 0
}
.s-bar input[type="text"] {
    font-size: 1em;
    font-weight: 600;
    color: #fff;
    padding: 1.3em 1em 1.3em 1.5em;
    width: 70%;
    text-shadow: rgba(80, 80, 80, 0.08) 1px 1px, rgba(80, 80, 80, 0.07) 2px 2px, rgba(80, 80, 80, 0.09) 3px 3px, rgba(80, 80, 80, 0.04) 4px 4px, rgba(80, 80, 80, 0.06) 5px 5px;
    border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    background: rgba(255, 255, 255, 0.5);
    border: none;
    outline: none;
    -webkit-appearance: none
}
.s-bar input[type="submit"] {
    font-size: 1em;
    font-weight: 600;
    color: #fff;
    padding: 1.3em .5em;
    width: 22%;
    text-align: center;
    text-shadow: rgba(80, 80, 80, 0.08) 1px 1px, rgba(80, 80, 80, 0.07) 2px 2px, rgba(80, 80, 80, 0.09) 3px 3px, rgba(80, 80, 80, 0.04) 4px 4px, rgba(80, 80, 80, 0.06) 5px 5px;
    border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -o-border-radius: 0 5px 5px 0;
    margin: 0 0 0 -4px;
    background: #7ac209;
    cursor: pointer;
    border: none;
    outline: none;
    -webkit-appearance: none;
    background: #7ac209;
    background: -moz-linear-gradient(top, #7ac209 0%, #7ac209 37%, #7ac209 66%, #7ac209 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7ac209), color-stop(37%, #7ac209), color-stop(66%, #7ac209), color-stop(100%, #7ac209));
    background: -webkit-linear-gradient(top, #7ac209 0%, #7ac209 37%, #7ac209 66%, #7ac209 100%);
    background: -o-linear-gradient(top, #7ac209 0%, #7ac209 37%, #7ac209 66%, #7ac209 100%);
    background: -ms-linear-gradient(top, #7ac209 0%, #7ac209 37%, #7ac209 66%, #7ac209 100%);
    background: linear-gradient(to bottom, #da2026 0%, #da2026 37%, #da2026 66%, #dd4b39 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7ac209', endColorstr='#7ac209', GradientType=0)
}
.s-bar input[type="submit"]:hover {
    opacity: .8;
    filter: alpha(opacity=100);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease
}
.title_artista_mes .biografia {
    font-size: 15px;
    font-weight: 400;
    margin: 8px 0;
    color: #999
}
.artish2 {
    font-size: .9em;
    color: #444;
    padding-bottom: 2px;
    margin-bottom: 0;
    text-transform: uppercase
}
.fotoartist {
    float: left;
    margin: .2em .6em .4em 0
}
.social_share_artista {
    position: absolute;
    right: 16px;
    top: 16px;
    display: inline-block
}
.bloque_img {
    padding: 10px;
    text-align: center
}
.block_count {
    border: 1px solid #4d4d4d;
    border-radius: 8px;
    font-size: 12px;
    cursor: pointer
}
.block_count span {
    font-size: 18px;
    font-weight: 700
}
.social_like {
    width: 100%;
    white-space: nowrap
}
.social_like .btn_count {
    display: inline-block;
    margin-right: 5px;
    float: left
}
.fixed {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: margin .45s ease-out;
    -moz-transition: margin .45s ease-out;
    transition: margin .45s ease-out
}
.footer-distributed {
    background-color: #252525;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    width: 100%;
    text-align: left;
    font: bold 16px sans-serif;
    padding: 55px 50px
}
| .footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right {
    display: inline-block;
    vertical-align: top
}
.footer-distributed .footer-left {
    width: 40%
}
.footer-distributed h3 {
    color: #fff;
    font: normal 36px Cookie, Open Sans;
    margin: 0
}
.footer-distributed h3 span {
    color: #0063cc
}
.footer-distributed .footer-links {
    color: #fff;
    margin: 20px 0 12px;
    padding: 0
}
.footer-distributed .footer-links a {
    display: inline-block;
    line-height: 1.8;
    text-decoration: none;
    color: inherit
}
.footer-distributed .footer-company-name {
    color: #8f9296;
    font-size: 14px;
    font-weight: 400;
    margin: 0
}
.footer-distributed .footer-center {
    width: 35%
}
.footer-distributed .footer-center i {
    background-color: #33383b;
    color: #fff;
    font-size: 25px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    text-align: center;
    line-height: 42px;
    margin: 10px 15px;
    vertical-align: middle
}
.footer-distributed .footer-center i.fa-envelope {
    font-size: 17px;
    line-height: 38px
}
.footer-distributed .footer-center p {
    display: inline-block;
    color: #fff;
    vertical-align: middle;
    margin: 0
}
.footer-distributed .footer-center p span {
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 2
}
.footer-distributed .footer-center p a {
    color: #5383d3;
    text-decoration: none
}
.footer-distributed .footer-right {
    width: 20%
}
.footer-distributed .footer-company-about {
    line-height: 20px;
    color: #92999f;
    font-size: 13px;
    font-weight: 400;
    margin: 0
}
.footer-distributed .footer-company-about span {
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px
}
.footer-distributed .footer-icons {
    margin-top: 25px
}
.footer-distributed .footer-icons a {
    display: inline-block;
    width: 35px;
    height: 35px;
    cursor: pointer;
    background-color: #33383b;
    border-radius: 2px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 35px;
    margin-right: 3px;
    margin-bottom: 5px
}
#player-mp3 {
    width: 100%;
    position: fixed;
    z-index: 999999999;
    bottom: 0;
    color: #fff;
    height: auto;
    display: inline-block;
    font-family: 'Open Sans', sans-serif, Arial;
    clear: both;
    line-height: 1.4;
    font-size: 13px;
    box-shadow: 0 0 1px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .5);
    background-color: #333;
    border-top: 1px solid #555
}
.letrapage .description-song {
    padding: .1em 0 .8em;
    border-bottom: 1px dotted #ddd;
    margin-bottom: .4em;
    font-size: 16px;
    color: #999;
    margin-top: .3em
}
.letrapage h2 {
    font-size: 1.1em;
    margin-bottom: 1.2em;
    font-weight: 600;
    color: #b9b9b9
}
.title-letra h1 {
    color: #2C3E50;
    font-size: 1.4em;
    font-weight: 600;
    margin-top: .2em;
    margin-bottom: .9em
}
.letrapage .lyricbody {
    font:normal 14px "Open Sans", "HelveticaNeue", Helvetica, Arial, sans-serif;
    color: #444444;
    text-decoration: none

}
.lado-left {
    background-color: #fff
}
.lado-left .img {
    text-align: center;
    display: block;
    overflow: hidden;
    margin-bottom: .6em;
    max-height: 200px
}
.lado-left .img img {
    border-radius: 3px;
    min-width: 150px;
    width: 100%;
    height: auto;
    display: block
}
.lado-left .info {
    padding: 0 0 .4em;
    text-align: center;
    font-size: .9em;
    border: solid 1px #ddd;
    margin-bottom: .6em
}
.lado-left .info h2 {
    font-size: .9em;
    display: block;
    margin-top: 0;
    margin-bottom: .3em;
    border-bottom: solid 1px #ddd;
    padding: .5em
}
.lado-left .info p {
    color: #999;
    padding: .4em
}
.moreLyrics {
    max-height: 360px;
    overflow: auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 5px;
    padding-bottom: 2px;
    z-index: 10;
    position: relative;
    line-height: 1.5em;
    background-color: #fff;
}
.moreLyrics .listTitle {
    font-weight: 700;
    border-bottom: 1px solid #eee;
    padding-bottom: 3px;
    margin-bottom: 8px
}
.moreLyrics span {
    font-weight: 700
}
.social-letra {
    border-top: 3px solid #ddd;
    margin: 1em 0 .6em;
    padding: 1.2em 0 0
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    margin-bottom: 15px;
    height: 0;
    overflow: hidden
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.colaborador {
    font-size: 'Open Sans', Arial;
    font-style: italic
}
.colaborador a {
    color: #00acd6
}
.breadcrumb {
    margin-bottom: 12px
}
.nopadding {
    padding-left: 5px!important;
    padding-right: 5px!important
}
.top-tracks {
    padding: 10px;
    margin: 5px 0;
    position: relative
}
.top-tracks:hover {
    background: #EDEDED;
    text-shadow: 0 1px 1px #FAFAFA;
    border-radius: 3px
}
.top-tracks .album-art {
    width: 53px;
    height: 53px;
    margin-right: 15px
}
.top-tracks .album-art img {
    width: 100%;
    border-radius: 3px
}
.top-tracks .album-artist,
.top-tracks .album-title {
    font-size: 16px;
    line-height: 1.7em;
    text-transform: capitalize;
    display: block;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}
.top-tracks .album-artist {
    font-weight: 400;
    font-size: 13px
}
.top-tracks .share {
    position: absolute;
    right: 10px;
    top: 25px;
    color: #424d5e;
    text-shadow: 0 1px 1px #FFF;
    background: rgba(107, 120, 140, .3);
    padding: 6px 10px;
    border-radius: 5px;
    opacity: .5
}
.top-tracks .share:hover {
    background: #424d5e;
    color: #FFF;
    text-shadow: 0 1px 1px #333
}
.sharer_box {
    width: 100%;
    margin-bottom: 10px
}
#modal_msg .modal-header {
    background-color: #282828;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 300;
    border-bottom: none
}
#modal_msg .modal-header .close {
    color: #FFF;
    opacity: .5
}
#modal_msg .modal-body {
    padding: 0
}
.sharer_box a {
    width: 25%;
    display: inline-block;
    background-color: #3B5998;
    background-image: url(../img/fb.png);
    background-repeat: no-repeat;
    background-position: 15px 10px;
    padding: 12px 30px 12px 44px;
    border: 0;
    color: #FFF!important;
    outline: 0;
    font-size: 18px;
    font-weight: 600;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5)
}
.sharer_box a:hover {
    background-color: #354f88
}
.sharer_box a.tw {
    background-color: #40a2d1;
    background-image: url(../img/tw.png)
}
.sharer_box a.tw:hover {
    background-color: #3695c1
}
.sharer_box a.gp {
    background-color: #bc3829;
    background-image: url(../img/gp.png)
}
.sharer_box a.gp:hover {
    background-color: #aa291b
}
.sharer_box a.wa {
    background-color: #00A859;
    background-image: url(../img/wa.png)
}
.sharer_box a.wa:hover {
    background-color: #058c4b
}
.sbox {
    padding: 10px 15px;
    width: 100%
}
.sbox h4 {
    font-size: 17px;
    font-weight: 600;
    margin: 7px 0
}
.sbox input {
    font-size: 15px;
    width: 100%;
    padding: 6px 8px;
    margin: 4px 0;
    border: 1px solid #1E2633;
    border-radius: 3px
}
#modal_msg .modal-footer {
    padding: 10px;
    background-color: rgba(0, 0, 0, .0625)
}
#modal_msg .modal-footer button {
    margin-bottom: 0
}
.track-mp3 {
    min-height: 60px;
    background: rgba(107, 120, 140, .1);
    border-radius: 4px;
    margin: 8px 0;
    padding: 15px;
    color: #1e2735;
    -webkit-transition: box-shadow .5s ease-in-out;
    -khtml-transition: box-shadow .5s ease-in-out;
    -moz-transition: box-shadow .5s ease-in-out;
    -ms-transition: box-shadow .5s ease-in-out;
    -o-transition: box-shadow .5s ease-in-out;
    transition: box-shadow .5s ease-in-out
}
.track-mp3 .title {
    font-size: 16px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.3em
}
.track-mp3 .title img {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    margin-right: 6px
}
.track-mp3 .info {
    font-weight: 300;
    font-size: 12px;
    line-height: 2em;
    display: block;
    color: #333
}
.track-mp3 .btn {
    margin: 3px 3px 3px 0;
    padding: 4px 7px!important;
    opacity: .97;
    font-size: 11px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3)
}
.track-mp3 .title span {
    color: #F62372;
    font-weight: 600
}
.track-mp3:hover {
    -webkit-box-shadow: 0 1px 12px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 12px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 12px rgba(0, 0, 0, 0.5)
}
.description-all {
    padding: .1em 0 .8em;
    margin-bottom: .4em;
    font-size: 14px;
    color: #999;
    margin-top: .3em
}
.inner-addon {
    position: relative
}
.inner-addon .fa {
    position: absolute;
    padding: 10px;
    pointer-events: none
}
.left-addon .fa {
    left: 0
}
.right-addon .fa {
    right: 0
}
.left-addon input {
    padding-left: 30px
}
.right-addon input {
    padding-right: 30px
}
.favorite i {
    color: #ccc
}
.favorite:hover {
    background: #E74C3C;
    color: #fff
}
.favorite:hover i {
    color: #eee
}
.favorite.active {
    box-shadow: 0 0 0 #EBEBEB;
    background: #fff;
    border: 1px solid #dd4b39
}
.favorite.active i {
    color: #E74C3C
}
.favorite.active:hover {
    background: #EBEBEB;
    color: #333
}
.favorite.active:hover i {
    color: #444
}
.scrollcontent {
    position: relative;
    z-index: 1;
    padding-top: 15px
}
.scrollback {
    height: 320px;
    display: block;
    position: relative
}
.scrolltitle {
    position: relative;
    margin-bottom: 15px;
    font-weight: 700;
    border-bottom: 3px solid #D5D5D5
}
.scrolltitle h2 {
    display: inline-block;
    border-bottom: 3px solid #da2128;
    margin-bottom: -3px;
    line-height: 24px;
    font-weight: 400;
    padding-bottom: 3px;
    font-size: 14px;
    text-transform: uppercase;
    color: #777;
    text-shadow: 0 1px 1px #FFF
}
.homethumb {
    margin-right: 15px;
    float: left;
    overflow: hidden
}
.homethumb .overlay {
    position: absolute;
    left: 0;
    width: 200px;
    height: 200px;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .25s;
    -moz-transition: .25s;
    -ms-transition: .25s;
    -o-transition: .25s;
    transition: .25s
}
.homethumb:hover .overlay {
    cursor: pointer;
    visibility: visible;
    opacity: 1
}
.homethumb .overlay p {
    font-size: 14px;
    color: #fff;
    margin: 80px 10px 0;
    font-weight: 400;
    text-align: center
}
.homethumb i {
    color: #F60;
    font-size: 38px;
    position: absolute;
    width: 100%;
    text-align: center;
    margin-top: 75px
}
.fcarousel .carousel-container {
    position: relative;
    margin: 10px 35px
}
.jcarousel {
    position: relative;
    overflow: hidden
}
.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0
}
.jcarousel li {
    float: left;
    width: 200px;
    height: 200px;
    border: none;
    margin: 7px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);
    background: none repeat scroll 0 0 #fff;
    transition: all .25s ease 0;
    float: left;
    overflow: hidden;
    position: relative
}
.fcarousel .carousel-prev,
.fcarousel .carousel-next {
    display: inline-block;
    width: 25px;
    height: 200px;
    margin: 7px 0;
    cursor: pointer;
    text-indent: -5555em;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: all .15s ease-in-out 0;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.27);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.27)
}
.fcarousel .carousel-prev {
    background: #da2128 url(../images/scroll-left.html) no-repeat right 90px;
    left: -35px;
    border-radius: 3px 0 0 3px
}
.fcarousel .carousel-next {
    background: #da2128 url(../images/scroll-right.html) no-repeat left 90px;
    right: -35px;
    border-radius: 0 3px 3px 0
}
.fcarousel .carousel-prev:hover {
    background: #e26859 url(../images/scroll-left.html) no-repeat right 90px
}
.fcarousel .carousel-next:hover {
    background: #e26859 url(../images/scroll-right.html) no-repeat left 90px
}
.box1 {
    margin-right: 10px
}
.box2 {
    margin-right: 5px;
    margin-left: 5px
}
.box3 {
    margin-left: 10px
}
@media (max-width: 1199px) {
    .box1,
    .box2,
    .box3 {
        margin: 5px 0 10px
    }
}
.topbox {
    background: #fff;
    padding: 10px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 6px #918f8f;
    -moz-box-shadow: 0 0 6px #918f8f;
    box-shadow: 0 0 6px #918f8f
}
.topbox h2 {
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 5px;
    font-size: 22px;
    font-weight: 400;
    color: #212121;
    border-bottom: 2px solid #000000;
    padding-bottom: 10px
}
.topbox .topboxitem {
    width: 100%;
    padding: 18px 0;
    display: inline-block;
    border-bottom: 1px solid #918f8f
}
.topbox .topboxitem .topboximage img {
    float: left;
    margin-right: 10px;
    vertical-align: top;
    width: 55px;
    height: 55px;
    object-fit: cover;
    border-radius: 3px;
}
.topbox .topboxitem .topboxtitle {
    font-size: 14px;
    color: #333
}
.topbox .topboxitem .topboxtitle a {
    font-size: 14px;
    color: #333
}
.topbox .topboxitem .topboxtitle a:hover {
    font-size: 14px;
    color: #da2128
}
.topbox .topboxitem:nth-child(even) {
    background-color: #f9f9f9
}
.topbox .topboxitem .nr1 a {
    color: #000
}
.rounded-list {
    border-radius: 100%;
    text-align: center;
    line-height: 55px;
    display: block;
    width: 55px;
    height: 55px;
    float: left;
    margin-right: 10px;
    transition: all .3s ease-out
}
.rounded-list a {
    cursor: default;
    text-align: center;
    line-height: 55px;
    font-size: 28px
}
.rounded-list:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
}
.rounded-list a:hover {
    color: #212121
}
.panel-profile .panel-profile-header {
    position: relative;
    border: 3px solid #fff;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}
.image-upload-container {
    position: relative
}
.panel-profile .panel-profile-header .img-profile-header-background {
    border-radius: 3px;
    min-height: 110px
}
.panel-profile .panel-profile-header .img-profile-data {
    position: absolute;
    height: 100px;
    width: 100%;
    bottom: 0;
    left: 0;
    padding-left: 180px;
    padding-top: 30px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    color: #fff;
    pointer-events: none;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.38) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(1%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.38)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.38) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.38) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.38) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.38) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#94000000', GradientType=0)
}
.panel-profile .panel-profile-header .img-profile-data h1 {
    font-size: 30px;
    font-weight: 100;
    margin-bottom: 7px;
    color: #fff;
    max-width: 600px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.panel-profile .panel-profile-header .img-profile-data h2 {
    font-size: 16px;
    font-weight: 400;
    margin-top: 0
}
.panel-profile .panel-profile-header .profile-user-photo-container {
    position: absolute;
    bottom: -50px;
    left: 15px
}
.panel-profile .panel-profile-header .profile-user-photo-container .profile-user-photo {
    border: 3px solid #fff;
    border-radius: 5px
}
.panel .panel-body {
    padding: 10px;
    font-size: 13px
}
.panel-profile .panel-profile-controls {
    padding-left: 160px
}
.panel .statistics .entry {
    margin-left: 20px;
    font-size: 12px
}
.panel .statistics .entry .count {
    color: #648bde;
    font-weight: 600;
    font-size: 20px;
    line-height: .8em
}
.datos-user span {
    font-weight: 700
}
.thumb-sm {
    width: 40px;
    display: inline-block
}
.avatar {
    position: relative;
    display: block;
    border-radius: 500px;
    white-space: nowrap
}
.avatar img {
    border-radius: 500px;
    width: 100%
}
.m-t-n-sm {
    margin-top: -10px
}
.arrow.top {
    left: 50%;
    margin-left: -8px;
    border-top-width: 0;
    border-bottom-color: #eee;
    border-bottom-color: rgba(0, 0, 0, 0.1);
    top: -8px
}
.arrow,
.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}
.arrow {
    border-width: 8px;
    z-index: 10
}
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
    position: static
}
.yamm .container {
    position: relative
}
.yamm .yamm-conten {
    padding: 10px 30px
}
.yamm .dropdown.yamm-fw .dropdown-menu {
    left: 0;
    right: 0
}
.yamm .dropdown-menu {
    left: auto
}
.row-genres {
    display: block;
    background: transparent
}
.row-genres a {
    display: block;
    color: #848282!important;
    text-shadow: none!important;
    padding: 2px;
    font-size: 13px;
    text-decoration: none;
    padding-left: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.row-genres a:hover {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    background: #da2026;
    color: #fff!important
}
.dropdown-menu {
    background: #272727;
    border-color: #3c3c3c
}
.margintop {
    margin-top: 65px
}
.titles {
    font-size: 16px;
    text-transform: uppercase;
    color: #777;
    text-shadow: 0 1px 1px #FFF
}
.hovver:hover {
    -webkit-box-shadow: 0 1px 12px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 12px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 12px rgba(0, 0, 0, 0.5)
}
#user-badge {
    background: #f9f9f9;
    width: 100%;
    height: 150px;
    margin-top: 40px;
    margin-bottom: 20px;
    position: relative
}
#user-badge img {
    width: 150px;
    height: 150px;
    float: left;
    margin-right: 15px
}
#user-badge input[type="file"] {
    margin-left: 160px;
    width: auto
}
#user-badge label {
    padding: 15px
}
.well {
    box-shadow: 0 0 0;
    border-radius: 3px;
    background: none;
    border: 0 solid #ddd;
    background: #f9f9f9
}
ul.link-list.withnumbers {
    padding: 0 0 0 25px
}
ul.link-list {
    list-style: none;
    margin: 0;
    padding: 0
}
ul.link-list li:nth-of-type(odd) {
    background: rgba(225, 225, 225, 0.5);
    border-top: 1px solid rgba(225, 225, 225, 0.9);
    border-bottom: 1px solid rgba(225, 225, 225, 0.9)
}
ul.link-list.withnumbers li {
    list-style-type: decimal
}
ul.link-list li a {
    display: block;
    padding: 6px;
    width: 100%;
    color: #707070
}
ul.link-list li a:hover {
    color: #da2128
}
#artistax {
    min-height: 870px
}
.listado {
    background-color: #fff;
    padding: 3px
}
.art_relac {
    float: left;
    width: 100%;
    padding: 10px 3%;
    background: #eee;
    color: #333;
    font-size: 14px;
    margin-top: 5px
}
.img_relac {
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 2%;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%
}
.ar_re {
    float: left;
    width: 68%;
    margin-top: 4px
}
.art_relac:hover {
    background: #da2128;
    color: #fff
}
.player {
    overflow: hidden;
    width: 100%;
    position: fixed;
    z-index: 999999999;
    top: calc(100% - 122px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 36px 4px rgba(41, 41, 41, .75);
    -moz-box-shadow: 0 0 36px 4px rgba(41, 41, 41, .75);
    box-shadow: 0 0 36px 4px rgba(41, 41, 41, .75);
    font-size: 0;
    height: 150px;
    -webkit-transition: 1.5s ease;
    -moz-transition: 1.5s ease;
    -o-transition: 1.5s ease;
    transition: 1.5s ease
}
.plays {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAACjCAYAAABYFjSYAAAESUlEQVRYhYWS27qqMAyE8yYigotziyBycL3/Y2Vf8E1M07r2RT7a5s/MtEr7vvO+7/x+v/k4Dt73nY/j4N/fXzkj28T3OI4PtO87b9vG27YJ8H6/GQ4CwU6v9Z60LOy06r7vHyU0UoqkFaAa2enb6AIg0LZtMmmV931n0lnsO0V2yLFtW3DL4zjO4N9yoUgHtE8QQOu6yjvZn0mCb9smoG7Kb4eGBfSe9E2+VRBc2+pBsYOizhZBf2Wj1+sVBbVqpKdQ67oG2QK7VJ51Xf+GoJgMDhhf0tOY1FDSbl1Xfr1evCwLr+vKy7KcT4AGalkWXpZF9qQndUMPE2S1ms72er2Yns9n0MBeq5O10evn8xlCFkQ9n8/zdjYwmlgTADRgETyBngKkwweQVrFqYjfPM8/zHIBQJyikILmdBbDXz0B6Qg8E76Q3toKfBYfTNCWzSSZ8p2kKVOZ5ZsIkCpDOSLppYRRh8Q2Y55np8XhEkA4v0DiOSWiaJh7H8YS89zzPMz8eD/nCwTl3Bp+mKWh474NB0rIAUTgjAPqLNYogCUtAUIog2xQ7q6Izee9DCIpaAUU4sFZalbz3yTxBcH3ovQ+ssKdxHNk5JyGTmazCOI48DIPklB9Yv4tzjvu+D/ZkH24YhsDae/+BYPk1E2Sdc5waIvx3cEP7HN57Jig456Rpc4mSVtDQ4/FgwoF+VGsvkFbQ5ZwLg2slXaQBXcMwyNB/IbHDpu/7QEF+O51pGIZAAXvSgbUKIO/9+QRoYq3LOcfU932QJQWKkgUx3HXdB7IFqO/7E+r7XhS6rguAYRjOTHq66zoBJZPe2CYGyfprqGmaUwnyUGnblruuC5RJ5+i6jpum4aZp5Lfs+/5UgkXXddy2LbdtG1yCIK+t2rblqqpEmTCJqbZtxRIlkC0oC1TXNdd1zU3TBKDYNU0TQbCBvdihgbVWjDJpGA5JCOu6rj9KVt4OBbfTtwIgdriZVsS+ruvzCWxDl0D6QKvK7bDQZQfIHqaKrHQSquuaq6oKCmc/Pz9pCNN6T/YglZEs8F8ota6q6oRSOSIoZZm0w5Xtc0RKGsZApPRtgPQU1qj7/f43dL/fP9A3BV2kGxiAAtZkD1NqVFVVJB9BqQxWmcqylEZZllJBJj1dFAUXRSEDYqchqERPoIFUaIGsgl1T6tBWZKebRVGEEA6w1oNUliXneZ5UwJqKouA8z2USb4W63W6nklWxRZDWX52vLMsQSlkVRXHa6QMM3W43vl6vn0y2GQW3BylFQiPPc87zXCCcB1BKSeyu1yvneR5B2oGu16vcQhes8zxnQhZ9iHWUScMRpBVSVmJn81h1sjZZlsVKuJ2tPM/lK0o40CWQvbYFAwhfbRdAWZYFDexRpA+tkkApeXtG9mb2+qKE4BYO7FLXDuz0RJZl0c2yLIt/FoCAA8gqRJmsTTL4/4q0dyqPZMLh5XLhy+USDfwDbRbDdBlSdYYAAAAASUVORK5CYII=) left center;
    background-size: auto 100%;
    padding: 20px 55px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 100%
}
.plays:before {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 5px;
    content: '';
    -webkit-box-shadow: 0 0 15px #000;
    -moz-box-shadow: 0 0 15px #000;
    box-shadow: 0 0 15px #000;
    z-index: -1
}
.player > div,
.player > div > div {
    display: inline-block;
    vertical-align: top
}
.player .title-1 {
    font-size: 16px
}
.player .img-play {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 6px solid #303030;
    overflow: hidden
}
.player .img-play img {
    max-width: 100%;
    height: auto
}
.player .img-play img[alt='default'] {
    height: 80px;
    width: 80px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkM2NTMzMEI2RDc1MTFFNjgzNjNDRDY0ODhFRTQxNzgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkM2NTMzMEE2RDc1MTFFNjgzNjNDRDY0ODhFRTQxNzgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA2QkRGRTY5NjhENzExRTZCNkNGRjk2NjAwMUZFMzkyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA2QkRGRTZBNjhENzExRTZCNkNGRjk2NjAwMUZFMzkyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+dj3qwQAAES5JREFUeNrsnAd0F1Xa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)
}
.player .main_player {
    width: 100%;
    margin-left: 15px;
    font-family: 'Droid Serif', serif;
    color: #fff;
    font-style: italic;
    width: calc(100% - 120px)
}
.player .main_player > div {
    float: left
}
.player .main_player .title-2 {
    font-weight: 400;
    color: #bbb;
    font-size: 12px;
    margin-top: 10px
}
.top {
    width: 100%
}
.controls {
    width: 160px;
    padding-right: 10px;
    -webkit-transition: all 1.5s linear;
    -moz-transition: all 1.5s linear;
    -o-transition: all 1.5s linear;
    transition: all 1.5s linear
}
.progress {
    height: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: calc(100% - 170px);
    cursor: pointer;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}
.proDone .bgimg {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAAMCAYAAACN4jSAAAAJvklEQVRYhe1Y3U8j1x29GFiWXYw/5ssQ1hiwZ8YEMGD8BWy6D1UqNcpDVVlV25dtKq2UKqtqpShhlzz8NFsp2q5EUq895q49c+1tkodRgXjvzPjf6wP2MHM9SJX6mnk8GDz3cH7nnN9FcXIVR74nga1Yqk/LyY674sel9qUoEbcqECflx3l8scSRYSmm2wk/nuy4K6k+LbN/X+y5G6k+LQsta8ED69Z00nQ3+Z5dRITc9XCAGa5j58X+cAeBdecGt+6IBi2wuNCyFiTTqSRNdxPVrWnvXRruIm84BylylfG/S5xcxSXTqcS7zqofj+l2ItWn5aT58wM/vmC6gmjQGtenH7AciAatRTHlWQ74nl1MNtxFP57/x8Vq6eSidPSZEb1BIfK88FbWVL0Iy/ieRw2qT4OMVU3F20+zjTnv0whmIN/e0lS8DQg8DiADdyGP97Vs88M6qnscfKW8imo5XHm5fp5DCE2N8a/XcQyU8wNQ2wFuYOUsCXm9errWDHBzKrc/ABkfv8jjJcQ+Y/GwBMXJVVwibpXHF4FfEjsDSTTtwwXTFQLEmT8/kIhbTWAr5sdT5CojmU4lIB6EpnhjoEjErSJMPeIQwIxo0AJHhqUw8UjE2UYYz3p4w53jTbovEWcbAcx479JwF8Wee8R17LyfuJhuJ0SD1sJEJRD7odAdZP14tHnJSaZTCeWg5x6xg5XsuCtizz1a7FpJP778L5pWXg0Odr58d9+Pf/FRZ+107/zg2crZvJ8bkLEKebzvF0kd1ad94vHOCghmNPm8wIrn2crZvCa3SpA93wQEEe/z2caiprSPvsniDf+7nKT1BOT16ulGKzBAIGMe1NYhi18fuOEuSqZTkTrv1/z4eBpZgqKY8hwZlqT2pejHuT79QCJulZnGKanzfk0ynQpvDG6mDiAimfY6b9L9gHjq1jTXsfO84RygM+uGUIxnRYMWeJPuB0R1Zs0LxNllnQdhek8gzi7/1pH9eJxcxUWD1kYi8USVwFaMI8OS2HM3/Hi0ecmJpn2YwDTtP6vYGUipPi2zHAjESUmmU2EdKd51VjP6+2r62x99bg2Rzz4x15/WunuPM+C5LyCIwEYrC7nWrt956qg+DdnzTci1dgPOg+DOWDx+kTxbOZsHRd8BtSn7zwRCa0GTWyXWkU7SekJTz2vfKG8COniebQhaDldAebOM2Ic3BlGODEu8MQj8UGpfiqJBa2JnIDGfXxYNWpuILfPnB5LpVFjnEbqDrETcasB5ACJS194SDVoLiOc2kYydp2tvBZwH03uiQWtS195CcENcAlsxsecesWKI6XZCIm6VjacopnyqT8vsWaOY8qJpH7LOw+OLJcEYHrPiSWCalohbDQzKCOcN50B6HXSe3//xJ/Wz3747qNdunAcQRCDf3hqJJOAwoOg7kG9v+UXyNNuY01S9OOEwQmtBU9pHIGPVzwFkvouD2jpkRXKS1hMgt8uQbQTqy4s8XoLc+Ud+8Xjfs9i1khJxq2zniel2giPDEkvouAuFxZZo0BrbeVLkKpPq0zLbA4TuIJvq03KA0Lo1LfaHO5LpVFjnEbrunkCcXTa2Qp3nzJq/Fom76RdVTLcTgjE8Zl12sWslw7pNFFNe7LlHtw1WmPuKPfeIdZ4UucpMDBBC6Nef/7he/9OPRb94EELopaIrkMf7EHSkGVD0HU0+LzCiugO51i7rPE+zjTlQzg9e5lp5P/6V8ioKMj5+qegK8otq5SypKe0jtvOAjHnI61XWebzOxBvOAWvNC6YrSKZTYcUjECfFG84Bm+vjwsw60rgwB6axbk1zhKoTsYXxLNex86JBCwHxNNw50aAF0aAF1HA9Kxda1gJHhiWuY+cnCrNJ90ciCTpPSETfVozHOOtUPL5YkohbDRMP37OLLAfxrrPKkWEpMFh1a7ryzX9yH39uFT/99KYwP0IwA2pTBkXf8YvnCcKzkG9vgaLvBIr0qDBDvr3l7zyQbSxqcqsEalOe6DyqXhx1Ho+b52qTC4stUN4sg9o6ZMVzutF6oMmt0vUBGccYl8vQ2DLtw4lNYxRbrMOMOw9bmDlC1YnYqlvTokELvOEcBBzGH1u+Yowa7hzfs4sScbZZ8Yg994gjVA07EzsoY/cNc57bCrNgDI9ZbsbOM7nR0jTfs4uBsyKEsv+82iidXJQePb7ZOOuoPv114e2HbGEGBDOairdB0Xf8zvME4Vkt295jCzMs43taDlfYOPt6HcdAxsdsYfa2rbDCLONjNs5O15qroLYfPc82AgnkERraA5qXXFhsjbsQ60i3bFtIMu11jgxLzLYVSZruZqpPy2Gxdf0P+N9iizfpPtex8/7Y8rYqQgNlcbFrJUXTPmSjO9q85ARiP2RXe7EzkCTiVicG65YVPoFpOizSV9+8X9v8drCX8YkHIYT+VutmX+zg/bDCrGXbe0/QDQdPEJ4N27YAwR0t294DGat+8Xwpvb6v5XDlpaIrAUdaOUuCjI9B1tf97/JcbXJaDlfYVR022iLk9SpkWoGFCiF0e2FOdtwVibjVsMIc0m2mBEJzE+IZFeYwkUjE2ZaIs+2Pp+BKflOkpdfv7kvErUpde8svngS2Yr54CsSW707Lw6X2pSia9iHbbRZMV0j1aXmiMI/cN6wwT0Q0uo4tvmcXmcI8xRGqrjbpfgb84oHIXz/pbv39YWfnEbuSq3gbsuebfpH4CzNitirI69WJbSvzXRzkdhnWcTqAj1bykcN4+Is8XtJk/eFE51nHacjr1ZO0HtABQghNRZuXXJjzCMRJhd3zjKcr7J4nhNAp/q0jS6ZTmSjMBi1MFOZRPIkGLQSch5C7QtfdY51Hev3uvthzj9jCvNi1kmGFOYopLxq0FlaMU31aZs86vusKG6xbC7PpVNjYGl9XrPjPitBU/c8/bP7lN+b+xCWhou+Aou+wDgO51u7EtpWBu5rcKr3MtQJ3XdddSH84KszeAzLmNaV9NBKV9zzPNoTQwpxtrGiq/qsXa997HNx8P0AkRa4yAYIAIrwxWOZ7djFAKEAkgWmaI8NStHnJeTjGs2PnCThSw53jOnaeI8NSwJHOrPmk6W7yJt33i0doWQu8Sff5nl30O1ICWzHecA5Svfcf+sWz2LWSfM8u8m8d2S+esUjY2OLxxdK12ALFeGp88cmIZCqBaXrCeQAi8a6zOiG2ujU9XhoCkd5w53hjoLBdKPOY3P34i5/U3/3h34XHj24c6dnK2XxYYf5KeRXVVL3IFuaTtJ7Q5FaJjS1YOUv67nm8M71Y+15iLw8BQeR0o/WALcx1VJ+GdZwGuV1mxDMzuhr45fnl+f+e/wKvad2+Rrr0fgAAAABJRU5ErkJggg==)
}
.proDone {
    position: relative;
    height: 100%;
    background: #53e7ff;
    background: -moz-linear-gradient(left, rgba(83, 231, 255, 1) 0%, rgba(173, 70, 198, 1) 75%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(83, 231, 255, 1)), color-stop(75%, rgba(173, 70, 198, 1)));
    background: -webkit-linear-gradient(left, rgba(83, 231, 255, 1) 0%, rgba(173, 70, 198, 1) 75%);
    background: -o-linear-gradient(left, rgba(83, 231, 255, 1) 0%, rgba(173, 70, 198, 1) 75%);
    background: -ms-linear-gradient(left, rgba(83, 231, 255, 1) 0%, rgba(173, 70, 198, 1) 75%);
    background: linear-gradient(to right, rgba(83, 231, 255, 1) 0%, rgba(173, 70, 198, 1) 75%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#53e7ff', endColorstr='#ad46c6', GradientType=1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: visible!important;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear
}
.proDone .time {
    display: inline-block;
    position: absolute;
    padding: 5px 10px;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    bottom: 0;
    right: 0;
    background: #be52d8;
    font-size: 10px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 1px 1px #7c1b93;
    font-family: 'Oswald', sans-serif;
    font-style: normal;
    min-width: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}
.pause {
    display: inline-block;
    width: 44px;
    height: 44px;
    background: url(data:image/png;base64,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) no-repeat
}
.play {
    display: inline-block;
    width: 44px;
    height: 44px;
    background: url(data:image/png;base64,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) no-repeat
}
.prev {
    display: inline-block;
    width: 36px;
    height: 32px;
    background: url(../images/prev.png) no-repeat;
    margin-left: 10px;
    padding-top: 5px
}
.next {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../images/next.png) no-repeat;
    padding-top: 5px
}
.volume {
    height: 28px;
    width: 28px;
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAADy0lEQVRIibWWPWgcRxTHDYGAwbCzs99fs3s66e50s/OmlggEDAFBIOUF3CttUCpDKkEg4OIwGNTcVYY0ZwgEUlxpCFxlMAR1aQMBgwuVqf6p3rAr3+nDSR482F3Y/e3/fc6DB/c0IhobY8x937sP4LG19oW19k9rLabTKQ4PD2GtBRG9J6KXRPTVvwZZa78motfj8RhVVUFKCc/zeu77PoqiwMHBAay1b40x33wM6xNr7YvJZIIkSeB5HoQQkFIiCIKeSynh+z48z0MURRiNRiCiC621uhOJiAZEdDEYDJwCKSXCMEQcx0iSpOdxHCMMQwRB4MBKKRDRKyJ6fBfghVIKnuf1QGmaIssy5Hne8yzLkKapA3PY8zwHEb3SWqc3wZ4Ph8MeLEkSByqKAmVZ9rwoCuR5jjRNkSQJoihy0LquQUQXW2HW2s+01hBCwPf9HoxBVVWhqioopZxXVeXArLYLnUwmMMY82abupzzPIYTYCeuCboImSYIwDOH7PpIkARH91oNprZXW2oWSc3YT7Pj4eCeUcxoEATzPw3g8hjHm8244nzZNs1XddZjWGuv1GgDcs/Pzc5ycnDhonudOpRACZVn2c0lEv2RZBt/3EUURkiRx6ljNbDbDbDbD5eUl2MqyxGw2w3K5xHq9djlmlZzLKIpARL93Ff7BJd0NJ39gPp9jm83ncywWC6xWK1xdXUEp1ctlHMeQUkIIASL6uwt8J6V0wCzLXNkrpXYCF4sF5vM5NpsNNpuNy2W3eDiPxhhorR9xSP/aBuT87QKenZ19oHAXkIhQluVDVviW483A2woGAKqqwtHREZbLJVarVQ/Ilcqzlojed4vmZVEUrmjSNEWe5z2VdV2jrmunmBXVdY3T01O0bdvLIU+dTi++dkBjzJP9/X14nocgCFxbbAMytHvPz7gtus0vhEDTNLDWPu02/iNjjNsM21Tyh5um2XrNQJ6r3fGmtcYH64qIfmiaxqnkXDKU87hN2a5i2dr0bHt7ex4RuRnIa+m2edqdLtfnqJQSbdti5/nHWvvddDqF7/s9KIf3tvXEO9H3fQgheIaeb4V1CujH8XjsXgqCwI07XsJd7+5B3vpCCAyHQxDR8xthXeh0OkUYhu6YEQQBwjBEFEWI4xhxHCOKIne84BEmpcRkMrk7jI2IviUiDAYDV228nHkqcej5p5RSMMaAiL6/F4ytLMuHxphza+270WgEpRSyLEMURa51qqrikxqI6BkRDT4Kdt3atv2CiJ5Za38mojdE9MZa+ysRPW/b9kut9af/Cej/sH8AE7ApgJdVo6AAAAAASUVORK5CYII=) no-repeat;
    padding-top: 6.5px
}
.likes {
    background: #fff;
    width: 63px;
    text-align: center;
    position: relative
}
.player * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.player .title-1,
.player .title-2,
.player .comingUp,
.player .comingUp * {
    -webkit-touch-callout: text;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}
.content-volume {
    display: inline-block;
    position: absolute;
    width: 100px;
    margin-top: -28px;
    margin-left: 35px;
    height: 15px;
    background: #fff;
    border-radius: 5px
}
.content-volume > input[type="range"] {
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
    outline: none;
    border-radius: 5px
}
.content-volume > input[type="range"]::-webkit-slider-runnable-track {
    width: 300px;
    height: 5px;
    background: transparent;
    border: none;
    border-radius: 5px
}
.content-volume > input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 15%;
    background: #be52d8;
    margin-top: -5.5px
}
.content-volume > input[type=range]::-moz-range-track {
    width: 100%;
    height: 5px;
    background: transparent;
    border: none;
    border-radius: 3px
}
.content-volume > input[type=range]::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 15%;
    background: #be52d8
}
.contextMenu {
    position: fixed;
    list-style: none;
    padding-top: 10px;
    padding-bottom: 10px;
    min-width: 150px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 5px 2px rgba(120, 120, 120, .25);
    -moz-box-shadow: 0 0 5px 2px rgba(120, 120, 120, .25);
    -o-box-shadow: 0 0 5px 2px rgba(120, 120, 120, .25);
    box-shadow: 0 0 5px 2px rgba(120, 120, 120, .25);
    font-family: 'Droid Serif', serif;
    font-size: 12px;
    background: #fff;
    border: 1px
}
.contextMenu > li a {
    text-decoration: none;
    padding: 5px;
    display: inline-block;
    width: calc(100% - 10px);
    color: #222;
    transition: background 1s linear;
    -webkit-transition: background 1s linear;
    -moz-transition: background 1s linear;
    -o-transition: background 1s linear;
    -ms-transition: background 1s linear;
    opacity: 1
}
.contextMenu > li a:hover {
    background: #222;
    color: #fff
}
.bloque-new {
    background-color: #efefef;
    padding: 3px
}
.block-more-see {
    width: 100%;
    display: table;
    border-bottom: 1px solid #c8c8c8;
    padding: 0 0 4px;
    margin-bottom: 4px;
    color: #404040
}
.block-more-see .number-more-see {
    display: table-cell;
    width: 80px;
    vertical-align: middle;
    background-color: #000000;
    color: #fff;
    width: 10%;
    text-align: center
}
.block-more-see .descrip-more-see {
    display: table-cell;
    vertical-align: top;
    padding: 4px 4px 4px 10px;
    transition: all 400ms ease
}
.block-more-see:hover .descrip-more-see,
.block-more-see:active .descrip-more-see,
.block-more-see:focus .descrip-more-see {
    background-color: #fff;
    transition: all 400ms ease
}
.block-more-see .descrip-more-see span {
    display: block;
    color: #838383;
    text-align: right;
    transition: all 400ms ease
}
.block-more-see .descrip-more-see span .pageview {
    display: inline-block;
    color: #fff;
    font-size: 11px;
    padding: 2px 4px;
    border-radius: 12px;
    background-color: #ff3312
}
.block-more-see .descrip-more-see span i {
    color: #fff
}
.home-destaque {
    position: relative;
    margin-top: 25px;
    overflow: hidden;
    border-radius: 3px
}
.home-destaque a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    background: none;
    background: -webkit-linear-gradient(5deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, 0) 40%);
    background: -moz-linear-gradient(5deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, 0) 40%);
    background: -ms-linear-gradient(5deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, 0) 40%);
    background: linear-gradient(5deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, 0) 40%)
}
.home-destaque img {
    display: block;
    height: auto
}
.home-destaque .bt-ouvir {
    position: absolute;
    bottom: 30px;
    left: 50px;
    z-index: 1;
    font-size: 15px;
    line-height: 30px;
    font-size: 15px
}
.views {
    text-align: left;
    margin: 10px;
    border-bottom: 1px solid #e4e4e4
}
.buscaformulario {
    display: none;
    width: 100%;
    float: left;
    padding: 0;
    background-color: rgba(0, 0, 0, .5);
    box-shadow: 0 1px 10px rgba(51, 92, 115, .1), 0 0 5px rgba(0, 0, 0, .05);
    -webkit-animation: fadeIn 1s;
    -moz-animation: fadeIn 1s;
    -ms-animation: fadeIn 1s;
    animation: fadeIn 1s
}
.buscaformulario input[type=text] {
    background-color: transparent;
    border: 0;
    padding: 17px 20px;
    font-size: 1.1em;
    color: #FFF;
    width: 100%
}
.autocomplete-container {
    display: none;
    position: absolute;
    top: 90%;
    z-index: 99999;
    right: auto;
    min-width: 100%;
    overflow: scroll;
    height: 575px
}
.arrow-up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #505050;
    margin: 0 auto
}
.autocomplete-container .auto-heading {
    color: #fff;
    text-align: center;
    background: #505050;
    padding: 6px
}
.autocomplete-container .auto-heading>span {
    font-weight: 700
}
.autocomplete-container>.suggestions {
    background: #191919;
    padding: 15px
}
.autocomplete-container .media {
    color: #fff
}
.media:first-child {
    margin-top: 0
}
.autocomplete-container>.suggestions .col-sm-2 {
    min-width: 61px
}
.autocomplete-container .media a {
    color: #fff;
    margin-right: 0
}
.autocomplete-container img {
    width: 40px;
    border-radius: 50%
}
.media,
.media-body {
    zoom: 1
}
.autocomplete-container .media a {
    color: #fff;
    margin-right: 0
}
.autocomplete-container .media .media-heading {
    padding-top: 5px
}
.media-heading {
    margin: 0 0 5px
}
.media,
.media-body {
    zoom: 1
}
.media,
.media-body small {
    font-size: 10px;
    color: #8e8c8c
}
.media:hover {
    background-color: #292929
}
#searchbar {
    width: 400px
}
.navbar-form .form-control,
.navbar-form .form-group {
    width: 100%
}
#navbar-search {
    width: 100%
}
#navbar-search>input {
    border-radius: 1px;
    background-color: #000000;
    border-color: #444;
    color: #adadad
}
.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}
.navbar-form .input-group .input-group-btn {
    width: 1%!important
}
#lastLyrics {
    margin: 1em auto 2em;
    padding: .2em 1em 0
}
#lastLyrics ul li {
    color: #999;
    font-size: .9em;
    line-height: 2em;
    display: inline-block;
    width: 232px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 5px 0 42px;
    zoom: 1
}
#lastLyrics ul li span {
    color: #999
}
ul.posts-list {
    width: 100%
}
ul.posts-list li.post {
    counter-increment: post-num 1;
    float: left;
    padding: 16px 8px;
    position: relative;
    width: 25%;
    border-bottom: 0 solid #fff!important
}
ul.posts-list li.post div.post-content {
    background: #f5f5f5
}
ul.posts-list li.post div.cut {
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2), 0 0 2px 0 rgba(0, 0, 0, 0.1);
    height: 158px;
    overflow: hidden;
    position: relative;
    top: 0
}
ul.posts-list li.post div.cut > img {
    color: transparent;
    max-width: 160%;
    min-height: 100%
}
ul.posts-list li.post .mask {
    background: url(../../2.bp.blogspot.com/-OI9nz4kmx34/Vd4869fZZSI/AAAAAAAAA-U/M6bgJ8opaSQ/s1600/more2.png) no-repeat scroll center center rgba(0, 0, 0, 0.7);
    opacity: 0
}
div.cut .mask {
    transition: all .4s ease 0;
    -moz-transition: all .4s ease 0;
    -webkit-transition: all .4s ease 0;
    -o-transition: all .4s ease 0
}
.mask {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 5
}
ul.posts-list li.post h2 {
    color: #999;
    font-size: 1.1em;
    font-weight: 400;
    height: 40px;
    overflow: hidden;
    padding: 10px 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0
}
ul.posts-list li.post div.cut .mask:hover {
    opacity: 1
}
div.t-title {
    border-top: 1px solid #c5c3c3;
    color: #999;
    font-size: 1.2em;
    letter-spacing: 1px;
    margin: 1.4em 12em 0;
    text-align: center;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.02)
}
div.t-title > span {
    background: none repeat scroll 0 0 #fff;
    padding: 0 14px;
    position: relative;
    top: -12px
}
.simpleList {
    font-size: 1em
}
#content {
    border-left: 1px solid #CED5E5;
    text-shadow: 0 1px rgba(255, 255, 255, 0.3);
    min-height: 1174px
}
#content .simpleList li {
    float: left;
    width: 49%;
    margin: 0 .3em .5em 0;
    padding-bottom: .4em;
    border-bottom: 1px solid #eee
}
.simpleList span {
    font-weight: 700
}
.top-artist {
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: auto;
    height: auto;
    z-index: 4;
    background: #001f3f;
    opacity: .7;
    padding: 10px;
    font-size: 16px;
    color: #fff!important
}
.albums-a .album {
    position: relative;
    overflow: hidden;
    padding: 10px 10px 10px 0
}
.albums-a .album a img {
    float: left;
    width: 99px;
    padding-right: 8px;
    border-radius: 4px
}
.albums-a .album a h2 {
    display: block;
    font-size: 18px;
    color: #da2128;
    font-weight: 700;
    margin-top: 2px;
    margin-bottom: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}
.albums-a .album a span {
    display: block;
    color: #000
}
.albums-a .escuchar {
    margin-top: 8px;
    visibility: hidden
}
.albums-a .album:hover {
    background: #EEE;
    border-radius: 3px
}
.albums-a .album:hover .escuchar {
    visibility: visible
}
.image-album {
    display: block
}
.image-album .image img {
    -webkit-box-shadow: 0 0 25px #0063cc;
    -moz-box-shadow: 0 0 25px #0063cc;
    box-shadow: 0 0 25px #0063cc;
    border-radius: 3px;
    width: 185px
}
.center-page {
    min-height: 1000px
}
.center-page h1 {
    font-size: 1.3em;
    margin-top: 0;
    text-align: center
}
.center-page h1 a {
    color: #ddd
}
.center-page h1 strong {
    color: #000;
    font-weight: 700
}
.center-page .artist {
    font-size: 1.2em
}
.discografia {
    display: block
}
.discografia .album {
    position: relative;
    z-index: 0;
    margin-bottom: 9px;
    max-width: 85%;
    margin-left: auto;
    margin-right: auto
}
.discografia .grade {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.76) 100%);
    background-repeat: repeat-x;
    position: relative;
    left: 0;
    top: 0;
    display: block;
    aspect-ratio: 1 / 1;
    overflow: hidden
}
.discografia .grade:hover {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 25%, #00a65a 100%);
    position: relative;
    left: 0;
    top: 0
}
.discografia a img {
    border-radius: 5px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: -1
}
.discografia .name {
    position: absolute;
    text-align: center;
    font-size: 1em;
    font-weight: 700;
    bottom: 8px;
    left: 15px;
    right: 15px;
    background-color: #00a65a;
    padding: 3px;
    z-index: 30
}
.discografia .name a {
    display: block;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}
.discografia span {
    position: absolute;
    top: 8px;
    right: 15px;
    background-color: #002954;
    color: #fff;
    font-size: .8em;
    padding: 3px;
    border-radius: 3px;
    z-index: 30
}
.discografia .song-count {
    display: block;
    margin: 4px 0 0;
    text-align: center;
    color: #888;
    font-size: 12px;
}
hr.color-hr {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    margin: 4px
}
.votes{
    padding: 0.7rem;
    position: relative;
    background-color: rgb(37, 37, 37);
    color: #fff;
    z-index: 2;
    min-height: 70px;
    padding: 15px 10px 10px 70px;
    margin-bottom: 7px;
}
.votes a{
    cursor: pointer;
}
.votes .Prct {
    position: absolute;
    top: 10px;
    left: 10px;
}
.votes .Strs {
    position: relative;
    unicode-bidi: bidi-override;
    direction: rtl;
    font-size: 0;
    text-align: left;
    height: 20px;
}
.votes .Strs>[class*="fa-"] {
    color: #FFC602;
    font-size: 15px;
    padding-right: 3px;
}
.votes .Strs>[class*="fa-"]:first-child {
    padding-right: 0;
}
.votes .Strs>[class*="fa-"].Hf:before {
    content: '\f123';
}
.votes .Strs>[class*="fa-"].On:before,
.votes .Strs>a[class*="fa-"]:hover:before,
.votes .Strs>a[class*="fa-"]:hover~a:before {
    content: '\f005';
}
.votes .Nmbr {
    color: #fff;
    font-size: 10px;
    display: block;
}
.votes .Num,.span{
    font-size: 12px;
    font-weight: 700;
}

.percircle.gt50 .slice {
    clip: rect(auto, auto, auto, auto)
}
.percircle .bar,
.gt50 .fill {
    position: absolute;
    border: 5px solid deepskyblue;
    width: 50px;
    height: 50px;
    clip: rect(0, 25px, 50px, 0);
    border-radius: 50%;
    transform: rotate(0deg)
}
.bar {
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.pie-fill,
.gt50 .bar:after,
.gt50 .fill {
    transform: rotate(180deg)
}
.percircle {
    position: relative;
    font-size: 50px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 5px rgba(1,188,243,0.5);
}
.percircle.animate>span,
.percircle.animate:after {
    transition: transform .2s ease-in-out
}
.percircle.animate .bar {
    transition: transform .6s ease-in-out
}
.percircle>span {
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 0;
    height: 50px;
    color: #fff;
    display: block;
    text-align: center;
    white-space: nowrap;
    font-size: 15px;
    line-height: 50px;
    font-weight: 700;
}
.percircle>span:after {
    content: '%';
    font-size: 12px;
}
.perclock>span {
    font-size: 50px
}
.percircle:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: " ";
    border-radius: 50%;
    width: 50px;
    height: 50px
}
.percircle .slice {
    position: absolute;
    width: 50px;
    height: 50px;
    clip: rect(0, 50px, 50px, 25px)
}
.percircle:hover {
    cursor: default
}
footer .linksseccion {
    display: inline-block;
    vertical-align: top;
    width: 33%;
}

/* ---- responsive.css (antes cargado solo en pantallas <= 898px
   via <link media>; lo envolvemos igual acá para que se comporte idéntico) ---- */
@media only screen and (max-width: 898px) {
.gen_artist{float:left;width:15%;height:auto;margin:10px .8%}.img_artist{width:100%;float:left;opacity:1;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px}.img_artist:hover{-webkit-filter:contrast(1.3);-moz-filter:contrast(1.3);-o-filter:contrast(1.3);filter:contrast(1.3)}.cont_artist{float:left;width:100%;position:relative}.cont_genartist{width:90%;height:50px;float:left;padding:10px 5%;position:relative}.nom_genartist{color:#3E3E3E;font-family:century;font-size:18px}.nom_gen_artist{font-style:italic;color:#999;font-family:century;font-size:14px}.genopc_artist{position:absolute;top:40px;width:100%;height:48px;left:0;display:none;z-index:4}ul.posts-list li.post{width:33.3333%;padding:12px 8px}#content .simpleList li{float:none;width:100%}@media (max-width: 650px){.letrapage .lyricbody {font-size: 15px}ul.posts-list li.post{width:50%}.gen_artist{float:left;width:48%;height:auto;margin:5px .8%}.img_artist{width:100%;float:left;opacity:1;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px}.img_artist:hover{-webkit-filter:contrast(1.3);-moz-filter:contrast(1.3);-o-filter:contrast(1.3);filter:contrast(1.3)}.cont_artist{float:left;width:100%;position:relative}.cont_genartist{width:90%;height:50px;float:left;padding:10px 5%;position:relative}.nom_genartist{color:#3E3E3E;font-family:century;font-size:16px!important}.nom_gen_artist{font-style:italic;color:#999;font-family:century;font-size:12px!important}}.mas-musica{margin-top:8px;margin-bottom:8px;background-color:#fff}.img-artist{margin-bottom:8px}.img-artist img{border-radius:50%;width:30px}@media only screen and (max-width: 380px){ul.posts-list li.post{width:100%}}@media screen and (max-width: 768px){div.t-title{margin:1.4em .5em 0;text-align:left}div.t-title > span{padding:0 14px 0 0}#searchbar{width:345px}.autocomplete-container{display:none;position:static;top:0;z-index:0;right:0;min-width:100%;overflow:hidden}.ashboard-banner{padding-top:3px;padding-bottom:28px}.dashboard-banner .dashboard-banner__content{max-width:93%}.dashboard-banner .dashboard-banner__content>h1{margin-bottom:23px;font-size:1.6em;font-weight:700}.s-bar{width:100%}.s-bar input[type="text"]{width:67%}#player-container{height:110px}#player-container .controls{width:100%;height:50px;font-size:10px}#player-container .controls button{height:50px}#player-container .display{margin-left:0;height:50px}#player-container .display .display-panel{margin-left:5px;display:block;clear:both;width:100%;z-index:9999}.lado-left .img{max-height:none;float:left;width:40%;margin-right:4%}.lado-left .img img{width:100%;min-width:90px}.lado-left .info{float:left;width:56%;text-align:left}.nav-user.open{display:inherit!important}.nav-user .dropdown>a{display:block;text-align:center;font-size:18px;padding-bottom:10px}.nav-user .avatar{width:160px!important;float:none!important;display:block;margin:20px auto;padding:5px;background-color:rgba(255,255,255,0.1);position:relative}.nav-user .dropdown-menu{display:block;position:static;float:none;background-color:#232222}.sharer_box a{background-position:center center}.sharer_box a span{display:none}.art_rec{float:left;width:48%;height:auto;margin:10px 1%}.cont_imgart1,.cont_imgart2,.cont_imgart3,.cont_imgart4,.cont_imgart5,.cont_imgart6{float:left;width:100%;overflow:hidden;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;position:relative}.cont_art1,.cont_art2,.cont_art3,.cont_art4,.cont_art5,.cont_art6{width:90%;height:auto;float:left;padding:10px 5%;position:relative}.img_artrecom1,.img_artrecom2,.img_artrecom3,.img_artrecom4,.img_artrecom5,.img_artrecom6{width:100%;float:left;height:100%;filter:blur(5px);-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px)}.img_circ1,.img_circ2,.img_circ3,.img_circ4,.img_circ5,.img_circ6{position:absolute;width:70%;left:15%;top:15%;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-o-border-radius:100%;-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s}.img_cuadr1,.img_cuadr2,.img_cuadr3,.img_cuadr4,.img_cuadr5,.img_cuadr6{position:absolute;width:100%;left:0;top:0;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-o-border-radius:0;-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s}.nom_can1,.nom_can2,.nom_can3,.nom_can4,.nom_can5,.nom_can6{color:#3E3E3E;font-family:century;font-size:14px}#artistax{min-height:600px}.player{height:calc(100% - 127px);top:calc(100% - 127px);min-width:276px}.plays{padding:10px 20px}.plays:before{display:none}.player .img-play{margin:0 auto 20px;display:block;width:80px;display:none}.top{width:140%}.controls{text-align:center;margin:auto;width:140%}.progress{display:none}.player .title-1,.player .title-2{text-align:center}.player .title-2{margin-bottom:20px}.likes a{-webkit-border-radius:0 0 0 15px;-moz-border-radius:0 0 0 15px;border-radius:0 0 0 15px}.likes a.thumbsDown{-webkit-border-radius:0 0 15px 0;-moz-border-radius:0 0 15px;border-radius:0 0 15px 0}.home-destaque img{display:block;width:100%;height:auto}.home-destaque .bt-ouvir{position:absolute;bottom:2px;left:1px;width:100%;z-index:1;line-height:0;font-size:11px}.albums-a .album a img{width:79px}.albums-a .escuchar{margin-top:2px;visibility:visible}.albums-a .album a h2{font-size:15px}.albums-a .album a span{font-size:.8em}}}

/* ---- skins/skin-red.css ---- */
/*
 * Skin: Red
 * ---------
 */
.skin-red .main-header .navbar {
  background-color: #1a1a1a;
  border-bottom: 1px solid #000000;
}
.skin-red .main-header .navbar .nav > li > a {
  color: #f6f6f6;
}
.skin-red .main-header .navbar .nav > li > a:hover,
.skin-red .main-header .navbar .nav > li > a:active,
.skin-red .main-header .navbar .nav > li > a:focus,
.skin-red .main-header .navbar .nav .open > a,
.skin-red .main-header .navbar .nav .open > a:hover,
.skin-red .main-header .navbar .nav .open > a:focus,
.skin-red .main-header .navbar .nav > .active > a {
  background: hsl(358, 74%, 49%);
  color: #f6f6f6;
}
.skin-red .main-header .navbar .sidebar-toggle {
  color: #f6f6f6;
}
.skin-red .main-header .navbar .sidebar-toggle:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
}
.skin-red .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-red .main-header .navbar .sidebar-toggle:hover {
  background-color: #d73925;
}
@media (max-width: 767px) {
  .skin-red .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-red .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-red .main-header .navbar .dropdown-menu li a:hover {
    background: #d73925;
  }
}
.skin-red .main-header .logo {
  background-color: #d73925;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-red .main-header .logo:hover {
  background-color: #d33724;
}
.skin-red .main-header li.user-header {
  background-color: #dd4b39;
}
.skin-red .content-header {
  background: transparent;
}
.skin-red .wrapper,
.skin-red .main-sidebar,
.skin-red .left-side {
  background-color: #fff;
}
.skin-red .user-panel > .info,
.skin-red .user-panel > .info > a {
  color: #fff;
}
.skin-red .sidebar-menu > li.header {
  color: #4b646f;
  background: #1a2226;
}
.skin-red .sidebar-menu > li > a {
  border-left: 3px solid transparent;
}
.skin-red .sidebar-menu > li:hover > a,
.skin-red .sidebar-menu > li.active > a {
  color: #ffffff;
  background: #1e282c;
  border-left-color: #dd4b39;
}
.skin-red .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}
.skin-red .sidebar a {
  color: #b8c7ce;
}
.skin-red .sidebar a:hover {
  text-decoration: none;
}
.skin-red .treeview-menu > li > a {
  color: #8aa4af;
}
.skin-red .treeview-menu > li.active > a,
.skin-red .treeview-menu > li > a:hover {
  color: #ffffff;
}
.skin-red .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.skin-red .sidebar-form input[type="text"],
.skin-red .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.skin-red .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-red .sidebar-form input[type="text"]:focus,
.skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-red .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}

/* ---- noty.css ---- */
#noty_top_layout_container li{
	border-width:0px !important;
}

#noty_top_layout_container {
	left:0px !important;
	width:100% !important;
}

.noty_close{
	display:block;
	background:url('../img/close.png') no-repeat 0px 0px !important;
	width:20px !important;
	height:20px !important;
	top:28px !important;
	right:22px !important;
	position:relative;
}

.noty_close:hover{
	background-position:0px -20px !important;
}
/* ---- site-extra.css ---- */
/* Títulos de las listas del sidebar (Artistas Relacionados / Álbums) */
.listTitle {
  border-bottom: 2px solid #000;
  padding-bottom: 8px;
  margin-bottom: 12px;
}

/* Widget de calificación de artistas y tarjetas de "Artistas Relacionados" */

.lb-rating { text-align: center; margin: 16px 0; }

.lb-rating-circle {
  display: inline-flex; align-items: center; justify-content: center;
  width: 54px; height: 54px; border-radius: 50%; font-weight: 700; font-size: 15px;
  border: 3px solid #ddd; margin-bottom: 6px;
}
.lb-rating-circle.lb-rating-good { border-color: #00c0ef; color: #00a2c7; }
.lb-rating-circle.lb-rating-mid { border-color: #f39c12; color: #c98600; }
.lb-rating-circle.lb-rating-low { border-color: #dd4b39; color: #c23321; }

.lb-stars-static { font-size: 18px; color: #f39c12; margin-bottom: 2px; }
.lb-stars-static .fa-star-o { color: #ddd; }

.lb-vote-form {
  display: flex; flex-direction: row-reverse; justify-content: center; gap: 2px; margin-top: 8px;
}
.lb-vote-form button {
  background: none; border: none; padding: 3px; cursor: pointer; color: #ddd; font-size: 20px;
  transition: color .1s ease;
}
.lb-vote-form:hover button { color: #ddd; }
.lb-vote-form button:hover,
.lb-vote-form button:hover ~ button {
  color: #f39c12;
}
.lb-vote-thanks { color: #00a65a; font-weight: 600; margin-top: 8px; font-size: 13px; }

.lb-follow { display: flex; justify-content: center; gap: 10px; margin-top: 12px; }
.lb-follow a {
  width: 34px; height: 34px; border-radius: 50%; background: #f4f4f4; color: #555;
  display: flex; align-items: center; justify-content: center; font-size: 16px;
  transition: background .15s ease, color .15s ease;
}
.lb-follow a:hover { background: #dd4b39; color: #fff; }

.lb-related-list { list-style: none; margin: 0 0 20px; padding: 0; }
.lb-related-list li { margin-bottom: 8px; }
.lb-related-card,
.lb-related-card:visited {
  display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 6px;
  background: #f4f4f4; color: #333; transition: background .15s ease, color .15s ease;
}
.lb-related-card img {
  width: 40px; height: 40px; border-radius: 50%; object-fit: cover; flex-shrink: 0;
}
.lb-related-card .fa-user-circle { font-size: 40px; color: #ccc; flex-shrink: 0; }
.lb-related-card span { font-weight: 700; font-size: 13.5px; line-height: 1.4; }
.lb-related-card small { font-weight: 400; }
.lb-related-card:hover {
  background: #dd4b39; color: #fff; text-decoration: none;
}
.lb-related-card:hover small,
.lb-related-card:hover .text-muted { color: #ffe0da; }

.lb-played-list {
  list-style: none; margin: 0 0 20px; padding: 0; counter-reset: lb-played;
}
.lb-played-list li {
  counter-increment: lb-played; padding: 9px 12px 9px 66px; position: relative;
  border-radius: 4px; transition: background .12s ease;
}
.lb-played-list li:nth-child(even) { background: #f4f4f4; }
.lb-played-list li:hover { background: #ffe0da; }
.lb-played-list li::before {
  content: counter(lb-played) "."; position: absolute; left: 10px; width: 50px;
  text-align: right; color: #999; font-weight: 600;
}
.lb-played-list li a,
.lb-played-list li a:visited { color: #333; }
.lb-played-list li:hover a { color: #c23321; text-decoration: none; }

.lb-album-card, .lb-album-card:visited {
  position: relative; display: flex; gap: 10px; align-items: center; margin-bottom: 12px;
  text-decoration: none; border-radius: 6px; overflow: hidden; background: #f4f4f4;
  transition: background .15s ease;
}
.lb-album-card img { width: 56px; height: 56px; object-fit: cover; flex-shrink: 0; }
.lb-album-info { display: flex; flex-direction: column; padding: 6px 10px 6px 0; }
.lb-album-title, .lb-album-card:visited .lb-album-title { color: #333; font-weight: 700; }
.lb-album-count { color: #888; font-size: 12px; margin-top: 1px; }
.lb-album-play {
  display: inline-flex; align-items: center; gap: 5px; width: fit-content;
  background: #dd4b39; color: #fff; font-weight: 600; font-size: 11px;
  padding: 3px 10px; border-radius: 12px; margin-top: 4px;
  opacity: 0; max-height: 0; transition: opacity .15s ease, max-height .15s ease;
}
.lb-album-card:hover { background: #ececec; }
.lb-album-card:hover .lb-album-title { color: #dd4b39; }
.lb-album-card:hover .lb-album-play { opacity: 1; max-height: 24px; }

/* Pestañas Canciones / Biografía en la página de artista */
.lb-artist-tabs-row {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  flex-wrap: wrap; margin-bottom: 18px;
}
.lb-artist-tabs { margin-bottom: 0; }
.lb-artist-tabs > li > a {
  border-radius: 6px 6px 0 0; font-weight: 700; color: #555;
}
.lb-artist-tabs > li.active > a,
.lb-artist-tabs > li.active > a:hover,
.lb-artist-tabs > li.active > a:focus {
  color: #dd4b39; border-color: #ddd #ddd transparent;
}
.lb-artist-tabs > li > a:hover { background: #f9f9f9; color: #dd4b39; }

.lb-bio-btn {
  display: inline-block; margin: 0; padding: 9px 18px;
  border: 1.5px solid #dd4b39; border-radius: 20px;
  color: #dd4b39; font-weight: 700; font-size: 13px;
  background: transparent; text-decoration: none;
  transition: background .15s ease, color .15s ease;
}
.lb-bio-btn:hover, .lb-bio-btn:focus {
  background: #dd4b39; color: #fff; text-decoration: none;
}
.lb-bio-btn i { margin-right: 6px; }

.lb-bio-panel { padding-top: 4px; }
.lb-bio-photo {
  max-width: 260px; width: 100%; border-radius: 6px; margin-bottom: 16px; display: block;
}

/* Lista de canciones de álbum: numerada, con sombreado alterno */
.lb-album-tracklist { list-style:none; counter-reset:track; padding-left:0; margin-top:14px; }
.lb-album-tracklist li {
  counter-increment: track;
  display:flex; align-items:center; padding:10px 12px;
  border-bottom:1px solid #f0f0f0;
}
.lb-album-tracklist li:nth-child(odd) { background:#f7f7f9; }
.lb-album-tracklist li::before {
  content: counter(track) ".";
  color:#9096ab; font-weight:700; width:28px; flex-shrink:0;
}
.lb-album-tracklist li a,
.lb-album-tracklist li a:visited { color:#333; text-decoration:none; }
.lb-album-tracklist li a:hover { color:#dd4b39; }

/* Widget real de Facebook (seguidores en vivo) en la barra lateral */
.lb-fb-widget { border:1px solid #eee; border-radius:4px; padding:10px; margin-bottom:16px; overflow:hidden; }

/* Footer completo con columnas y redes */
.lb-footer-cols { display:flex; justify-content:center; gap:70px; flex-wrap:wrap; text-align:left; margin-bottom:24px; }
.lb-footer-cols h4 { color:#fff; font-size:15px; margin:0 0 14px; position:relative; padding-bottom:8px; }
.lb-footer-cols h4::after { content:''; position:absolute; left:0; bottom:0; width:32px; height:2px; background:#00acd6; }
.lb-footer-cols ul { list-style:none; padding:0; margin:0; }
.lb-footer-cols li { margin-bottom:6px; }
.lb-footer-cols a,
.lb-footer-cols a:visited { color:#8f9296; text-decoration:none; font-size:13px; font-weight:400; }
.lb-footer-cols a:hover { color:#fff; }
.lb-footer-social { text-align:center; margin-bottom:20px; }
.lb-footer-tagline { color:#8f9296; font-size:13px; margin:4px 0; }
.lb-footer-dedication { color:#6a6d70; font-size:12px; margin-top:10px; }

/* AdminLTE pone overflow:hidden en .wrapper, y eso impide que
   position:sticky funcione en cualquier hijo (como el sidebar de
   Publicidad/Playlist). Lo quitamos aquí sin tocar AdminLTE.css. */
.wrapper { overflow: visible; }

/* Caja "Tendencias Musicales" del inicio */
.lb-trending-box {
  padding: 16px 0;
  margin: 10px 0 20px;
  background: transparent;
}
.lb-trending-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 700;
  color: #333;
  border-bottom: 2px solid #000;
  padding-bottom: 8px;
  margin: 0 0 4px;
}
.lb-trending-title .fa {
  color: #333;
  font-size: 15px;
}
.lb-trending-item,
.lb-trending-item:visited {
  display: block;
  padding: 6px 0;
  color: #333;
  font-weight: 600;
  font-size: 13.5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lb-trending-item:hover,
.lb-trending-item:visited:hover {
  color: #dd4b39;
  text-decoration: none;
}
.lb-trending-artist,
.lb-trending-item:visited .lb-trending-artist {
  color: #777;
  font-weight: 400;
}
.lb-trending-item:hover .lb-trending-artist,
.lb-trending-item:visited:hover .lb-trending-artist {
  color: #dd4b39;
}

/* Widget "Calificar Canción" reubicado bajo los botones de compartir en
   /letra/{slug} (antes estaba en la barra lateral angosta). */
.social-letra + .lb-rating {
  border: 1px solid #eee;
  border-radius: 6px;
  padding: 14px 10px;
  margin: 16px 0;
}

/* Perfil público de usuario/editor (/usuario/{username}) */
.lb-profile-card {
  border: 1px solid #eee;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 20px;
}
.lb-profile-cover {
  height: 90px;
  background: linear-gradient(135deg, #e9e9e9, #ffffff);
}
.lb-profile-head {
  display: flex;
  align-items: flex-end;
  gap: 16px;
  padding: 0 20px;
  margin-top: -40px;
}
.lb-profile-avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #f4f4f4;
  border: 3px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 34px;
  color: #bbb;
  flex-shrink: 0;
}
.lb-profile-name h1 {
  font-size: 20px;
  font-weight: 700;
  color: #222;
  margin: 0 0 12px;
}
.lb-profile-stats {
  display: flex;
  gap: 28px;
  padding: 16px 20px 18px;
}
.lb-profile-stat { text-align: left; }
.lb-profile-stat strong {
  display: block;
  font-size: 17px;
  color: #0063cc;
}
.lb-profile-stat span {
  font-size: 12px;
  color: #999;
}
.lb-profile-tabs {
  margin: 0 20px;
  border-bottom-color: #eee;
}
.lb-profile-tabs > li > a {
  color: #555;
  font-weight: 600;
  font-size: 13.5px;
  border-radius: 0;
}
.lb-profile-tabs > li.active > a,
.lb-profile-tabs > li.active > a:hover,
.lb-profile-tabs > li.active > a:focus {
  color: #0063cc;
  border-color: transparent transparent #0063cc;
  border-bottom: 2px solid #0063cc;
  background: transparent;
}
.lb-profile-tabs > li > a:hover { background: #f9f9f9; }
.lb-profile-tab-content { padding: 20px; }

/* Paginación numerada (perfil de usuario, "Mis Letras", etc.) */
.lb-pagination-numbered {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid #eee;
}
.lb-pg-num, .lb-pg-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  height: 30px;
  padding: 0 6px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  color: #444;
  text-decoration: none;
}
.lb-pg-num:hover, .lb-pg-arrow:hover {
  background: #f1f1f1;
  color: #da2026;
  text-decoration: none;
}
.lb-pg-current {
  background: #da2026;
  color: #fff !important;
  cursor: default;
}
.lb-pg-dots {
  padding: 0 4px;
  color: #999;
}
.lb-pg-disabled {
  color: #ccc;
  cursor: default;
}
.lb-pg-disabled:hover {
  background: transparent;
  color: #ccc;
}

/* Biografía con formato enriquecido (editor TinyMCE del admin) */
.lb-bio-richtext { line-height: 1.7; color: #333; }
.lb-bio-richtext p { margin: 0 0 12px; }
.lb-bio-richtext strong, .lb-bio-richtext b { font-weight: 700; }
.lb-bio-richtext ul, .lb-bio-richtext ol { margin: 0 0 12px 22px; }
.lb-bio-richtext a { color: #da2026; text-decoration: underline; }
.lb-bio-richtext h2, .lb-bio-richtext h3, .lb-bio-richtext h4 { margin: 18px 0 8px; font-weight: 700; }

/* Insignia de verificado (réplica del sello de Instagram) para los 500 artistas más vistos */
.lb-verified-badge {
  display: inline-flex; align-items: center; justify-content: center;
  width: 15px; height: 15px; color: #3897f0;
  margin-left: 5px; vertical-align: middle; flex: none;
}
.lb-verified-badge.lb-verified-lg { width: 20px; height: 20px; margin-left: 7px; }
.lb-verified-badge svg { width: 100%; height: 100%; display: block; }

/* Letra con formato enriquecido (editor TinyMCE del admin) */
.lb-lyrics-richtext { line-height: 1.9; }
.lb-lyrics-richtext p { margin: 0 0 6px; }
.lb-lyrics-richtext strong, .lb-lyrics-richtext b { font-weight: 700; }
.lb-lyrics-richtext a { color: #da2026; text-decoration: underline; }

/* Aviso para pedir la letra cuando la canción todavía no la tiene cargada */
.lb-missing-lyrics {
  text-align: center;
  padding: 22px 16px;
  background: #f7f7f9;
  border: 1px dashed #d9d9df;
  border-radius: 6px;
}
.lb-missing-lyrics p { margin: 0 0 10px; }

/* Placeholder cuando un artista todavía no tiene foto cargada */
.lb-nophoto {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 6px;
  width: 100%; aspect-ratio: 1 / 1;
  background: #f2f2f4;
  border: 1px dashed #d9d9df;
  border-radius: 4px;
  color: #9096ab;
  text-align: center;
  padding: 10px;
}
.lb-nophoto i { font-size: 26px; }
.lb-nophoto span { font-size: 11px; line-height: 1.3; }
.lb-nophoto span a { color: #dd4b39; text-decoration: underline; }

/* ---- modern.css (va al final a propósito: es la que pisa estilos
   de las anteriores cuando hay conflicto) ---- */
/* =========================================================================
   QLETRAS — modern.css
   Corrige: 404 (archivo faltante referenciado en base.html) y el bug visual
   de huecos/celdas vacías en las grillas de álbumes/artistas/géneros.

   Causa del bug: .row-genres usaba "display:block" combinado con columnas
   flotadas (float) de Bootstrap. Cuando una tarjeta variaba levemente de
   alto, el flotado se rompía y dejaba huecos en blanco / tarjetas
   descolgadas a otra fila (ej: álbum #37 en Top Álbumes).

   Fix: convertir .row-genres en flexbox con wrap, para que el navegador
   alinee las tarjetas por filas reales en vez de depender del float.
   ========================================================================= */

.row-genres {
  display: flex !important;
  flex-wrap: wrap;
  background: transparent;
}

.row-genres > [class*="col-"] {
  float: none;
  display: flex;
  flex-direction: column;
}

.row-genres > [class*="col-"] > a {
  display: block;
  flex: 1 1 auto;
}

/* =========================================================================
   Letra de la canción: texto centrado, más compacto, color fijo (negro
   grisáceo) para todas las estrofas. El agrupado en estrofas lo hace un
   pequeño script en letra.html; acá solo van el color y el espaciado.
   ========================================================================= */

.letrapage .lyricbody {
  font: normal 15px/1.55 "Open Sans", "HelveticaNeue", Helvetica, Arial, sans-serif;
  text-align: center;
  max-width: 640px;
  margin: 0 auto;
}

.letrapage .lyricbody .lb-stanza {
  margin-bottom: 18px;
}

.letrapage .lyricbody .lb-stanza p {
  margin: 0 0 2px;
}

.letrapage .lyricbody .lb-stanza-a p,
.letrapage .lyricbody .lb-stanza-b p {
  color: #333333;
}

@media (max-width: 650px) {
  .letrapage .lyricbody {
    font-size: 14px;
  }
}

/* ===========================================================================
   Aviso de cookies (RGPD/UE): banner inferior + panel de preferencias.
   Ver static/js/cookie-consent.js para la lógica.
   =========================================================================== */
.lb-cookie-banner {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  background: #1c1f24;
  color: #f2f2f2;
  padding: 16px 20px;
  box-shadow: 0 -2px 14px rgba(0, 0, 0, 0.25);
  display: none;
}
.lb-cookie-banner.lb-open { display: block; }
.lb-cookie-banner__inner {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 24px;
}
.lb-cookie-banner__text {
  flex: 1 1 380px;
  font-size: 13.5px;
  line-height: 1.6;
  margin: 0;
}
.lb-cookie-banner__text a { color: #ff8686; text-decoration: underline; }
.lb-cookie-banner__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: 0 0 auto;
}
.lb-cookie-btn {
  border: none;
  border-radius: 4px;
  padding: 9px 16px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
}
.lb-cookie-btn--accept { background: #c80000; color: #fff; }
.lb-cookie-btn--accept:hover { background: #a80000; }
.lb-cookie-btn--reject { background: transparent; color: #333; border: 1px solid #565b63; }
.lb-cookie-btn--reject:hover { background: #2a2e35; color: #fff; }
.lb-cookie-btn--prefs { background: transparent; color: #cfd3d8; text-decoration: underline; padding: 9px 4px; }

.lb-cookie-modal {
  position: fixed;
  inset: 0;
  z-index: 100000;
  background: rgba(0, 0, 0, 0.55);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.lb-cookie-modal.lb-open { display: flex; }
.lb-cookie-modal__box {
  background: #fff;
  color: #222;
  width: 100%;
  max-width: 480px;
  border-radius: 8px;
  padding: 22px 24px;
  max-height: 90vh;
  overflow-y: auto;
}
.lb-cookie-modal__box h4 { margin-top: 0; }
.lb-cookie-cat {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 0;
  border-bottom: 1px solid #eee;
}
.lb-cookie-cat:last-of-type { border-bottom: none; }
.lb-cookie-cat__label { font-weight: 600; margin: 0 0 4px; }
.lb-cookie-cat__desc { margin: 0; font-size: 13px; color: #666; line-height: 1.5; }
.lb-cookie-switch { flex: 0 0 auto; margin-top: 3px; }
.lb-cookie-modal__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}

/* Botón "Enviar Letra" del navbar: igualado en tamaño al botón "Top" */
.navbar-right .active > a.btn.btn-flat {
    padding: 6px 12px;
    display: inline-block;
    height: 34px;
    line-height: 1.42857143;
    vertical-align: middle;
    margin-top: 8px;
    box-sizing: border-box;
}

/* Botón "Rechazar no esenciales" dentro del banner oscuro de cookies: texto blanco para que sea legible */
.lb-cookie-banner .lb-cookie-btn--reject {
    color: #fff;
    border-color: #fff;
}
.lb-cookie-banner .lb-cookie-btn--reject:hover {
    background: rgba(255,255,255,0.15);
    color: #fff;
}