@charset "UTF-8";
/*! Select2 Bootstrap 3 CSS v1.4.6 | MIT License | github.com/t0m/select2-bootstrap-css */
/**
 * Reset Bootstrap 3 .form-control styles which - if applied to the
 * original <select>-element the Select2-plugin may be run against -
 * are copied to the .select2-container.
 *
 * 1. Overwrite .select2-container's original display:inline-block
 *    with Bootstrap 3's default for .form-control, display:block;
 *    courtesy of @juristr (@see https://github.com/fk/select2-bootstrap-css/pull/1)
 */
@import url("https://fonts.googleapis.com/css?family=Quicksand:400,500,700");
.select2-container.form-control {
  background: transparent;
  box-shadow: none;
  border: none;
  display: block;
  /* 1 */
  margin: 0;
  padding: 0; }

/**
 * Adjust Select2 inputs to fit Bootstrap 3 default .form-control appearance.
 */
.select2-container .select2-choices .select2-search-field input,
.select2-container .select2-choice,
.select2-container .select2-choices {
  background: none;
  padding: 0;
  border-color: #ccc;
  border-radius: 2px;
  color: #555555;
  font-family: Quicksand, "Open Sans", sans-serif;
  background-color: #fff;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.select2-search input {
  border-color: #ccc;
  border-radius: 2px;
  color: #555555;
  font-family: Quicksand, "Open Sans", sans-serif;
  background-color: #fff;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.select2-container .select2-choices .select2-search-field input {
  -webkit-box-shadow: none;
  box-shadow: none; }

/**
 * Adjust Select2 input heights to match the Bootstrap default.
 */
.select2-container .select2-choice {
  height: 34px;
  line-height: 1.42857; }

/**
 * Address Multi Select2's height which - depending on how many elements have been selected -
 * may grown higher than their initial size.
 */
.select2-container.select2-container-multi.form-control {
  height: auto; }

/**
 * Address Bootstrap 3 control sizing classes
 * @see http://getbootstrap.com/css/#forms-control-sizes
 */
.select2-container.input-sm .select2-choice,
.input-group-sm .select2-container .select2-choice {
  height: 30px;
  line-height: 1.5;
  border-radius: 0; }

.select2-container.input-lg .select2-choice,
.input-group-lg .select2-container .select2-choice {
  height: 46px;
  line-height: 1.33333;
  border-radius: 0; }

.select2-container-multi .select2-choices .select2-search-field input {
  height: 32px; }

.select2-container-multi.input-sm .select2-choices .select2-search-field input,
.input-group-sm .select2-container-multi .select2-choices .select2-search-field input {
  height: 28px; }

.select2-container-multi.input-lg .select2-choices .select2-search-field input,
.input-group-lg .select2-container-multi .select2-choices .select2-search-field input {
  height: 44px; }

/**
 * Adjust height and line-height for .select2-search-field amd multi-select Select2 widgets.
 *
 * 1. Class repetition to address missing .select2-chosen in Select2 < 3.3.2.
 */
.select2-container-multi .select2-choices .select2-search-field input {
  margin: 0; }

.select2-chosen,
.select2-choice > span:first-child,
.select2-container .select2-choices .select2-search-field input {
  padding: 6px 12px; }

.input-sm .select2-chosen,
.input-group-sm .select2-chosen,
.input-sm .select2-choice > span:first-child,
.input-group-sm .select2-choice > span:first-child,
.input-sm .select2-choices .select2-search-field input,
.input-group-sm .select2-choices .select2-search-field input {
  padding: 5px 10px; }

.input-lg .select2-chosen,
.input-group-lg .select2-chosen,
.input-lg .select2-choice > span:first-child,
.input-group-lg .select2-choice > span:first-child,
.input-lg .select2-choices .select2-search-field input,
.input-group-lg .select2-choices .select2-search-field input {
  padding: 10px 16px; }

.select2-container-multi .select2-choices .select2-search-choice {
  margin-top: 5px;
  margin-bottom: 3px; }

.select2-container-multi.input-sm .select2-choices .select2-search-choice,
.input-group-sm .select2-container-multi .select2-choices .select2-search-choice {
  margin-top: 3px;
  margin-bottom: 2px; }

.select2-container-multi.input-lg .select2-choices .select2-search-choice,
.input-group-lg .select2-container-multi .select2-choices .select2-search-choice {
  line-height: 24px; }

/**
 * Adjust the single Select2's dropdown arrow button appearance.
 *
 * 1. For Select2 v.3.3.2.
 */
.select2-container .select2-choice .select2-arrow,
.select2-container .select2-choice div {
  border-left: none;
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }

.select2-dropdown-open .select2-choice .select2-arrow,
.select2-dropdown-open .select2-choice div {
  border-left-color: transparent;
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }

/**
 * Adjust the dropdown arrow button icon position for the single-select Select2 elements
 * to make it line up vertically now that we increased the height of .select2-container.
 *
 * 1. Class repetition to address missing .select2-chosen in Select2 v.3.3.2.
 */
.select2-container .select2-choice .select2-arrow b,
.select2-container .select2-choice div b {
  background-position: 0 3px; }

.select2-dropdown-open .select2-choice .select2-arrow b,
.select2-dropdown-open .select2-choice div b {
  background-position: -18px 3px; }

.select2-container.input-sm .select2-choice .select2-arrow b,
.input-group-sm .select2-container .select2-choice .select2-arrow b,
.select2-container.input-sm .select2-choice div b,
.input-group-sm .select2-container .select2-choice div b {
  background-position: 0 1px; }

.select2-dropdown-open.input-sm .select2-choice .select2-arrow b,
.input-group-sm .select2-dropdown-open .select2-choice .select2-arrow b,
.select2-dropdown-open.input-sm .select2-choice div b,
.input-group-sm .select2-dropdown-open .select2-choice div b {
  background-position: -18px 1px; }

.select2-container.input-lg .select2-choice .select2-arrow b,
.input-group-lg .select2-container .select2-choice .select2-arrow b,
.select2-container.input-lg .select2-choice div b,
.input-group-lg .select2-container .select2-choice div b {
  background-position: 0 9px; }

.select2-dropdown-open.input-lg .select2-choice .select2-arrow b,
.input-group-lg .select2-dropdown-open .select2-choice .select2-arrow b,
.select2-dropdown-open.input-lg .select2-choice div b,
.input-group-lg .select2-dropdown-open .select2-choice div b {
  background-position: -18px 9px; }

/**
 * Address Bootstrap's validation states and change Select2's border colors and focus states.
 * Apply .has-warning, .has-danger or .has-succes to #select2-drop to match Bootstraps' colors.
 */
