/* Ace Editor */
.ace_editor {
  margin: auto;
  height: 300px;
  width: 100%;
  font: 14px/normal SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
  .ace_editor .ace_content {
    font-size: 0.875rem; }

/* Avgrund Popup */
.avgrund-popin {
  position: absolute;
  background: #fff;
  padding: 37px 33px;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  top: 50%;
  left: 50%;
  z-index: 1000;
  font-size: 0.875rem;
  font-weight: normal;
  font-weight: initial;
  line-height: 1.85;
  border-radius: 10px;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8); }
  .avgrund-popin p {
    font-size: 0.875rem;
    font-weight: normal;
    font-weight: initial; }

.avgrund-overlay {
  background: #000;
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 101;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0); }

body.avgrund-ready,
.avgrund-ready .avgrund-popin,
.avgrund-ready .avgrund-overlay {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: 0.3s all ease-out;
  -moz-transition: 0.3s all ease-out;
  -ms-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out; }

body.avgrund-active {
  overflow: hidden; }

.avgrund-active .avgrund-popin {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1); }

.avgrund-active .avgrund-overlay {
  visibility: visible;
  opacity: .5;
  filter: alpha(opacity=50);
  height: 20000px; }

.avgrund-popin.stack {
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5); }

.avgrund-active .avgrund-popin.stack {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1); }

/* Optional close button styles */
.avgrund-close {
  display: block;
  color: #fff;
  background: #ffffff;
  font-size: 10px;
  text-decoration: none;
  text-transform: uppercase;
  position: absolute;
  top: 10px;
  right: 10px;
  height: 17px;
  width: 17px;
  text-align: center;
  line-height: 16px;
  border-radius: 50px; }
  .avgrund-close:hover {
    color: #fff;
    text-decoration: none; }

/* Chartist */
.ct-series-a .ct-line {
  stroke: #a29afc;
  stroke-width: 3px;
  stroke-dasharray: 10px 20px; }

.ct-series-a .ct-point {
  stroke: #6355f9;
  stroke-width: 10px;
  stroke-linecap: round; }

.ct-series-b .ct-line {
  stroke: #80d691;
  stroke-width: 3px;
  stroke-dasharray: 10px 20px; }

.ct-series-b .ct-point {
  stroke: #4ac462;
  stroke-width: 10px;
  stroke-linecap: round; }

.ct-series-c .ct-line {
  stroke: #f7cb9b;
  stroke-width: 3px;
  stroke-dasharray: 10px 20px; }

.ct-series-c .ct-point {
  stroke: #f2a859;
  stroke-width: 10px;
  stroke-linecap: round; }

.ct-series-a .ct-bar {
  stroke: #a29afc;
  stroke-width: 20px;
  stroke-dasharray: 0;
  stroke-linecap: squre; }

.ct-series-b .ct-bar {
  stroke: #80d691;
  stroke-width: 20px;
  stroke-dasharray: 0;
  stroke-linecap: squre; }

.ct-series-c .ct-bar {
  stroke: #f7cb9b;
  stroke-width: 20px;
  stroke-dasharray: 0;
  stroke-linecap: squre; }

.ct-series-d .ct-bar {
  stroke: #fcb2b2;
  stroke-width: 20px;
  stroke-dasharray: 0;
  stroke-linecap: squre; }

.ct-series-a .ct-slice-pie {
  fill: #a29afc;
  stroke-width: 4px; }

.ct-series-b .ct-slice-pie {
  fill: #80d691;
  stroke-width: 4px; }

.ct-series-c .ct-slice-pie {
  fill: #fcb2b2;
  stroke-width: 4px; }

.ct-series-d .ct-slice-pie {
  fill: #f7cb9b;
  stroke-width: 4px; }

.ct-series-a .ct-slice-donut-solid {
  fill: #a29afc; }

.ct-series-b .ct-slice-donut-solid {
  fill: #80d691; }

.ct-series-c .ct-slice-donut-solid {
  fill: #fcb2b2; }

.ct-series-a .ct-slice-donut-solid {
  fill: #f7cb9b; }

#ct-chart-dash-barChart .ct-series-a .ct-bar {
  stroke: #fb9999;
  stroke-width: 20px;
  stroke-dasharray: 0;
  stroke-linecap: squre; }

#ct-chart-dash-barChart .ct-series-b .ct-bar {
  stroke: #8b81fb;
  stroke-width: 20px;
  stroke-dasharray: 0;
  stroke-linecap: squre; }

#ct-chart-dash-barChart .ct-series-c .ct-bar {
  stroke: #a29afc;
  stroke-width: 20px;
  stroke-dasharray: 0;
  stroke-linecap: squre; }

#ct-chart-dash-barChart .ct-series-d .ct-bar {
  stroke: #b9b3fc;
  stroke-width: 20px;
  stroke-dasharray: 0;
  stroke-linecap: squre; }

.ct-grid {
  stroke: rgba(255, 255, 255, 0.2); }

