/* === VARIABLES.LESS === */
/*
---
GOBALS
---
*/
/*
---
SCREENS
---
*/
/*
---
LAYOUTS
---
*/
/*
---
COLORS
---
*/
/*
---
BACKGOUNDS
---
*/
/*
---
FONTS
---
*/
/*
---
HEADINGS
---
*/
/*
---
FONT WEIGHTS
---
*/
/*
---
SPACES
---
*/
/*
---
BORDERS
---
*/
/*
---
SHADOWS
---
*/
/*
---
POSITIONS
---
*/
/*
================================================================================
CONTAINERS
================================================================================
*/
.container-xs {
  max-width: 480px;
}
.container-sm {
  max-width: 640px;
}
.container-md {
  max-width: 780px;
}
.container-lg {
  max-width: 1024px;
}
/*
================================================================================
POSITIONS
================================================================================
*/
.pos-relative {
  position: relative;
}
.pos-absolute {
  position: absolute;
}
/*
================================================================================
EMPTY
================================================================================
*/
.empty:before {
  display: block;
}
/*
================================================================================
TEXT COLORS
================================================================================
*/
.text-white {
  color: #ffffff !important;
}
.text-gray {
  color: #868d95 !important;
}
.text-black {
  color: #353f4c !important;
}
.text-blue {
  color: #3ca7e5 !important;
}
.text-red {
  color: #ea4146 !important;
}
.text-green {
  color: #6bb642 !important;
}
.text-orange {
  color: #ed7833 !important;
}
.text-purple {
  color: #826ad5 !important;
}
.text-fb-blue {
  color: #3664a2 !important;
}
.text-light-gray {
  color: #cdcdcd !important;
}
.text-light-green {
  color: #80ce56 !important;
}
/*
================================================================================
TEXT WEIGHTS
================================================================================
*/
.text-light {
  font-weight: 300 !important;
}
.text-regular {
  font-weight: 400 !important;
}
.text-bold {
  font-weight: 600 !important;
}
.text-ultrabold {
  font-weight: 700 !important;
}
/*
================================================================================
TEXT SIZES
================================================================================
*/
.text-xs {
  font-size: 14px !important;
}
.text-sm {
  font-size: 14px !important;
}
.text-md {
  font-size: 16px !important;
}
.text-lg {
  font-size: 18px !important;
}
.text-xl {
  font-size: 20px !important;
}
.text-xxl {
  font-size: 22px !important;
}
/*
================================================================================
TEXTS ALIGNS
================================================================================
*/
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-left-xs {
  text-align: left !important;
}
.text-right-xs {
  text-align: right !important;
}
.text-center-xs {
  text-align: center !important;
}
@media (min-width: 768px) {
  .text-left-sm {
    text-align: left !important;
  }
}
@media (min-width: 768px) {
  .text-center-sm {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-right-sm {
    text-align: right !important;
  }
}
@media (min-width: 992px) {
  .text-left-md {
    text-align: left !important;
  }
}
@media (min-width: 992px) {
  .text-center-md {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-right-md {
    text-align: right !important;
  }
}
@media (min-width: 1200px) {
  .text-left-lg {
    text-align: left !important;
  }
}
@media (min-width: 1200px) {
  .text-center-lg {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-right-lg {
    text-align: right !important;
  }
}
/*
================================================================================
HEADING SIZES
================================================================================
*/
.heading-xxs {
  font-size: 20px !important;
}
.heading-xs {
  font-size: 22px !important;
}
.heading-sm {
  font-size: 24px !important;
}
.heading-md {
  font-size: 26px !important;
}
.heading-lg {
  font-size: 28px !important;
}
.heading-xl {
  font-size: 30px !important;
}
.heading-xxl {
  font-size: 32px !important;
}
/*
================================================================================
TEXT TRANSFORMS
================================================================================
*/
.notransform {
  text-transform: none !important;
}
.uppercase {
  text-transform: uppercase !important;
}
.lowercase {
  text-transform: lowercase !important;
}
/*
================================================================================
TEXT STYLES
================================================================================
*/
.italic {
  font-style: italic !important;
}
/*
================================================================================
SPACES
================================================================================
*/
.spaceless {
  margin: 0 !important;
}
.space-bottom-none {
  margin-bottom: 0 !important;
}
.space-bottom-xs {
  margin-bottom: 10px !important;
}
.space-bottom-sm {
  margin-bottom: 20px !important;
}
.space-bottom-md {
  margin-bottom: 40px !important;
}
.space-bottom-lg {
  margin-bottom: 60px !important;
}
.space-bottom-xl {
  margin-bottom: 70px !important;
}
@media (max-width: 480px) {
  .space-bottom-xs-screen-xs {
    margin-bottom: 10px !important;
  }
}
.space-top-none {
  margin-top: 0 !important;
}
.space-top-xxs {
  margin-top: 5px !important;
}
.space-top-xs {
  margin-top: 10px !important;
}
.space-top-sm {
  margin-top: 20px !important;
}
.space-top-md {
  margin-top: 40px !important;
}
.space-top-lg {
  margin-top: 60px !important;
}
.space-top-xl {
  margin-top: 70px !important;
}
.space-left-none {
  margin-left: 0 !important;
}
.space-left-xs {
  margin-left: 10px !important;
}
.space-left-sm {
  margin-left: 20px !important;
}
.space-left-md {
  margin-left: 40px !important;
}
.space-left-lg {
  margin-left: 60px !important;
}
.space-left-xl {
  margin-left: 70px !important;
}
.space-right-none {
  margin-right: 0 !important;
}
.space-right-xs {
  margin-right: 10px !important;
}
.space-right-sm {
  margin-right: 20px !important;
}
.space-right-md {
  margin-right: 40px !important;
}
.space-right-lg {
  margin-right: 60px !important;
}
.space-right-xl {
  margin-right: 70px !important;
}
.paddingless {
  padding: 0 !important;
}
.pad-top-none {
  padding-top: 0 !important;
}
.pad-top-xxs {
  padding-top: 5px !important;
}
.pad-top-xs {
  padding-top: 10px !important;
}
.pad-top-sm {
  padding-top: 20px !important;
}
.pad-top-md {
  padding-top: 40px !important;
}
.pad-top-lg {
  padding-top: 60px !important;
}
.pad-top-xl {
  padding-top: 70px !important;
}
.pad-bottom-none {
  padding-bottom: 0 !important;
}
.pad-bottom-xxs {
  padding-bottom: 5px !important;
}
.pad-bottom-xs {
  padding-bottom: 10px !important;
}
.pad-bottom-sm {
  padding-bottom: 20px !important;
}
.pad-bottom-md {
  padding-bottom: 40px !important;
}
.pad-bottom-lg {
  padding-bottom: 60px !important;
}
.pad-bottom-xl {
  padding-bottom: 70px !important;
}
/*
================================================================================
OTHERS
================================================================================
*/
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE/Edge */
  user-select: none;
  /* non-prefixed version, currently */
}
/*
================================================================================
PRINT
================================================================================
*/
@media only print {
  .noprint {
    display: none !important;
  }
}
/*
================================================================================
Z-INDEXES
================================================================================
*/
[class^="z-"] {
  position: relative;
}
.z-25 {
  z-index: 25;
}
.z-50 {
  z-index: 50;
}
/*
================================================================================
MENU WIDGET
================================================================================
*/
.item-divided-top {
  border-top: 1px dashed #e9ecf3;
}
/*
================================================================================
BACKGROUNDS
================================================================================
*/
.bg-gray {
  background: #f5f5f5;
}
/*
================================================================================
PADDINGS
================================================================================
*/
.pad-10 {
  padding: 10px;
}
/*
================================================================================
TOPMENU
================================================================================
*/
.page-header.navbar {
  border: 0;
}
.page-header .page-header-inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.page-header .page-header-inner .page-top {
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
}
.page-header.navbar .top-menu {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  float: none;
}
@media (max-width: 768px) {
  .page-header.navbar .top-menu {
    overflow-x: scroll;
  }
}
.page-header.navbar .top-menu .navbar-nav {
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  height: 75px;
}
@media (max-width: 768px) {
  .page-header.navbar .top-menu .navbar-nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: none;
  }
}
.page-header.navbar .top-menu .navbar-nav > li {
  height: 75px;
}
.page-header.navbar .top-menu .navbar-nav > li > a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  color: #cdcdcd;
  padding: 10px;
  height: 100%;
}
.page-header.navbar .top-menu .navbar-nav > li > a span {
  display: block;
  font-size: 8px;
}
.page-header.navbar .top-menu .navbar-nav > li > a i {
  font-size: 16px;
}
@media (min-width: 768px) {
  .page-header.navbar .top-menu .navbar-nav > li > a {
    padding: 5px 10px;
  }
  .page-header.navbar .top-menu .navbar-nav > li > a span {
    font-size: 14px;
  }
}
.page-header.navbar .top-menu .navbar-user li {
  float: right !important;
}
.page-header.navbar .top-menu .navbar-user li a {
  padding: 0 10px !important;
}
.page-header.navbar .top-menu .responsive-toggler {
  margin: 0;
}
@media (min-width: 992px) {
  .page-header.navbar .top-menu .responsive-toggler {
    display: none !important;
  }
}
.page-header.navbar .top-menu .dropdown-user .dropdown-toggle i {
  margin: 0 !important;
}
/* HEADER */
.page-header.navbar .page-logo a {
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.page-header.navbar .page-logo a .logo-default {
  margin: 0;
}
.page-header.navbar .top-menu .navbar-menu a:hover,
.page-header.navbar .top-menu .navbar-menu .active a {
  background: #E9ECF3;
  color: #3B3F51;
}
.page-header.navbar .top-menu .navbar-menu i {
  font-size: 22px;
}
.page-header.navbar .top-menu .navbar-menu .divider {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  height: 74px;
  margin: 0 5px;
  width: 1px;
}
.page-header.navbar .top-menu .navbar-menu .divider:first-child {
  display: none;
}
.page-header.navbar .top-menu .navbar-nav {
  margin-right: 10px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > i {
  font-size: 18px;
  margin-top: 5px;
}
/*
================================================================================
SECTIONS
================================================================================
*/
.page-header.navbar .section-title {
  font-size: 24px;
  padding: 20px 15px;
}
.page-header.navbar .section-title i {
  font-size: 26px;
  margin-right: 5px;
}
/* TOGGLERS */
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle.responsive-toggler {
  margin: 10px 5px 10px 15px;
}
/*
================================================================================
PORTLET
================================================================================
*/
.portlet .caption-subject {
  font-weight: bold;
  text-transform: uppercase;
}
/*
================================================================================
PAGES
================================================================================
*/
.page-content-wrapper .page-content {
  padding-top: 0;
}
.page-content-wrapper .page-content .page-breadcrumb {
  background-color: #ffffff;
  margin-bottom: 20px;
  padding: 10px;
}
/*
================================================================================
GALLERY MANAGER
================================================================================
*/
.panel-body .gallery-manager {
  box-shadow: none;
  border: none;
  margin: -15px;
}
/*
===
DISABLED ON
===
*/
.disabled-on .hidden-on-disable {
  display: none;
}
.disabled-on .blocked-on-disable {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
/*
================================================================================
DASHBOARDs
================================================================================
*/
.dashboard-stat2 {
  min-height: 100px;
}
.dashboard-stat2,
.dashboard-chart,
.dashboard-chart-filter {
  position: relative;
}
.dashboard-stat2 .ic-indicator,
.dashboard-chart .ic-indicator,
.dashboard-chart-filter .ic-indicator {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}
.dashboard-stat2 .ic-indicator .cl-indicator,
.dashboard-chart .ic-indicator .cl-indicator,
.dashboard-chart-filter .ic-indicator .cl-indicator {
  color: #afafaf;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -18px 0 0 -18px;
}
.dashboard-chart .chart-disabled {
  max-height: 100px;
  position: relative;
  overflow: hidden;
}
/*
====
RANKS
===
 */
.usr-ranks .rank-wrapper {
  width: 100%;
  margin: 15px auto;
  background: #efefef;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.usr-ranks .rank-detail-left {
  width: 50px;
  padding: 10px 15px;
  background: #0a6aa1;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.usr-ranks .rank-detail-right {
  padding: 10px 15px;
}