.has-warning .select2-choice,
.has-warning .select2-choices {
  border-color: #8a6d3b; }

.has-warning .select2-container-active .select2-choice,
.has-warning .select2-container-multi.select2-container-active .select2-choices {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }

.has-warning.select2-drop-active {
  border-color: #66512c; }
  .has-warning.select2-drop-active.select2-drop.select2-drop-above {
    border-top-color: #66512c; }

.has-error .select2-choice,
.has-error .select2-choices {
  border-color: #a94442; }

.has-error .select2-container-active .select2-choice,
.has-error .select2-container-multi.select2-container-active .select2-choices {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }

.has-error.select2-drop-active {
  border-color: #843534; }
  .has-error.select2-drop-active.select2-drop.select2-drop-above {
    border-top-color: #843534; }

.has-success .select2-choice,
.has-success .select2-choices {
  border-color: #3c763d; }

.has-success .select2-container-active .select2-choice,
.has-success .select2-container-multi.select2-container-active .select2-choices {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }

.has-success.select2-drop-active {
  border-color: #2b542c; }
  .has-success.select2-drop-active.select2-drop.select2-drop-above {
    border-top-color: #2b542c; }

/**
 * Make Select2's active-styles - applied to .select2-container when the widget receives focus -
 * fit Bootstrap 3's .form-element:focus appearance.
 */
.select2-container-active .select2-choice,
.select2-container-multi.select2-container-active .select2-choices {
  border-color: #4D90FE;
  outline: none;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(77, 144, 254, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(77, 144, 254, 0.6);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }

.select2-drop-active {
  border-color: #4D90FE; }

.select2-drop-auto-width,
.select2-drop.select2-drop-above.select2-drop-active {
  border-top-color: #4D90FE; }

/**
 * Select2 widgets in Bootstrap Input Groups
 *
 * When Select2 widgets are combined with other elements using Bootstrap 3's
 * "Input Group" component, we don't want specific edges of the Select2 container
 * to have a border-radius.
 *
 * In Bootstrap 2, input groups required a markup where these style adjustments
 * could be bound to a CSS-class identifying if the additional elements are appended,
 * prepended or both.
 *
 * Bootstrap 3 doesn't rely on these classes anymore, so we have to use our own.
 * Use .select2-bootstrap-prepend and .select2-bootstrap-append on a Bootstrap 3 .input-group
 * to let the contained Select2 widget know which edges should not be rounded as they are
 * directly followed by another element.
 *
 * @see http://getbootstrap.com/components/#input-groups
 */
.input-group.select2-bootstrap-prepend [class^="select2-choice"] {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important; }

.input-group.select2-bootstrap-append [class^="select2-choice"] {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important; }

.select2-dropdown-open [class^="select2-choice"] {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

.select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-right-radius: 2px !important;
  border-bottom-left-radius: 2px !important;
  background: #f8f8f8;
  filter: none; }
  .input-group.select2-bootstrap-prepend .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important; }
  .input-group.select2-bootstrap-append .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important; }
  .input-group.input-group-sm.select2-bootstrap-prepend .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
    border-bottom-right-radius: 0 !important; }
  .input-group.input-group-lg.select2-bootstrap-prepend .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
    border-bottom-right-radius: 0 !important; }
  .input-group.input-group-sm.select2-bootstrap-append .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
    border-bottom-left-radius: 0 !important; }
  .input-group.input-group-lg.select2-bootstrap-append .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
    border-bottom-left-radius: 0 !important; }

/**
 * Adjust Select2's choices hover and selected styles to match Bootstrap 3's default dropdown styles.
 */
.select2-results .select2-highlighted {
  color: #fff;
  background-color: #7384B2; }

/**
 * Adjust alignment of Bootstrap 3 buttons in Bootstrap 3 Input Groups to address
 * Multi Select2's height which - depending on how many elements have been selected -
 * may grown higher than their initial size.
 */
.select2-bootstrap-append .select2-container-multiple,
.select2-bootstrap-append .input-group-btn,
.select2-bootstrap-append .input-group-btn .btn,
.select2-bootstrap-prepend .select2-container-multiple,
.select2-bootstrap-prepend .input-group-btn,
.select2-bootstrap-prepend .input-group-btn .btn {
  vertical-align: top; }

/**
 * Make Multi Select2's choices match Bootstrap 3's default button styles.
 */
.select2-container-multi .select2-choices .select2-search-choice {
  color: #555555;
  background: #f8f8f8;
  border-color: #ccc;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: none;
  box-shadow: none; }

.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #e4e4e4;
  border-color: #adadad;
  color: #333;
  -webkit-box-shadow: none;
  box-shadow: none; }

/**
 * Address Multi Select2's choice close-button vertical alignment.
 */
.select2-search-choice-close {
  margin-top: -7px;
  top: 50%; }

/**
 * Adjust the single Select2's clear button position (used to reset the select box
 * back to the placeholder value and visible once a selection is made
 * activated by Select2's "allowClear" option).
 */
.select2-container .select2-choice abbr {
  top: 50%; }

/**
 * Adjust "no results" and "selection limit" messages to make use
 * of Bootstrap 3's default "Alert" style.
 *
 * @see http://getbootstrap.com/components/#alerts-default
 */
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background-color: #fdf7e6;
  color: #8a6d3b; }

/**
 * Address disabled Select2 styles.
 *
 * 1. For Select2 v.3.3.2.
 * 2. Revert border-left:0 inherited from Select2's CSS to prevent the arrow
 *    from jumping when switching from disabled to enabled state and vice versa.
 */
.select2-container.select2-container-disabled .select2-choice,
.select2-container.select2-container-disabled .select2-choices {
  cursor: not-allowed;
  background-color: #eeeeee;
  border-color: #ccc; }
  .select2-container.select2-container-disabled .select2-choice .select2-arrow,
  .select2-container.select2-container-disabled .select2-choice div,
  .select2-container.select2-container-disabled .select2-choices .select2-arrow,
  .select2-container.select2-container-disabled .select2-choices div {
    background-color: transparent;
    border-left: 1px solid transparent;
    /* 2 */ }

/**
 * Address Select2's loading indicator position - which should not stick
 * to the right edge of Select2's search input.
 *
 * 1. in .select2-search input
 * 2. in Multi Select2's .select2-search-field input
 * 3. in the status-message of infinite-scroll with remote data (@see http://ivaynberg.github.io/select2/#infinite)
 *
 * These styles alter Select2's default background-position of 100%
 * and supply the new background-position syntax to browsers which support it:
 *
 * 1. Android, Safari < 6/Mobile, IE<9: change to a relative background-position of 99%
 * 2. Chrome 25+, Firefox 13+, IE 9+, Opera 10.5+: use the new CSS3-background-position syntax
 *
 * @see http://www.w3.org/TR/css3-background/#background-position
 *
 * @todo Since both Select2 and Bootstrap 3 only support IE8 and above,
 * we could use the :after-pseudo-element to display the loading indicator.
 * Alternatively, we could supply an altered loading indicator image which already
 * contains an offset to the right.
 */
.select2-search input.select2-active,
.select2-container-multi .select2-choices .select2-search-field input.select2-active,
.select2-more-results.select2-active {
  background-position: 99%;
  /* 4 */
  background-position: right 4px center;
  /* 5 */ }

/**
 * To support Select2 pre v3.4.2 in combination with Bootstrap v3.2.0,
 * ensure that .select2-offscreen width, height and position can not be overwritten.
 *
 * This adresses changes in Bootstrap somewhere after the initial v3.0.0 which -
 * in combination with Select2's pre-v3.4.2 CSS missing the "!important" after
 * the following rules - allow Bootstrap to overwrite the latter, which results in
 * the original <select> element Select2 is replacing not be properly being hidden
 * when used in a "Bootstrap Input Group with Addon".
 **/
.select2-offscreen,
.select2-offscreen:focus {
  width: 1px !important;
  height: 1px !important;
  position: absolute !important; }

/**
* if set to device-width ie10 built-in scrollbar overflows content. Fix it as of here
* http://stackoverflow.com/questions/17045132/scrollbar-overlay-in-ie10-how-do-you-stop-that-might-be-bootstrap
*/
@-ms-viewport {
  width: auto; }

html, body {
  height: 100%; }

body {
  font-weight: 300;
  overflow-x: hidden; }

th {
  font-weight: 600; }

a {
  cursor: pointer; }

a {
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out; }

.btn {
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; }

.form-control {
  -webkit-transition: border-color 0.15s ease-in-out, background-color 0.15s ease-in-out;
  -o-transition: border-color 0.15s ease-in-out, background-color 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, background-color 0.15s ease-in-out; }

/***********************/
/*        Layout       */
/***********************/
.app {
  height: 100%; }

.sidebar {
  position: fixed;
  z-index: 0;
  left: 0;
  top: 0;
  bottom: 0;
  width: 204px;
  background-color: #7384B2;
  color: #fff; }
  .sidebar .slimScrollBar {
    border-radius: 0 !important;
    background-color: #fff !important; }

.page-controls, .content-wrap, .loader-wrap {
  left: 204px;
  -webkit-transition: left 0.3s ease-in-out;
  -o-transition: left 0.3s ease-in-out;
  transition: left 0.3s ease-in-out; }
  @media (min-width: 768px) {
    .page-controls, .content-wrap, .loader-wrap {
      margin-left: 50px;
      left: 154px; } }
  .nav-collapsed .page-controls, .nav-collapsed .content-wrap, .nav-collapsed .loader-wrap {
    left: 0; }
  @media (min-width: 992px) {
    .nav-static .page-controls, .nav-static .content-wrap, .nav-static .loader-wrap {
      -webkit-transition: none;
      -o-transition: none;
      transition: none;
      left: 0;
      margin-left: 204px; } }

.page-controls {
  -webkit-transition: left 0.3s ease-in-out, right 0.3s ease-in-out !important;
  -o-transition: left 0.3s ease-in-out, right 0.3s ease-in-out !important;
  transition: left 0.3s ease-in-out, right 0.3s ease-in-out !important;
  right: -204px; }
  .nav-collapsed .page-controls {
    right: 0; }
  @media (min-width: 992px) {
    .nav-static .page-controls {
      -webkit-transition: none !important;
      -o-transition: none !important;
      transition: none !important;
      /* add important! to override inline transition styles added by angular animate */
      right: 0; } }

.page-controls {
  position: absolute;
  z-index: 1; }
  @media (max-width: 767px) {
    .page-controls {
      font-size: 16px; }
      .page-controls .navbar-brand {
        position: absolute;
        left: 0;
        right: 0;
        font-weight: 700;
        text-align: center; }
        .page-controls .navbar-brand > .fa-circle {
          font-size: 10px; }
      .page-controls .navbar-nav {
        position: relative;
        z-index: 1; } }
  .page-controls .avatar {
    width: 30px;
    margin-top: -5px; }
    .page-controls .avatar.pull-left {
      margin-right: 5px; }
    .page-controls .avatar.pull-right {
      margin-left: 5px; }
  .page-controls .navbar-nav > li > a .rounded.rounded-lg,
  .page-controls .navbar-nav > li > a .circle.circle.lg {
    margin: -7px -7px -8px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .page-controls .navbar-form.navbar-left {
      padding-right: 0; } }
  .page-controls .navbar-nav .fa-times {
    font-size: 20px;
    vertical-align: -2px; }

/* ff icons valign fix */
@-moz-document url-prefix() {
  .page-controls .navbar-nav > li > a > .rounded-lg > i {
    vertical-align: -8%; } }

.content-wrap {
  position: relative;
  z-index: 0;
  height: 100%; }

.content {
  min-height: 100%;
  padding: 90px 40px 40px;
  background-color: #EEF0F4; }
  @media (max-width: 767px) {
    .content {
      padding-left: 20px;
      padding-right: 20px; } }
  .content.fade-in-up.ng-enter {
    -webkit-animation: fadeInUp 0.5s;
    animation: fadeInUp 0.5s; }
  .content.fade-in-up.ng-leave {
    -webkit-animation: fadeOutUp 0.5s;
    animation: fadeOutUp 0.5s; }

.logo {
  margin: 10px 0 20px;
  height: 50px;
  width: 100%;
  line-height: 50px;
  text-align: center;
  vertical-align: middle;
  font-weight: 700;
  font-size: 18px;
  -webkit-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out; }
  .logo a {
    color: #fff;
    text-decoration: none; }
  .nav-collapsed .logo {
    width: 50px; }
  @media (min-width: 992px) {
    .nav-static .logo {
      width: 100%;
      -webkit-transition: none;
      -o-transition: none;
      transition: none; } }

.sidebar-nav {
  padding: 10px 0;
  font-size: 14px;
  /*
   * Sub menus
   */
  /*
  First sub-menu
   */ }
  @media (min-width: 992px) and (min-height: 670px), (max-width: 767px) {
    .sidebar-nav {
      font-size: 16px; } }
  .sidebar-nav li a {
    display: block;
    color: #fff;
    text-decoration: none;
    cursor: pointer; }
    .sidebar-nav li a .toggle {
      float: right;
      line-height: 18px;
      margin-right: 15px;
      -webkit-transition: -webkit-transform 0.35s ease;
      -moz-transition: -moz-transform 0.35s ease;
      -o-transition: -o-transform 0.35s ease;
      transition: transform 0.35s ease; }
    .sidebar-nav li a.collapsed .toggle {
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg); }
    .sidebar-nav li a .label {
      float: right;
      line-height: 15px;
      margin-top: 7px;
      margin-right: 15px; }
      @media (min-height: 670px) {
        .sidebar-nav li a .label {
          margin-top: 12px; } }
  .sidebar-nav > li > a {
    position: relative;
    border-top: 1px solid transparent;
    padding-left: 50px;
    line-height: 35px; }
    .sidebar-nav > li > a:hover {
      background-color: transparent; }
    @media (min-width: 992px) and (min-height: 670px), (max-width: 767px) {
      .sidebar-nav > li > a {
        line-height: 44px; } }
    .sidebar-nav > li > a .icon {
      display: block;
      position: absolute;
      top: 3px;
      left: 11px;
      width: 28px;
      height: 28px;
      line-height: 28px;
      text-align: center; }
      @media (min-width: 992px) and (min-height: 670px), (max-width: 767px) {
        .sidebar-nav > li > a .icon {
          top: 8px; } }
      .sidebar-nav > li > a .icon .fa, .sidebar-nav > li > a .icon .glyphicon {
        font-size: 16px;
        color: rgba(255, 255, 255, 0.7); }
      .sidebar-nav > li > a .icon .glyphicon {
        left: -1px; }
      .sidebar-nav > li > a .icon .glyphicon-map-marker {
        top: 2px; }
      .sidebar-nav > li > a .icon .glyphicon-th {
        top: 1px;
        left: 0; }
      .sidebar-nav > li > a .icon .glyphicon-tree-conifer {
        left: 0; }
      .sidebar-nav > li > a .icon .fa-envelope {
        position: relative;
        top: -1px; }
      .sidebar-nav > li > a .icon .glyphicon-user {
        left: 0;
        top: 2px; }
    .sidebar-nav > li > a .toggle {
      line-height: 35px; }
      @media (min-width: 992px) and (min-height: 670px), (max-width: 767px) {
        .sidebar-nav > li > a .toggle {
          line-height: 44px; } }
  .sidebar-nav > .open > a {
    background-color: rgba(5, 5, 5, 0); }
  .sidebar-nav > li:last-child > a {
    border-bottom: 1px solid transparent; }
  .sidebar-nav > .active > a {
    color: #EBE110;
    background-color: #7384B2; }
    .sidebar-nav > .active > a .icon {
      border-radius: 50%;
      background-color: #EBE110; }
      .sidebar-nav > .active > a .icon .fa, .sidebar-nav > .active > a .icon .glyphicon {
        color: #7384B2; }
  .sidebar-nav > li ul {
    padding: 0;
    font-size: 13px;
    background-color: #8392bb;
    list-style: none; }
    @media (min-width: 992px) and (min-height: 670px), (max-width: 767px) {
      .sidebar-nav > li ul {
        font-size: 14px; } }
    .sidebar-nav > li ul > li {
      /* third submenu */ }
      .sidebar-nav > li ul > li > a {
        padding: 5px 0 5px 40px; }
        .sidebar-nav > li ul > li > a:hover {
          background-color: rgba(13, 13, 13, 0); }
      .sidebar-nav > li ul > li.active > a {
        font-weight: normal;
        color: #fff; }
      .sidebar-nav > li ul > li ul > li > a {
        padding-left: 55px; }
  .sidebar-nav > li > ul {
    /* simulate padding */ }
    .sidebar-nav > li > ul:before {
      content: "";
      display: block;
      padding-top: 10px; }
    .sidebar-nav > li > ul:after {
      content: "";
      display: block;
      padding-bottom: 10px; }

.sidebar-nav-title {
  margin: 35px 0 5px 11px;
  font-size: 14px;
  text-transform: uppercase;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }
  .sidebar-nav-title .action-link {
    color: #fff;
    float: right;
    margin-right: 15px;
    margin-top: -1px; }
    .sidebar-nav-title .action-link .fa, .sidebar-nav-title .action-link .glyphicon {
      font-size: 9px; }
  .nav-collapsed .sidebar-nav-title {
    opacity: 0; }
  @media (min-width: 992px) {
    .nav-static .sidebar-nav-title {
      opacity: 1;
      -webkit-transition: none;
      -o-transition: none;
      transition: none; } }

.sidebar-status {
  position: relative;
  margin: 10px 0 20px;
  padding: 0 15px 0 11px;
  /* fix notifications dropdown when there is no enough vertical space*/ }
  .sidebar-status > a {
    display: block;
    line-height: 40px;
    color: #eeeeee;
    text-decoration: none; }
  .sidebar-status .dropdown-menu {
    position: fixed;
    top: 60px;
    margin: 0 20px;
    width: 320px;
    color: #555555; }
    @media (max-width: 380px) {
      .sidebar-status .dropdown-menu {
        width: 100%;
        margin: 0; } }
  @media (max-height: 500px) {
    .sidebar-status .dropdown-menu {
      bottom: 20px; }
    .sidebar-status .notifications .panel-heading {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
    .sidebar-status .notifications .list-group {
      position: absolute;
      top: 85px;
      left: 0;
      right: 0;
      bottom: 43px;
      height: auto; }
    .sidebar-status .notifications .panel-footer {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0; } }

.sidebar-labels {
  list-style: none;
  padding: 11px;
  padding-right: 15px;
  font-size: 13px; }
  .sidebar-labels > li > a {
    color: #eeeeee;
    text-decoration: none;
    font-weight: normal; }
    .sidebar-labels > li > a .circle,
    .sidebar-labels > li > a .circle-o {
      position: relative;
      top: -2px;
      font-size: 9px;
      height: 12px;
      width: 12px;
      line-height: 12px;
      -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; }
    .sidebar-labels > li > a .fa-circle {
      font-size: 11px;
      vertical-align: 1px;
      -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; }
    .sidebar-labels > li > a .circle-o {
      top: 1px;
      left: 1px; }
    .sidebar-labels > li > a .label-name {
      opacity: 1;
      -webkit-transition: opacity 0.3s ease-in-out;
      -o-transition: opacity 0.3s ease-in-out;
      transition: opacity 0.3s ease-in-out; }
    .nav-collapsed .sidebar-labels > li > a .circle,
    .nav-collapsed .sidebar-labels > li > a .circle-o,
    .nav-collapsed .sidebar-labels > li > a .fa-circle {
      margin-left: 8px; }
    .nav-collapsed .sidebar-labels > li > a .label-name {
      opacity: 0; }
    @media (min-width: 992px) {
      .nav-static .sidebar-labels > li > a .circle,
      .nav-static .sidebar-labels > li > a .circle-o,
      .nav-static .sidebar-labels > li > a .fa-circle {
        margin-left: 0;
        -webkit-transition: none;
        -o-transition: none;
        transition: none; }
      .nav-static .sidebar-labels > li > a .label-name {
        opacity: 1;
        -webkit-transition: none;
        -o-transition: none;
        transition: none; } }
  .sidebar-labels > li + li {
    margin-top: 10px; }

.sidebar-alerts {
  font-size: 13px;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  opacity: 1; }
  .nav-collapsed .sidebar-alerts {
    opacity: 0; }
  @media (min-width: 992px) {
    .nav-static .sidebar-alerts {
      opacity: 1;
      -webkit-transition: none;
      -o-transition: none;
      transition: none; } }
  .sidebar-alerts .alert {
    margin-bottom: 0;
    padding: 10px 11px;
    padding-right: 15px; }
    .sidebar-alerts .alert .close {
      font-size: 16px;
      text-shadow: none;
      opacity: 1;
      color: #fff; }
  .sidebar-alerts .progress {
    background-color: #94a1c4; }

.chat-sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  right: -254px;
  width: 254px;
  background-color: #7384B2;
  -webkit-transition: right 0.3s ease-in-out;
  -o-transition: right 0.3s ease-in-out;
  transition: right 0.3s ease-in-out; }

/* body tag is given this class */
.chat-sidebar-container {
  position: relative; }
  .chat-sidebar-container, .chat-sidebar-container .sidebar {
    left: 0;
    -webkit-transition: left 0.3s ease-in-out;
    -o-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out; }
  .chat-sidebar-container.chat-sidebar-opened, .chat-sidebar-container.chat-sidebar-opened .sidebar {
    left: -254px; }
  .chat-sidebar-container.chat-sidebar-opened .chat-sidebar {
    right: 0; }

.chat-sidebar-header {
  position: absolute;
  top: 0;
  padding: 10px;
  z-index: 3;
  background-color: #7384B2; }

.chat-sidebar-content {
  color: #fff; }

.chat-sidebar-contacts {
  padding: 20px;
  left: -100%;
  -webkit-transition: left 0.4s ease-in-out;
  -o-transition: left 0.4s ease-in-out;
  transition: left 0.4s ease-in-out; }
  .chat-sidebar-contacts.open {
    left: 0; }
  .chat-sidebar-contacts .sidebar-nav-title {
    margin-left: 10px;
    margin-right: 10px; }
    .chat-sidebar-contacts .sidebar-nav-title:first-child {
      margin-top: 0; }
    .nav-collapsed .chat-sidebar-contacts .sidebar-nav-title {
      opacity: 1; }

.chat-sidebar-chat {
  right: -100%;
  padding-bottom: 54px;
  /*footer height*/
  background-color: #7384B2;
  -webkit-transition: right 0.2s ease-in-out;
  -o-transition: right 0.2s ease-in-out;
  transition: right 0.2s ease-in-out; }
  .chat-sidebar-chat.open {
    right: 0; }
  .chat-sidebar-chat .title {
    margin-bottom: 0; }
    .chat-sidebar-chat .title > a {
      display: block;
      padding: 10px 16px;
      background-color: rgba(255, 255, 255, 0.1);
      color: #eeeeee;
      text-decoration: none; }
  .chat-sidebar-chat .message-list {
    list-style: none;
    padding-left: 0;
    padding-top: 10px; }
  .chat-sidebar-chat .message {
    padding: 10px 20px; }
    .chat-sidebar-chat .message:before, .chat-sidebar-chat .message:after {
      content: " ";
      display: table; }
    .chat-sidebar-chat .message:after {
      clear: both; }
    .chat-sidebar-chat .message > .thumb-sm {
      float: left; }
    .chat-sidebar-chat .message.from-me > .thumb-sm {
      float: right; }

.chat-sidebar-chat .message-body {
  position: relative;
  margin-left: 50px;
  padding: 10px;
  font-size: 13px;
  font-weight: 400;
  background-color: #eeeeee;
  color: #555555;
  border-radius: 0; }
  .chat-sidebar-chat .message-body:before {
    right: 100%;
    top: 8px;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border: 10px solid rgba(0, 0, 0, 0);
    border-right-color: #eeeeee; }

.chat-sidebar-chat .message.from-me .message-body {
  margin-left: 0;
  margin-right: 50px;
  background-color: #f0b518;
  color: #343434; }
  .chat-sidebar-chat .message.from-me .message-body:before {
    right: auto;
    left: 100%;
    border-right-color: rgba(0, 0, 0, 0);
    border-left-color: #f0b518; }

.chat-sidebar-panel {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  padding-top: 100px; }

.chat-sidebar-title {
  margin-left: 10px;
  margin-right: 10px;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 400; }

.chat-sidebar-user-group {
  margin-top: 10px; }
  .chat-sidebar-user-group .list-group-item {
    background-color: transparent;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 0;
    padding: 10px 20px;
    border: 0;
    color: #eeeeee;
    border-radius: 0; }
    .chat-sidebar-user-group .list-group-item.active, .chat-sidebar-user-group .list-group-item.active:focus, .chat-sidebar-user-group .list-group-item.active:hover {
      background-color: rgba(255, 255, 255, 0.1);
      color: #f0b518; }
    .chat-sidebar-user-group .list-group-item.active .badge {
      background-color: #dd5826;
      color: #fff; }
    .chat-sidebar-user-group .list-group-item.active .message-sender {
      font-weight: 600; }
    .chat-sidebar-user-group .list-group-item .circle-o {
      margin-top: 13px;
      font-size: 8px; }
    .chat-sidebar-user-group .list-group-item .fa-circle {
      font-size: 11px;
      line-height: 37px; }
    .chat-sidebar-user-group .list-group-item .badge {
      margin-top: 9px;
      margin-right: 6px;
      padding: 3px 5px; }
  .chat-sidebar-user-group .thumb .status,
  .chat-sidebar-user-group .thumb-sm .status {
    border-color: #7384B2; }
  .chat-sidebar-user-group a.list-group-item:hover {
    color: #eeeeee;
    background-color: rgba(0, 0, 0, 0.15); }
  .chat-sidebar-user-group .message-preview {
    margin: 0;
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 85%;
    color: #999999; }
  .chat-sidebar-user-group .message-sender {
    margin: 0 0 5px; }

.chat-sidebar-footer {
  position: absolute;
  bottom: 0;
  right: -100%;
  width: 100%;
  margin-bottom: 0;
  padding: 10px;
  background-color: #3a3a3a;
  -webkit-transition: right 0.2s ease-in-out;
  -o-transition: right 0.2s ease-in-out;
  transition: right 0.2s ease-in-out; }
  .chat-sidebar-footer.open {
    right: 0; }

.chat-notification {
  position: absolute;
  right: 0;
  top: 35px;
  z-index: 20;
  margin-top: 3px;
  padding: 5px 0;
  cursor: pointer; }
  .chat-notification:before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 18px;
    width: 0;
    height: 0;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-bottom: 5px solid #343434; }

.chat-notification-inner {
  min-width: 120px;
  padding: 8px;
  font-size: 12px;
  border-radius: 0;
  text-decoration: none;
  background-color: #343434;
  color: #fff; }
  .chat-notification-inner .title {
    margin: 0;
    font-weight: 600;
    line-height: 28px; }
    .chat-notification-inner .title .thumb-xs {
      vertical-align: -9px;
      margin-right: 5px; }
  .chat-notification-inner .text {
    margin-top: 5px;
    margin-bottom: 0;
    color: #999999; }

.chat-notification-sing {
  position: absolute;
  top: 15px;
  left: 11px;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #dd5826; }

.page-title {
  margin: 0 0 20px; }

@media (min-width: 768px) {
  .notifications {
    width: 333px; } }

.notifications .list-group {
  height: 320px;
  overflow-y: scroll; }

.notifications .list-group-item {
  -webkit-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out; }
  .notifications .list-group-item:hover {
    background-color: #f5f5f5; }
    .notifications .list-group-item:hover .progress {
      background-color: #fff; }
  .notifications .list-group-item .progress {
    -webkit-transition: background-color 0.15s ease-in-out;
    -o-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out; }

.notifications .btn-notifications-reload {
  color: #666; }

/***********************/
/*       Widget        */
/***********************/
.widget {
  position: relative;
  margin-bottom: 30px;
  padding: 15px 20px;
  background: #fff;
  border-radius: 0; }
  .widget > header {
    margin: -15px -20px;
    padding: 15px 20px; }
    .widget > header h1, .widget > header h2, .widget > header h3, .widget > header h4, .widget > header h5, .widget > header h6 {
      margin: 0; }
    .widget > header + .widget-body,
    .widget > header + .widget-body.no-padding {
      margin-top: 15px; }
  .widget > .widget-body.no-padding {
    margin: -15px -20px; }
    .widget > .widget-body.no-padding + footer {
      margin-top: 15px; }
  .widget > footer {
    margin: 0 -20px -15px;
    padding: 15px 20px; }
  .widget:hover .widget-controls-hover {
    opacity: 1; }
  .widget .loader {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
    .widget .loader .spinner {
      position: absolute;
      top: 50%;
      width: 100%;
      margin-top: -10px;
      font-size: 20px;
      text-align: center; }
  .widget .widget-table-overflow {
    margin: 0 -20px -15px; }

.widget-controls {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  padding: 14px;
  font-size: 12px; }
  .widget-controls.left {
    left: 0;
    right: auto; }
  .widget-controls.widget-controls-hover {
    opacity: 0;
    -webkit-transition: opacity 0.15s;
    -o-transition: opacity 0.15s;
    transition: opacity 0.15s; }
  .widget-controls > a {
    padding: 1px 4px;
    border-radius: 4px;
    color: rgba(0, 0, 0, 0.4);
    -webkit-transition: color 0.15s ease-in-out;
    -o-transition: color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out; }
    .widget-controls > a:hover {
      color: rgba(0, 0, 0, 0.1); }
    .widget-controls > a > .fa {
      vertical-align: middle; }
    .widget-controls > a > .glyphicon {
      vertical-align: -1px; }
  .widget-controls > .btn-group {
    vertical-align: baseline; }
  .widget-controls .fa-refresh {
    position: relative;
    top: -1px; }

.widget-icon {
  opacity: .5;
  font-size: 42px; }

.widget-image {
  position: relative;
  overflow: hidden;
  margin: -15px -20px;
  border-radius: 0; }
  .widget-image > img {
    max-width: 100%;
    border-radius: 0 0 0 0;
    -webkit-transition: -webkit-transform 0.15s ease;
    -moz-transition: -moz-transform 0.15s ease;
    -o-transition: -o-transform 0.15s ease;
    transition: transform 0.15s ease; }
  .widget-image:hover > img {
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1); }
  .widget-image .title {
    position: absolute;
    top: 0;
    left: 0;
    margin: 20px; }
  .widget-image .info {
    position: absolute;
    top: 0;
    right: 0;
    margin: 20px; }

.widget-footer-bottom {
  position: absolute;
  bottom: 0;
  width: 100%; }

.widget-sm {
  height: 230px; }

.widget-md {
  height: 373px; }

.windget-padding-md {
  padding: 15px 20px; }

.windget-padding-lg {
  padding: 30px 40px; }

.widget-body-container {
  position: relative;
  height: 100%; }

.widget-top-overflow,
.widget-middle-overflow {
  position: relative;
  margin: 0 -20px; }
  .widget-top-overflow > img,
  .widget-middle-overflow > img {
    max-width: 100%; }

.widget-top-overflow {
  margin-top: -15px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  overflow: hidden; }
  .widget-top-overflow > img {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .widget-top-overflow > .btn-toolbar {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    margin-right: 20px; }
    @media (min-width: 768px) {
      .widget-top-overflow > .btn-toolbar {
        top: auto;
        bottom: 0; } }

/***********************************/
/**         Widgets Grid          **/
/***********************************/
.widget-container {
  min-height: 30px; }
  .widget-container .widget:not(.fullscreened) > header {
    cursor: move; }

.widget-placeholder {
  background: rgba(255, 255, 255, 0.4);
  border: 1px dashed #999999;
  margin: -1px -1px 29px -1px; }

/***********************/
/*        Forms        */
/***********************/
.form-actions {
  margin: 20px 0 0;
  padding: 20px;
  background-color: #f5f5f5; }
  .form-horizontal .form-actions .row {
    margin-left: -35px;
    margin-right: -35px; }

input[type=search], input.search {
  background-color: #fff;
  background: url(../assets/images/search.png) 5px 60% no-repeat #fff; }
  input[type=search], .input-group-lg > input[type=search], .input-group-sm > input[type=search], input.search, .input-group-lg > input.search, .input-group-sm > input.search {
    padding-left: 26px; }

/***********************/
/*       Buttons       */
/***********************/
.btn-inverse {
  color: #fff;
  background-color: #555555;
  border-color: #3c3c3c; }
  .btn-inverse:hover, .btn-inverse:focus, .btn-inverse.focus, .btn-inverse:active, .btn-inverse.active,
  .open > .btn-inverse.dropdown-toggle {
    color: #fff;
    background-color: #3c3c3c;
    border-color: #1d1d1d; }
  .btn-inverse:active, .btn-inverse.active,
  .open > .btn-inverse.dropdown-toggle {
    background-image: none; }
  .btn-inverse.disabled, .btn-inverse.disabled:hover, .btn-inverse.disabled:focus, .btn-inverse.disabled.focus, .btn-inverse.disabled:active, .btn-inverse.disabled.active, .btn-inverse[disabled], .btn-inverse[disabled]:hover, .btn-inverse[disabled]:focus, .btn-inverse[disabled].focus, .btn-inverse[disabled]:active, .btn-inverse[disabled].active,
  fieldset[disabled] .btn-inverse,
  fieldset[disabled] .btn-inverse:hover,
  fieldset[disabled] .btn-inverse:focus,
  fieldset[disabled] .btn-inverse.focus,
  fieldset[disabled] .btn-inverse:active,
  fieldset[disabled] .btn-inverse.active {
    background-color: #555555;
    border-color: #3c3c3c; }
  .btn-inverse .badge {
    color: #555555;
    background-color: #fff; }

/***********************/
/*     Content Map     */
/***********************/
.content-map {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }
  .content-map + .page-title {
    position: relative;
    z-index: 2; }

.content-map-controls {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  margin-top: 90px;
  margin-right: 40px; }

/***********************/
/*    Datetimepicker   */
/***********************/
#datetimepicker2 > a {
  background: #5cb85c; }
  #datetimepicker2 > a:hover {
    border-color: #ccc; }
  #datetimepicker2 > a span {
    color: white; }

/***********************/
/*                     */
/*   Custom Widgets    */
/*                     */
/***********************/
/***********************/
/*     Chart Simle    */
/***********************/
.widget-chart-simple .widget-body {
  padding-top: 10px; }

.widget-chart-simple .chart-value {
  font-size: 24px; }

.widget-chart-simple .chart {
  margin-top: 20px; }

.jqstooltip {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

/***********************/
/*    Chart Changes    */
/***********************/
.widget-chart-changes .chart {
  margin: -15px -20px 0;
  padding: 15px 0 0; }

.widget-chart-changes .chart-title {
  margin: 20px 0 0; }

.widget-chart-changes .chart-value, .widget-chart-changes .chart-value-change {
  padding: 0 20px; }

.widget-chart-changes .chart-value {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 21px;
  line-height: 1;
  color: #fff; }

.widget-chart-changes .chart-value-change {
  color: rgba(255, 255, 255, 0.7);
  font-size: 85%; }

/***********************/
/*  Chart Stats Simple */
/***********************/
.widget-chart-stats-simple > header h1, .widget-chart-stats-simple > header h2, .widget-chart-stats-simple > header h3, .widget-chart-stats-simple > header h4, .widget-chart-stats-simple > header h5, .widget-chart-stats-simple > header h6 {
  margin-bottom: 5px; }

.widget-chart-stats-simple .chart {
  height: 200px;
  margin: 10px -20px -15px; }
  .widget-chart-stats-simple .chart > .chart-inner {
    height: 100%; }

/***********************/
/*      Big Chart      */
/***********************/
.widget-big-chart .chart {
  height: 200px; }

/***********************/
/*  Part:Chart Stats   */
/***********************/
.chart-stats {
  border-top: 1px solid #eeeeee; }

/***********************/
/* Part:Progress Stats */
/***********************/
.progress-stats .name {
  margin-bottom: 2px; }

.progress-stats .description {
  margin-bottom: 2px; }

.progress-stats .status {
  margin-top: 15px; }

@media (max-width: 1199px) {
  .progress-stats .description + .progress {
    margin-bottom: 0; } }

/***********************/
/*    Part:Stats Row   */
/***********************/
.stats-row {
  margin-bottom: 15px; }

.stat-item {
  display: inline-block;
  padding-right: 15px; }
  .stat-item + .stat-item {
    padding-left: 15px;
    border-left: 1px solid #eeeeee; }
  .stat-item .name {
    margin-bottom: 2px; }
  .stat-item .value {
    font-weight: bold; }
  .stat-item.stat-item-mini-chart {
    position: relative;
    top: -12px;
    padding-left: 0;
    border-left: none; }

/***********************/
/*  Part:Map Controls  */
/***********************/
.map-controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px solid #bbb;
  background-color: #ddd;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }
  .map-controls > li > a {
    padding-left: 0;
    padding-right: 0;
    border-radius: 0;
    color: #555555; }
    .map-controls > li > a:hover {
      background-color: #eeeeee;
      color: #555555; }
  .map-controls > li.active > a, .map-controls > li.active > a:hover {
    background-color: #fff;
    color: #555555;
    font-weight: 700; }
  .map-controls > li:first-child > a {
    border-bottom-left-radius: 0; }
  .map-controls > li:last-child > a {
    border-bottom-right-radius: 0; }

/***********************************/
/**          NEWS LIST           **/
/**********************************/
.news-list {
  margin-bottom: 0;
  padding-left: 0; }
  .news-list li {
    list-style: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border-top: 1px solid #eeeeee;
    padding: 12px;
    cursor: pointer;
    -webkit-transition: background-color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out; }
    .news-list li:hover {
      background: #f7f8fa; }
    .news-list li:last-child {
      margin-bottom: -10px; }
  .news-list img,
  .news-list .icon {
    float: left;
    height: 50px;
    width: 50px; }
  .news-list .icon {
    line-height: 50px;
    border-radius: 50%;
    text-align: center;
    font-size: 28px; }
  .news-list .news-item-info {
    margin-left: 62px;
    /*50 + 12px padding*/ }
  .news-list .name {
    text-transform: uppercase; }
    .news-list .name a {
      text-decoration: none; }
      .news-list .name a:hover {
        color: #218BC3; }

/***********************************/
/**      LIST GROUP SORTABLE      **/
/***********************************/
.list-group-sortable > .list-group-item {
  margin-bottom: 0;
  border-radius: 0; }
  .list-group-sortable > .list-group-item + .list-group-item {
    margin-top: 10px; }

.list-group-sortable > .list-group-item-placeholder {
  border: 1px dashed #999999;
  background-color: #ddd; }

.list-group-sortable:last-of-type > .list-group-item:last-child {
  border-bottom: 1px solid #ddd; }

/***********************************/
/**           ICON LIST           **/
/***********************************/
.icon-list {
  margin-top: 20px; }

.icon-list-item {
  height: 32px;
  font-size: 14px;
  line-height: 32px; }
  .icon-list-item > a {
    color: #555555;
    text-decoration: none; }
  .icon-list-item .glyphicon,
  .icon-list-item .fa {
    width: 32px;
    margin-right: 10px; }
  .icon-list-item:hover .glyphicon,
  .icon-list-item:hover .fa {
    font-size: 28px; }
  .icon-list-item:hover .fa {
    vertical-align: -5px; }
  .icon-list-item:hover .glyphicon {
    vertical-align: -6px; }

/***********************************/
/**            INVOICE            **/
/***********************************/
.widget-invoice {
  padding: 40px; }
  .widget-invoice > header .invoice-logo {
    max-height: 50px; }
  .widget-invoice > header + .widget-body {
    margin-top: 70px; }

/***********************************/
/**             LOGIN             **/
/***********************************/
.login-page {
  background-color: #ddd; }

.login-page .page-footer {
  margin-bottom: 30px;
  font-size: 13px;
  color: #999999;
  text-align: center; }
  @media (min-height: 600px) {
    .login-page .page-footer {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0; } }

.widget-login-container {
  padding-top: 10%; }

.widget-login-logo {
  margin-bottom: 15px;
  text-align: center;
  font-weight: 400; }
  .widget-login-logo .fa-circle {
    font-size: 13px;
    margin: 0 20px; }

.widget-login {
  padding: 30px; }
  .widget-login > header h1, .widget-login > header h2, .widget-login > header h3, .widget-login > header h4, .widget-login > header h5, .widget-login > header h6 {
    font-weight: 400; }

.widget-login-info {
  font-size: 13px;
  color: #888;
  margin-top: 1px;
  margin-bottom: 0; }

.login-form .form-control {
  font-size: 13px;
  border: none;
  background-color: #eeeeee; }
  .login-form .form-control:focus {
    background-color: #ddd; }

/***********************************/
/**        Full Calendar          **/
/***********************************/
.full-calendar {
  margin-top: 10px; }

.calendar-controls .btn {
  font-size: 13px; }

.calendar-external-events {
  margin-top: 20px; }
  .calendar-external-events .external-event {
    margin: 10px 0;
    padding: 6px;
    font-size: 13px;
    cursor: pointer;
    border-radius: 0;
    background-color: #fff;
    border: 1px solid #bbb; }

@media (min-width: 1200px) {
  .widget-calendar {
    margin-top: -100px; } }

/***********************************/
/**          Post Links           **/
/***********************************/
.post-links {
  margin-bottom: 0;
  font-size: 12px;
  padding-left: 0; }
  .post-links:before, .post-links:after {
    content: " ";
    display: table; }
  .post-links:after {
    clear: both; }
  .post-links > li {
    float: left;
    list-style: none; }
    .post-links > li + li:before {
      color: #999;
      content: "\25cf";
      padding: 0 8px; }
    .post-links > li > a {
      text-decoration: none;
      color: #999999; }
      .post-links > li > a:hover {
        color: #999999; }
  .post-links.no-separator > li + li {
    margin-left: 12px; }
    .post-links.no-separator > li + li:before {
      content: normal; }

/***********************************/
/**          Post Comments           **/
/***********************************/
.post-comments {
  font-size: 12px;
  padding-left: 0; }
  .post-comments:before, .post-comments:after {
    content: " ";
    display: table; }
  .post-comments:after {
    clear: both; }
  .post-links + .post-comments {
    margin-top: 10px; }
  .post-comments > li {
    padding: 10px;
    border-top: 1px solid #e7e7e7;
    list-style: none; }
    .post-comments > li:before, .post-comments > li:after {
      content: " ";
      display: table; }
    .post-comments > li:after {
      clear: both; }
    .post-comments > li:last-child {
      padding-bottom: 0; }
  .post-comments p:last-child {
    margin-bottom: 0; }
  .post-comments .avatar {
    margin-top: 1px; }
  .post-comments .author {
    margin-top: 0;
    margin-bottom: 2px;
    color: #7ca9dd; }
  .post-comments .comment-body {
    overflow: auto; }
  .post-comments h6.author > small {
    font-size: 11px; }
  .widget > footer .post-comments {
    margin-left: -20px;
    margin-right: -20px; }

/***********************************/
/**           Post User           **/
/***********************************/
.post-user {
  position: relative; }
  .post-user:before, .post-user:after {
    content: " ";
    display: table; }
  .post-user:after {
    clear: both; }
  .post-user img {
    border: 3px solid white; }

/***********************************/
/**            Gallery            **/
/***********************************/
.gallery .thumbnail a {
  display: inline-block;
  overflow: hidden;
  max-width: 100%; }
  .gallery .thumbnail a > img {
    -webkit-transition: -webkit-transform 0.15s ease;
    -moz-transition: -moz-transform 0.15s ease;
    -o-transition: -o-transform 0.15s ease;
    transition: transform 0.15s ease; }

.gallery .thumbnail:hover a > img {
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1); }

.gallery .post-links > li > a {
  display: inline; }

.gallery > div {
  max-width: 100%; }

/***********************************/
/**         Search Result         **/
/***********************************/
.search-result-categories > li > a {
  color: #b6b6b6;
  font-weight: 400; }
  .search-result-categories > li > a:hover {
    background-color: #ddd;
    color: #555555; }
  .search-result-categories > li > a > .glyphicon {
    margin-right: 5px; }
  .search-result-categories > li > a > .badge {
    float: right; }

.search-results-count {
  margin-top: 10px; }

.search-result-item {
  padding: 20px;
  background-color: #fff;
  border-radius: 0; }
  .search-result-item:before, .search-result-item:after {
    content: " ";
    display: table; }
  .search-result-item:after {
    clear: both; }
  .search-result-item .image-link {
    display: block;
    overflow: hidden;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
    @media (min-width: 768px) {
      .search-result-item .image-link {
        display: inline-block;
        margin: -20px 0 -20px -20px;
        float: left;
        width: 200px; } }
    @media (max-width: 767px) {
      .search-result-item .image-link {
        max-height: 200px; } }
  .search-result-item .image {
    max-width: 100%; }
  .search-result-item .info {
    margin-top: 2px;
    font-size: 12px;
    color: #999999; }
  .search-result-item .description {
    font-size: 13px; }
  .search-result-item + .search-result-item {
    margin-top: 20px; }

@media (min-width: 768px) {
  .search-result-item-body {
    margin-left: 200px; } }

.search-result-item-heading {
  font-weight: 400; }
  .search-result-item-heading > a {
    color: #555555; }
  @media (min-width: 768px) {
    .search-result-item-heading {
      margin: 0; } }

/***********************************/
/**           Profile             **/
/***********************************/
.post-user-profile {
  margin-top: -75px; }
  .post-user-profile .contacts {
    display: block;
    margin-top: 25px;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 0;
    text-align: center; }
    .post-user-profile .contacts > li {
      display: inline-block;
      line-height: 2.2;
      list-style: none;
      text-align: left;
      margin: 0 10px; }
      @media (min-width: 992px) {
        .post-user-profile .contacts > li {
          width: 150px;
          white-space: nowrap; } }
      .post-user-profile .contacts > li > a {
        color: #a2a2a2;
        text-decoration: none; }
        .post-user-profile .contacts > li > a:hover, .post-user-profile .contacts > li > a:focus {
          color: #555555; }
    .post-user-profile .contacts .fa {
      font-size: 18px;
      vertical-align: middle; }

.stats-row-profile .stat-item {
  border-left: 0;
  padding-left: 15px;
  text-align: center; }
  @media (min-width: 992px) {
    .stats-row-profile .stat-item {
      padding-right: 0; } }
  .stats-row-profile .stat-item .value {
    font-size: 28px;
    font-weight: 300; }

.activities {
  margin-top: -20px; }
  .activities h2 {
    margin-left: 20px; }

.activities .event {
  margin-top: 20px;
  width: 100%; }

/***********************************/
/**           Time Line           **/
/***********************************/
.timeline {
  position: relative;
  min-height: 100%;
  list-style: none;
  padding-left: 0;
  margin-bottom: -40px;
  /* content padding bottom */
  padding-bottom: 80px;
  /* the time line :) */ }
  .timeline > li:before, .timeline > li:after {
    content: " ";
    display: table; }
  .timeline > li:after {
    clear: both; }
  .timeline > li + li {
    margin-top: 30px; }
  .timeline:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 24%;
    width: 8px;
    content: " ";
    margin-left: -4px;
    background-color: #fff; }
    @media (min-width: 992px) {
      .timeline:before {
        left: 50%;
        margin-left: -4px; } }

.event {
  background: #fff;
  border-radius: 0;
  padding: 20px 20px 0;
  position: relative; }
  .timeline .event {
    float: right;
    width: 68%; }
    .timeline .event:before {
      right: 100%;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      border: 10px solid rgba(0, 0, 0, 0);
      border-right-color: #fff;
      top: 15px; }
  .event .post-comments {
    margin-left: -20px;
    margin-right: -20px; }
  .event > footer {
    margin: 20px -20px 0;
    padding: 10px 20px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #f3f3f3; }
    .event > footer:before, .event > footer:after {
      content: " ";
      display: table; }
    .event > footer:after {
      clear: both; }
    .event > footer .thumb {
      margin-left: 10px; }
  @media (min-width: 992px) {
    .timeline .event {
      width: 45%; }
    .timeline > li.on-left .event {
      float: left; }
      .timeline > li.on-left .event:before {
        right: auto;
        left: 100%;
        border-right-color: rgba(0, 0, 0, 0);
        border-left-color: #fff; } }

.timeline .event-time {
  float: left;
  width: 18%;
  margin-top: 5px;
  text-align: right; }
  .timeline .event-time > .date {
    display: block;
    font-size: 15px; }
  .timeline .event-time > .time {
    display: block;
    font-size: 18px;
    font-weight: 400; }

@media (min-width: 992px) {
  .timeline .event-time {
    width: 46%; }
  .timeline > li.on-left .event-time {
    float: right;
    text-align: left; } }

.timeline .event-icon {
  position: absolute;
  left: 24%;
  width: 50px;
  height: 50px;
  line-height: 37px;
  margin-left: -25px;
  background-color: #fff;
  border: 7px solid #fff;
  border-radius: 50%;
  text-align: center; }
  .timeline .event-icon.event-icon-danger {
    background-color: #dd5826;
    border-color: #e27045; }
  .timeline .event-icon.event-icon-warning {
    background-color: #f0b518;
    border-color: #f2c03a; }
  .timeline .event-icon.event-icon-success {
    background-color: #64bd63;
    border-color: #7dc87c; }
  .timeline .event-icon.event-icon-info {
    background-color: #5dc4bf;
    border-color: #77cec9; }
  .timeline .event-icon.event-icon-primary {
    background-color: #7384B2;
    border-color: #8a98bf; }
  .timeline .event-icon.event-icon-danger, .timeline .event-icon.event-icon-warning, .timeline .event-icon.event-icon-success, .timeline .event-icon.event-icon-info, .timeline .event-icon.event-icon-primary {
    color: #fff; }
  @media (min-width: 992px) {
    .timeline .event-icon {
      left: 50%; } }
  .timeline .event-icon > img {
    width: 36px;
    height: 36px;
    margin-top: -4px; }

.event-heading {
  margin: 0 0 2px;
  font-weight: 600; }
  .event-heading > a {
    text-decoration: none;
    color: #7ca9dd; }
  .event-heading > small {
    font-weight: 600; }
    .event-heading > small > a {
      text-decoration: none;
      color: #999999; }

.event-map {
  height: 200px;
  margin: 0 -20px -20px;
  overflow: visible !important; }

.event-image {
  margin: 0 -20px -20px;
  max-height: 260px;
  overflow: hidden; }
  .event-image > img {
    max-width: 100%; }

/***********************************/
/**          ERROR PAGE           **/
/***********************************/
.error-page {
  background-color: #ddd; }

.error-container {
  padding-top: 5%;
  text-align: center; }
  .error-container > .btn {
    padding-left: 35px;
    padding-right: 35px; }

.error-code {
  font-size: 80px;
  font-weight: 400;
  color: #343434; }
  @media (min-width: 768px) {
    .error-code {
      font-size: 180px; } }

.error-info {
  font-size: 20px;
  color: #343434; }

.error-help {
  font-size: 14px; }

.error-page .page-footer {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  width: 100%;
  font-size: 13px;
  color: #999999;
  text-align: center; }

/***********************************/
/**             EMAIL             **/
/***********************************/
.nav-email-folders > li > a {
  color: #838383;
  font-weight: 400; }
  .nav-email-folders > li > a:hover, .nav-email-folders > li > a:focus {
    background-color: #e5e5e5;
    color: #555555; }
  .nav-email-folders > li > a > .glyphicon {
    margin-right: 5px; }
  .nav-email-folders > li > a > .fa-circle {
    margin-top: 3px; }
  .nav-email-folders > li > a > .badge {
    background-color: #dd5826; }

.nav-email-folders > li.active > a, .nav-email-folders > li.active > a:hover, .nav-email-folders > li.active > a:focus {
  background-color: #ddd;
  color: #555555;
  font-weight: 600; }
  .nav-email-folders > li.active > a > .badge, .nav-email-folders > li.active > a:hover > .badge, .nav-email-folders > li.active > a:focus > .badge {
    color: #555555; }

.widget-email-count {
  display: inline-block;
  margin: 0;
  font-size: 13px;
  color: #999999;
  line-height: 29px; }
  .widget-email-count + .widget-email-pagination {
    margin-left: 10px;
    border-left: 1px solid #ddd;
    padding-left: 15px;
    border-radius: 0;
    vertical-align: -9px; }

.widget-email-pagination {
  margin: 0; }

.table-emails {
  margin-bottom: 0; }
  .table-emails .name,
  .table-emails .subject,
  .table-emails .date {
    cursor: pointer; }
  .table-emails .date {
    text-align: right;
    min-width: 65px; }
  .table-emails .unread {
    font-weight: 600;
    color: #555555; }
  .table-emails .starred {
    color: #999999;
    cursor: pointer;
    -webkit-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s; }
    .table-emails .starred:hover {
      color: #555555; }
    .table-emails .starred .fa-star {
      color: #f0b518; }

.email-view hr {
  margin: 5px 0; }

.email-view .email-body {
  margin-top: 20px; }

.email-details img {
  width: 30px;
  height: 30px;
  float: left; }

.email-details-content:before, .email-details-content:after {
  content: " ";
  display: table; }

.email-details-content:after {
  clear: both; }

.email-details-content .email {
  color: #999999;
  font-size: 13px; }

.email-details-content .receiver {
  display: block;
  color: #999999;
  margin-top: -6px; }

.email-details-content .email-date {
  margin-right: 10px;
  line-height: 24px;
  vertical-align: middle; }

.email-attachments .attachment img {
  display: block; }

.email-attachments .attachment .title {
  margin: 0;
  font-weight: bold; }

/***********************************/
/**           Weather             **/
/***********************************/
.widget-image .forecast {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center; }

/***********************************/
/**             Tags              **/
/***********************************/
.tags {
  padding-left: 0;
  list-style: none; }
  .tags:before, .tags:after {
    content: " ";
    display: table; }
  .tags:after {
    clear: both; }
  .tags > li {
    float: left; }
    .tags > li > a {
      padding: 2px 8px;
      font-size: 13px;
      border-radius: 6px;
      border: 1px solid white;
      color: inherit;
      text-decoration: none; }
      .tags > li > a:hover {
        background-color: rgba(0, 0, 0, 0.1); }
      .tags > li > a .fa {
        font-size: 8px;
        vertical-align: 2px;
        margin-right: 3px;
        opacity: .8; }
    .tags > li + li > a {
      margin-left: 6px; }
  .widget-top-overflow > img + .tags {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 20px; }

/***********************************/
/**       Chat List Group         **/
/***********************************/
.widget-chat-list-group {
  padding-top: 10px; }
  .widget-chat-list-group .list-group-item {
    margin-left: 20px;
    margin-right: 20px;
    padding: 0;
    border: 0; }
    .widget-chat-list-group .list-group-item + .list-group-item {
      margin-top: 30px; }
    .widget-chat-list-group .list-group-item .thumb,
    .widget-chat-list-group .list-group-item .thumb-sm {
      float: left;
      margin-right: 15px; }
    .widget-chat-list-group .list-group-item .time {
      float: right;
      font-size: 12px;
      color: #218BC3; }
    .widget-chat-list-group .list-group-item .sender {
      margin-top: 5px;
      margin-bottom: 5px;
      font-size: 13px;
      font-weight: 400; }
    .widget-chat-list-group .list-group-item .body {
      font-size: 13px;
      color: #999999; }
    .widget-chat-list-group .list-group-item.on-right .thumb,
    .widget-chat-list-group .list-group-item.on-right .thumb-sm {
      float: right;
      margin-left: 15px;
      margin-right: 0; }
    .widget-chat-list-group .list-group-item.on-right .time {
      float: left; }
    .widget-chat-list-group .list-group-item.on-right .sender {
      text-align: right; }

/***********************************/
/**          Components           **/
/***********************************/
.alert-dismissible .close {
  right: 0px; }

/***********************************/
/**            UTILS              **/
/***********************************/
.transition-height {
  -webkit-transition: height 0.15s ease-in-out;
  -o-transition: height 0.15s ease-in-out;
  transition: height 0.15s ease-in-out; }

/**
 * .circle & .rounded are pretty cool way to add a bit of beauty to raw data.
 * should be used with bg-* and text-* classes for colors.
 */
.circle, .rounded, .circle-o {
  display: inline-block;
  width: 1.42857em;
  height: 1.42857em;
  line-height: 1.42857em;
  text-align: center; }

.circle, .circle-o {
  border-radius: 50%; }

.rounded {
  border-radius: 5px; }

.circle-lg, .rounded-lg {
  width: 2.2em;
  height: 2.2em;
  line-height: 2.2em; }

.circle-o {
  border: 0.28571em solid transparent; }
  .circle-o.circle-o-danger {
    border-color: #dd5826; }
  .circle-o.circle-o-warning {
    border-color: #f0b518; }
  .circle-o.circle-o-success {
    border-color: #64bd63; }
  .circle-o.circle-o-info {
    border-color: #5dc4bf; }
  .circle-o.circle-o-primary {
    border-color: #7384B2; }
  .circle-o.circle-o-black {
    border-color: #000; }
  .circle-o.circle-o-gray-darker {
    border-color: #222222; }
  .circle-o.circle-o-gray-dark {
    border-color: #343434; }
  .circle-o.circle-o-gray {
    border-color: #555555; }
  .circle-o.circle-o-gray-light {
    border-color: #999999; }
  .circle-o.circle-o-gray-lighter {
    border-color: #eeeeee; }
  .circle-o.circle-o-white {
    border-color: #fff; }

.thumb-xlg {
  width: 100px; }
  .thumb-xlg > .glyphicon,
  .thumb-xlg > .fa {
    line-height: 100px; }

.thumb-lg {
  width: 60px; }
  .thumb-lg > .glyphicon,
  .thumb-lg > .fa {
    line-height: 60px; }

.thumb {
  width: 48px; }
  .thumb > .glyphicon,
  .thumb > .fa {
    line-height: 48px; }

.thumb-sm {
  width: 34px; }
  .thumb-sm > .glyphicon,
  .thumb-sm > .fa {
    line-height: 34px; }

.thumb-xs {
  width: 28px; }
  .thumb-xs > .glyphicon,
  .thumb-xs > .fa {
    line-height: 28px; }

.thumb-xs,
.thumb-sm,
.thumb-lg,
.thumb-xlg,
.thumb {
  position: relative;
  display: inline-block;
  text-align: center; }
  .thumb-xs img,
  .thumb-sm img,
  .thumb-lg img,
  .thumb-xlg img,
  .thumb img {
    height: auto;
    max-width: 100%;
    vertical-align: middle; }
  .thumb-xs .status,
  .thumb-sm .status,
  .thumb-lg .status,
  .thumb-xlg .status,
  .thumb .status {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 0.7em;
    height: 0.7em;
    border: 0.15em solid #fff;
    border-radius: 50%; }
    .thumb-xs .status.status-bottom,
    .thumb-sm .status.status-bottom,
    .thumb-lg .status.status-bottom,
    .thumb-xlg .status.status-bottom,
    .thumb .status.status-bottom {
      top: auto;
      left: auto;
      bottom: 0;
      right: 0; }

.text-ellipsis {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.input-dark {
  background-color: rgba(0, 0, 0, 0.4);
  border: 0;
  color: #555555; }
  .input-dark:focus {
    background-color: #eeeeee; }

.input-group-dark .input-group-addon,
.input-group-dark .form-control {
  background-color: rgba(0, 0, 0, 0.4);
  border: 0;
  color: #555555;
  -webkit-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out; }

.input-group-dark .form-control:focus,
.input-group-dark .form-control:focus + .input-group-addon,
.input-group-dark.focus .input-group-addon {
  background-color: #eeeeee; }

.input-group-transparent .form-control:first-child, .input-group-no-border .form-control:first-child,
.input-group-transparent .input-group-addon:first-child,
.input-group-no-border .input-group-addon:first-child,
.input-group-transparent .input-group-btn:first-child > .btn,
.input-group-no-border .input-group-btn:first-child > .btn,
.input-group-transparent .input-group-btn:first-child > .btn-group > .btn,
.input-group-no-border .input-group-btn:first-child > .btn-group > .btn,
.input-group-transparent .input-group-btn:first-child > .dropdown-toggle,
.input-group-no-border .input-group-btn:first-child > .dropdown-toggle,
.input-group-transparent .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-no-border .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-transparent .input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
.input-group-no-border .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none; }

.input-group-transparent .form-control:last-child, .input-group-no-border .form-control:last-child,
.input-group-transparent .input-group-addon:last-child,
.input-group-no-border .input-group-addon:last-child,
.input-group-transparent .input-group-btn:last-child > .btn,
.input-group-no-border .input-group-btn:last-child > .btn,
.input-group-transparent .input-group-btn:last-child > .btn-group > .btn,
.input-group-no-border .input-group-btn:last-child > .btn-group > .btn,
.input-group-transparent .input-group-btn:last-child > .dropdown-toggle,
.input-group-no-border .input-group-btn:last-child > .dropdown-toggle,
.input-group-transparent .input-group-btn:first-child > .btn:not(:first-child),
.input-group-no-border .input-group-btn:first-child > .btn:not(:first-child),
.input-group-transparent .input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
.input-group-no-border .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
  padding-left: 0; }

.input-group-transparent .input-group-addon, .input-group-no-border .input-group-addon {
  background-color: #fff;
  -webkit-transition: border-color ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s; }

.input-group-transparent .form-control:focus + .input-group-addon, .input-group-no-border .form-control:focus + .input-group-addon,
.input-group-transparent.focus .input-group-addon,
.focus.input-group-no-border .input-group-addon {
  border-color: #4D90FE; }

.input-no-border, .input-group-no-border .form-control,
.input-group-no-border .input-group-addon {
  border: none;
  -webkit-transition: background-color ease-in-out 0.15s;
  -o-transition: background-color ease-in-out 0.15s;
  transition: background-color ease-in-out 0.15s; }
  .input-no-border:focus, .input-group-no-border .form-control:focus,
  .input-group-no-border .input-group-addon:focus {
    background-color: #f1f1f1; }

.input-group-no-border .form-control:focus,
.input-group-no-border .form-control:focus + .input-group-addon,
.input-group-no-border.focus .input-group-addon {
  background-color: #f1f1f1; }

.input-group-rounded .form-control:first-child,
.input-group-rounded .input-group-addon:first-child,
.input-group-rounded .input-group-btn:first-child > .btn,
.input-group-rounded .input-group-btn:first-child > .btn-group > .btn,
.input-group-rounded .input-group-btn:first-child > .dropdown-toggle,
.input-group-rounded .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-rounded .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.input-group-rounded .form-control:last-child,
.input-group-rounded .input-group-addon:last-child,
.input-group-rounded .input-group-btn:last-child > .btn,
.input-group-rounded .input-group-btn:last-child > .btn-group > .btn,
.input-group-rounded .input-group-btn:last-child > .dropdown-toggle,
.input-group-rounded .input-group-btn:first-child > .btn:not(:first-child),
.input-group-rounded .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.chart-overflow-bottom {
  margin: 0 -20px -15px; }

.globe {
  font-size: 64px; }
  .globe > i {
    position: relative; }
    .globe > i > i {
      position: absolute;
      left: 0; }

.thin-scroll::-webkit-scrollbar {
  height: 8px;
  width: 8px; }

.thin-scroll::-webkit-scrollbar:hover {
  background-color: #e9e9e9;
  border: none; }

.thin-scroll::-webkit-scrollbar-thumb {
  border: none;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1); }

.thin-scroll::-webkit-scrollbar-thumb:hover {
  background-color: #999999; }

@-webkit-keyframes bg-attention {
  0% {
    background-color: #fdf7e6; }
  5% {
    background-color: #fae8b6; }
  0% {
    background-color: rgba(0, 0, 0, 0); } }

@keyframes bg-attention {
  0% {
    background-color: #fdf7e6; }
  5% {
    background-color: #fae8b6; }
  0% {
    background-color: rgba(0, 0, 0, 0); } }

.bg-attention {
  -webkit-animation: bg-attention 10s;
  -o-animation: bg-attention 10s;
  animation: bg-attention 10s; }

/* .h* + .fw-bold */
.value0 {
  margin: 0;
  font-size: 54px;
  font-weight: 600; }

.value1 {
  margin: 0;
  font-size: 36px;
  font-weight: 600; }

.value2 {
  margin: 0;
  font-size: 30px;
  font-weight: 600; }

.value3 {
  margin: 0;
  font-size: 24px;
  font-weight: 600; }

.value4 {
  margin: 0;
  font-size: 18px;
  font-weight: 600; }

.value5 {
  margin: 0;
  font-size: 14px;
  font-weight: 600; }

.value6 {
  margin: 0;
  font-size: 12px;
  font-weight: 600; }

.help {
  font-size: 85%;
  color: #999999; }

.text-align-center {
  text-align: center; }

.text-align-right {
  text-align: right; }

.no-margin {
  margin: 0; }

.mt-xlg {
  margin-top: 40px; }

.mt-n-xlg {
  margin-top: -40px; }

.mt-lg {
  margin-top: 30px; }

.mt-n-lg {
  margin-top: -30px; }

.mt {
  margin-top: 20px; }

.mt-n {
  margin-top: 20px; }

.mt-md {
  margin-top: 20px; }

.mt-n-md {
  margin-top: -20px; }

.mt-sm {
  margin-top: 10px; }

.mt-n-sm {
  margin-top: -10px; }

.mt-xs {
  margin-top: 5px; }

.mt-n-xs {
  margin-top: -5px; }

.mt-0 {
  margin-top: 0; }

.mt-n-0 {
  margin-top: 0; }

.mb-xlg {
  margin-bottom: 40px; }

.mb-n-xlg {
  margin-bottom: -40px; }

.mb-lg {
  margin-bottom: 30px; }

.mb-n-lg {
  margin-bottom: -30px; }

.mb {
  margin-bottom: 20px; }

.mb-n {
  margin-bottom: 20px; }

.mb-md {
  margin-bottom: 20px; }

.mb-n-md {
  margin-bottom: -20px; }

.mb-sm {
  margin-bottom: 10px; }

.mb-n-sm {
  margin-bottom: -10px; }

.mb-xs {
  margin-bottom: 5px; }

.mb-n-xs {
  margin-bottom: -5px; }

.mb-0 {
  margin-bottom: 0; }

.mb-n-0 {
  margin-bottom: 0; }

.ml-lg {
  margin-left: 20px; }

.ml-n-lg {
  margin-left: -20px; }

.ml {
  margin-left: 15px; }

.ml-n {
  margin-left: 15px; }

.ml-md {
  margin-left: 15px; }

.ml-n-md {
  margin-left: -15px; }

.ml-sm {
  margin-left: 10px; }

.ml-n-sm {
  margin-left: -10px; }

.ml-xs {
  margin-left: 5px; }

.ml-n-xs {
  margin-left: -5px; }

.ml-0 {
  margin-left: 0; }

.ml-n-0 {
  margin-left: 0; }

.mr-lg {
  margin-right: 20px; }

.mr-n-lg {
  margin-right: -20px; }

.mr {
  margin-right: 15px; }

.mr-n {
  margin-right: 15px; }

.mr-md {
  margin-right: 15px; }

.mr-n-md {
  margin-right: -15px; }

.mr-sm {
  margin-right: 10px; }

.mr-n-sm {
  margin-right: -10px; }

.mr-xs {
  margin-right: 5px; }

.mr-n-xs {
  margin-right: -5px; }

.mr-0 {
  margin-right: 0; }

.mr-n-0 {
  margin-right: 0; }

.no-padding {
  padding: 0; }

.display-inline {
  display: inline; }

.display-n-inline {
  display: -inline; }

.display-inline-block {
  display: inline-block; }

.display-n-inline-block {
  display: -inline; }

.display-block {
  display: block; }

.display-n-block {
  display: -inline; }

.width-50 {
  width: 50px; }

.width-n-50 {
  width: -inline; }

.width-100 {
  width: 100px; }

.width-n-100 {
  width: -inline; }

.width-150 {
  width: 150px; }

.width-n-150 {
  width: -inline; }

.width-200 {
  width: 200px; }

.width-n-200 {
  width: -inline; }

.height-50 {
  height: 50px; }

.height-n-50 {
  height: -inline; }

.height-100 {
  height: 100px; }

.height-n-100 {
  height: -inline; }

.height-150 {
  height: 150px; }

.height-n-150 {
  height: -inline; }

.height-200 {
  height: 200px; }

.height-n-200 {
  height: -inline; }

.height-250 {
  height: 250px; }

.height-n-250 {
  height: -inline; }

.max-height-50 {
  max-height: 50px; }

.max-height-n-50 {
  max-height: -inline; }

.max-height-100 {
  max-height: 100px; }

.max-height-n-100 {
  max-height: -inline; }

.max-height-150 {
  max-height: 150px; }

.max-height-n-150 {
  max-height: -inline; }

.max-height-200 {
  max-height: 200px; }

.max-height-n-200 {
  max-height: -inline; }

.max-height-250 {
  max-height: 250px; }

.max-height-n-250 {
  max-height: -inline; }

.opacity-10 {
  opacity: 0.1; }

.opacity-n-10 {
  opacity: -inline; }

.opacity-20 {
  opacity: 0.2; }

.opacity-n-20 {
  opacity: -inline; }

.opacity-30 {
  opacity: 0.3; }

.opacity-n-30 {
  opacity: -inline; }

.opacity-40 {
  opacity: 0.4; }

.opacity-n-40 {
  opacity: -inline; }

.opacity-50 {
  opacity: 0.5; }

.opacity-n-50 {
  opacity: -inline; }

.opacity-60 {
  opacity: 0.6; }

.opacity-n-60 {
  opacity: -inline; }

.opacity-70 {
  opacity: 0.7; }

.opacity-n-70 {
  opacity: -inline; }

.opacity-80 {
  opacity: 0.8; }

.opacity-n-80 {
  opacity: -inline; }

.opacity-90 {
  opacity: 0.9; }

.opacity-n-90 {
  opacity: -inline; }

.z-index-more {
  z-index: 1; }

.z-index-n-more {
  z-index: -inline; }

.z-index-less {
  z-index: -1; }

.z-index-n-less {
  z-index: -inline; }

.no-border {
  border: none; }

.bt {
  border-top: 1px solid #ddd; }

.br {
  border-right: 1px solid #ddd; }

.bb {
  border-bottom: 1px solid #ddd; }

.bl {
  border-left: 1px solid #ddd; }

.overflow-hidden {
  overflow: hidden; }

.fw-semi-bold {
  font-weight: 600; }

.fw-normal {
  font-weight: 400; }

.fw-bold {
  font-weight: 700; }

.fw-thin {
  font-weight: 300; }

.rotate-45 {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.rotate-135 {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg); }

.rotate-225 {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg); }

.rotate-315 {
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  -o-transform: rotate(315deg);
  transform: rotate(315deg); }

/* small + .text-muted*/
.deemphasize {
  font-size: 85%;
  color: #999999; }

.text-primary {
  color: #7384B2; }

a.text-primary:hover {
  color: #56699c; }

.text-success {
  color: #64bd63; }

a.text-success:hover {
  color: #48a746; }

.text-info {
  color: #5dc4bf; }

a.text-info:hover {
  color: #40aea9; }

.text-warning {
  color: #f0b518; }

a.text-warning:hover {
  color: #c8950d; }

.text-danger {
  color: #dd5826; }

a.text-danger:hover {
  color: #b4461c; }

.text-link {
  color: #218BC3; }

a.text-link:hover {
  color: #1a6c97; }

.bg-primary {
  background-color: #7384B2; }

a.bg-primary:hover {
  background-color: #56699c; }

.bg-success {
  background-color: #64bd63; }

a.bg-success:hover {
  background-color: #48a746; }

.bg-info {
  background-color: #5dc4bf; }

a.bg-info:hover {
  background-color: #40aea9; }

.bg-warning {
  background-color: #f0b518; }

a.bg-warning:hover {
  background-color: #c8950d; }

.bg-danger {
  background-color: #dd5826; }

a.bg-danger:hover {
  background-color: #b4461c; }

.bg-primary-light {
  background-color: #dee4ee; }

a.bg-primary-light:hover {
  background-color: #bcc8dd; }

.bg-success-light {
  background-color: #ecfaec; }

a.bg-success-light:hover {
  background-color: #c4efc4; }

.bg-info-light {
  background-color: #f2fafa; }

a.bg-info-light:hover {
  background-color: #cdecec; }

.bg-warning-light {
  background-color: #fdf7e6; }

a.bg-warning-light:hover {
  background-color: #fae8b6; }

.bg-danger-light {
  background-color: #fff2ef; }

a.bg-danger-light:hover {
  background-color: #ffc9bc; }

.bg-body {
  background-color: #EEF0F4; }

a.bg-body:hover {
  background-color: #cfd5e0; }

.bg-body-light {
  background-color: #f7f8fa; }

a.bg-body-light:hover {
  background-color: #d8dde6; }

.bg-gray {
  background-color: #555555; }

a.bg-gray:hover {
  background-color: #3c3c3c; }

.bg-gray-transparent {
  background-color: rgba(85, 85, 85, 0.6); }

a.bg-gray-transparent:hover {
  background-color: rgba(60, 60, 60, 0.6); }

.bg-gray-dark {
  background-color: #343434; }

a.bg-gray-dark:hover {
  background-color: #1b1b1b; }

.bg-black {
  background-color: #000; }

a.bg-black:hover {
  background-color: black; }

.bg-gray-light {
  background-color: #999999; }

a.bg-gray-light:hover {
  background-color: gray; }

.bg-gray-lighter {
  background-color: #eeeeee; }

a.bg-gray-lighter:hover {
  background-color: #d5d5d5; }

.bg-transparent {
  background-color: rgba(0, 0, 0, 0); }

a.bg-transparent:hover {
  background-color: rgba(0, 0, 0, 0); }

.bg-white {
  background-color: #fff; }

a.bg-white:hover {
  background-color: #e6e6e6; }

.bg-sidebar {
  background-color: #7384B2; }

a.bg-sidebar:hover {
  background-color: #56699c; }

.bg-body, .bg-body-light, .bg-gray, .bg-gray-transparent, .bg-transparent,
.bg-primary, .bg-success, .bg-warning, .bg-danger, .bg-info {
  -webkit-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out; }

.text-white {
  color: #fff; }

a.text-white:hover {
  color: #e6e6e6; }

.text-gray {
  color: #555555; }

a.text-gray:hover {
  color: #3c3c3c; }

.text-gray-dark {
  color: #343434; }

a.text-gray-dark:hover {
  color: #1b1b1b; }

.text-gray-light {
  color: #999999; }

a.text-gray-light:hover {
  color: gray; }

.text-semi-muted {
  color: #b6b6b6; }

a.text-semi-muted:hover {
  color: #9d9d9d; }

.text-gray-darker {
  color: #222222; }

a.text-gray-darker:hover {
  color: #090909; }

.text-gray-lighter {
  color: #eeeeee; }

a.text-gray-lighter:hover {
  color: #d5d5d5; }

.text-bg-sidebar {
  color: #7384B2; }

a.text-bg-sidebar:hover {
  color: #56699c; }

.text-light {
  opacity: .8; }

.fs-mini {
  font-size: 13px; }

.fs-sm {
  font-size: 12px; }

.fs-larger {
  font-size: 15px; }

.btlr {
  border-top-left-radius: 0; }

.btrr {
  border-top-right-radius: 0; }

.bblr {
  border-bottom-left-radius: 0; }

.bbrr {
  border-bottom-right-radius: 0; }

.fade-up.ng-enter {
  -webkit-animation: fadeInUp 0.5s;
  -o-animation: fadeInUp 0.5s;
  animation: fadeInUp 0.5s; }

.fade-up.ng-leave {
  -webkit-animation: fadeOutUp 0.5s;
  -o-animation: fadeOutUp 0.5s;
  animation: fadeOutUp 0.5s; }

.fade-down.ng-enter {
  -webkit-animation: fadeInDown 0.5s;
  -o-animation: fadeInDown 0.5s;
  animation: fadeInDown 0.5s; }

.fade-down.ng-leave {
  -webkit-animation: fadeOutDown 0.5s;
  -o-animation: fadeOutDown 0.5s;
  animation: fadeOutDown 0.5s; }

.fade.ng-enter {
  -webkit-animation: fadeIn 0.5s;
  -o-animation: fadeIn 0.5s;
  animation: fadeIn 0.5s; }

.fade.ng-leave {
  -webkit-animation: fadeOut 0.5s;
  -o-animation: fadeOut 0.5s;
  animation: fadeOut 0.5s; }

.fade-right.ng-enter {
  -webkit-animation: fadeInRight 0.5s;
  -o-animation: fadeInRight 0.5s;
  animation: fadeInRight 0.5s; }

.fade-right.ng-leave {
  -webkit-animation: fadeOutLeft 0.5s;
  -o-animation: fadeOutLeft 0.5s;
  animation: fadeOutLeft 0.5s; }

.fade-left.ng-enter {
  -webkit-animation: fadeInLeft 0.5s;
  -o-animation: fadeInLeft 0.5s;
  animation: fadeInLeft 0.5s; }

.fade-left.ng-leave {
  -webkit-animation: fadeOutRight 0.5s;
  -o-animation: fadeOutRight 0.5s;
  animation: fadeOutRight 0.5s; }

/** big animations **/
.fade-up-big.ng-enter {
  -webkit-animation: fadeInUpBig 0.5s;
  -o-animation: fadeInUpBig 0.5s;
  animation: fadeInUpBig 0.5s; }

.fade-up-big.ng-leave {
  -webkit-animation: fadeOutUpBig 0.5s;
  -o-animation: fadeOutUpBig 0.5s;
  animation: fadeOutUpBig 0.5s; }

.fade-down-big.ng-enter {
  -webkit-animation: fadeInDownBig 0.5s;
  -o-animation: fadeInDownBig 0.5s;
  animation: fadeInDownBig 0.5s; }

.fade-down-big.ng-leave {
  -webkit-animation: fadeOutDownBig 0.5s;
  -o-animation: fadeOutDownBig 0.5s;
  animation: fadeOutDownBig 0.5s; }

.fade-right-big.ng-enter {
  -webkit-animation: fadeInRightBig 0.5s;
  -o-animation: fadeInRightBig 0.5s;
  animation: fadeInRightBig 0.5s; }

.fade-right-big.ng-leave {
  -webkit-animation: fadeOutLeftBig 0.5s;
  -o-animation: fadeOutLeftBig 0.5s;
  animation: fadeOutLeftBig 0.5s; }

.fade-left-big.ng-enter {
  -webkit-animation: fadeInLeftBig 0.5s;
  -o-animation: fadeInLeftBig 0.5s;
  animation: fadeInLeftBig 0.5s; }

.fade-left-big.ng-leave {
  -webkit-animation: fadeOutRightBig 0.5s;
  -o-animation: fadeOutRightBig 0.5s;
  animation: fadeOutRightBig 0.5s; }

@media print {
  .page-controls, .sidebar, .chat-sidebar {
    display: none; }
  .content-wrap {
    position: static; }
  .content {
    margin: 0;
    padding: 0; }
  .table, .table td, .table th {
    background: #fff !important;
    border: none !important; }
  .table td {
    border-top: 1px solid #999999 !important; }
  .hidden-print {
    display: none !important; }
  .col-print-1,
  .col-print-2,
  .col-print-3,
  .col-print-4,
  .col-print-5,
  .col-print-6,
  .col-print-7,
  .col-print-8,
  .col-print-9,
  .col-print-10,
  .col-print-11 {
    float: left; }
  .col-print-1 {
    width: 8.33333%; }
  .col-print-2 {
    width: 16.66667%; }
  .col-print-3 {
    width: 25%; }
  .col-print-4 {
    width: 33.33333%; }
  .col-print-5 {
    width: 41.66667%; }
  .col-print-6 {
    width: 50%; }
  .col-print-7 {
    width: 58.33333%; }
  .col-print-8 {
    width: 66.66667%; }
  .col-print-9 {
    width: 75%; }
  .col-print-10 {
    width: 83.33333%; }
  .col-print-11 {
    width: 91.66667%; }
  .col-print-12 {
    width: 100%; }
  .col-print-push-0 {
    left: auto; }
  .col-print-push-1 {
    left: 8.33333%; }
  .col-print-push-2 {
    left: 16.66667%; }
  .col-print-push-3 {
    left: 25%; }
  .col-print-push-4 {
    left: 33.33333%; }
  .col-print-push-5 {
    left: 41.66667%; }
  .col-print-push-6 {
    left: 50%; }
  .col-print-push-7 {
    left: 58.33333%; }
  .col-print-push-8 {
    left: 66.66667%; }
  .col-print-push-9 {
    left: 75%; }
  .col-print-push-10 {
    left: 83.33333%; }
  .col-print-push-11 {
    left: 91.66667%; }
  .col-print-pull-0 {
    right: auto; }
  .col-print-pull-1 {
    right: 8.33333%; }
  .col-print-pull-2 {
    right: 16.66667%; }
  .col-print-pull-3 {
    right: 25%; }
  .col-print-pull-4 {
    right: 33.33333%; }
  .col-print-pull-5 {
    right: 41.66667%; }
  .col-print-pull-6 {
    right: 50%; }
  .col-print-pull-7 {
    right: 58.33333%; }
  .col-print-pull-8 {
    right: 66.66667%; }
  .col-print-pull-9 {
    right: 75%; }
  .col-print-pull-10 {
    right: 83.33333%; }
  .col-print-pull-11 {
    right: 91.66667%; }
  .col-print-offset-0 {
    margin-left: 0; }
  .col-print-offset-1 {
    margin-left: 8.33333%; }
  .col-print-offset-2 {
    margin-left: 16.66667%; }
  .col-print-offset-3 {
    margin-left: 25%; }
  .col-print-offset-4 {
    margin-left: 33.33333%; }
  .col-print-offset-5 {
    margin-left: 41.66667%; }
  .col-print-offset-6 {
    margin-left: 50%; }
  .col-print-offset-7 {
    margin-left: 58.33333%; }
  .col-print-offset-8 {
    margin-left: 66.66667%; }
  .col-print-offset-9 {
    margin-left: 75%; }
  .col-print-offset-10 {
    margin-left: 83.33333%; }
  .col-print-offset-11 {
    margin-left: 91.66667%; } }

.logo {
  height: 100px;
  padding: 0 15px;
  margin-top: 20px; }
  .logo a {
    display: block;
    height: 100%; }
  .logo img {
    max-height: 63%;
    width: auto; }

body {
  font-family: Quicksand, "Open Sans", sans-serif; }

h1,
h2 {
  text-transform: uppercase;
  font-weight: 500; }

.multiline-select .ui-select-bootstrap .ui-select-choices-row > span {
  white-space: normal;
  border-bottom: 1px solid #ddd; }

.ui-select-multiple.ui-select-bootstrap > div {
  overflow: auto; }

.ui-select-multiple .ui-select-match .close {
  padding-top: 2px; }

.ui-select-multiple .ui-select-match .ng-binding {
  padding-right: 15px; }

.table > tbody + tbody {
  border-width: 1px; }

.table.body-no-border tbody th,
.table.body-no-border tbody td {
  border: 0; }

.table.small-padding > tbody > tr td {
  padding: 5px 8px; }

.panel-body dl:last-child,
.panel-body p:last-child,
.panel-body ul:last-child {
  margin-bottom: 0; }

.badge-default {
  background-color: #999999; }
  .badge-default[href]:hover, .badge-default[href]:focus {
    background-color: gray; }

.badge-primary {
  background-color: #7384B2; }
  .badge-primary[href]:hover, .badge-primary[href]:focus {
    background-color: #56699c; }

.badge-success {
  background-color: #64bd63; }
  .badge-success[href]:hover, .badge-success[href]:focus {
    background-color: #48a746; }

.badge-info {
  background-color: #5dc4bf; }
  .badge-info[href]:hover, .badge-info[href]:focus {
    background-color: #40aea9; }

.badge-warning {
  background-color: #f0b518; }
  .badge-warning[href]:hover, .badge-warning[href]:focus {
    background-color: #c8950d; }

.badge-danger {
  background-color: #dd5826; }
  .badge-danger[href]:hover, .badge-danger[href]:focus {
    background-color: #b4461c; }

.label-cancel {
  background-color: darkgrey; }

.badge-special {
  background-color: #009bb4; }

.no-wrap {
  white-space: nowrap; }

.form-control.small-number {
  width: 70px; }

@media (min-width: 992px) {
  .modal-xl {
    width: 900px; } }

@media (min-width: 1200px) {
  .modal-xl {
    width: 80%; } }

.btn {
  line-height: 20px; }
  .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    outline: none; }

.btn-default:focus:not(.active), .btn-default.focus:not(.active) {
  background: #f8f8f8; }

.btn-primary:focus:not(.active), .btn-primary.focus:not(.active) {
  background: #7384B2; }

.btn-special {
  background-color: #009bb4;
  color: white; }

.btn-cancel {
  background-color: darkgrey; }

.swal-button--primary {
  color: #fff;
  background-color: #7384B2;
  border-color: #6376a9; }
  .swal-button--primary:hover, .swal-button--primary:focus, .swal-button--primary.focus, .swal-button--primary:active, .swal-button--primary.active,
  .open > .swal-button--primary.dropdown-toggle {
    color: #fff;
    background-color: #56699c;
    border-color: #495985; }
  .swal-button--primary:active, .swal-button--primary.active,
  .open > .swal-button--primary.dropdown-toggle {
    background-image: none; }
  .swal-button--primary.disabled, .swal-button--primary.disabled:hover, .swal-button--primary.disabled:focus, .swal-button--primary.disabled.focus, .swal-button--primary.disabled:active, .swal-button--primary.disabled.active, .swal-button--primary[disabled], .swal-button--primary[disabled]:hover, .swal-button--primary[disabled]:focus, .swal-button--primary[disabled].focus, .swal-button--primary[disabled]:active, .swal-button--primary[disabled].active,
  fieldset[disabled] .swal-button--primary,
  fieldset[disabled] .swal-button--primary:hover,
  fieldset[disabled] .swal-button--primary:focus,
  fieldset[disabled] .swal-button--primary.focus,
  fieldset[disabled] .swal-button--primary:active,
  fieldset[disabled] .swal-button--primary.active {
    background-color: #7384B2;
    border-color: #6376a9; }
  .swal-button--primary .badge {
    color: #7384B2;
    background-color: #fff; }
  .swal-button--primary:not([disabled]):hover {
    background-color: #56699c; }

.swal-button--danger {
  color: #fff;
  background-color: #dd5826;
  border-color: #ca4e20; }
  .swal-button--danger:hover, .swal-button--danger:focus, .swal-button--danger.focus, .swal-button--danger:active, .swal-button--danger.active,
  .open > .swal-button--danger.dropdown-toggle {
    color: #fff;
    background-color: #b4461c;
    border-color: #953a17; }
  .swal-button--danger:active, .swal-button--danger.active,
  .open > .swal-button--danger.dropdown-toggle {
    background-image: none; }
  .swal-button--danger.disabled, .swal-button--danger.disabled:hover, .swal-button--danger.disabled:focus, .swal-button--danger.disabled.focus, .swal-button--danger.disabled:active, .swal-button--danger.disabled.active, .swal-button--danger[disabled], .swal-button--danger[disabled]:hover, .swal-button--danger[disabled]:focus, .swal-button--danger[disabled].focus, .swal-button--danger[disabled]:active, .swal-button--danger[disabled].active,
  fieldset[disabled] .swal-button--danger,
  fieldset[disabled] .swal-button--danger:hover,
  fieldset[disabled] .swal-button--danger:focus,
  fieldset[disabled] .swal-button--danger.focus,
  fieldset[disabled] .swal-button--danger:active,
  fieldset[disabled] .swal-button--danger.active {
    background-color: #dd5826;
    border-color: #ca4e20; }
  .swal-button--danger .badge {
    color: #dd5826;
    background-color: #fff; }
  .swal-button--danger:not([disabled]):hover {
    background-color: #b4461c; }

.swal-footer {
  text-align: center; }

.dash-link {
  margin-bottom: 10px; }

.dataTables_length {
  margin-left: 10px; }

.dataTables_wrapper .dataTables_processing {
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 100; }
  .dataTables_wrapper .dataTables_processing:after {
    position: absolute;
    content: "";
    font: normal normal normal 30px/1 FontAwesome;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    z-index: 101;
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8); }

@media (max-width: 767px) {
  table.dataTable.collapsed {
    width: 100% !important; }
  .dataTables_wrapper .dataTables_length {
    display: none; }
  .dataTables_wrapper .block-label label {
    display: block; }
  .dataTables_wrapper .block-label .form-control {
    display: block; } }

@media (min-width: 480px) {
  .dataTables_wrapper .block-label {
    float: right; } }

@media (min-width: 768px) {
  .data-table-with-filter {
    position: relative; }
    .data-table-with-filter .filter-button,
    .data-table-with-filter .switch-buttons {
      position: absolute;
      top: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      z-index: 100; }
    .data-table-with-filter.tab-pane > .filter-button,
    .data-table-with-filter.tab-pane > .switch-buttons {
      top: 20px; } }

.calendar-controls {
  position: relative; }
  .calendar-controls .calendar-header {
    margin-bottom: 5px;
    width: 100%;
    text-align: center; }
    .calendar-controls .calendar-header h3 {
      margin: 0; }
      .calendar-controls .calendar-header h3 .picker-element {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 0;
        width: 0;
        border: 0;
        background: transparent; }
      .calendar-controls .calendar-header h3 span {
        display: inline-block;
        position: relative;
        cursor: pointer; }

.fc-event .fc-content .connections {
  margin-bottom: 0; }

.fc-event .fc-content .label {
  display: block;
  margin-bottom: 2px;
  padding: 0; }

.fc-event.cal-status-0:after, .fc-event.cal-status-1:after, .fc-event.cal-status-2:after {
  content: ' ';
  display: block;
  position: absolute;
  top: -4px;
  right: -2px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #64bd63;
  -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.75); }

.fc-event.cal-status-1:after {
  background: #f0b518; }

.fc-event.cal-status-0:after {
  background: #009bb4; }

.fc-event.cal-booking-series .fc-title:before {
  content: '\f24d';
  padding-right: 5px;
  font-family: FontAwesome; }

.fc-event.cal-booking-hide {
  opacity: 0.5; }
  .fc-event.cal-booking-hide .fc-title:before {
    content: '\f070';
    padding: 4px;
    font-family: FontAwesome;
    background-color: #dd5826; }

.fc-day-grid-event {
  margin-top: 4px; }
  .fc-day-grid-event .fc-content {
    white-space: normal; }

.calendar-view a.fc-event {
  border: solid 1px #ddd; }

.calendar-view .cal-available {
  background-color: #64bd63;
  color: #fff; }

.calendar-view .cal-unavailable {
  background-color: #dd5826;
  color: #fff; }

.calendar-view .cal-booking {
  background-color: #7384B2;
  color: #fff; }

.calendar-view .cal-booking-attendant {
  background-color: #5dc4bf;
  color: #fff; }

.calendar-view.loading:before {
  position: absolute;
  content: ' ';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 100; }

.calendar-view.loading:after {
  position: absolute;
  content: "";
  font: normal normal normal 30px/1 FontAwesome;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  z-index: 101;
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

@media (min-width: 768px) {
  .calendar-controls .calendar-header {
    position: absolute;
    top: 0;
    left: 0;
    margin-bottom: 0; } }

.rrule-generator .middle {
  line-height: 40px; }

.mail-preview {
  max-height: 500px;
  overflow: auto;
  border: 1px solid #ccc;
  padding-left: 5px;
  padding-right: 5px; }

.form-small .form-group {
  margin-bottom: 10px; }

.input-group-btn.with-textarea {
  vertical-align: top; }

.hidden-select {
  position: relative; }
  .hidden-select select {
    position: absolute;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer; }

.ui-select-multiple.ui-select-bootstrap {
  min-height: 34px; }

.fixed-actions {
  padding-bottom: 20px; }
  .fixed-actions.tab-pane {
    padding-bottom: 40px; }
  .fixed-actions .form-actions {
    position: fixed;
    bottom: 0;
    z-index: 20;
    left: 244px;
    right: 40px;
    -webkit-box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.175); }

.col-label {
  display: block; }

.sec-label {
  margin-top: 28px; }

.nav-tabs {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.tab-content {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
  .tab-content .panel-default {
    background: #f5f5f5; }
  .tab-content.overflow {
    overflow: visible; }

.tab-footer {
  padding: 0 20px 15px 20px;
  background: #fff; }
  .tab-footer > .form-actions {
    margin-top: 0; }

.modal-body.with-tabs {
  padding: 0; }
  .modal-body.with-tabs .tab-content,
  .modal-body.with-tabs .nav-tabs {
    box-shadow: none; }

.widget {
  border-radius: .2rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
  .widget.widget-dark {
    background: #f3f3f3; }
  .widget.widget-fixed .widget-body {
    overflow: auto;
    min-height: 100px; }
  .widget > header + .widget-body .form-group {
    margin-top: 15px;
    margin-bottom: 0; }
  .widget .widget-controls .fa-refresh.loading {
    animation: spin 1s linear infinite; }
  .widget .list-group {
    margin: 0; }
  .widget .list-group-item {
    border-width: 0 0 1px 0;
    border-radius: 0;
    margin: 0; }
  .widget .email-list h5,
  .widget .email-list h6 {
    padding-right: 80px;
    line-height: 14px;
    position: relative; }
    .widget .email-list h5 small,
    .widget .email-list h6 small {
      position: absolute;
      top: 2px;
      right: 0;
      color: #5dc4bf;
      font-weight: 500; }
  .widget .email-list.long-date h5,
  .widget .email-list.long-date h6 {
    padding-right: 100px; }
  .widget .email-list.double-date h5,
  .widget .email-list.double-date h6 {
    padding-right: 120px; }
  .widget .alert,
  .widget .calendar-controls {
    margin: 10px; }
  .widget .fc-toolbar {
    margin: 0; }
  .widget table {
    width: 100%; }
    .widget table td,
    .widget table th {
      padding: 2px 5px; }
    .widget table.table-4-col td,
    .widget table.table-4-col th {
      width: 25%; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@media print {
  html, body {
    width: 210mm;
    height: 297mm;
    background: none;
    font-size: 12px; }
  .print-report .dont-break {
    page-break-inside: avoid; }
  .print-report table {
    width: 100%; }
    .print-report table th,
    .print-report table td {
      padding: 5px; }
    .print-report table th {
      font-weight: bold; }
  .print-report .comment {
    display: block;
    border: 1px solid #000;
    height: 50px;
    width: 100%;
    margin: 10px 0; }
  .print-report .header {
    font-weight: bold;
    font-size: 16px;
    border-bottom: 1px solid #000; }
  .print-report .footer {
    font-weight: bold;
    border-top: 1px solid #000; } }

.sidebar-nav > li > a {
  font-weight: 500; }

.sidebar-nav > li ul > li.active > a {
  color: #EBE110; }

.dot {
  height: 10px;
  width: 10px;
  background-color: #23c103;
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 5px; }