.ct-labels span {
  color: #d9e9ff; }

.c3-axis,
.c3-legend-item {
  fill: rgba(255, 255, 255, 0.7); }

.c3 path,
.c3 line {
  stroke: #2e2f32; }

.c3-chart-arcs-title {
  fill: rgba(255, 255, 255, 0.7); }

/* CodeMirror */
.CodeMirror {
  font-size: 0.875rem;
  font-weight: normal;
  height: auto;
  text-align: left;
  min-height: auto; }

.CodeMirror-scroll {
  min-height: auto; }

/* Colcade */
* {
  box-sizing: border-box; }

.grid {
  border: 1px solid #aab2bd est; }

.grid:after {
  display: block;
  content: '';
  clear: both; }

.grid-col {
  float: left;
  width: 49%;
  margin-right: 2%;
  background: rgba(0, 144, 231, 0.2); }

.grid-col--4 {
  margin-right: 0; }

/* hide two middle */
.grid-col--2, .grid-col--3 {
  display: none; }

@media (min-width: 768px) {
  .grid-col {
    width: 32%; }
  .grid-col--2 {
    display: block; } }

@media (min-width: 1200px) {
  .grid-col {
    width: 23.5%; }
  .grid-col--2, .grid-col--3 {
    display: block; } }

.grid-item {
  background: #0090e7;
  margin-bottom: 20px; }

.grid-item--a {
  height: 80px; }

.grid-item--b {
  height: 140px; }

.grid-item--c {
  height: 300px; }

/* Colorpicker */
.asColorPicker-dropdown {
  max-width: initial; }

.asColorPicker-trigger {
  height: auto;
  border: 0; }
  .asColorPicker-trigger span {
    border-radius: 2px;
    width: 35px; }

/* Context Menu */
.context-menu-icon:before {
  color: #000;
  font: normal normal normal 15px/1 "Material Design Icons"; }

.context-menu-icon.context-menu-icon-cut:before {
  content: '\F190'; }

.context-menu-icon.context-menu-icon-edit:before {
  content: '\F3EF'; }

.context-menu-icon.context-menu-icon-copy:before {
  content: '\F18F'; }

.context-menu-icon.context-menu-icon-paste:before {
  content: '\F613'; }

.context-menu-icon.context-menu-icon-delete:before {
  content: '\F6CB'; }

.context-menu-icon.context-menu-icon-quit:before {
  content: '\F156'; }

.context-menu-list {
  box-shadow: none;
  border: 1px solid #2c2e33; }
  .context-menu-list .context-menu-item span {
    color: #000;
    font-size: .75rem;
    font-weight: 700; }
  .context-menu-list .context-menu-item.context-menu-hover {
    background: #000; }
    .context-menu-list .context-menu-item.context-menu-hover span {
      color: #ffffff; }

/* Data Tables */
.dataTables_wrapper {
  padding-left: 0;
  padding-right: 0; }
  .dataTables_wrapper label {
    font-size: .8125rem; }
  .dataTables_wrapper select {
    padding: .4rem; }
  .dataTables_wrapper .dataTables_length select {
    min-width: 65px;
    margin-left: .25rem;
    margin-right: .25rem; }
  .dataTables_wrapper .dataTable .btn, .dataTables_wrapper .dataTable .fc button, .fc .dataTables_wrapper .dataTable button, .dataTables_wrapper .dataTable .ajax-upload-dragdrop .ajax-file-upload, .ajax-upload-dragdrop .dataTables_wrapper .dataTable .ajax-file-upload, .dataTables_wrapper .dataTable .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .dataTables_wrapper .dataTable .swal2-styled, .dataTables_wrapper .dataTable .wizard > .actions a, .wizard > .actions .dataTables_wrapper .dataTable a {
    padding: 0.1rem 1rem;
    vertical-align: top; }
  .dataTables_wrapper .dataTable thead th {
    border-bottom-width: 0; }
  .dataTables_wrapper .dataTable thead .sorting:before, .dataTables_wrapper .dataTable thead .sorting:after,
  .dataTables_wrapper .dataTable thead .sorting_asc:before,
  .dataTables_wrapper .dataTable thead .sorting_asc:after,
  .dataTables_wrapper .dataTable thead .sorting_desc:before,
  .dataTables_wrapper .dataTable thead .sorting_desc:after,
  .dataTables_wrapper .dataTable thead .sorting_asc_disabled:before,
  .dataTables_wrapper .dataTable thead .sorting_asc_disabled:after,
  .dataTables_wrapper .dataTable thead .sorting_desc_disabled:before,
  .dataTables_wrapper .dataTable thead .sorting_desc_disabled:after {
    line-height: 2.5;
    font-family: Material Design Icons;
    font-size: .65rem; }
  .dataTables_wrapper .dataTable thead .sorting:before,
  .dataTables_wrapper .dataTable thead .sorting_asc:before,
  .dataTables_wrapper .dataTable thead .sorting_desc:before,
  .dataTables_wrapper .dataTable thead .sorting_asc_disabled:before,
  .dataTables_wrapper .dataTable thead .sorting_desc_disabled:before {
    content: "\F05D";
    right: 1.2em; }
  .dataTables_wrapper .dataTable thead .sorting:after,
  .dataTables_wrapper .dataTable thead .sorting_asc:after,
  .dataTables_wrapper .dataTable thead .sorting_desc:after,
  .dataTables_wrapper .dataTable thead .sorting_asc_disabled:after,
  .dataTables_wrapper .dataTable thead .sorting_desc_disabled:after {
    content: "\F045";
    right: 0.2em; }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 20px; }
  .dataTables_wrapper .dataTables_info {
    font-size: 0.875rem; }

/* Datepicker */
.datepicker.datepicker-dropdown,
.datepicker.datepicker-inline {
  padding: 0 25px;
  width: 30%;
  max-width: 500px;
  min-width: 250px; }
  .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th,
  .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th {
    text-align: center;
    padding: .5rem 0; }
    .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.prev,
    .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.prev {
      color: #434a54;
      padding-bottom: 1rem;
      padding-top: 1rem;
      text-align: left; }
    .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.datepicker-switch,
    .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.datepicker-switch {
      color: #434a54;
      padding-bottom: 1rem;
      padding-top: 1rem;
      font-size: 1rem;
      font-weight: 600; }
    .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.next,
    .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.next {
      color: grey;
      padding-bottom: 1rem;
      padding-top: 1rem;
      text-align: right; }
    .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.dow,
    .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.dow {
      font-weight: normal;
      color: #434a54;
      font-size: .875rem;
      font-weight: initial; }
      .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.dow:first-child,
      .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.dow:first-child {
        text-align: left; }
      .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.dow:last-child,
      .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.dow:last-child {
        text-align: right; }
  .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody,
  .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody {
    position: relative;
    top: 13px; }
    .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td,
    .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td {
      text-align: center; }
      .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day,
      .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day {
        font-size: .9375rem;
        padding: .5rem 0;
        color: #434a54; }
        .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day:hover,
        .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day:hover {
          background: #ffffff; }
        .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.active,
        .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.active {
          color: #fff;
          background: transparent;
          position: relative;
          z-index: 1; }
          .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.active:before,
          .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.active:before {
            content: "";
            width: 38px;
            height: 38px;
            background: #00d25b;
            border-radius: 100%;
            display: block;
            margin: auto;
            vertical-align: middle;
            position: absolute;
            top: 1px;
            z-index: -1;
            left: 0;
            right: 0; }
        .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.today,
        .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.today {
          color: #fff;
          background: transparent;
          position: relative;
          z-index: 1; }
          .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.today:before,
          .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.today:before {
            content: "";
            width: 38px;
            height: 38px;
            background: #8f5fe8;
            border-radius: 100%;
            display: block;
            margin: auto;
            vertical-align: middle;
            position: absolute;
            top: 1px;
            z-index: -1;
            left: 0;
            right: 0; }
      .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.old.day,
      .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.old.day {
        color: #d9dde3; }
      .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.range-start, .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.range-end,
      .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.range-start,
      .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.range-end {
        background: transparent;
        position: relative; }
        .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.range-start::before, .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.range-end::before,
        .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.range-start::before,
        .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.range-end::before {
          content: "";
          width: 28px;
          height: 28px;
          background: rgba(0, 210, 91, 0.2);
          border-radius: 4px;
          display: block;
          margin: auto;
          vertical-align: middle;
          position: absolute;
          top: 6px;
          z-index: -1;
          left: 0;
          right: 0; }
      .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.range,
      .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.range {
        position: relative;
        background: transparent; }
        .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.range::before,
        .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.range::before {
          content: "";
          width: 28px;
          height: 28px;
          background: #eee;
          border-radius: 4px;
          display: block;
          margin: auto;
          vertical-align: middle;
          position: absolute;
          top: 6px;
          z-index: -1;
          left: 0;
          right: 0; }
  .datepicker.datepicker-dropdown .datepicker-days,
  .datepicker.datepicker-dropdown .datepicker-months,
  .datepicker.datepicker-dropdown .datepicker-years,
  .datepicker.datepicker-dropdown .datepicker-decades,
  .datepicker.datepicker-dropdown .datepicker-centuries,
  .datepicker.datepicker-inline .datepicker-days,
  .datepicker.datepicker-inline .datepicker-months,
  .datepicker.datepicker-inline .datepicker-years,
  .datepicker.datepicker-inline .datepicker-decades,
  .datepicker.datepicker-inline .datepicker-centuries {
    padding: .8rem .7rem; }
    .datepicker.datepicker-dropdown .datepicker-days table.table-condensed,
    .datepicker.datepicker-dropdown .datepicker-months table.table-condensed,
    .datepicker.datepicker-dropdown .datepicker-years table.table-condensed,
    .datepicker.datepicker-dropdown .datepicker-decades table.table-condensed,
    .datepicker.datepicker-dropdown .datepicker-centuries table.table-condensed,
    .datepicker.datepicker-inline .datepicker-days table.table-condensed,
    .datepicker.datepicker-inline .datepicker-months table.table-condensed,
    .datepicker.datepicker-inline .datepicker-years table.table-condensed,
    .datepicker.datepicker-inline .datepicker-decades table.table-condensed,
    .datepicker.datepicker-inline .datepicker-centuries table.table-condensed {
      width: 100%; }

.datepicker.datepicker-inline {
  width: 100%;
  max-width: 100%;
  min-width: 250px; }
  .datepicker.datepicker-inline thead tr th.prev {
    color: grey;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem; }
  .datepicker.datepicker-inline thead tr th.datepicker-switch {
    color: #0090e7;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem; }
  .datepicker.datepicker-inline thead tr th.next {
    color: grey;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem; }

.datepicker > div {
  display: initial; }

.datepicker-custom {
  width: 100%;
  padding: 0; }
  .datepicker-custom .datepicker.datepicker-inline {
    display: block;
    padding: 0;
    height: 100%; }
    .datepicker-custom .datepicker.datepicker-inline .datepicker-days {
      display: block; }
      .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td {
        padding: 1rem;
        text-align: center; }
        @media (max-width: 991px) {
          .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td {
            padding: 1rem .5rem; } }
        .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day.today:before {
          background-color: #00d25b;
          top: 6px; }
        .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day.active:before {
          background-color: #ffab00;
          top: 6px; }
        .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day:first-child {
          padding-left: 2.5rem; }
          @media (max-width: 991px) {
            .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day:first-child {
              padding-left: .5rem; } }
          .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day:first-child.today:before, .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day:first-child.active:before {
            left: 1.5rem; }
            @media (max-width: 991px) {
              .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day:first-child.today:before, .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day:first-child.active:before {
                left: .25rem; } }
        .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day:last-child {
          padding-right: 2.5rem; }
          @media (max-width: 991px) {
            .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day:last-child {
              padding-right: .5rem; } }
          .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day:last-child.today:before, .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day:last-child.active:before {
            right: 1.5rem; }
    .datepicker-custom .datepicker.datepicker-inline .datepicker-days,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-months,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-years,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-decades,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries {
      height: 100%;
      padding: 0 0 1rem 0; }
      .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed,
      .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed,
      .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed,
      .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed,
      .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed {
        height: 100%; }
        .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead,
        .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead,
        .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead,
        .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead,
        .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead {
          background: #00d25b; }
          .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.next, .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.prev, .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.datepicker-switch, .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.dow,
          .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.next,
          .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.prev,
          .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.datepicker-switch,
          .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.dow,
          .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.next,
          .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.prev,
          .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.datepicker-switch,
          .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.dow,
          .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.next,
          .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.prev,
          .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.datepicker-switch,
          .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.dow,
          .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.next,
          .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.prev,
          .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.datepicker-switch,
          .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.dow {
            background: transparent;
            border-radius: 0;
            color: #ffffff;
            padding: 2rem 1rem;
            font-weight: 700; }
            @media (max-width: 991px) {
              .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.next, .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.prev, .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.datepicker-switch, .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.dow,
              .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.next,
              .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.prev,
              .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.datepicker-switch,
              .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.dow,
              .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.next,
              .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.prev,
              .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.datepicker-switch,
              .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.dow,
              .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.next,
              .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.prev,
              .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.datepicker-switch,
              .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.dow,
              .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.next,
              .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.prev,
              .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.datepicker-switch,
              .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.dow {
                padding: 2rem .5rem; } }
            .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.next:first-child, .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.prev:first-child, .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.datepicker-switch:first-child, .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.dow:first-child,
            .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.next:first-child,
            .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.prev:first-child,
            .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.datepicker-switch:first-child,
            .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.dow:first-child,
            .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.next:first-child,
            .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.prev:first-child,
            .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.datepicker-switch:first-child,
            .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.dow:first-child,
            .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.next:first-child,
            .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.prev:first-child,
            .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.datepicker-switch:first-child,
            .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.dow:first-child,
            .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.next:first-child,
            .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.prev:first-child,
            .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.datepicker-switch:first-child,
            .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.dow:first-child {
              padding-left: 2.5rem; }
              @media (max-width: 991px) {
                .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.next:first-child, .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.prev:first-child, .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.datepicker-switch:first-child, .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.dow:first-child,
                .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.next:first-child,
                .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.prev:first-child,
                .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.datepicker-switch:first-child,
                .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.dow:first-child,
                .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.next:first-child,
                .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.prev:first-child,
                .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.datepicker-switch:first-child,
                .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.dow:first-child,
                .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.next:first-child,
                .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.prev:first-child,
                .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.datepicker-switch:first-child,
                .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.dow:first-child,
                .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.next:first-child,
                .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.prev:first-child,
                .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.datepicker-switch:first-child,
                .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.dow:first-child {
                  padding-left: .5rem; } }
            .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.next:last-child, .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.prev:last-child, .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.datepicker-switch:last-child, .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.dow:last-child,
            .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.next:last-child,
            .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.prev:last-child,
            .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.datepicker-switch:last-child,
            .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.dow:last-child,
            .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.next:last-child,
            .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.prev:last-child,
            .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.datepicker-switch:last-child,
            .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.dow:last-child,
            .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.next:last-child,
            .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.prev:last-child,
            .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.datepicker-switch:last-child,
            .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.dow:last-child,
            .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.next:last-child,
            .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.prev:last-child,
            .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.datepicker-switch:last-child,
            .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.dow:last-child {
              padding-right: 2.5rem; }
              @media (max-width: 991px) {
                .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.next:last-child, .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.prev:last-child, .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.datepicker-switch:last-child, .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.dow:last-child,
                .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.next:last-child,
                .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.prev:last-child,
                .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.datepicker-switch:last-child,
                .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.dow:last-child,
                .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.next:last-child,
                .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.prev:last-child,
                .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.datepicker-switch:last-child,
                .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.dow:last-child,
                .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.next:last-child,
                .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.prev:last-child,
                .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.datepicker-switch:last-child,
                .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.dow:last-child,
                .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.next:last-child,
                .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.prev:last-child,
                .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.datepicker-switch:last-child,
                .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.dow:last-child {
                  padding-right: .5rem; } }
          .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.datepicker-switch,
          .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.datepicker-switch,
          .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.datepicker-switch,
          .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.datepicker-switch,
          .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.datepicker-switch {
            font-size: 2rem; }
            @media (max-width: 991px) {
              .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.datepicker-switch,
              .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.datepicker-switch,
              .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.datepicker-switch,
              .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.datepicker-switch,
              .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.datepicker-switch {
                font-size: 1rem; } }
          .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.next, .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.prev,
          .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.next,
          .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.prev,
          .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.next,
          .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.prev,
          .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.next,
          .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.prev,
          .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.next,
          .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.prev {
            font-size: 1.5rem; }

/* Dropify */
.dropify-wrapper {
  border: 2px dashed #2c2e33;
  background: transparent;
  border-radius: 7px; }
  .dropify-wrapper:hover {
    background-size: 30px 30px;
    background-image: -webkit-linear-gradient(135deg, #2e2f32 25%, transparent 25%, transparent 50%, #2e2f32 50%, #2e2f32 75%, transparent 75%, transparent);
    background-image: linear-gradient(135deg, #2e2f32 25%, transparent 25%, transparent 50%, #2e2f32 50%, #2e2f32 75%, transparent 75%, transparent);
    -webkit-animation: stripes 2s linear infinite;
    animation: stripes 2s linear infinite; }
  .dropify-wrapper .dropify-message span.file-icon:before {
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    content: '\F552';
    color: #ffffff;
    font-size: 1.25rem; }
  .dropify-wrapper .dropify-message p {
    font-size: .8125rem;
    color: #ffffff; }
  .dropify-wrapper .dropify-preview .dropify-infos {
    background: rgba(255, 255, 255, 0.9); }
    .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner .dropify-filename {
      color: #0090e7;
      font-size: 20px;
      font-weight: 400; }
    .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner .dropify-infos-message {
      color: #333;
      font-weight: 500; }
  .dropify-wrapper .dropify-preview .dropify-render img {
    opacity: 0.7; }
  .dropify-wrapper .dropify-clear {
    background: #fff;
    border: none;
    font-weight: 700;
    color: #434a54; }

/* Dropzone */
.dropzone {
  border: 1px solid #2c2e33;
  min-height: 200px;
  background: transparent; }
  .dropzone .dz-message {
    text-align: center;
    width: 100%; }
    .dropzone .dz-message span {
      font-size: .8125rem;
      color: #ffffff; }
  .dropzone .dz-preview {
    margin: 5px; }
    .dropzone .dz-preview .dz-image {
      width: 63px;
      height: 63px;
      border-radius: 6px; }
    .dropzone .dz-preview .dz-error-message {
      top: 80px;
      left: -35px; }
    .dropzone .dz-preview .dz-success-mark,
    .dropzone .dz-preview .dz-error-mark {
      margin-left: -17px; }
      .dropzone .dz-preview .dz-success-mark svg,
      .dropzone .dz-preview .dz-error-mark svg {
        width: 35px;
        height: 35px; }

/* Flot chart */
.flot-chart-container {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  min-height: 300px;
  max-height: 100%; }

.flot-chart {
  width: 100%;
  position: relative;
  max-width: none;
  height: 400px; }
  .flot-chart canvas {
    position: absolute;
    top: 0;
    bottom: 0; }

/* Full Calendar */
.fc button {
  height: auto;
  background-image: none;
  text-shadow: none;
  font-weight: normal;
  background-color: #ffffff;
  border-color: #2c2e33;
  text-transform: capitalize;
  color: #a8b2b9; }
  .fc button .fc-icon-right-single-arrow:after,
  .fc button .fc-icon-left-single-arrow:after {
    color: #a8b2b9;
    font: normal normal normal 20px/1 "Material Design Icons"; }
  .fc button .fc-icon-right-single-arrow:after {
    content: "\F142"; }
  .fc button .fc-icon-left-single-arrow:after {
    content: "\F141"; }

.fc .fc-button-group .fc-button {
  background-color: #ffffff;
  margin: 0; }
  .fc .fc-button-group .fc-button.fc-state-active {
    color: #fc424a; }

.fc .fc-header-toolbar {
  margin-top: 2rem; }
  .fc .fc-header-toolbar .fc-center h2 {
    font-size: 1rem; }

.fc .fc-widget-header {
  border: 0; }
  .fc .fc-widget-header table tr th {
    border-width: 0 0 1px 0;
    text-align: right;
    padding: 1rem; }
    .fc .fc-widget-header table tr th span {
      font-size: 10px;
      text-transform: uppercase;
      color: #a8b2b9;
      letter-spacing: 1px; }

.fc .fc-content-skeleton table tr td {
  padding: .5rem;
  font-size: .875rem; }

.fc .fc-event {
  border: 0;
  color: #ffffff;
  padding: .5rem; }
  .fc .fc-event.fc-start {
    background: #0090e7;
    border-radius: 4px;
    border-left: 4px solid #0090e7; }
  .fc .fc-event.fc-not-start, .fc .fc-event.fc-not-end {
    background: #fc424a;
    border-left: 4px solid #fc424a;
    padding-left: .5rem; }
  .fc .fc-event.fc-not-end {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .fc .fc-event .fc-title,
  .fc .fc-event .fc-time {
    color: #ffffff; }

.fc-external-events .fc-event {
  background: #191c24;
  color: #ffffff;
  border-width: 0 0 0 4px;
  padding: 16px;
  border-radius: 0;
  margin-bottom: 10px; }
  .fc-external-events .fc-event:nth-child(1) {
    border-color: #0090e7; }
  .fc-external-events .fc-event:nth-child(2) {
    border-color: #fc424a; }
  .fc-external-events .fc-event:nth-child(3) {
    border-color: #00d25b; }
  .fc-external-events .fc-event:nth-child(4) {
    border-color: #8f5fe8; }
  .fc-external-events .fc-event:nth-child(4) {
    border-color: #ffab00; }

.fc-unthemed tbody td {
  border-color: #2c2e33; }

/* Google Charts */
.google-chart-container .google-charts {
  width: 100%;
  height: 280px;
  min-height: 280px;
  min-width: 100%; }

/* Icheck */
.icheck,
.icheck-flat,
.icheck-square,
.icheck-line {
  margin-bottom: .5rem; }
  .icheck label,
  .icheck-flat label,
  .icheck-square label,
  .icheck-line label {
    font-size: .8125rem;
    line-height: 1.5;
    margin-left: 5px;
    margin-bottom: 0; }

/* Jquery File Upload */
.ajax-upload-dragdrop {
  border-color: #2c2e33;
  border-style: dotted;
  max-width: 100%; }
  .ajax-upload-dragdrop span b {
    font-size: .8125rem;
    color: #ffffff;
    font-weight: initial; }
  .ajax-upload-dragdrop .ajax-file-upload {
    background: #8f5fe8;
    box-shadow: none;
    height: auto; }

.ajax-file-upload-container {
  min-height: 100px; }
  .ajax-file-upload-container .ajax-file-upload-statusbar {
    max-width: 100%; }

/* Js-grid */
.jsgrid .jsgrid-button {
  background-image: url(data:image/png;base64,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); }

.jsgrid .jsgrid-grid-header {
  border: none;
  border-top: 0; }

.jsgrid .jsgrid-grid-body {
  border-color: rgba(255, 255, 255, 0.1); }

.jsgrid .jsgrid-table th {
  font-weight: initial;
  font-weight: 700; }

.jsgrid .jsgrid-table th,
.jsgrid .jsgrid-table td {
  background-color: #0d0d0d; }

.jsgrid .jsgrid-table .jsgrid-filter-row input[type=number] {
  padding: .56rem 0; }

.jsgrid .jsgrid-header-sort:before {
  margin-top: 10px;
  float: right; }

.jsgrid .jsgrid-header-sort-asc:before {
  border-color: transparent transparent #ffffff; }

.jsgrid .jsgrid-header-sort-desc:before {
  border-color: #ffffff transparent transparent; }

.jsgrid .jsgrid-pager {
  line-height: 2; }

.jsgrid .jsgrid-pager-current-page {
  padding: 0.5rem 0.75rem;
  font-weight: initial;
  line-height: 1.25; }

.jsgrid .jsgrid-cell,
.jsgrid .jsgrid-header-cell {
  border: 1px solid rgba(255, 255, 255, 0.1); }

/* Jvectormap */
.jvectormap-container {
  background: #ffffff; }

.vector-map {
  width: 100%;
  height: 300px; }

.gauge text {
  fill: #6c7293; }

/* Light Gallery */
.lightGallery {
  width: 100%;
  margin: 0; }
  .lightGallery .image-tile {
    position: relative;
    margin-bottom: 30px; }
    .lightGallery .image-tile .demo-gallery-poster {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; }
      .lightGallery .image-tile .demo-gallery-poster img {
        display: block;
        margin: auto;
        width: 40%;
        max-width: 60px;
        min-width: 20px; }
    .lightGallery .image-tile img {
      max-width: 100%;
      width: 100%; }

/* Listify */
.listify-list input {
  border: 1px solid #f2f7f8;
  color: #aab2bd;
  background: #fff; }

.listify-list ul.list {
  list-style: none;
  padding-left: 0; }
  .listify-list ul.list li {
    display: block;
    border-bottom: 1px solid #2c2e33;
    padding: 15px 10px; }
    .listify-list ul.list li h5 {
      color: #0090e7; }
    .listify-list ul.list li p {
      color: #aab2bd;
      margin: 0; }

.morris-chart text {
  fill: #6c7293; }

/* No-ui-slider */
.noUi-target {
  border: none;
  box-shadow: none;
  border-radius: 0px; }
  .noUi-target .noUi-handle {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    box-shadow: none;
    background: #000000; }
    .noUi-target .noUi-handle:before {
      display: none; }
    .noUi-target .noUi-handle:after {
      content: "";
      width: 10px;
      height: 10px;
      border-radius: 100%;
      left: 4px;
      top: 4px; }
  .noUi-target.noUi-horizontal {
    height: 0.25rem; }
    .noUi-target.noUi-horizontal .noUi-handle {
      top: -8px; }
  .noUi-target.noUi-vertical {
    width: 0.25rem;
    height: 156px;
    display: inline-block; }
    .noUi-target.noUi-vertical .noUi-handle {
      left: -7px; }
  .noUi-target .noUi-base {
    box-shadow: none;
    border: none; }
    .noUi-target .noUi-base .noUi-connect {
      background: #0090e7;
      box-shadow: none; }
    .noUi-target .noUi-base .noUi-origin {
      background: #00d25b; }
  .noUi-target .noUi-pips .noUi-marker-horizontal,
  .noUi-target .noUi-pips .noUi-marker-vertical {
    background: #2c2e33; }
  .noUi-target .noUi-pips .noUi-marker-horizontal {
    height: 9px;
    width: 1px; }
  .noUi-target .noUi-pips .noUi-marker-vertical {
    height: 1px;
    width: 9px; }
  .noUi-target .noUi-pips .noUi-value {
    color: #ffffff;
    font-size: 0.94rem;
    font-weight: 700; }

/* Slider Color variations */
.slider-primary .noUi-base .noUi-connect {
  background: #0090e7; }

.slider-primary .noUi-base .noUi-origin {
  background: #0090e7; }
  .slider-primary .noUi-base .noUi-origin .noUi-handle:after {
    background: #0090e7; }
  .slider-primary .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
    background: #0090e7;
    color: #ffffff; }

.slider-secondary .noUi-base .noUi-connect {
  background: #e4eaec; }

.slider-secondary .noUi-base .noUi-origin {
  background: #e4eaec; }
  .slider-secondary .noUi-base .noUi-origin .noUi-handle:after {
    background: #e4eaec; }
  .slider-secondary .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
    background: #e4eaec;
    color: #ffffff; }

.slider-success .noUi-base .noUi-connect {
  background: #00d25b; }

.slider-success .noUi-base .noUi-origin {
  background: #00d25b; }
  .slider-success .noUi-base .noUi-origin .noUi-handle:after {
    background: #00d25b; }
  .slider-success .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
    background: #00d25b;
    color: #ffffff; }

.slider-info .noUi-base .noUi-connect {
  background: #8f5fe8; }

.slider-info .noUi-base .noUi-origin {
  background: #8f5fe8; }
  .slider-info .noUi-base .noUi-origin .noUi-handle:after {
    background: #8f5fe8; }
  .slider-info .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
    background: #8f5fe8;
    color: #ffffff; }

.slider-warning .noUi-base .noUi-connect {
  background: #ffab00; }

.slider-warning .noUi-base .noUi-origin {
  background: #ffab00; }
  .slider-warning .noUi-base .noUi-origin .noUi-handle:after {
    background: #ffab00; }
  .slider-warning .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
    background: #ffab00;
    color: #ffffff; }

.slider-danger .noUi-base .noUi-connect {
  background: #fc424a; }

.slider-danger .noUi-base .noUi-origin {
  background: #fc424a; }
  .slider-danger .noUi-base .noUi-origin .noUi-handle:after {
    background: #fc424a; }
  .slider-danger .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
    background: #fc424a;
    color: #ffffff; }

.slider-light .noUi-base .noUi-connect {
  background: #ffffff; }

.slider-light .noUi-base .noUi-origin {
  background: #ffffff; }
  .slider-light .noUi-base .noUi-origin .noUi-handle:after {
    background: #ffffff; }
  .slider-light .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
    background: #ffffff;
    color: #ffffff; }

.slider-dark .noUi-base .noUi-connect {
  background: #0d0d0d; }

.slider-dark .noUi-base .noUi-origin {
  background: #0d0d0d; }
  .slider-dark .noUi-base .noUi-origin .noUi-handle:after {
    background: #0d0d0d; }
  .slider-dark .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
    background: #0d0d0d;
    color: #ffffff; }

/* Owl-carousel */
.owl-carousel img {
  border-radius: 4px; }

.owl-carousel.full-width .owl-nav {
  position: absolute;
  top: 30%;
  width: 100%;
  margin-top: 0; }
  .owl-carousel.full-width .owl-nav .owl-prev,
  .owl-carousel.full-width .owl-nav .owl-next {
    background: transparent;
    color: #ffffff; }
    .owl-carousel.full-width .owl-nav .owl-prev i:before,
    .owl-carousel.full-width .owl-nav .owl-next i:before {
      width: 60px;
      height: 60px;
      background: rgba(0, 0, 0, 0.5);
      border-radius: 100%;
      font-size: 1.875rem;
      font-weight: bold;
      line-height: 2; }
  .owl-carousel.full-width .owl-nav .owl-prev {
    float: left; }
  .owl-carousel.full-width .owl-nav .owl-next {
    float: right; }

.owl-carousel.full-width .owl-dots {
  margin-top: 1rem; }

.owl-carousel .item-video {
  width: 200px;
  height: 200px; }

.owl-carousel.portfolio-carousel.full-width .owl-nav {
  top: auto;
  bottom: 100%;
  text-align: right; }
  .rtl .owl-carousel.portfolio-carousel.full-width .owl-nav {
    text-align: left; }
  .owl-carousel.portfolio-carousel.full-width .owl-nav .owl-prev,
  .owl-carousel.portfolio-carousel.full-width .owl-nav .owl-next {
    color: #a7afb7;
    margin: 0;
    padding: 0px 2px 14px 2px !important; }
    @media (min-width: 768px) and (max-width: 1200px) {
      .owl-carousel.portfolio-carousel.full-width .owl-nav .owl-prev,
      .owl-carousel.portfolio-carousel.full-width .owl-nav .owl-next {
        padding: 0px 2px 19px 0px; } }
    .owl-carousel.portfolio-carousel.full-width .owl-nav .owl-prev i,
    .owl-carousel.portfolio-carousel.full-width .owl-nav .owl-next i {
      text-align: center; }
      .owl-carousel.portfolio-carousel.full-width .owl-nav .owl-prev i:before,
      .owl-carousel.portfolio-carousel.full-width .owl-nav .owl-next i:before {
        width: 32px;
        height: 32px;
        font-size: 1.25rem;
        font-weight: normal;
        line-height: 32px; }
        @media (min-width: 768px) and (max-width: 1200px) {
          .owl-carousel.portfolio-carousel.full-width .owl-nav .owl-prev i:before,
          .owl-carousel.portfolio-carousel.full-width .owl-nav .owl-next i:before {
            width: 20px;
            height: 20px;
            font-size: .75rem;
            line-height: 20px; } }
  .owl-carousel.portfolio-carousel.full-width .owl-nav .owl-prev {
    float: none; }
  .owl-carousel.portfolio-carousel.full-width .owl-nav .owl-next {
    float: none; }

.owl-carousel.portfolio-carousel.full-width .owl-dots {
  margin-top: 1rem; }

/* Progressbar-js */
.progress-bar-js-line {
  height: 6px; }

.progressbar-js-circle {
  width: 100%;
  position: relative; }

.demo-progress-circle {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.progress {
  background-color: #2f323a;
  border-radius: 0px; }
  .progress .progress-bar {
    border-radius: 0px; }

/* Pws-tabs */
.pws_tabs_container ul.pws_tabs_controll {
  border-bottom: 1px solid #0090e7; }
  .pws_tabs_container ul.pws_tabs_controll li:first-child a {
    border-radius: 5px 0px 0px 0px; }
  .pws_tabs_container ul.pws_tabs_controll li:last-child a {
    border-right: 1px solid #0090e7;
    border-radius: 0px 5px 0px 0px; }
  .pws_tabs_container ul.pws_tabs_controll li a {
    border: 1px solid #0090e7;
    border-bottom: none;
    border-right: none;
    background: #fff;
    color: #0090e7;
    padding: 0.6em 1.3em;
    margin-right: 0; }
    .pws_tabs_container ul.pws_tabs_controll li a:hover {
      background: #fff;
      color: #0090e7; }
    .pws_tabs_container ul.pws_tabs_controll li a.pws_tab_active {
      background: #0090e7;
      color: #fff; }

.pws_tabs_container .demo-tabs {
  border: 1px solid #0090e7;
  border-radius: 0px 5px 5px 5px;
  overflow: hidden;
  margin-bottom: 45px;
  padding-top: 3.5rem; }
  .pws_tabs_container .demo-tabs .CodeMirror {
    margin-bottom: 20px; }

.pws_tabs_container.pws_tabs_vertical .pws_tabs_controll {
  border-right: none;
  border-bottom: none; }
  .pws_tabs_container.pws_tabs_vertical .pws_tabs_controll li:first-child a {
    border-radius: 5px 0px 0px 0px; }
  .pws_tabs_container.pws_tabs_vertical .pws_tabs_controll li:last-child a {
    border-bottom: 1px solid #0090e7;
    border-radius: 0px 0px 0px 5px;
    border-right: 0px; }
  .pws_tabs_container.pws_tabs_vertical .pws_tabs_controll li a {
    border-radius: 0px;
    border: 1px solid #0090e7;
    border-right: none;
    border-bottom: none;
    margin-bottom: 0; }

.pws_tabs_container.pws_tabs_horizontal_bottom .pws_tabs_list {
  margin-bottom: 0; }

.pws_tabs_container.pws_tabs_horizontal_bottom .pws_tabs_controll {
  border-top: 1px solid #0090e7;
  border-right: none;
  border-bottom: none; }
  .pws_tabs_container.pws_tabs_horizontal_bottom .pws_tabs_controll li:first-child a {
    border-radius: 0px 0px 0px 5px; }
  .pws_tabs_container.pws_tabs_horizontal_bottom .pws_tabs_controll li:last-child a {
    border-radius: 0px 0px 5px 0px;
    border-right: 1px solid #0090e7; }
  .pws_tabs_container.pws_tabs_horizontal_bottom .pws_tabs_controll li a {
    border-radius: 0px;
    border: 1px solid #0090e7;
    border-top: none;
    border-right: none;
    margin-right: 0;
    margin-bottom: 0; }

.pws_tabs_container.pws_tabs_rtl .pws_tabs_controll li:first-child a {
  border-radius: 0px 5px 0px 0px;
  border-right: 1px solid #0090e7; }

.pws_tabs_container.pws_tabs_rtl .pws_tabs_controll li:last-child a {
  border-right: none;
  border-radius: 5px 0px 0px 0px; }

.pws_tabs_container.pws_tabs_rtl .pws_tabs_controll li a {
  border: 1px solid #0090e7;
  border-bottom: none;
  border-right: none;
  margin-right: 0;
  margin-left: 0; }

/* Quill Editor */
.quill-container {
  height: 300px; }

.ql-toolbar.ql-snow,
.quill-container.ql-snow {
  border-color: #2c2e33; }

/* Rating */
.br-theme-fontawesome-stars .br-widget a,
.br-theme-css-stars .br-widget a {
  font-size: 20px; }
  .br-theme-fontawesome-stars .br-widget a:after,
  .br-theme-css-stars .br-widget a:after {
    color: #4d4d4d; }
  .br-theme-fontawesome-stars .br-widget a.br-selected:after, .br-theme-fontawesome-stars .br-widget a.br-active:after,
  .br-theme-css-stars .br-widget a.br-selected:after,
  .br-theme-css-stars .br-widget a.br-active:after {
    color: #ffab00; }

.br-theme-bars-1to10 .br-widget a,
.br-theme-bars-movie .br-widget a,
.br-theme-bars-pill .br-widget a,
.br-theme-bars-reversed .br-widget a,
.br-theme-bars-horizontal .br-widget a {
  background-color: #4d4d4d;
  color: #ffab00; }
  .br-theme-bars-1to10 .br-widget a.br-selected, .br-theme-bars-1to10 .br-widget a.br-active,
  .br-theme-bars-movie .br-widget a.br-selected,
  .br-theme-bars-movie .br-widget a.br-active,
  .br-theme-bars-pill .br-widget a.br-selected,
  .br-theme-bars-pill .br-widget a.br-active,
  .br-theme-bars-reversed .br-widget a.br-selected,
  .br-theme-bars-reversed .br-widget a.br-active,
  .br-theme-bars-horizontal .br-widget a.br-selected,
  .br-theme-bars-horizontal .br-widget a.br-active {
    background-color: #ffab00; }

.br-theme-bars-square .br-widget a {
  border-color: #4d4d4d;
  color: #6c7293;
  background: transparent; }
  .br-theme-bars-square .br-widget a.br-selected, .br-theme-bars-square .br-widget a.br-active {
    color: #ffab00;
    border-color: #ffab00; }

.br-theme-bars-movie .br-widget .br-current-rating,
.br-theme-bars-reversed .br-widget .br-current-rating,
.br-theme-bars-1to10 .br-widget .br-current-rating,
.br-theme-bars-horizontal .br-widget .br-current-rating {
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: initial; }

.br-theme-bars-1to10 {
  height: 26px; }
  .br-theme-bars-1to10 .br-widget {
    height: 24px; }
    .br-theme-bars-1to10 .br-widget .br-current-rating {
      line-height: 1; }

.br-theme-bars-pill .br-widget a {
  line-height: 2.5;
  color: #6c7293; }

/* Select2 */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #0090e7; }

.select2-container--default .select2-selection--single,
.select2-container--default .select2-dropdown,
.select2-container--default .select2-selection--multiple {
  border-color: #2c2e33;
  background: #000000; }
  .select2-container--default .select2-selection--single .select2-search__field,
  .select2-container--default .select2-dropdown .select2-search__field,
  .select2-container--default .select2-selection--multiple .select2-search__field {
    border-color: #2c2e33; }

.select2-container--default .select2-selection--single {
  height: auto; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ffffff;
    line-height: 14px; }

.select2-container--default .select2-dropdown {
  font-size: .8125rem; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #2c2e33; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  color: #ffffff;
  border: 0;
  border-radius: 3px;
  padding: 6px;
  font-size: .625rem;
  font-family: inherit;
  line-height: 1; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    color: #ffffff; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+1) {
    background: #0090e7; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+2) {
    background: #00d25b; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+3) {
    background: #8f5fe8; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+4) {
    background: #fc424a; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+5) {
    background: #ffab00; }

/* Summernote Editor */
.note-editor.note-frame {
  border: 1px solid #2c2e33; }

.note-popover {
  border: 1px solid #2c2e33; }

/* SweetAlert */
.swal2-container {
  z-index: 1500; }

.swal2-modal {
  min-height: 315px;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  flex-direction: column;
  border-radius: 10px; }
  .swal2-modal .swal2-title {
    font-size: 25px;
    line-height: 1;
    font-weight: 500;
    color: #ffffff;
    font-weight: initial;
    margin-bottom: 0; }
  .swal2-modal .swal2-icon,
  .swal2-modal .swal2-success-ring {
    margin-top: 0;
    margin-bottom: 42px; }
  .swal2-modal .swal2-buttonswrapper {
    margin-top: 0;
    padding: 0; }
    .swal2-modal .swal2-buttonswrapper .swal2-styled {
      margin-top: 0;
      font-weight: initial; }
      .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm {
        font-weight: initial;
        margin-top: 32px; }
      .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel {
        margin-top: 32px;
        border: 1px solid #2c2e33;
        color: #ffffff;
        font-weight: initial; }
  .swal2-modal .swal2-content {
    font-size: 0.875rem;
    font-weight: 500;
    color: #ffffff;
    font-weight: initial;
    margin-top: 11px; }
  .swal2-modal .swal2-close {
    font-size: 20px; }
  .swal2-modal .swal2-success-ring {
    left: -30px; }

/* Switchery */
.switchery {
  width: 35px;
  height: 21px;
  border-radius: 11px; }
  .switchery > small {
    width: 20px;
    height: 20px; }

.switchery-small {
  width: 25px;
  height: 13px; }
  .switchery-small > small {
    width: 13px;
    height: 13px; }

.switchery-large {
  width: 50px;
  height: 28px;
  border-radius: 14px; }
  .switchery-large > small {
    width: 27px;
    height: 27px; }

/* Tags */
div.tagsinput {
  padding: 15px 15px 10px;
  border-color: #2c2e33; }
  div.tagsinput span.tag {
    background: #0090e7;
    border: 0;
    color: #ffffff;
    padding: 6px 14px;
    font-size: .8125rem;
    font-family: inherit;
    line-height: 1; }
    div.tagsinput span.tag a {
      color: #ffffff; }

/* TinyMCE Editor */
.mce-tinymce.mce-panel,
.mce-tinymce .mce-panel {
  border-color: #2c2e33; }

/* Toast */
.jq-toast-wrap .jq-icon-success {
  background-color: #00d25b; }

.jq-toast-wrap .jq-icon-info {
  background-color: #8f5fe8; }

.jq-toast-wrap .jq-icon-warning {
  background-color: #ffab00; }

.jq-toast-wrap .jq-icon-error {
  background-color: #fc424a; }

/* Typeahead */
.tt-menu,
.gist {
  text-align: left; }

.twitter-typeahead {
  max-width: 100%; }

.typeahead {
  background-color: #2A3038; }
  .typeahead:focus {
    border-color: #2c2e33; }

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.tt-hint {
  color: #434a54; }

.tt-menu {
  width: 100%;
  margin: 12px 0;
  padding: 8px 0;
  background-color: #000000;
  border: 1px solid #2c2e33;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.tt-suggestion {
  padding: 3px 20px;
  font-size: inherit; }
  .tt-suggestion:hover {
    cursor: pointer;
    color: #ffffff;
    background-color: #0090e7; }
  .tt-suggestion .tt-cursor {
    color: #ffffff;
    background-color: #0090e7; }
  .tt-suggestion p {
    margin: 0; }

/* Wysi Editor */
.wysi-editor #toolbar [data-wysihtml-action] {
  float: right; }

.wysi-editor #toolbar,
.wysi-editor textarea {
  width: 920px;
  padding: 5px;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.wysi-editor textarea {
  height: 280px;
  border: 1px solid #2c2e33;
  font-family: inherit;
  font-size: 1rem; }

.wysi-editor textarea:focus {
  color: black;
  border: 1px solid #2c2e33; }

.wysi-editor .wysihtml-action-active,
.wysi-editor .wysihtml-command-active {
  font-weight: bold; }

.wysi-editor [data-wysihtml-dialog] {
  margin: 5px 0 0;
  padding: 5px;
  border: 1px solid #666; }

.wysi-editor a[data-wysihtml-command-value="red"] {
  color: #fc424a; }

.wysi-editor a[data-wysihtml-command-value="green"] {
  color: #00d25b; }

.wysi-editor a[data-wysihtml-command-value="blue"] {
  color: #8f5fe8; }

.wysi-editor .wysihtml-editor,
.wysi-editor .wysihtml-editor table td {
  outline: 1px dotted #2c2e33; }

.wysi-editor code {
  background: #ddd;
  padding: 10px;
  white-space: pre;
  display: block;
  margin: 1em 0; }

.wysi-editor .toolbar {
  display: block;
  border-radius: 3px;
  border: 1px solid #fff;
  margin-bottom: 9px;
  line-height: 1em; }

.wysi-editor .toolbar a {
  display: inline-block;
  height: 1.5em;
  border-radius: 3px;
  font-size: 1rem;
  line-height: 1.5em;
  text-decoration: none;
  background: #ffffff;
  border: 1px solid #2c2e33;
  padding: 0 0.2em;
  margin: 1px 0;
  color: #0090e7; }

.wysi-editor .toolbar .wysihtml-action-active,
.wysi-editor .toolbar a.wysihtml-command-active {
  background: #222;
  color: white; }

.wysi-editor .toolbar .block {
  padding: 1px;
  display: inline-block;
  background: #eee;
  border-radius: 3px;
  margin: 0 1px 1px 0; }

.wysi-editor div[data-wysihtml-dialog="createTable"] {
  position: absolute;
  background: white; }

.wysi-editor div[data-wysihtml-dialog="createTable"] td {
  width: 10px;
  height: 5px;
  border: 1px solid #2c2e33; }

.wysi-editor .wysihtml-editor table td.wysiwyg-tmp-selected-cell {
  outline: 2px solid #00d25b; }

.wysi-editor .editor-container-tag {
  padding: 5px 10px;
  position: absolute;
  color: white;
  background: rgba(0, 0, 0, 0.8);
  width: 100px;
  margin-left: -50px;
  -webkit-transition: 0.1s left, 0.1s top; }

.wysi-editor .wrap {
  max-width: 700px;
  margin: 40px; }

.wysi-editor .editable .wysihtml-uneditable-container {
  outline: 1px dotted #2c2e33;
  position: relative; }

.wysi-editor .editable .wysihtml-uneditable-container-right {
  float: right;
  width: 50%;
  margin-left: 2em;
  margin-bottom: 1em; }

.wysi-editor .editable .wysihtml-uneditable-container-left {
  float: left;
  width: 50%;
  margin-right: 2em;
  margin-bottom: 1em; }

/* X-editable */
.editable-form .editable {
  color: #ffffff;
  font-size: .8125rem; }

.editable-form .editable-click {
  border-color: #ffffff; }

.editable-container.editable-inline {
  max-width: 100%; }
  .editable-container.editable-inline .editableform {
    max-width: 100%; }
    .editable-container.editable-inline .editableform .control-group {
      max-width: 100%;
      white-space: initial; }
      .editable-container.editable-inline .editableform .control-group > div {
        max-width: 100%; }
      .editable-container.editable-inline .editableform .control-group .editable-input input,
      .editable-container.editable-inline .editableform .control-group .editable-input textarea {
        max-width: 100%; }
      .editable-container.editable-inline .editableform .control-group .editable-input .combodate .form-control, .editable-container.editable-inline .editableform .control-group .editable-input .combodate .asColorPicker-input, .editable-container.editable-inline .editableform .control-group .editable-input .combodate .dataTables_wrapper select, .dataTables_wrapper .editable-container.editable-inline .editableform .control-group .editable-input .combodate select, .editable-container.editable-inline .editableform .control-group .editable-input .combodate .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .editable-container.editable-inline .editableform .control-group .editable-input .combodate input[type=text],
      .editable-container.editable-inline .editableform .control-group .editable-input .combodate .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .editable-container.editable-inline .editableform .control-group .editable-input .combodate select, .editable-container.editable-inline .editableform .control-group .editable-input .combodate .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .editable-container.editable-inline .editableform .control-group .editable-input .combodate input[type=number], .editable-container.editable-inline .editableform .control-group .editable-input .combodate .select2-container--default .select2-selection--single, .select2-container--default .editable-container.editable-inline .editableform .control-group .editable-input .combodate .select2-selection--single, .editable-container.editable-inline .editableform .control-group .editable-input .combodate .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .editable-container.editable-inline .editableform .control-group .editable-input .combodate .select2-search__field, .editable-container.editable-inline .editableform .control-group .editable-input .combodate .typeahead,
      .editable-container.editable-inline .editableform .control-group .editable-input .combodate .tt-query,
      .editable-container.editable-inline .editableform .control-group .editable-input .combodate .tt-hint {
        padding-left: 0;
        padding-right: 0; }
      @media (max-width: 991px) {
        .editable-container.editable-inline .editableform .control-group .editable-buttons {
          display: block;
          margin-top: 10px; } }

/* Wizard */
.wizard {
  display: block;
  width: 100%;
  overflow: hidden; }
  .wizard a {
    outline: 0; }
  .wizard ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .wizard ul > li {
      display: block;
      padding: 0; }
  .wizard > .steps {
    position: relative;
    display: block;
    width: 100%; }
    .wizard > .steps .current-info {
      position: absolute;
      left: -999em; }
    .wizard > .steps .number {
      font-size: 0.875rem; }
    .wizard > .steps > ul > li {
      width: 25%;
      float: left;
      text-align: center; }
      @media (max-width: 767px) {
        .wizard > .steps > ul > li {
          width: 50%; } }
    .wizard > .steps a {
      display: block;
      width: auto;
      margin: 0 0.5em 0.5em;
      padding: 1em 1em;
      text-decoration: none;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      font-size: 0.875rem;
      font-weight: 500; }
      .wizard > .steps a:hover {
        display: block;
        width: auto;
        margin: 0 0.5em 0.5em;
        padding: 1em;
        text-decoration: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px; }
      .wizard > .steps a:active {
        display: block;
        width: auto;
        margin: 0 0.5em 0.5em;
        padding: 1em;
        text-decoration: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px; }
    .wizard > .steps .disabled a {
      background: rgba(0, 136, 204, 0.2);
      color: rgba(255, 255, 255, 0.7);
      cursor: default; }
      .wizard > .steps .disabled a:active {
        background: #e6e9ed e;
        color: #434a54;
        cursor: default; }
    .wizard > .steps .current a {
      background: rgba(0, 136, 204, 0.2);
      color: #ffffff;
      cursor: default; }
      .wizard > .steps .current a:active {
        background: #0090e7;
        color: #ffffff;
        cursor: default; }
    .wizard > .steps .done a {
      background: #4ebcff;
      color: #ffffff; }
      .wizard > .steps .done a:hover {
        background: #4ebcff;
        color: #ffffff; }
      .wizard > .steps .done a:active {
        background: #4ebcff;
        color: #ffffff; }
    .wizard > .steps .error a {
      background: #fc424a;
      color: #fff; }
      .wizard > .steps .error a:hover {
        background: #fc424a;
        color: #fff; }
      .wizard > .steps .error a:active {
        background: #fc424a;
        color: #fff; }
  .wizard > .content {
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: block;
    margin: 0.5em;
    min-height: 24em;
    overflow: hidden;
    position: relative;
    width: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }
    .wizard > .content > .title {
      position: absolute;
      left: -999em; }
    .wizard > .content > .body {
      float: left;
      position: absolute;
      width: 95%;
      height: 95%;
      padding: 2.5%;
      overflow-y: auto; }
      .wizard > .content > .body ul {
        list-style: disc; }
        .wizard > .content > .body ul > li {
          display: list-item; }
      .wizard > .content > .body > iframe {
        border: 0 none;
        width: 100%;
        height: 100%; }
      .wizard > .content > .body input {
        display: block;
        border: 1px solid #2c2e33; }
      .wizard > .content > .body input[type="checkbox"] {
        display: inline-block; }
      .wizard > .content > .body input.error {
        background: #fbe3e4;
        border: 1px solid #fea6aa;
        color: #fc424a; }
      .wizard > .content > .body label {
        display: inline-block;
        margin-bottom: 0.5em; }
      .wizard > .content > .body label.error {
        color: #fc424a;
        display: inline-block;
        margin-left: 1.5em; }
  .wizard > .actions {
    padding-top: 20px;
    position: relative;
    display: block;
    text-align: right;
    width: 100%; }
    .wizard > .actions > ul {
      display: inline-block;
      text-align: right; }
      .wizard > .actions > ul > li {
        float: left;
        margin: 0 0.5em; }
  .wizard.vertical > .steps {
    display: inline;
    float: left;
    width: 30%; }
    @media (max-width: 767px) {
      .wizard.vertical > .steps {
        width: 42%; } }
    .wizard.vertical > .steps > ul > li {
      float: none;
      width: 100%;
      text-align: left; }
  .wizard.vertical > .content {
    display: inline;
    float: left;
    margin: 0 2.5% 0.5em 2.5%;
    width: 65%; }
    @media (max-width: 767px) {
      .wizard.vertical > .content {
        width: 52%; } }
  .wizard.vertical > .actions {
    display: inline;
    float: right;
    margin: 0 2.5%;
    width: 95%; }
    @media (max-width: 767px) {
      .wizard.vertical > .actions {
        margin: 0;
        width: 100%; } }
    .wizard.vertical > .actions > ul > li {
      margin: 0 0 0 1em; }

.tabcontrol {
  display: block;
  width: 100%;
  overflow: hidden; }
  .tabcontrol a {
    outline: 0; }
  .tabcontrol ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .tabcontrol ul > li {
      display: block;
      padding: 0; }
  .tabcontrol > .steps {
    position: relative;
    display: block;
    width: 100%; }
    .tabcontrol > .steps .current-info {
      position: absolute;
      left: -999em; }
    .tabcontrol > .steps > ul {
      position: relative;
      margin: 6px 0 0 0;
      top: 1px;
      z-index: 1; }
      .tabcontrol > .steps > ul > li {
        float: left;
        margin: 5px 2px 0 0;
        padding: 1px;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px; }
        .tabcontrol > .steps > ul > li:hover {
          background: #edecec;
          border: 1px solid #2c2e33;
          padding: 0; }
        .tabcontrol > .steps > ul > li > a {
          color: #aab2bd;
          display: inline-block;
          border: 0 none;
          margin: 0;
          padding: 10px 30px;
          text-decoration: none; }
          .tabcontrol > .steps > ul > li > a:hover {
            text-decoration: none; }
      .tabcontrol > .steps > ul > li.current {
        background: #ffffff;
        border: 1px solid #2c2e33;
        border-bottom: 0 none;
        padding: 0 0 1px 0;
        margin-top: 0; }
        .tabcontrol > .steps > ul > li.current > a {
          padding: 15px 30px 10px 30px; }
  .tabcontrol > .content {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 35em;
    overflow: hidden;
    border-top: 1px solid #2c2e33;
    padding-top: 20px; }
    .tabcontrol > .content > .title {
      position: absolute;
      left: -999em; }
    .tabcontrol > .content > .body {
      float: left;
      position: absolute;
      width: 95%;
      height: 95%;
      padding: 2.5%; }
      .tabcontrol > .content > .body ul {
        list-style: disc; }
        .tabcontrol > .content > .body ul > li {
          display: list-item; }

/*-------------------------------------------------------------------*/
/* === Landing screens === */
/* Auth */
.auth.login-bg {
  background: url("../images/auth/Login_bg.jpg");
  background-size: cover; }

.auth .login-half-bg {
  background: url("../images/auth/login-bg.jpg");
  background-size: cover; }

.auth.register-half-bg {
  background: url("../images/auth/Login_bg2.jpg");
  background-size: cover; }

.auth.lock-full-bg {
  background: url("../images/auth/lockscreen-bg.jpg");
  background-size: cover; }

.auth .lock-profile-img {
  width: 90px;
  height: 90px;
  border-radius: 100%; }

.auth .auth-form-dark {
  background: rgba(0, 0, 0, 0.6);
  color: #ffffff; }
  .auth .auth-form-dark .form-control, .auth .auth-form-dark .asColorPicker-input, .auth .auth-form-dark .dataTables_wrapper select, .dataTables_wrapper .auth .auth-form-dark select, .auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark input[type=text],
  .auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark select, .auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark input[type=number], .auth .auth-form-dark .select2-container--default .select2-selection--single, .select2-container--default .auth .auth-form-dark .select2-selection--single, .auth .auth-form-dark .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .auth .auth-form-dark .select2-search__field, .auth .auth-form-dark .typeahead,
  .auth .auth-form-dark .tt-query,
  .auth .auth-form-dark .tt-hint {
    border-color: rgba(255, 255, 255, 0.2);
    color: #ffffff; }
    .auth .auth-form-dark .form-control:-ms-input-placeholder, .auth .auth-form-dark .asColorPicker-input:-ms-input-placeholder, .auth .auth-form-dark .dataTables_wrapper select:-ms-input-placeholder, .dataTables_wrapper .auth .auth-form-dark select:-ms-input-placeholder, .auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row input:-ms-input-placeholder[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark input:-ms-input-placeholder[type=text],
    .auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row select:-ms-input-placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark select:-ms-input-placeholder, .auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row input:-ms-input-placeholder[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark input:-ms-input-placeholder[type=number], .auth .auth-form-dark .select2-container--default .select2-selection--single:-ms-input-placeholder, .select2-container--default .auth .auth-form-dark .select2-selection--single:-ms-input-placeholder, .auth .auth-form-dark .select2-container--default .select2-selection--single .select2-search__field:-ms-input-placeholder, .select2-container--default .select2-selection--single .auth .auth-form-dark .select2-search__field:-ms-input-placeholder, .auth .auth-form-dark .typeahead:-ms-input-placeholder,
    .auth .auth-form-dark .tt-query:-ms-input-placeholder,
    .auth .auth-form-dark .tt-hint:-ms-input-placeholder {
      color: #ffffff; }
    .auth .auth-form-dark .form-control:-moz-placeholder, .auth .auth-form-dark .asColorPicker-input:-moz-placeholder, .auth .auth-form-dark .dataTables_wrapper select:-moz-placeholder, .dataTables_wrapper .auth .auth-form-dark select:-moz-placeholder, .auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row input:-moz-placeholder[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark input:-moz-placeholder[type=text],
    .auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row select:-moz-placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark select:-moz-placeholder, .auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row input:-moz-placeholder[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark input:-moz-placeholder[type=number], .auth .auth-form-dark .select2-container--default .select2-selection--single:-moz-placeholder, .select2-container--default .auth .auth-form-dark .select2-selection--single:-moz-placeholder, .auth .auth-form-dark .select2-container--default .select2-selection--single .select2-search__field:-moz-placeholder, .select2-container--default .select2-selection--single .auth .auth-form-dark .select2-search__field:-moz-placeholder, .auth .auth-form-dark .typeahead:-moz-placeholder,
    .auth .auth-form-dark .tt-query:-moz-placeholder,
    .auth .auth-form-dark .tt-hint:-moz-placeholder {
      color: #ffffff; }
    .auth .auth-form-dark .form-control::-moz-placeholder, .auth .auth-form-dark .asColorPicker-input::-moz-placeholder, .auth .auth-form-dark .dataTables_wrapper select::-moz-placeholder, .dataTables_wrapper .auth .auth-form-dark select::-moz-placeholder, .auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]::-moz-placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark input[type=text]::-moz-placeholder,
    .auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row select::-moz-placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark select::-moz-placeholder, .auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]::-moz-placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark input[type=number]::-moz-placeholder, .auth .auth-form-dark .select2-container--default .select2-selection--single::-moz-placeholder, .select2-container--default .auth .auth-form-dark .select2-selection--single::-moz-placeholder, .auth .auth-form-dark .select2-container--default .select2-selection--single .select2-search__field::-moz-placeholder, .select2-container--default .select2-selection--single .auth .auth-form-dark .select2-search__field::-moz-placeholder, .auth .auth-form-dark .typeahead::-moz-placeholder,
    .auth .auth-form-dark .tt-query::-moz-placeholder,
    .auth .auth-form-dark .tt-hint::-moz-placeholder {
      color: #ffffff; }
    .auth .auth-form-dark .form-control::-webkit-input-placeholder, .auth .auth-form-dark .asColorPicker-input::-webkit-input-placeholder, .auth .auth-form-dark .dataTables_wrapper select::-webkit-input-placeholder, .dataTables_wrapper .auth .auth-form-dark select::-webkit-input-placeholder, .auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]::-webkit-input-placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark input[type=text]::-webkit-input-placeholder,
    .auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row select::-webkit-input-placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark select::-webkit-input-placeholder, .auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]::-webkit-input-placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark input[type=number]::-webkit-input-placeholder, .auth .auth-form-dark .select2-container--default .select2-selection--single::-webkit-input-placeholder, .select2-container--default .auth .auth-form-dark .select2-selection--single::-webkit-input-placeholder, .auth .auth-form-dark .select2-container--default .select2-selection--single .select2-search__field::-webkit-input-placeholder, .select2-container--default .select2-selection--single .auth .auth-form-dark .select2-search__field::-webkit-input-placeholder, .auth .auth-form-dark .typeahead::-webkit-input-placeholder,
    .auth .auth-form-dark .tt-query::-webkit-input-placeholder,
    .auth .auth-form-dark .tt-hint::-webkit-input-placeholder {
      color: #ffffff; }

.auth .auth-form-light {
  background: #ffffff; }
  .auth .auth-form-light select {
    color: #4b5564; }
  .auth .auth-form-light .input-group .form-control:focus, .auth .auth-form-light .asColorPicker-wrap .form-control:focus, .auth .auth-form-light .input-group .asColorPicker-input:focus, .auth .auth-form-light .asColorPicker-wrap .asColorPicker-input:focus, .auth .auth-form-light .input-group .dataTables_wrapper select:focus, .dataTables_wrapper .auth .auth-form-light .input-group select:focus, .auth .auth-form-light .asColorPicker-wrap .dataTables_wrapper select:focus, .dataTables_wrapper .auth .auth-form-light .asColorPicker-wrap select:focus, .auth .auth-form-light .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .input-group input:focus[type=text], .auth .auth-form-light .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .asColorPicker-wrap input:focus[type=text],
  .auth .auth-form-light .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .input-group select:focus,
  .auth .auth-form-light .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .asColorPicker-wrap select:focus, .auth .auth-form-light .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .input-group input:focus[type=number], .auth .auth-form-light .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .asColorPicker-wrap input:focus[type=number], .auth .auth-form-light .input-group .select2-container--default .select2-selection--single:focus, .select2-container--default .auth .auth-form-light .input-group .select2-selection--single:focus, .auth .auth-form-light .asColorPicker-wrap .select2-container--default .select2-selection--single:focus, .select2-container--default .auth .auth-form-light .asColorPicker-wrap .select2-selection--single:focus, .auth .auth-form-light .input-group .select2-container--default .select2-selection--single .select2-search__field:focus, .select2-container--default .select2-selection--single .auth .auth-form-light .input-group .select2-search__field:focus, .auth .auth-form-light .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field:focus, .select2-container--default .select2-selection--single .auth .auth-form-light .asColorPicker-wrap .select2-search__field:focus, .auth .auth-form-light .input-group .typeahead:focus, .auth .auth-form-light .asColorPicker-wrap .typeahead:focus,
  .auth .auth-form-light .input-group .tt-query:focus,
  .auth .auth-form-light .asColorPicker-wrap .tt-query:focus,
  .auth .auth-form-light .input-group .tt-hint:focus,
  .auth .auth-form-light .asColorPicker-wrap .tt-hint:focus, .auth .auth-form-light .input-group .form-control:active, .auth .auth-form-light .asColorPicker-wrap .form-control:active, .auth .auth-form-light .input-group .asColorPicker-input:active, .auth .auth-form-light .asColorPicker-wrap .asColorPicker-input:active, .auth .auth-form-light .input-group .dataTables_wrapper select:active, .dataTables_wrapper .auth .auth-form-light .input-group select:active, .auth .auth-form-light .asColorPicker-wrap .dataTables_wrapper select:active, .dataTables_wrapper .auth .auth-form-light .asColorPicker-wrap select:active, .auth .auth-form-light .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:active[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .input-group input:active[type=text], .auth .auth-form-light .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:active[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .asColorPicker-wrap input:active[type=text],
  .auth .auth-form-light .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select:active, .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .input-group select:active,
  .auth .auth-form-light .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select:active, .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .asColorPicker-wrap select:active, .auth .auth-form-light .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:active[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .input-group input:active[type=number], .auth .auth-form-light .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:active[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .asColorPicker-wrap input:active[type=number], .auth .auth-form-light .input-group .select2-container--default .select2-selection--single:active, .select2-container--default .auth .auth-form-light .input-group .select2-selection--single:active, .auth .auth-form-light .asColorPicker-wrap .select2-container--default .select2-selection--single:active, .select2-container--default .auth .auth-form-light .asColorPicker-wrap .select2-selection--single:active, .auth .auth-form-light .input-group .select2-container--default .select2-selection--single .select2-search__field:active, .select2-container--default .select2-selection--single .auth .auth-form-light .input-group .select2-search__field:active, .auth .auth-form-light .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field:active, .select2-container--default .select2-selection--single .auth .auth-form-light .asColorPicker-wrap .select2-search__field:active, .auth .auth-form-light .input-group .typeahead:active, .auth .auth-form-light .asColorPicker-wrap .typeahead:active,
  .auth .auth-form-light .input-group .tt-query:active,
  .auth .auth-form-light .asColorPicker-wrap .tt-query:active,
  .auth .auth-form-light .input-group .tt-hint:active,
  .auth .auth-form-light .asColorPicker-wrap .tt-hint:active {
    border-color: #2c2e33; }

.auth .auth-form-transparent {
  background: transparent; }
  .auth .auth-form-transparent .form-control, .auth .auth-form-transparent .asColorPicker-input, .auth .auth-form-transparent .dataTables_wrapper select, .dataTables_wrapper .auth .auth-form-transparent select, .auth .auth-form-transparent .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-transparent input[type=text],
  .auth .auth-form-transparent .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-transparent select, .auth .auth-form-transparent .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-transparent input[type=number], .auth .auth-form-transparent .select2-container--default .select2-selection--single, .select2-container--default .auth .auth-form-transparent .select2-selection--single, .auth .auth-form-transparent .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .auth .auth-form-transparent .select2-search__field, .auth .auth-form-transparent .typeahead,
  .auth .auth-form-transparent .tt-query,
  .auth .auth-form-transparent .tt-hint,
  .auth .auth-form-transparent .input-group-text {
    border-color: #e4eaec; }
    .auth .auth-form-transparent .form-control:focus, .auth .auth-form-transparent .asColorPicker-input:focus, .auth .auth-form-transparent .dataTables_wrapper select:focus, .dataTables_wrapper .auth .auth-form-transparent select:focus, .auth .auth-form-transparent .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-transparent input:focus[type=text],
    .auth .auth-form-transparent .jsgrid .jsgrid-table .jsgrid-filter-row select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-transparent select:focus, .auth .auth-form-transparent .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-transparent input:focus[type=number], .auth .auth-form-transparent .select2-container--default .select2-selection--single:focus, .select2-container--default .auth .auth-form-transparent .select2-selection--single:focus, .auth .auth-form-transparent .select2-container--default .select2-selection--single .select2-search__field:focus, .select2-container--default .select2-selection--single .auth .auth-form-transparent .select2-search__field:focus, .auth .auth-form-transparent .typeahead:focus,
    .auth .auth-form-transparent .tt-query:focus,
    .auth .auth-form-transparent .tt-hint:focus, .auth .auth-form-transparent .form-control:active, .auth .auth-form-transparent .asColorPicker-input:active, .auth .auth-form-transparent .dataTables_wrapper select:active, .dataTables_wrapper .auth .auth-form-transparent select:active, .auth .auth-form-transparent .jsgrid .jsgrid-table .jsgrid-filter-row input:active[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-transparent input:active[type=text],
    .auth .auth-form-transparent .jsgrid .jsgrid-table .jsgrid-filter-row select:active, .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-transparent select:active, .auth .auth-form-transparent .jsgrid .jsgrid-table .jsgrid-filter-row input:active[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-transparent input:active[type=number], .auth .auth-form-transparent .select2-container--default .select2-selection--single:active, .select2-container--default .auth .auth-form-transparent .select2-selection--single:active, .auth .auth-form-transparent .select2-container--default .select2-selection--single .select2-search__field:active, .select2-container--default .select2-selection--single .auth .auth-form-transparent .select2-search__field:active, .auth .auth-form-transparent .typeahead:active,
    .auth .auth-form-transparent .tt-query:active,
    .auth .auth-form-transparent .tt-hint:active,
    .auth .auth-form-transparent .input-group-text:focus,
    .auth .auth-form-transparent .input-group-text:active {
      border-color: #e4eaec; }
  .auth .auth-form-transparent select {
    outline-color: #e4eaec; }

.auth.auth-img-bg {
  padding: 0; }
  @media (min-width: 768px) {
    .auth.auth-img-bg .auth-form-transparent {
      width: 55%;
      margin: auto; } }

.auth .brand-logo {
  margin-bottom: 2rem; }
  .auth .brand-logo img {
    width: 150px; }

.auth form .auth-form-btn {
  height: 50px;
  line-height: 1.5; }

.auth form .auth-link {
  font-size: 0.875rem; }
  .auth form .auth-link:hover {
    color: initial; }

.auth button {
  font-size: 0.875rem; }
  .auth button.enter-btn {
    height: 45px;
    margin-bottom: 28px; }

.auth .forgot-pass {
  font-size: 0.875rem;
  text-align: right; }

.auth .sign-up {
  font-size: 0.875rem;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 0; }
  .auth .sign-up a {
    color: #0090e7; }

.auth.login-2, .auth.option-2 {
  padding: 0; }
  .auth.login-2 .card, .auth.option-2 .card {
    height: 100vh; }

.auth .terms {
  font-size: 0.875rem;
  text-align: center;
  margin-top: 23px;
  margin-bottom: 0; }
  .auth .terms a {
    text-decoration: underline; }

/* Navbar */
.navbar {
  font-weight: normal;
  background: #191c24;
  left: 244px;
  transition: left 0.25s ease;
  -webkit-transition: left 0.25s ease;
  -moz-transition: left 0.25s ease;
  -ms-transition: left 0.25s ease; }
  @media (max-width: 992px) {
    .navbar {
      left: 0; } }
  .navbar .navbar-brand-wrapper {
    transition: width 0.25s ease, background 0.25s ease;
    -webkit-transition: width 0.25s ease, background 0.25s ease;
    -moz-transition: width 0.25s ease, background 0.25s ease;
    -ms-transition: width 0.25s ease, background 0.25s ease;
    background: #191c24;
    width: 244px;
    height: 70px; }
    @media (max-width: 991px) {
      .navbar .navbar-brand-wrapper {
        width: 55px; } }
    .navbar .navbar-brand-wrapper .navbar-brand {
      color: #38425e;
      font-size: 1.5rem;
      line-height: 48px;
      margin-right: 0;
      padding: 0rem 0rem 0rem 1.3rem;
      width: 100%; }
      .navbar .navbar-brand-wrapper .navbar-brand:active, .navbar .navbar-brand-wrapper .navbar-brand:focus, .navbar .navbar-brand-wrapper .navbar-brand:hover {
        color: #252b3e; }
      .navbar .navbar-brand-wrapper .navbar-brand img {
        width: calc(244px - 120px);
        max-width: 100%;
        height: 28px;
        margin: auto;
        vertical-align: middle; }
      .navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini {
        display: none; }
        .navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini img {
          /*width: calc(70px - 50px);*/
          max-width: 100%;
          height: 25px;
          margin: auto; }
  .navbar .navbar-menu-wrapper {
    transition: width 0.25s ease;
    -webkit-transition: width 0.25s ease;
    -moz-transition: width 0.25s ease;
    -ms-transition: width 0.25s ease;
    box-shadow: 20px 19px 34px -15px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 20px 19px 34px -15px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 20px 19px 34px -15px rgba(0, 0, 0, 0.5);
    color: #ffffff;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    height: 70px; }
    .rtl .navbar .navbar-menu-wrapper {
      box-shadow: -34px 19px 34px -15px #000000;
      -webkit-box-shadow: -34px 19px 34px -15px #000000;
      -moz-box-shadow: -34px 19px 34px -15px #000000; }
    @media (max-width: 991px) {
      .navbar .navbar-menu-wrapper {
        width: auto;
        padding-left: 15px;
        padding-right: 15px; } }
    .navbar .navbar-menu-wrapper .navbar-toggler {
      border: 0;
      color: #fff;
      height: 70px;
      border-radius: 0px; }
      .navbar .navbar-menu-wrapper .navbar-toggler:not(.navbar-toggler-right) {
        font-size: 0.875rem; }
        @media (max-width: 991px) {
          .navbar .navbar-menu-wrapper .navbar-toggler:not(.navbar-toggler-right) {
            display: none; } }
      @media (max-width: 991px) {
        .navbar .navbar-menu-wrapper .navbar-toggler.navbar-toggler-right {
          padding-left: 15px;
          padding-right: 11px;
          border-right: none; } }
    .navbar .navbar-menu-wrapper .search-field .input-group input, .navbar .navbar-menu-wrapper .search-field .asColorPicker-wrap input {
      font-size: 0.875rem;
      padding: .5rem; }
      .navbar .navbar-menu-wrapper .search-field .input-group input:-ms-input-placeholder, .navbar .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-ms-input-placeholder {
        font-size: 0.9375rem;
        color: #ffffff;
        font-weight: 300; }
      .navbar .navbar-menu-wrapper .search-field .input-group input:-moz-placeholder, .navbar .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-moz-placeholder {
        font-size: 0.9375rem;
        color: #ffffff;
        font-weight: 300; }
      .navbar .navbar-menu-wrapper .search-field .input-group input::-moz-placeholder, .navbar .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-moz-placeholder {
        font-size: 0.9375rem;
        color: #ffffff;
        font-weight: 300; }
      .navbar .navbar-menu-wrapper .search-field .input-group input::-webkit-input-placeholder, .navbar .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-webkit-input-placeholder {
        font-size: 0.9375rem;
        color: #ffffff;
        font-weight: 300; }
    .navbar .navbar-menu-wrapper .search-field .input-group i, .navbar .navbar-menu-wrapper .search-field .asColorPicker-wrap i {
      font-size: 17px;
      margin-right: 0;
      color: #ffffff; }
    .navbar .navbar-menu-wrapper .search-field .input-group .input-group-text, .navbar .navbar-menu-wrapper .search-field .asColorPicker-wrap .input-group-text {
      background: transparent; }
    .navbar .navbar-menu-wrapper .count-indicator {
      position: relative; }
      .navbar .navbar-menu-wrapper .count-indicator .count-symbol,
      .navbar .navbar-menu-wrapper .count-indicator .count-number {
        position: absolute;
        border-radius: 100%;
        border: 2px solid #191c24; }
      .navbar .navbar-menu-wrapper .count-indicator .count-symbol {
        top: 17px;
        right: -3px;
        width: 10px;
        height: 10px; }
      .navbar .navbar-menu-wrapper .count-indicator .count-number {
        min-width: 14px;
        height: 14px;
        font-size: .5rem;
        color: #ffffff;
        bottom: 16px;
        right: -5px;
        line-height: 1;
        text-align: center; }
      .navbar .navbar-menu-wrapper .count-indicator:after {
        display: none; }
      .navbar .navbar-menu-wrapper .count-indicator .count {
        position: absolute;
        left: 66%;
        width: 7px;
        height: 7px;
        color: #ffffff;
        border-radius: 100%;
        text-align: center;
        font-size: .625rem;
        line-height: 1.5;
        top: 7px; }
    .navbar .navbar-menu-wrapper .navbar-nav {
      flex-direction: row;
      align-items: center; }
      .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {
        color: inherit;
        font-size: 0.9375rem;
        margin-left: 1rem;
        margin-right: 1rem;
        white-space: nowrap; }
        @media (max-width: 767px) {
          .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {
            margin-left: .8rem;
            margin-right: .8rem; } }
        .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link i {
          font-size: 1.32rem; }
        .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link .navbar-profile {
          display: flex;
          font-weight: normal;
          align-items: center; }
          .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link .navbar-profile .navbar-profile-name {
            white-space: nowrap;
            margin-left: 1rem; }
          .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link .navbar-profile i {
            color: #fff; }
        .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link.create-new-button {
          padding: 0.375rem 0.75rem; }
      .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown {
        line-height: 1rem; }
        .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-toggle:after {
          color: #0090e7;
          font-size: 1rem; }
        .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu {
          border: none;
          border-radius: 4px; }
          .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown {
            position: absolute;
            font-size: 0.9rem;
            margin-top: 0;
            top: 48px;
            right: 0;
            left: auto;
            -webkit-box-shadow: 0px 0px 35px -3px black;
            -moz-box-shadow: 0px 0px 35px -3px black;
            box-shadow: 0px 0px 35px -3px black;
            padding: 0; }
            .rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown {
              right: auto;
              left: 0; }
            .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item {
              margin-bottom: 0;
              padding: 11px 13px;
              cursor: pointer; }
              .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item:hover {
                color: #fff; }
              .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item i {
                font-size: 17px; }
              .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item .ellipsis {
                max-width: 200px;
                overflow: hidden;
                text-overflow: ellipsis; }
              .rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item i {
                margin-left: 10px; }
            .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-divider {
              margin: 0; }
        @media (max-width: 991px) {
          .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown {
            position: static; }
            .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown {
              left: 20px;
              right: 20px;
              top: 70px;
              width: calc(100% - 40px); } }
      .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img {
        position: relative;
        width: 32px;
        height: 32px; }
        .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img img {
          width: 32px;
          height: 32px;
          border-radius: 100%; }
        .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img .availability-status {
          position: absolute;
          width: 10px;
          height: 10px;
          border-radius: 100%;
          border: 2px solid #ffffff;
          bottom: 5px;
          right: -5px; }
          .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img .availability-status.online {
            background: #00d25b; }
          .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img .availability-status.offline {
            background: #fc424a; }
          .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img .availability-status.busy {
            background: #ffab00; }
      .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-text {
        margin-left: 1.25rem; }
        .rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-text {
          margin-left: 0;
          margin-right: 1.25rem; }
        .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-text p {
          line-height: 1; }
        @media (max-width: 767px) {
          .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-text {
            display: none; } }
      .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link.dropdown-toggle:after {
        line-height: 2; }
      @media (min-width: 992px) {
        .navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right {
          margin-left: auto; }
          .rtl .navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right {
            margin-left: 0;
            margin-right: auto; } }
    .navbar .navbar-menu-wrapper .search input {
      background: #191c24;
      padding: 13px 20px 11px 20px;
      border: 1px solid #2c2e33; }
      .navbar .navbar-menu-wrapper .search input::placeholder {
        color: #6c7293;
        font-size: 0.875rem; }

@media (max-width: 991px) {
  .navbar {
    flex-direction: row; }
    .navbar .navbar-brand-wrapper {
      width: 75px; }
      .navbar .navbar-brand-wrapper .navbar-brand.brand-logo {
        display: none; }
      .navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini {
        display: inline-block; }
  .navbar-collapse {
    display: flex;
    margin-top: 0.5rem; } }

@media (max-width: 480px) {
  .navbar .navbar-brand-wrapper {
    width: 100px; }
    .navbar .navbar-brand-wrapper .brand-logo-mini {
      padding-top: 0px; } }

.sidebar-tinted .navbar .navbar-brand-wrapper {
  background: #fa424a; }

/* Sidebar */
.sidebar {
  min-height: calc(100vh - 70px);
  background: #191c24;
  font-weight: normal;
  padding: 0;
  width: 244px;
  z-index: 11;
  transition: width 0.25s ease, background 0.25s ease;
  -webkit-transition: width 0.25s ease, background 0.25s ease;
  -moz-transition: width 0.25s ease, background 0.25s ease;
  -ms-transition: width 0.25s ease, background 0.25s ease; }
  .sidebar .sidebar-brand-wrapper {
    transition: width 0.25s ease, background 0.25s ease;
    -webkit-transition: width 0.25s ease, background 0.25s ease;
    -moz-transition: width 0.25s ease, background 0.25s ease;
    -ms-transition: width 0.25s ease, background 0.25s ease;
    background: #191c24;
    width: 244px;
    height: 70px; }
    @media (max-width: 991px) {
      .sidebar .sidebar-brand-wrapper {
        width: 55px; } }
    .sidebar .sidebar-brand-wrapper .sidebar-brand {
      color: #38425e;
      font-size: 1.5rem;
      line-height: 48px;
      margin-right: 0;
      padding: 0rem 0rem 0rem 1.3rem;
      width: 100%; }
      .sidebar .sidebar-brand-wrapper .sidebar-brand:active, .sidebar .sidebar-brand-wrapper .sidebar-brand:focus, .sidebar .sidebar-brand-wrapper .sidebar-brand:hover {
        color: #252b3e; }
      .sidebar .sidebar-brand-wrapper .sidebar-brand img {
        width: calc(244px - 74px);
        max-width: 100%;
        height: 27px;
        margin: auto;
        vertical-align: middle; }
      .sidebar .sidebar-brand-wrapper .sidebar-brand.brand-logo-mini {
        display: none; }
        .sidebar .sidebar-brand-wrapper .sidebar-brand.brand-logo-mini img {
          width: calc(70px - 42px);
          max-width: 100%;
          height: 28px;
          margin: auto; }
  .sidebar .nav {
    overflow: hidden;
    flex-wrap: nowrap;
    flex-direction: column;
    margin-bottom: 60px;
    padding-top: 70px; }
    @media (max-width: 992px) {
      .sidebar .nav {
        padding-top: 0; } }
    .sidebar .nav .nav-item {
      -webkit-transition-duration: 0.25s;
      -moz-transition-duration: 0.25s;
      -o-transition-duration: 0.25s;
      transition-duration: 0.25s;
      transition-property: background;
      -webkit-transition-property: background;
      padding-right: 20px; }
      .sidebar .nav .nav-item .collapse {
        z-index: 999; }
      .sidebar .nav .nav-item .nav-link {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        white-space: nowrap;
        padding: 0.8rem 10px 0.8rem 1.188rem;
        color: #6c7293;
        -webkit-transition-duration: 0.45s;
        -moz-transition-duration: 0.45s;
        -o-transition-duration: 0.45s;
        transition-duration: 0.45s;
        transition-property: color;
        -webkit-transition-property: color;
        height: 46px;
        border-radius: 0px 100px 100px 0px; }
        .sidebar .nav .nav-item .nav-link i {
          color: inherit; }
          .sidebar .nav .nav-item .nav-link i.menu-icon {
            font-size: 1rem;
            line-height: 1;
            margin-left: auto;
            color: #bba8bff5; }
            .rtl .sidebar .nav .nav-item .nav-link i.menu-icon {
              margin-left: 0;
              margin-right: auto; }
            .sidebar .nav .nav-item .nav-link i.menu-icon:before {
              vertical-align: middle; }
          .sidebar .nav .nav-item .nav-link i.menu-arrow {
            font: normal normal normal 24px/1 "Material Design Icons";
            line-height: 1;
            font-size: 1rem;
            margin-left: auto;
            color: rgba(108, 114, 147, 0.36); }
            .rtl .sidebar .nav .nav-item .nav-link i.menu-arrow {
              margin-left: 0;
              margin-right: auto; }
            .sidebar .nav .nav-item .nav-link i.menu-arrow:before {
              content: "\f140";
              font-size: inherit;
              color: #96ccffde; }
        .sidebar .nav .nav-item .nav-link .menu-title {
          color: #c2c5d7;
          display: inline-block;
          font-size: 0.875rem;
          line-height: 1;
		  font-weight: 500;
          vertical-align: middle; }
        .sidebar .nav .nav-item .nav-link .badge {
          margin-right: auto;
          margin-left: 1rem; }
      .sidebar .nav .nav-item.active > .nav-link {
        background: #0f1015;
        position: relative; }
        .sidebar .nav .nav-item.active > .nav-link:before {
          content: "";
          width: 3px;
          height: 100%;
          background: #0090e7;
          display: inline-block;
          position: absolute;
          left: 0;
          top: 0; }
        .sidebar .nav .nav-item.active > .nav-link .menu-title {
          color: #ffffff; }
        .sidebar .nav .nav-item.active > .nav-link i {
          color: #ffffff; }
      .sidebar .nav .nav-item.nav-profile .nav-link {
        height: auto;
        line-height: 1;
        border-top: 0;
        padding: 1.25rem 0; }
        .sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-image {
          width: 44px;
          height: 44px; }
          .sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-image img {
            width: 44px;
            height: 44px;
            border-radius: 100%; }
        .sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-text {
          margin-left: 1rem; }
          .rtl .sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-text {
            margin-left: auto;
            margin-right: 1rem; }
        .sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-badge {
          font-size: 1.125rem;
          margin-left: auto; }
          .rtl .sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-badge {
            margin-left: 0;
            margin-right: auto; }
      .sidebar .nav .nav-item.sidebar-actions {
        margin-top: 1rem; }
        .sidebar .nav .nav-item.sidebar-actions .nav-link {
          border-top: 0;
          display: block;
          height: auto; }
        .sidebar .nav .nav-item.sidebar-actions:hover {
          background: initial; }
          .sidebar .nav .nav-item.sidebar-actions:hover .nav-link {
            color: initial; }
      .sidebar .nav .nav-item.profile {
        padding-right: 0px; }
        .rtl .sidebar .nav .nav-item.profile {
          padding-right: 10px; }
        .sidebar .nav .nav-item.profile .profile-desc {
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: space-between;
          padding: 0.6rem 1.17rem;
          line-height: 1.25; }
          .sidebar .nav .nav-item.profile .profile-desc .profile-name {
            margin-left: 1rem; }
            .rtl .sidebar .nav .nav-item.profile .profile-desc .profile-name {
              margin-left: 0;
              margin-right: 1rem; }
            .sidebar .nav .nav-item.profile .profile-desc .profile-name span {
              font-size: 12px;
              color: #6c7293;
              white-space: nowrap; }
            .sidebar .nav .nav-item.profile .profile-desc .profile-name h5 {
              white-space: nowrap; }
          .sidebar .nav .nav-item.profile .profile-desc .profile-pic {
            display: flex;
            align-items: center; }
            .sidebar .nav .nav-item.profile .profile-desc .profile-pic .count-indicator {
              position: relative; }
              .sidebar .nav .nav-item.profile .profile-desc .profile-pic .count-indicator .count-symbol,
              .sidebar .nav .nav-item.profile .profile-desc .profile-pic .count-indicator .count-number {
                position: absolute;
                border-radius: 100%;
                border: 2px solid #191c24; }
              .sidebar .nav .nav-item.profile .profile-desc .profile-pic .count-indicator .count-symbol {
                top: 17px;
                right: -3px;
                width: 10px;
                height: 10px; }
              .sidebar .nav .nav-item.profile .profile-desc .profile-pic .count-indicator .count-number {
                min-width: 14px;
                height: 14px;
                font-size: .5rem;
                color: #ffffff;
                bottom: 16px;
                right: -5px;
                line-height: 1;
                text-align: center; }
              .sidebar .nav .nav-item.profile .profile-desc .profile-pic .count-indicator:after {
                display: none; }
              .sidebar .nav .nav-item.profile .profile-desc .profile-pic .count-indicator .count {
                position: absolute;
                left: 66%;
                width: 10px;
                height: 10px;
                color: #ffffff;
                border-radius: 100%;
                text-align: center;
                font-size: .625rem;
                line-height: 1.5;
                top: 26px;
                border: 2px solid #2c2e33; }
          .sidebar .nav .nav-item.profile .profile-desc .mdi-dots-vertical {
            font-size: 20px;
            color: #6c7293; }
          .sidebar .nav .nav-item.profile .profile-desc .dropdown-menu {
            padding: 0;
            margin-top: 1.25rem; }
            .sidebar .nav .nav-item.profile .profile-desc .dropdown-menu .dropdown-item {
              padding: 11px 13px; }
              .sidebar .nav .nav-item.profile .profile-desc .dropdown-menu .dropdown-item.preview-item {
                align-items: center; }
                .sidebar .nav .nav-item.profile .profile-desc .dropdown-menu .dropdown-item.preview-item .preview-thumbnail .preview-icon {
                  width: 30px;
                  height: 30px; }
                  .sidebar .nav .nav-item.profile .profile-desc .dropdown-menu .dropdown-item.preview-item .preview-thumbnail .preview-icon i {
                    font-size: 0.875rem; }
              .sidebar .nav .nav-item.profile .profile-desc .dropdown-menu .dropdown-item:hover {
                color: inherit; }
            .sidebar .nav .nav-item.profile .profile-desc .dropdown-menu .dropdown-divider {
              margin: 0; }
      .sidebar .nav .nav-item.nav-category {
        padding: 0.5rem 1.188rem;
        line-height: 1; }
        .sidebar .nav .nav-item.nav-category .nav-link {
          color: #d8dae2;
          font-weight: 500;
          font-size: 14px;
          font-weight: 500;
          height: auto;
          padding-left: 0; }
      .sidebar .nav .nav-item .menu-icon {
        margin-right: 0.5rem;
        font-size: 0.8125rem;
        line-height: 1;
        background: rgba(108, 114, 147, 0.2);
        width: 31px;
        height: 31px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ffffff; }
        .sidebar .nav .nav-item .menu-icon i {
          font-size: 0.875rem; }
    .sidebar .nav.sub-menu {
      margin-bottom: 0;
      margin-top: 0;
      padding: 0 0 0 3.25rem;
      list-style: none; }
      .sidebar .nav.sub-menu .nav-item {
        padding: 0; }
        .sidebar .nav.sub-menu .nav-item .nav-link {
          color: #c2c5d7;
          padding: 0.7rem 0.35rem;
          position: relative;
          font-size: 0.855rem;
          line-height: 1;
          height: auto;
          border-top: 0; }
          .sidebar .nav.sub-menu .nav-item .nav-link.active {
            color: #9dacff;
            background: transparent; }
          .sidebar .nav.sub-menu .nav-item .nav-link:hover {
            color: #ffffff; }
        .sidebar .nav.sub-menu .nav-item:hover {
          background: transparent; }
    .sidebar .nav:not(.sub-menu) > .nav-item:hover:not(.nav-category):not(.account-dropdown) > .nav-link {
      background: #0f1015;
      color: #ffffff; }
    .sidebar .nav .menu-items:nth-child(5n+1) .nav-link .menu-icon i {
      color: #0090e7; }
    .sidebar .nav .menu-items:nth-child(5n+2) .nav-link .menu-icon i {
      color: #00d25b; }
    .sidebar .nav .menu-items:nth-child(5n+3) .nav-link .menu-icon i {
      color: #8f5fe8; }
    .sidebar .nav .menu-items:nth-child(5n+4) .nav-link .menu-icon i {
      color: #ffab00; }
    .sidebar .nav .menu-items:nth-child(5n+5) .nav-link .menu-icon i {
      color: #fc424a; }

/* style for off-canvas menu*/
@media screen and (max-width: 991px) {
  .sidebar-offcanvas {
    position: fixed;
    max-height: calc(100vh - 70px);
    top: 70px;
    bottom: 0;
    overflow: auto;
    right: -244px;
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out; }
    .sidebar-offcanvas.active {
      right: 0; } }

.sidebar-tinted .sidebar {
  background: #fa424a; }
  .sidebar-tinted .sidebar .sidebar-brand-wrapper {
    background: #fa424a; }
  .sidebar-tinted .sidebar .nav .nav-item .nav-link {
    color: #ffffff; }
    .sidebar-tinted .sidebar .nav .nav-item .nav-link .menu-icon i {
      color: white; }
    .sidebar-tinted .sidebar .nav .nav-item .nav-link i.menu-arrow {
      color: rgba(255, 255, 255, 0.36); }
  .sidebar-tinted .sidebar .nav .nav-item.active > .nav-link {
    background: rgba(12, 14, 14, 0.1); }
  .sidebar-tinted .sidebar .nav .nav-item.active:before {
    background: #ffffff; }
  .sidebar-tinted .sidebar .nav .nav-item.profile .profile-desc .profile-name span {
    color: #ffffff; }
  .sidebar-tinted .sidebar .nav .nav-item.profile .profile-desc .mdi-dots-vertical {
    color: #ffffff; }
  .sidebar-tinted .sidebar .nav .nav-item.profile .profile-pic .count-indicator .count {
    border: 2px solid #fa424a; }
  .sidebar-tinted .sidebar .nav.sub-menu .nav-item .nav-link:hover {
    font-weight: 500; }
  .sidebar-tinted .sidebar .nav:not(.sub-menu) > .nav-item:hover:not(.nav-category):not(.account-dropdown) > .nav-link {
    background: rgba(12, 14, 14, 0.1); }

/* Layouts */
.navbar.fixed-top + .page-body-wrapper {
  padding-top: 70px; }

@media (min-width: 992px) {
  .sidebar-icon-only .navbar {
    left: 70px; }
    .sidebar-icon-only .navbar .navbar-menu-wrapper {
      width: 100%; }
  .sidebar-icon-only .sidebar {
    width: 70px; }
    .sidebar-icon-only .sidebar .sidebar-brand-wrapper {
      width: 70px; }
      .sidebar-icon-only .sidebar .sidebar-brand-wrapper .brand-logo {
        display: none; }
      .sidebar-icon-only .sidebar .sidebar-brand-wrapper .brand-logo-mini {
        display: inline-block; }
    .sidebar-icon-only .sidebar .nav {
      overflow: visible; }
      .sidebar-icon-only .sidebar .nav .nav-item {
        position: relative;
        padding: 0; }
        .sidebar-icon-only .sidebar .nav .nav-item .profile-name {
          display: none; }
        .sidebar-icon-only .sidebar .nav .nav-item .mdi-dots-vertical {
          display: none; }
        .sidebar-icon-only .sidebar .nav .nav-item.account-dropdown {
          display: none; }
        .sidebar-icon-only .sidebar .nav .nav-item .nav-link {
          text-align: center; }
          .sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-title,
          .sidebar-icon-only .sidebar .nav .nav-item .nav-link .badge, .sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-sub-title {
            display: none; }
          .sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-title {
            border-radius: 0 5px 5px 0px; }
            .rtl.sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-title {
              border-radius: 5px 0 0 5px; }
          .sidebar-icon-only .sidebar .nav .nav-item .nav-link i.menu-icon {
            margin-right: 0;
            margin-left: 0; }
          .sidebar-icon-only .sidebar .nav .nav-item .nav-link i.menu-arrow {
            display: none; }
          .sidebar-icon-only .sidebar .nav .nav-item .nav-link[aria-expanded] .menu-title {
            border-radius: 0 5px 0 0px; }
            .rtl.sidebar-icon-only .sidebar .nav .nav-item .nav-link[aria-expanded] .menu-title {
              border-radius: 5px 0 0 0; }
        .sidebar-icon-only .sidebar .nav .nav-item.nav-profile {
          display: none; }
        .sidebar-icon-only .sidebar .nav .nav-item.nav-category {
          display: none; }
        .sidebar-icon-only .sidebar .nav .nav-item.nav-doc {
          margin: 0; }
          .sidebar-icon-only .sidebar .nav .nav-item.nav-doc i {
            display: block; }
        .sidebar-icon-only .sidebar .nav .nav-item .collapse {
          display: none; }
        .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title {
          display: -webkit-flex;
          display: flex;
          -webkit-align-items: center;
          align-items: center;
          background: #0f1015;
          padding: 0.5rem 1.4rem;
          left: 70px;
          position: absolute;
          text-align: left;
          top: 0;
          bottom: 0;
          width: 190px;
          z-index: 1;
          line-height: 1.8; }
          .sidebar-dark.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title {
            background: #0f1015; }
          .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title {
            left: auto;
            right: 70px;
            text-align: left; }
          .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title:after {
            display: none; }
        .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse,
        .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing {
          display: block;
          padding: .5rem 0;
          background: #0f1015;
          border-radius: 0 0 5px 0;
          position: absolute;
          left: 70px;
          width: 190px; }
          .sidebar-dark.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse, .sidebar-dark.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing {
            background: #191c24; }
          .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse, .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing {
            left: auto;
            right: 70px;
            border-radius: 0 0 0 5px; }
      .sidebar-icon-only .sidebar .nav.sub-menu {
        padding: 0 0 0 1.5rem; }
        .sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link {
          text-align: left;
          padding-left: 20px; }
          .sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link:before {
            content: "";
            display: inline-block;
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background-color: #6c7293;
            position: absolute;
            left: 0; }
          .sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link:hover:before {
            background-color: white; }
        .rtl.sidebar-icon-only .sidebar .nav.sub-menu .nav-item {
          margin-left: 0; }
          .rtl.sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link {
            text-align: right; }
            .rtl.sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link:before {
              left: 0;
              right: unset; }
    .sidebar-icon-only .sidebar .sidebar-actions {
      display: none; }
  .sidebar-icon-only.rtl .sidebar .nav .nav-item.profile {
    padding-right: 0; }
  .sidebar-icon-only .page-body-wrapper {
    width: calc(100% - 70px);
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease; } }

.page-body-wrapper {
  min-height: 100vh;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  padding-left: 0;
  padding-right: 0;
  transition: all 0.25s ease;
  width: calc(100% - 244px); }
  .page-body-wrapper.full-page-wrapper {
    width: 100%;
    min-height: 100vh; }
  @media (max-width: 992px) {
    .page-body-wrapper {
      width: 100%; } }

.container-scroller {
  display: flex;
  position: relative; }

.main-panel {
  transition: width 0.25s ease, margin 0.25s ease;
  width: 100%;
  min-height: calc(100vh - 70px);
  padding-top: 70px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column; }
  @media (max-width: 991px) {
    .main-panel {
      margin-left: 0;
      width: 100%; } }

.content-wrapper {
  background: #000000;
  padding: 1.875rem 1.75rem;
  width: 100%;
  -webkit-flex-grow: 1;
  flex-grow: 1; }

  @media (max-width: 768px) {
  .content-wrapper {
    padding: 1rem 1rem;   /* 여백 줄이기 */
  }
}
  
  
/* ===== 요금제 UI (페이지 전용) ===== */
          .plan-toggle-wrap{ display:flex; justify-content:center; margin: 4px  3px; padding-bottom:20px; }
          .plan-toggle{
            display:inline-flex; padding:5px; background:#eef2f6; border-radius:999px;
            border:1px solid rgba(0,0,0,.06); gap:4px;
          }
          .plan-toggle input{ display:none; }
          .plan-toggle label{
            cursor:pointer; user-select:none;
            padding:8px 12px; border-radius:999px;
            font-weight:700; font-size:14px;
            color:#6c757d;
            transition: all .15s ease;
            display:flex; align-items:center; gap:8px;
          }
          .plan-toggle .pill{
            font-size:12px; padding:10px 18px; border-radius:999px;
            background:#ffe4e7; color:#ff5267; font-weight:800;
          }
          .plan-toggle input:checked + label{
            background:#f58f8f; color:#fff; box-shadow: 0 6px 16px rgba(0,0,0,.08);
            border:1px solid rgba(0,0,0,.06);
          }

          .plans-grid{
            display:grid;
            grid-template-columns: repeat(4, minmax(220px, 1fr));
            gap: 14px;
          }
          @media (max-width: 1400px){ .plans-grid{ grid-template-columns: repeat(3, minmax(220px, 1fr)); } }
          @media (max-width: 992px){  .plans-grid{ grid-template-columns: repeat(2, minmax(220px, 1fr)); } }
          @media (max-width: 576px){  .plans-grid{ grid-template-columns: 1fr; } }

          .plan-card{
            background:#191c24;
            border:1px solid rgba(0,0,0,.06);
            border-radius:16px;
            overflow:hidden;
            transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
            height:100%;
          }
          .plan-card:hover{
            transform: translateY(-2px);
            box-shadow: 0 14px 36px rgba(0,0,0,.10);
            border-color: rgba(0,0,0,.12);
          }
          .plan-card.featured{
            border-color: rgba(0,123,255,.35);
            box-shadow: 0 14px 36px rgba(0,123,255,.10);
          }
          .plan-card .top{
            padding:16px 16px 10px;
            display:flex; justify-content:space-between; align-items:flex-start; gap:10px;
          }
          .badge-soft{
            display:inline-flex; align-items:center; gap:6px;
            padding:6px 10px; border-radius:999px;
            font-size:12px; font-weight:800;
            background: rgba(0,123,255,.10);
            color:#0b5ed7;
          }
          .badge-soft.green{ background: rgba(40,167,69,.12); color:#1f8a3a; }
          .plan-name{ font-size:18px; font-weight:900; margin: 0 0 2px; }
          .plan-code{ font-size:12px; color:#98a2b3; margin:0; }
          .plan-card .mid{ padding: 0 16px 12px; }
          .price{
            font-size:24px; font-weight:800; letter-spacing:-0.5px; margin: 6px 0 2px;
          }
          .price small{ font-size:13px; font-weight:800; color:#98a2b3; }
          .credit{
            font-size:14px; font-weight:800; margin-top:8px; background: #3d3d3d; width: 100%; align-items:center; gap:8px; text-align:center;
            padding:8px 10px; border-radius:12px;
          }
          .credit span{ color:#fff; }
          .desc{
            margin-top:10px; color:#858fa4; font-size:13px; line-height:1.4;
          }
          .desc b{ color:#bfc6dc; }
          .plan-card .bottom{
            padding: 12px 16px 16px;
            border-top: 1px solid rgba(0,0,0,.06);
          }
          .btn-plan{
            width:100%;
            border-radius:12px;
            padding:10px 12px;
            font-weight:900;
          }
          .btn-plan:disabled{ opacity:.7; cursor:not-allowed; }
          .hidden{ display:none !important; }
		  .small-note { margin-top:10px; font-size:14px; color:#8690a5; }
		  
		  .badge-soft{
            display:inline-flex; align-items:center; gap:6px;
            padding:6px 10px; border-radius:999px;
            font-size:12px; font-weight:900;
            background: rgb(56 62 73);
            color:#aba6ff;
            white-space:nowrap;
          }
		  
		.btn-plan.current{
            border:2px solid rgba(79,70,229,.75) !important;
            background:#fff !important;
            color:#4f46e5 !important;
          }


.fs--01 {
	font-size: 0.68019rem !important;
}
.fs--1 {
	font-size: 0.75019rem !important;
}
.fs-075 {
	font-size: .812rem !important;
}

.fs-005 {
	font-size: .875rem !important;
}

.fs-15 {
	font-size: .937rem !important;
}

.fs-0 {
	font-size: 1rem !important;
}

.fs-05 {
	font-size: 1.14rem !important;
}

.fs-1 {
	font-size: 1.333rem !important;
}
.fs-105 {
	font-size: 1.5rem !important;
}
.fs-2 {
	font-size: 1.77689rem !important;
}

.fs-2-5 {
	font-size: 2rem !important;
}

.fs-3 {
	font-size: 2.36859rem !important;
}

.fs-4 {
	font-size: 3.15733rem !important;
}

.fs-5 {
	font-size: 4.20873rem !important;
}

.fs-6 {
	font-size: 5.61023rem !important;
}

.fs-7 {
	font-size: 7.47844rem !important;
}

.fs-8 {
	font-size: 9.96876rem !important;
}

.lh-0 {
	line-height: 0 !important;
}

.lh-f1 {
	line-height: 0.7 !important;
}

.lh-f2 {
	line-height: 0.85 !important;
}

.lh-1 {
	line-height: 1 !important;
}

.lh-2 {
	line-height: 1.15 !important;
}

.lh-3 {
	line-height: 1.3 !important;
}

.lh-4 {
	line-height: 1.45 !important;
}

.lh-5 {
	line-height: 1.6 !important;
}

.lh-6 {
	line-height: 1.75 !important;
}

.lh-7 {
	line-height: 1.9 !important;
}

.lh-8 {
	line-height: 2.05 !important;
}

.fw-100 {
	font-weight: 100 !important;
}

.fw-200 {
	font-weight: 200 !important;
}

.fw-300 {
	font-weight: 300 !important;
}

.fw-400 {
	font-weight: 400 !important;
}

.fw-500 {
	font-weight: 500 !important;
}

.fw-600 {
	font-weight: 600 !important;
}

.fw-700 {
	font-weight: 700 !important;
}

.fw-800 {
	font-weight: 800 !important;
}
.color-black {
	color: black !important;
}

.background-black {
	background-color: black !important;
}

.border-color-black {
	border-color: black !important;
}

.color-1 {
	color: #0c151a !important;
}

.background-1 {
	background-color: #0c151a !important;
}

.border-color-1 {
	border-color: #0c151a !important;
}

.color-2 {
	color: #2b2b2b !important;
}

.background-2 {
	background-color: #2b2b2b !important;
}

.border-color-2 {
	border-color: #2b2b2b !important;
}

.color-3 {
	color: #404040 !important;
}

.background-3 {
	background-color: #404040 !important;
}

.border-color-3 {
	border-color: #404040 !important;
}

.color-4 {
	color: #555555 !important;
}

.background-4 {
	background-color: #555555 !important;
}

.border-color-4 {
	border-color: #555555 !important;
}

.color-5 {
	color: #6a6a6a !important;
}

.background-5 {
	background-color: #6a6a6a !important;
}

.border-color-5 {
	border-color: #6a6a6a !important;
}

.color-6 {
	color: #7F7F7F !important;
}

.background-6 {
	background-color: #7F7F7F !important;
}

.border-color-6 {
	border-color: #7F7F7F !important;
}

.color-7 {
	color: #949494 !important;
}

.background-7 {
	background-color: #949494 !important;
}

.border-color-7 {
	border-color: #949494 !important;
}

.color-8 {
	color: #bebebe !important;
}

.background-8 {
	background-color: #bebebe !important;
}

.border-color-8 {
	border-color: #bebebe !important;
}

.color-9 {
	color: #e1e1e1 !important;
}

.background-9 {
	background-color: #e1e1e1 !important;
}

.border-color-9 {
	border-color: #e1e1e1 !important;
}

.color-10 {
	color: #f2f2f2 !important;
}

.background-10 {
	background-color: #f2f2f2 !important;
}

.border-color-10 {
	border-color: #f2f2f2 !important;
}

.color-11 {
	color: #fafafa !important;
}

.background-11 {
	background-color: #fafafa !important;
}

.border-color-11 {
	border-color: #fafafa !important;
}

.color-white {
	color: white !important;
}

.background-white {
	background-color: white !important;
}

.border-color-white {
	border-color: white !important;
}

.color-primary {
	color: #065fd4 !important;
}

.background-primary {
	background-color: #4840db !important;
}

.border-color-primary {
	border-color: #4840db !important;
}

.color-info {
	color: #669514 !important;
} 

.background-info {
	background-color: #e8f3ff !important;
}

.border-color-info {
	border-color: #e8f3ff !important;
}
 
.color-success {
	color: #1fa925 !important;
}

.background-success {
	background-color: #6ae791 !important;
}

.border-color-success {
	border-color: #6ae791 !important;
}

.color-warning {
	color: #ffd15d !important;
}

.background-warning {
	background-color: #FF9500 !important;
}

.border-color-warning {
	border-color: #FF9500 !important;
}

.color-danger {
	color: #ff186c !important;
}

.background-danger {
	background-color: #FF3B30 !important;
}

.border-color-danger {
	border-color: #FF3B30 !important;
}

.color-oxford {
	color: #002147 !important;
}

.background-oxford {
	background-color: #002147 !important;
}

.border-color-oxford {
	border-color: #002147 !important;
}

.color-facebook {
	color: #3b5998 !important;
}

.background-facebook {
	background-color: #3b5998 !important;
}

.border-color-facebook {
	border-color: #3b5998 !important;
}

.color-twitter {
	color: #1da1f2 !important;
}

.background-twitter {
	background-color: #1da1f2 !important;
}

.border-color-twitter {
	border-color: #1da1f2 !important;
}

.color-google-plus {
	color: #db4437 !important;
}

.background-google-plus {
	background-color: #db4437 !important;
}

.border-color-google-plus {
	border-color: #db4437 !important;
}

.color-secondary {
	color: #7368e8 !important;
}

.background-secondary {
	background-color: #4347ff !important;
}

.border-color-secondary {
	border-color: #4347ff !important;
}

.color-secondary2 {
	color: #6d34ce !important;
}

.background-secondary2 {
	background-color: #6d34ce !important;
}

.border-color-secondary2 {
	border-color: #6d34ce !important;
}

.color-github {
	color: #24292e !important;
}

.background-github {
	background-color: #24292e !important;
}

.border-color-github {
	border-color: #24292e !important;
}

/* 기본값: 태블릿/PC 레이아웃 */
.hidden-xs { display: block; }
.mobile-po,
.mobile-ho { display: none; }

/* 폰 전용(≤ 767.98px): 모바일 레이아웃 */
@media (max-width: 767.98px) {
  .gnb-1 { height: 54px; }

  .hidden-xs { display: none !important; }
  /* 기존 마크업 유지: portrait/landscape 구분 없이 둘 다 보여줌 */
  .mobile-po,
  .mobile-ho { display: block !important; }

  .layer .container { width: 95% !important; }
  .layer .container * { max-width: 300px !important; }
}

/* 태블릿/PC(≥ 768px): 데스크톱 레이아웃 */
@media (min-width: 768px) {
  .hidden-xs { display: block !important; }
  .mobile-po,
  .mobile-ho { display: none !important; }

  .layer .container { width: 95% !important; }
  .layer .container * { max-width: 600px !important; }
}

/* 초소형 기기 보정 */
@media (max-width: 359px) {
  .list-default h4 { font-size: .92rem !important; }
  .list-default .con-info p { height: 2rem; font-size: .8rem; }
  .list-default .btn-sm { padding: .2rem .6rem; font-size: .74rem; }
  .list-default i { margin-right: 0 !important; }
}
/*# sourceMappingURL=maps/style.css.map */